:root{color-scheme:light;--page:#fafaf7;--ink:#273527;--muted:#60745e;--green:#40694a;--border:#dce4db;--surface:#eef3ea;--hero:#e7eee3;--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-family:var(--font);color:var(--ink);background:var(--page);font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #63985d;outline-offset:6px}svg{display:block}img{display:block;max-width:100%}p,h1,h2,h3,figure{margin:0}button,a{-webkit-tap-highlight-color:transparent}::selection{background:#d4e7d3}.section-width{width:min(1200px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;top:12px;left:20px;z-index:100;padding:12px 20px;color:white;background:var(--green);border-radius:8px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
.site-header{position:sticky;top:0;z-index:20;background:rgba(250,252,247,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(223,231,216,.7)}.header-inner{width:min(1280px,calc(100% - 96px));height:84px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:9px;flex-shrink:0}.brand img{border-radius:11px}.brand span{font-size:28px;font-weight:690;letter-spacing:-1px}.site-header nav{display:flex;align-items:center;gap:35px;font-size:14px;font-weight:550}.site-header nav>a{transition:color .15s}.site-header nav>a:hover{color:var(--green)}
.hero{min-height:780px;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:28px;padding-block:58px 64px}.hero-copy{position:relative;z-index:3;padding-bottom:26px}.eyebrow{font-size:12px;font-weight:650;letter-spacing:1.9px;color:var(--green);line-height:1.7}.hero .eyebrow{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:1px}.status-dot{width:6px;height:6px;border-radius:50%;background:#699d64;box-shadow:0 0 0 4px #eaf1e9}.hero h1{margin-top:25px;font-size:clamp(42px,4.65vw,64px);line-height:1.33;letter-spacing:-2.9px;font-weight:650}.hero h1 span{color:var(--green)}.hero-description{margin-top:25px;font-size:17px;line-height:1.95;color:var(--muted);max-width:410px}.hero-actions{margin-top:35px;display:flex;align-items:center;gap:13px;flex-wrap:wrap}.button{min-height:50px;padding:14px 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:10px;font-size:13px;line-height:1.5;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button svg{width:21px;height:21px}.button-primary{background:var(--green);color:white;box-shadow:0 6px 16px #27352710}.button-primary:hover{background:#365735}.button .arrow{margin-left:8px}.button-text{padding-inline:8px;color:var(--green)}.button-text span{margin-left:3px}.hero-platforms{margin-top:22px;font-size:11px;letter-spacing:.5px;color:#738571}.hero-platforms span{padding-inline:6px}
.hero-visual{position:relative;height:620px;isolation:isolate;min-width:0}.visual-orbit{position:absolute;width:500px;height:500px;max-width:100%;background:#e8eee4;border-radius:50%;top:60px;left:50%;transform:translateX(-50%);z-index:-1}.visual-orbit:after{content:"";position:absolute;inset:25px;border:1px solid #d3e3d1;border-radius:50%}.phone{--x:0%;--rot:0deg;--lift:0px;--zoom:1;position:absolute;background:var(--page);border:6px solid #fafaf7;outline:1px solid #d1ddd0;border-radius:32px;overflow:hidden;box-shadow:0 22px 40px #274c2320;transform:translateX(var(--x)) translateY(calc(-1 * var(--lift))) rotate(var(--rot)) scale(var(--zoom));transition:transform .5s cubic-bezier(.22,.68,.36,1),opacity .35s ease,filter .35s ease,box-shadow .35s ease,outline-color .35s ease;will-change:transform}.phone img{width:100%;height:auto}.phone-garage{--x:-50%;--rot:-5deg;width:238px;left:50%;top:34px;z-index:3}.phone-trip{--rot:8deg;width:208px;right:-8px;top:120px;z-index:2}.phone-reports{--rot:-12deg;width:190px;left:-7px;top:129px;z-index:1}.visual-label{position:absolute;bottom:28px;right:12px;z-index:7;display:flex;align-items:center;gap:10px;padding:13px 17px;background:#ffffffed;border:1px solid #dde5dc;border-radius:12px;box-shadow:0 8px 25px #38533609;font-size:11px;letter-spacing:.3px;color:var(--green);transform:rotate(-3deg)}.label-route{font-size:22px;line-height:1}.demo-caption{position:absolute;bottom:-7px;left:0;right:0;text-align:center;font-size:10px;color:#768575;letter-spacing:1px}
.features{padding-block:62px 104px;border-top:1px solid var(--border)}.section-heading h2,.story h2,.connection-copy h2{font-size:36px;font-weight:620;line-height:1.5;letter-spacing:-1.3px}.section-heading h2{margin-top:13px}.section-heading>p:last-child{font-size:14px;color:var(--muted);line-height:1.9;margin-top:17px}.mobile-break{display:none}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:46px;margin-top:49px}.feature{border-top:1px solid #c6d7c5;padding-top:20px}.feature-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--green)}.feature-number{font-size:11px;letter-spacing:1px;font-weight:600}.feature-heading svg{width:31px;height:31px}.feature h3{font-size:19px;font-weight:620;letter-spacing:-.2px;margin-top:23px}.feature p{font-size:13px;line-height:2;color:var(--muted);margin-top:13px;max-width:315px}.feature-tags{display:block;color:#6f856d;font-size:10px;letter-spacing:.5px;margin-top:24px}.feature-tags span{padding-inline:10px;color:#aab9a8}
.story-section{background:transparent;border:0}.story{padding-block:82px;padding-inline:clamp(22px,4.6vw,56px);background:#ecf2ec;border:1px solid #e3eae2;border-radius:26px;display:grid;grid-template-columns:1.05fr 1fr;gap:94px;align-items:center}.story-art{position:relative;min-height:355px;border-radius:24px;isolation:isolate;background:#e2ebe1;border:1px solid #dce5db;overflow:hidden}.journey-illustration{position:absolute;width:100%;height:100%;inset:0;opacity:.9}.map-road{stroke:#f3f6f2;stroke-width:19}.minor-road{stroke-width:8}.route-shadow{stroke:#abc4a8;stroke-width:15;stroke-linecap:round}.journey-route{stroke:#50844c;stroke-width:6;stroke-linecap:round}.route-endpoint{fill:#fafaf7;stroke:#60925c;stroke-width:3}.route-endpoint-center{fill:#40694a}.journey-note{position:absolute;display:flex;align-items:center;gap:7px;padding:10px 13px;font-size:10px;color:var(--green);background:#fafaf7f5;border:1px solid #cfe0ce;border-radius:10px;box-shadow:0 4px 15px #30562d08}.note-start{top:61%;left:10%}.note-dot{width:5px;height:5px;background:var(--green);border-radius:50%}.note-end{right:7%;top:13%}.note-end span{font-size:15px}.journey-card{position:absolute;left:21%;right:6%;bottom:35px;display:flex;flex-direction:column;gap:13px;background:#fafaf7f5;border:1px solid #cfe0ce;box-shadow:0 10px 25px #30562d0a;padding:22px 24px;border-radius:16px;transform:rotate(-3deg)}.journey-card-label{font-size:10px;letter-spacing:1px;color:#6f886d}.journey-card strong{font-size:21px;font-weight:600;letter-spacing:-.4px}.journey-card>span:last-child{font-size:10px;color:var(--muted)}.illustration-caption{position:absolute;left:13px;bottom:12px;font-size:9px;color:#71886e;letter-spacing:1px}.story-copy .eyebrow{letter-spacing:1.1px}.story h2{margin-top:15px;font-size:33px;line-height:1.6}.story-copy>p:not(.eyebrow){margin-top:20px;font-size:13px;line-height:2.1;color:var(--muted)}.story-list{list-style:none;padding:0;margin:24px 0;display:grid;gap:13px;font-size:12px;color:#4e684c}.story-list li{display:flex;gap:12px;align-items:center}.story-list li>span{width:18px;height:18px;display:grid;place-items:center;background:#dae5d9;border-radius:50%;font-size:11px;font-weight:650}.text-link{display:inline-flex;align-items:center;gap:12px;color:var(--green);font-size:12px;font-weight:600;line-height:1.8}.text-link:hover{text-decoration:underline;text-underline-offset:4px}
.downloads{padding-block:98px 80px}.downloads .section-heading{text-align:center}.download-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:43px}.download-card{min-height:235px;display:flex;align-items:flex-start;flex-direction:column;padding:25px 26px;background:#edf3ed;border:1px solid #dbe3db;border-radius:16px;transition:background .2s,border-color .2s,transform .2s}.download-card:hover{transform:translateY(-4px);border-color:#92af8f;background:#e8f0e7}.platform-icon{width:33px;height:33px;color:var(--green);margin-bottom:24px}.download-title{font-size:19px;font-weight:620;letter-spacing:-.4px}.download-description{font-size:11px;color:var(--muted);margin-top:8px}.download-action{font-size:11px;color:var(--green);display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding-top:27px;font-weight:550}.download-action>span{font-size:17px;font-weight:400}.download-featured{background:var(--green);border-color:var(--green);color:white}.download-featured .platform-icon,.download-featured .download-description,.download-featured .download-action{color:#edf4ec}.download-featured:hover{background:#365735;border-color:#365735}.download-pending[aria-disabled="true"]{cursor:pointer}.download-notice{font-size:11px;line-height:1.9;color:#768575;text-align:center;min-height:42px;margin-top:20px}.download-notice.is-active{color:var(--green)}
.connection-section{padding:52px 58px;display:grid;grid-template-columns:1fr 1fr;gap:110px;background:#e4ecdf;color:#232b25;border:1px solid #d3dfcd;border-radius:23px;margin-bottom:84px}.connection-copy .eyebrow{color:#b4cbb2;font-size:10px;letter-spacing:1px}.connection-copy h2{font-size:30px;line-height:1.55;letter-spacing:-.8px;margin-top:16px}.connection-copy>p:not(.eyebrow){font-size:12px;line-height:2.1;color:#5d675e;margin-top:19px}.connection-copy>a{display:inline-flex;align-items:center;gap:18px;color:#40694a;font-size:11px;margin-top:23px}.connection-copy>a:hover{text-decoration:underline;text-underline-offset:4px}.connection-steps{margin:0;padding:3px 0;list-style:none;display:flex;flex-direction:column;justify-content:space-between;gap:26px}.connection-steps>li{display:flex;gap:20px;align-items:flex-start;padding-bottom:25px;border-bottom:1px solid #cfdccb}.connection-steps>li:last-child{padding-bottom:0;border:0}.connection-steps>li>span{font-size:10px;line-height:25px;letter-spacing:1px;color:#50705a}.connection-steps h3{font-size:15px;font-weight:550;line-height:25px;letter-spacing:.2px}.connection-steps p{color:#5d675e;font-size:11px;line-height:1.8;margin-top:6px}
.site-footer{padding-bottom:29px}.footer-top{display:flex;align-items:center;gap:17px;padding-bottom:30px;border-bottom:1px solid var(--border)}.footer-brand span{font-size:24px}.footer-brand img{border-radius:9px}.footer-top>p{font-size:11px;color:var(--muted);letter-spacing:.4px}.footer-top nav{margin-left:auto;display:flex;align-items:center;gap:25px;font-size:11px;color:var(--muted)}.footer-top nav a:hover,.footer-bottom a:hover{color:var(--green);text-decoration:underline;text-underline-offset:4px}.footer-bottom{padding-top:22px;display:flex;flex-wrap:wrap;align-items:center;gap:9px 24px;font-size:10px;line-height:1.8;color:#839282}.footer-bottom>span:last-child{margin-left:auto}.footer-bottom a{color:#6f856d}
@media(min-width:1440px){.hero h1{font-size:66px}.hero-visual{height:660px}.phone-garage{width:254px}.phone-trip{width:216px;right:0;top:133px}.phone-reports{width:202px;left:-5px;top:145px}.visual-orbit{width:540px;height:540px}.visual-label{bottom:25px}}
@media(max-width:1100px){.section-width{width:calc(100% - 64px)}.header-inner{width:calc(100% - 64px)}.hero{gap:10px;min-height:710px;padding-block:45px 55px;grid-template-columns:1fr 1.05fr}.hero h1{font-size:clamp(37px,4.7vw,54px);letter-spacing:-2px}.hero-description{font-size:15px;max-width:355px}.hero-visual{height:550px}.visual-orbit{width:400px;height:400px;top:65px}.phone-garage{width:205px;top:39px}.phone-trip{width:171px;right:-2px;top:127px}.phone-reports{width:157px;left:-9px;top:127px}.phone{border-width:5px;border-radius:28px}.visual-label{right:4px;bottom:27px;font-size:10px;padding:11px 13px}.demo-caption{bottom:-2px}.hero-actions{gap:8px}.button{font-size:12px;padding-inline:13px}.button-text{padding-inline:3px}.feature-grid{gap:30px}.story{gap:55px}.story h2{font-size:29px}.story-art{min-height:345px}.journey-card strong{font-size:18px}.journey-card{padding:20px;left:14%;right:7%}.download-card{padding:23px 21px}.connection-section{padding:45px;gap:65px}}
@media(max-width:800px){.section-width{width:calc(100% - 48px)}.header-inner{width:calc(100% - 48px);height:73px}.brand span{font-size:25px}.brand img{width:36px;height:36px}.site-header nav{gap:20px;font-size:12px}.hero{grid-template-columns:1fr;gap:16px;text-align:center;padding-block:49px 53px;min-height:auto}.hero-copy{padding-bottom:0}.hero .eyebrow{justify-content:center;font-size:11px}.hero h1{font-size:53px;letter-spacing:-2.5px;margin-top:21px}.hero-description{margin:19px auto 0;font-size:15px;max-width:400px;line-height:1.9}.hero-description br{display:none}.hero-actions{justify-content:center;margin-top:27px;gap:18px}.button{padding:13px 17px;font-size:12px}.hero-platforms{margin-top:16px}.hero-visual{height:595px;width:530px;max-width:100%;margin-inline:auto;margin-top:20px}.visual-orbit{width:455px;height:455px;top:55px}.phone-garage{width:230px;top:22px}.phone-trip{width:196px;top:113px;right:11px}.phone-reports{width:180px;top:122px;left:10px}.visual-label{bottom:22px;right:31px}.demo-caption{bottom:-7px}.features{padding-block:52px 63px}.section-heading h2{font-size:30px;letter-spacing:-1px}.section-heading>p:last-child{font-size:13px;margin-top:13px}.feature-grid{gap:24px;margin-top:35px}.feature h3{font-size:16px;line-height:1.6;margin-top:19px}.feature p{font-size:12px;line-height:1.9}.feature-tags{font-size:9px;letter-spacing:0;line-height:1.8}.feature-tags span{padding-inline:5px}.story{padding-block:58px;gap:38px;grid-template-columns:1fr 1fr}.story-art{min-height:335px}.story h2{font-size:25px;letter-spacing:-.8px}.story-copy>p:not(.eyebrow){font-size:12px;margin-top:15px}.story-list{gap:10px;font-size:11px;margin:19px 0}.journey-card{left:9%;right:7%;padding:19px 16px}.journey-card strong{font-size:15px}.journey-card-label{font-size:9px;letter-spacing:.3px}.journey-note{font-size:9px;padding:8px 9px}.note-start{left:5%}.note-end{right:4%}.download-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:33px}.downloads{padding-block:64px 52px}.download-card{min-height:211px;padding:23px 26px}.platform-icon{margin-bottom:17px}.download-action{padding-top:20px}.download-notice{font-size:10px}.connection-section{grid-template-columns:1fr 1fr;gap:40px;padding:37px 32px;margin-bottom:59px}.connection-copy h2{font-size:25px}.connection-steps>li{gap:12px;padding-bottom:19px}.connection-steps{gap:20px}.connection-steps h3{font-size:13px}.footer-top{gap:12px;flex-wrap:wrap}.footer-top nav{gap:19px;font-size:10px}.footer-top>p{font-size:10px}.footer-bottom{column-gap:17px;font-size:9px}.footer-bottom>span:last-child{margin-left:0}}
@media(max-width:600px){html{scroll-padding-top:88px}.section-width{width:calc(100% - 40px)}.header-inner{width:calc(100% - 40px);height:68px;gap:15px}.brand{gap:5px}.brand img{width:33px;height:33px;border-radius:9px}.brand span{font-size:23px}.site-header nav{gap:17px;font-size:11px}.hero{padding-block:41px 47px;gap:16px}.hero .eyebrow{font-size:10px;letter-spacing:.5px}.hero h1{font-size:44px;line-height:1.42;letter-spacing:-2px;margin-top:19px}.hero-description{max-width:326px;font-size:13px;line-height:2;margin-top:18px}.hero-actions{gap:12px;margin-top:25px}.button{min-height:47px;padding:12px 14px;font-size:11px;gap:7px}.button svg{width:19px;height:19px}.button-text{padding-inline:2px}.button .arrow{margin-left:3px}.hero-platforms{font-size:10px;letter-spacing:0;margin-top:17px}.hero-visual{height:481px;max-width:360px;margin-top:13px}.visual-orbit{width:326px;height:326px;top:61px}.phone{border-width:4px;border-radius:24px;box-shadow:0 14px 24px #274c231b}.phone-garage{width:183px;top:19px;--rot:-4deg}.phone-trip{width:145px;top:112px;right:-2px}.phone-reports{width:137px;left:-4px;top:118px;--rot:-10deg}.visual-label{right:5px;bottom:29px;font-size:9px;gap:8px;padding:10px 11px;border-radius:9px}.label-route{font-size:18px}.demo-caption{font-size:9px;letter-spacing:.5px;bottom:-3px}.features{padding-block:43px 49px}.section-heading .eyebrow{font-size:10px;letter-spacing:1.5px}.section-heading h2{font-size:27px;line-height:1.55;margin-top:11px;letter-spacing:-1px}.section-heading>p:last-child{font-size:12px;line-height:1.95;margin-top:14px;max-width:340px}.mobile-break{display:block}.feature-grid{grid-template-columns:1fr;gap:24px;margin-top:32px}.feature{position:relative;padding:23px 0 0 49px;min-height:140px}.feature-heading{position:absolute;top:23px;left:0;flex-direction:column;gap:16px;align-items:flex-start}.feature-heading svg{width:27px;height:27px}.feature-number{font-size:9px}.feature h3{font-size:17px;margin-top:0}.feature p{font-size:12px;line-height:1.9;max-width:none;margin-top:9px}.feature-tags{margin-top:14px;font-size:9px}.feature-tags span{padding-inline:8px}.story{padding-block:44px 43px;grid-template-columns:1fr;gap:30px}.story-art{min-height:300px;width:100%;max-width:420px;margin-inline:auto;border-radius:18px;order:2}.story-copy{order:1}.story h2{font-size:27px;line-height:1.55;margin-top:11px}.story-copy .eyebrow{font-size:10px}.story-copy>p:not(.eyebrow){font-size:12px;max-width:365px;line-height:2}.story-list{gap:12px;font-size:11px;margin-block:21px}.story-list li>span{width:16px;height:16px;font-size:10px}.journey-card{left:22%;right:6%;bottom:31px;padding:18px;gap:11px}.journey-card strong{font-size:17px}.journey-card-label{font-size:9px;letter-spacing:.5px}.journey-note{font-size:9px;padding:9px 11px}.note-start{left:9%;top:58%}.note-end{right:7%;top:13%}.downloads{padding-block:49px 42px}.downloads .section-heading>p:last-child{margin-inline:auto;max-width:300px}.download-grid{gap:11px;margin-top:28px}.download-card{min-height:203px;padding:20px 18px;border-radius:13px}.download-title{font-size:17px;letter-spacing:-.3px}.download-description{font-size:10px;line-height:1.6;margin-top:7px}.platform-icon{width:29px;height:29px;margin-bottom:18px}.download-action{font-size:10px;padding-top:24px}.download-action>span{font-size:16px}.download-notice{font-size:10px;line-height:1.9;margin-top:17px;min-height:42px;padding-inline:6px}.connection-section{grid-template-columns:1fr;gap:32px;padding:30px 27px;margin-bottom:43px;border-radius:18px}.connection-copy h2{font-size:27px;margin-top:13px;line-height:1.55}.connection-copy .eyebrow{font-size:9px}.connection-copy>p:not(.eyebrow){font-size:11px;line-height:2.1;max-width:340px;margin-top:16px}.connection-copy>a{font-size:10px;margin-top:18px}.connection-steps{gap:19px}.connection-steps>li{gap:19px;padding-bottom:18px}.connection-steps>li>span{font-size:9px;line-height:23px}.connection-steps h3{font-size:13px;line-height:23px}.connection-steps p{font-size:10px;margin-top:5px}.footer-top{padding-bottom:22px;gap:10px 12px}.footer-brand img{width:31px;height:31px}.footer-brand span{font-size:23px}.footer-top>p{font-size:10px}.footer-top nav{margin-left:0;width:100%;gap:25px;padding-top:12px;font-size:10px}.footer-bottom{padding-top:18px;gap:8px 17px;font-size:9px}.footer-bottom>span:last-child{width:100%}.site-footer{padding-bottom:23px}}
@media(max-width:359px){.section-width,.header-inner{width:calc(100% - 32px)}.site-header nav{gap:11px;font-size:10px}.hero .eyebrow{font-size:9px;letter-spacing:.2px}.hero h1{font-size:38px;letter-spacing:-1.6px}.hero-description{font-size:12px;max-width:275px}.hero-actions{gap:8px}.button{font-size:10px;padding:11px 12px}.button-text{padding-inline:0}.hero-platforms{font-size:9px}.hero-visual{height:429px}.visual-orbit{width:276px;height:276px;top:65px}.phone-garage{width:162px;top:21px}.phone-trip{width:127px;right:-1px;top:103px}.phone-reports{width:120px;left:-2px;top:111px}.visual-label{font-size:8px;padding:9px;bottom:24px}.demo-caption{bottom:-2px;font-size:8px}.section-heading h2,.story h2{font-size:25px}.download-card{padding:18px 15px;min-height:192px}.download-title{font-size:15px}.download-description{font-size:9px}.download-action{font-size:9px}.journey-card{left:15%;right:5%}.connection-section{padding:28px 23px}.connection-copy h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Let phone compositions shrink inside a narrow single-column grid. */
@media(max-width:800px){.hero{grid-template-columns:minmax(0,1fr)}.hero-copy{min-width:0}.hero-visual{width:100%}}
@media(max-width:600px){.phone-trip{right:8px}.phone-reports{left:8px}}
@media(max-width:359px){.phone-trip{right:8px}.phone-reports{left:8px}}

/* The mobile connection confirmation uses no dashboard or account session. */
[hidden]{display:none!important}
.handoff-section{min-height:calc(100svh - 270px);padding-block:72px 90px;display:flex;align-items:center;justify-content:center}
.handoff-card{width:100%;max-width:520px;border:1px solid var(--border);border-radius:22px;background:#f1f5ee;padding:38px 36px}
.handoff-card h1{font-size:29px;line-height:1.5;letter-spacing:-.8px;font-weight:620;margin-top:12px}
.handoff-card h1:focus{outline:none}
.handoff-copy{font-size:14px;line-height:1.95;color:var(--muted);margin-top:16px;overflow-wrap:anywhere}
.handoff-error{color:#90482d;background:#fbf0e8;border:1px solid #eddbcb;border-radius:10px;padding:13px 15px;font-size:12px;line-height:1.9;margin-top:20px;overflow-wrap:anywhere}
.handoff-card .button{margin-top:24px;border:0;font-family:inherit;cursor:pointer}
.handoff-card .button:disabled{cursor:wait;opacity:.7;transform:none}
.handoff-retry{color:var(--green);background:#dee8dc;margin-left:8px}
.handoff-note{font-size:11px;line-height:2;color:#738671;margin-top:24px}
.handoff-home{display:inline-block;font-size:11px;color:var(--green);margin-top:23px;text-decoration:underline;text-underline-offset:4px}
body.handoff-view #main>section:not(#handoff),body.handoff-view .site-header nav{display:none}
@media(max-width:600px){.handoff-section{padding-block:36px 45px;min-height:calc(100svh - 280px)}.handoff-card{padding:27px 24px;border-radius:16px}.handoff-card h1{font-size:25px}.handoff-copy{font-size:13px}.handoff-card .button{font-size:11px}.handoff-retry{margin-left:0}.handoff-note{font-size:10px}}

/* 下载区：平台选择 + 单个二维码 */
.downloads{padding-block:88px 72px}
.download-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.downloads .section-heading{max-width:640px;text-align:left}
.downloads .section-heading h2{font-size:clamp(26px,3.2vw,38px);letter-spacing:-1px;line-height:1.35}
.downloads .section-heading>p:last-child{margin-top:12px;font-size:13px;color:var(--muted)}
.download-status{flex:none;font-size:11px;color:var(--green);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:5px 12px;margin-bottom:4px}
.download-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:16px;margin-top:34px;align-items:stretch}
.downloads .download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:10px;margin-top:0}
.downloads .download-card{width:100%;min-height:0;display:flex;flex-direction:row;align-items:center;gap:13px;padding:14px 16px;background:var(--page);border:1px solid var(--border);border-radius:14px;cursor:pointer;text-align:left;font:inherit;color:inherit;appearance:none;transition:background .18s,border-color .18s}
.downloads .download-card:hover{background:var(--surface);border-color:#bbcfb9}
.downloads .download-card.is-active{background:var(--surface);border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}
.platform-icon{width:38px;height:38px;flex:none;display:grid;place-items:center;margin:0;border-radius:11px;background:var(--surface);color:var(--green)}
.download-card.is-active .platform-icon{background:var(--hero)}
.platform-icon svg{width:20px;height:20px}
.download-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.downloads .download-title{font-size:15px;font-weight:600;letter-spacing:-.2px}
.downloads .download-description{margin:0;font-size:11px;color:var(--muted)}
.download-qr-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:20px;background:var(--page);border:1px solid var(--border);border-radius:18px;text-align:center}
.download-qr-card img{width:168px;height:168px;padding:10px;background:#fff;border:1px solid var(--border);border-radius:12px;margin-bottom:6px}
.download-qr-card strong{font-size:15px;font-weight:600}
.download-qr-card p{margin:0;font-size:11px;color:var(--muted)}
.download-qr-card small{font-size:10px;color:var(--muted);margin-top:2px}
@media(max-width:900px){.download-layout{grid-template-columns:1fr}.download-qr-card{flex-direction:row;text-align:left;justify-content:flex-start;gap:18px;padding:16px}.download-qr-card img{width:112px;height:112px;flex:none;margin:0}}
@media(max-width:600px){.downloads{padding-block:52px 48px}.download-head{display:block}.download-status{display:inline-block;margin:12px 0 0}.downloads .download-grid{grid-template-columns:1fr}.download-qr-card{flex-direction:column;text-align:center}.download-qr-card img{width:150px;height:150px;margin-bottom:6px}}

/* 首屏预览：悬浮抬升并压暗其它屏幕 */
.hero-visual::before{content:"";position:absolute;inset:4% 0;z-index:0;pointer-events:none;background-image:radial-gradient(#bbd0b9 1px,transparent 1px);background-size:26px 26px;opacity:.5;mask-image:radial-gradient(ellipse at 50% 46%,#000 30%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse at 50% 46%,#000000 30%,transparent 72%)}
.visual-orbit{transition:transform .6s cubic-bezier(.22,.68,.36,1),background .45s ease}
@media (hover:hover){
  .hero-visual:hover .phone{opacity:.7;filter:saturate(.85)}
  .hero-visual:hover .visual-orbit{background:#e2ece1}
  .hero-visual .phone:hover{--lift:16px;--zoom:1.035;opacity:1;filter:none;z-index:6;box-shadow:0 34px 60px #274c2333;outline-color:#b0c7ae}
}
@media (prefers-reduced-motion:reduce){
  .phone{transition:none}
  .hero-visual .phone:hover{--lift:0px;--zoom:1}
}


/* 授权页：账号以等宽文本单独成行，按钮占满卡片 */
.handoff-account{display:flex;flex-direction:column;gap:5px;margin:18px 0 0;padding:13px 15px;background:#ffffff;border:1px solid var(--border);border-radius:12px}
.handoff-account dt{font-size:11px;color:var(--muted);letter-spacing:.2px}
.handoff-account dd{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.6;color:var(--ink);overflow-wrap:anywhere}
.handoff-card .handoff-confirm{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:22px}
.handoff-note{font-size:11px;line-height:1.9;color:#6b7a69;margin-top:20px}
.handoff-home{display:inline-block;margin-top:16px;font-size:12px;color:var(--green);text-decoration:underline;text-underline-offset:4px}
@media(max-width:600px){.handoff-card{padding:26px 22px;border-radius:18px}}