.screen{height:100%;color:var(--ink)}.screen button,.screen input,.screen textarea{border:0;outline:0}.screen button{cursor:default}.screen-eyebrow{color:var(--muted);letter-spacing:.15em;text-transform:uppercase;font-size:9px;font-weight:760}.screen-header{grid-template-columns:32px 1fr 32px;align-items:center;padding:56px 24px 15px;display:grid}.screen-header:not(:has(.header-icon:first-child)){grid-template-columns:1fr 32px}.screen-header h2{letter-spacing:-.045em;margin:3px 0 0;font-size:24px;line-height:1.05}.header-icon,.round-button{width:32px;height:32px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:50%;place-items:center;display:grid}.header-copy{min-width:0}.header-action{justify-self:end}.lead-copy{color:var(--muted);margin:0 24px;font-size:12px;line-height:1.65}.primary-button{color:#fff;background:var(--accent);border-radius:15px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;padding:0 20px;font-size:13px;font-weight:730;display:flex}.edition-pro .primary-button{color:#111318;background:linear-gradient(135deg,#dbe5fb,var(--accent));text-transform:uppercase;letter-spacing:.08em;border-radius:7px}.edition-sport .primary-button{border-radius:7px 20px;box-shadow:6px 6px #ffd4cc}.bottom-nav{z-index:6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffc2;border:1px solid #ffffffd6;border-radius:22px;grid-template-columns:repeat(3,1fr);padding:10px 8px 9px;display:grid;position:absolute;bottom:22px;left:20px;right:20px;box-shadow:0 12px 34px #1a1f261c}.bottom-nav span{color:var(--muted);flex-direction:column;align-items:center;gap:3px;display:flex}.bottom-nav small{font-size:8px;font-weight:620}.bottom-nav .active{color:var(--accent)}.edition-pro .bottom-nav{border:0;border-top:1px solid var(--line);box-shadow:none;background:#0e1013f0;border-radius:0;padding:15px 18px 22px;bottom:0;left:0;right:0}.edition-sport .bottom-nav{border-color:#ded5ca;border-radius:8px 22px;left:16px;right:16px;box-shadow:5px 5px #ded6cc}.cover-screen{background:linear-gradient(160deg,var(--canvas) 25%,var(--accent-soft));padding:58px 28px 26px;position:relative}.cover-brand{align-items:baseline;gap:8px;display:flex}.cover-brand span{font-size:20px;font-weight:800}.cover-brand small{color:var(--muted);letter-spacing:.18em;font-size:7px}.cover-edition{color:var(--muted);letter-spacing:.08em;font-size:9px;position:absolute;top:62px;right:27px}.cover-copy{z-index:2;margin-top:102px;position:relative}.cover-copy h2{letter-spacing:-.065em;width:300px;margin:8px 0 13px;font-size:43px;line-height:.94}.cover-copy p{width:260px;color:var(--muted);margin:0;font-size:12px;line-height:1.75}.cover-screen .vehicle-product-stage{height:390px;position:absolute;bottom:62px;left:2px;right:-15px}.cover-screen .vehicle-product-stage img{width:120%;max-width:none;transform:translate(-8%)}.cover-foot{color:var(--muted);letter-spacing:.14em;justify-content:space-between;font-size:8px;font-weight:730;display:flex;position:absolute;bottom:28px;left:28px;right:28px}.edition-pro .cover-screen{background:radial-gradient(circle at 70% 54%,#303641,#0000 34%),linear-gradient(155deg,#171a1f,#08090b)}.edition-pro .cover-copy{margin-top:76px}.edition-pro .cover-copy h2{text-transform:uppercase;font-size:48px}.edition-pro .cover-screen:after{content:"PRO";color:#ffffff09;letter-spacing:-.08em;font-size:120px;font-weight:900;position:absolute;bottom:80px;left:20px}.edition-sport .cover-screen{background:linear-gradient(112deg,#fffaf1 0 60%,#254fc0 60%)}.edition-sport .cover-screen:before{content:"";background:#ff5b43;width:340px;height:80px;position:absolute;top:280px;left:-80px;transform:rotate(-19deg)}.edition-sport .cover-copy{margin-top:82px}.edition-sport .cover-copy h2{font-size:49px;transform:rotate(-2deg)}.edition-sport .cover-copy p{color:#5f5951}.home-screen{background:var(--canvas);padding:58px 22px 98px;position:relative}.home-topline{justify-content:space-between;align-items:center;display:flex}.home-topline h2{letter-spacing:-.05em;margin:3px 0 0;font-size:26px}.status-pills{gap:7px;margin-top:14px;display:flex}.status-pills span{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:999px;align-items:center;gap:5px;padding:7px 10px;font-size:9px;display:flex}.status-pills .positive{color:#138c5f;background:#e8f8f1}.vehicle-product-stage{place-items:center;height:292px;display:grid;position:relative}.vehicle-product-stage img{z-index:2;object-fit:contain;filter:drop-shadow(0 20px 20px #12171f2e);width:115%;max-height:285px;position:relative}.vehicle-halo{background:radial-gradient(circle,var(--accent-soft),transparent 70%);border-radius:50%;width:245px;height:245px;position:absolute}.vehicle-shadow{z-index:1;filter:blur(12px);background:#16181d2e;border-radius:50%;height:20px;position:absolute;bottom:34px;left:26%;right:16%}.security-line{color:var(--muted);justify-content:space-between;padding:0 4px 12px;font-size:9px;display:flex}.security-line span{align-items:center;gap:5px;display:flex}.state-dot{background:#9fa4ac;border-radius:50%;width:6px;height:6px}.state-dot.on{background:#15ad72;box-shadow:0 0 0 4px #dff6ed}.quick-controls{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.control-button{background:var(--surface);border-radius:var(--small-radius);flex-direction:column;align-items:center;gap:7px;padding:12px 6px;display:flex;border:1px solid var(--line)!important}.control-button>span{width:40px;height:40px;color:var(--accent);background:var(--accent-soft);border-radius:50%;place-items:center;display:grid}.control-button small{color:var(--ink);font-size:9px;font-weight:680}.control-button.is-active{color:#fff;background:var(--accent)}.control-button.is-active span,.control-button.is-active small{color:#fff}.home-tip,.home-insight{background:var(--surface);border:1px solid var(--line);border-radius:var(--small-radius);align-items:center;gap:10px;margin-top:11px;padding:12px;display:flex}.home-tip>svg{color:var(--accent)}.home-tip div{flex-direction:column;flex:1;gap:2px;display:flex}.home-tip strong{font-size:10px}.home-tip small{color:var(--muted);font-size:8px}.connection-orbit{z-index:4;width:190px;height:190px;color:var(--ink);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:277px;left:50%;transform:translate(-50%,-50%)}.connection-orbit>div{color:#fff;background:var(--accent);width:48px;height:48px;box-shadow:0 0 0 8px color-mix(in srgb,var(--accent) 14%,transparent);border-radius:50%;place-items:center;display:grid}.connection-orbit strong{margin-top:18px;font-size:11px}.connection-orbit small{color:var(--muted);margin-top:3px;font-size:8px}.orbit-ring{border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);border-radius:50%;position:absolute}.ring-one{inset:23px}.ring-two{opacity:.5;inset:2px}.home-connecting .vehicle-product-stage img{opacity:.15;filter:blur(2px)}.dashboard-strip{grid-template-columns:1.2fr 1fr 1fr;gap:7px;margin-top:-10px;display:grid}.dashboard-strip div{background:var(--surface);border:1px solid var(--line);border-radius:var(--small-radius);flex-wrap:wrap;align-items:baseline;gap:3px;padding:11px;display:flex}.dashboard-strip span{width:100%;color:var(--muted);font-size:8px}.dashboard-strip strong{letter-spacing:-.05em;font-size:19px}.dashboard-strip small{color:var(--muted);font-size:7px}.home-insight{align-items:stretch;padding:0;overflow:hidden}.home-insight .map-surface{flex:none;width:118px;height:68px}.home-insight>div:last-child{flex-direction:column;justify-content:center;gap:2px;display:flex}.home-insight span,.home-insight small{color:var(--muted);font-size:7px}.home-insight strong{font-size:9px}.edition-pro .home-screen{background:linear-gradient(#111318,#0b0d10);padding-inline:18px}.edition-pro .vehicle-product-stage{border-block:1px solid var(--line);background:linear-gradient(110deg,#0000,#687ca417);height:274px;margin-inline:-18px}.edition-pro .status-pills span,.edition-pro .control-button{border-radius:5px}.edition-pro .quick-controls{gap:1px}.edition-pro .control-button>span{border-radius:7px}.edition-pro .security-line{text-transform:uppercase;letter-spacing:.08em;margin-top:10px}.edition-sport .home-screen{background:linear-gradient(170deg,#fffaf0,#f0eadf);padding-left:18px;padding-right:18px}.edition-sport .home-topline h2{font-size:30px;transform:rotate(-1deg)}.edition-sport .vehicle-product-stage{height:278px;transform:translate(9px)rotate(-2deg)}.edition-sport .vehicle-halo{background:#dfe9ff;border-radius:18% 82% 64% 36%;transform:rotate(16deg)}.edition-sport .quick-controls{grid-template-columns:1.2fr .9fr .9fr}.edition-sport .control-button:first-child{background:var(--accent);color:#fff;transform:translateY(-6px)}.edition-sport .control-button:first-child span,.edition-sport .control-button:first-child small{color:#fff}.add-vehicle-screen,.camera-screen,.devices-screen,.proximity-screen,.feedback-screen{background:var(--canvas);padding-bottom:28px;position:relative}.step-track{grid-template-columns:1fr 1fr;gap:5px;margin:21px 24px 25px;display:grid}.step-track span{background:var(--line);border-radius:4px;height:3px}.step-track .done{background:var(--accent)}.vehicle-methods{gap:12px;margin:0 22px;display:grid}.method-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:48px 1fr 18px;align-items:center;gap:12px;min-height:118px;padding:16px;display:grid}.method-card>span{width:46px;height:46px;color:var(--accent);background:var(--accent-soft);border-radius:15px;place-items:center;display:grid}.method-card h3{margin:5px 0;font-size:13px}.method-card p{color:var(--muted);margin:0;font-size:9px;line-height:1.5}.method-card em{color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:3px 6px;font-size:7px;font-style:normal}.primary-method{border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.privacy-note{color:var(--muted);align-items:center;gap:8px;margin:22px 28px;font-size:9px;display:flex}.privacy-note svg{color:var(--accent)}.edition-stamp{letter-spacing:-.08em;opacity:.045;font-size:58px;font-weight:850;position:absolute;bottom:33px;right:24px}.edition-pro .method-card{border-left:2px solid var(--accent);border-radius:4px;grid-template-columns:54px 1fr 18px}.edition-pro .method-card>span{border-radius:4px}.edition-sport .vehicle-methods{gap:18px}.edition-sport .method-card{transform:rotate(-1deg);box-shadow:6px 6px #ded5ca}.edition-sport .method-card:nth-child(2){margin-left:12px;transform:rotate(1deg)}.scanner-stage{background:radial-gradient(circle,#59616b,#171b20);height:468px;margin-top:6px;position:relative;overflow:hidden}.scanner-stage:before{content:"";background-color:#0000;background-image:linear-gradient(45deg,#ffffff08 25%,#0000 25% 75%,#ffffff08 75%),linear-gradient(-45deg,#ffffff08 25%,#0000 25% 75%,#ffffff08 75%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.qr-ghost{color:#ffffff4d;border:1px solid #fff3;place-items:center;display:grid;position:absolute;inset:105px 64px}.scan-corner{z-index:2;border-style:solid;border-color:#fff;width:35px;height:35px;position:absolute}.tl{border-width:3px 0 0 3px;top:88px;left:48px}.tr{border-width:3px 3px 0 0;top:88px;right:48px}.bl{border-width:0 0 3px 3px;bottom:88px;left:48px}.br{border-width:0 3px 3px 0;bottom:88px;right:48px}.scan-line{background:var(--accent);height:2px;box-shadow:0 0 12px var(--accent);position:absolute;top:50%;left:55px;right:55px}.permission-panel{z-index:4;background:color-mix(in srgb,var(--surface) 96%,transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:28px;grid-template-columns:44px 1fr;gap:11px;padding:18px;display:grid;position:absolute;bottom:18px;left:14px;right:14px;box-shadow:0 20px 46px #00000038}.permission-icon{width:44px;height:44px;color:var(--accent);background:var(--accent-soft);border-radius:14px;place-items:center;display:grid}.permission-panel h3{margin:3px 0 4px;font-size:15px}.permission-panel p{color:var(--muted);margin:0;font-size:9px;line-height:1.5}.permission-panel .primary-button,.permission-panel .text-button{grid-column:1/-1}.text-button{color:var(--muted);background:0 0;padding:5px;font-size:9px}.edition-pro .permission-panel{border-radius:5px}.edition-sport .permission-panel{border-radius:8px 28px;left:20px;right:7px;box-shadow:7px 7px #d9d1c6}.device-radar{place-items:center;height:270px;display:grid;position:relative}.radar-core{z-index:2;color:#fff;background:var(--accent);width:54px;height:54px;box-shadow:0 0 0 10px var(--accent-soft);border-radius:50%;place-items:center;display:grid}.device-radar i{border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);border-radius:50%;position:absolute}.device-radar i:nth-child(2){width:110px;height:110px}.device-radar i:nth-child(3){opacity:.7;width:180px;height:180px}.device-radar i:nth-child(4){opacity:.35;width:250px;height:250px}.device-list{gap:8px;margin:0 20px;display:grid}.device-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--small-radius);grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:13px;display:grid}.device-row>span:first-child{width:38px;height:38px;color:var(--accent);background:var(--accent-soft);border-radius:12px;place-items:center;display:grid}.device-row div{flex-direction:column;gap:2px;display:flex}.device-row em{color:var(--accent);font-size:7px;font-style:normal}.device-row strong{font-size:10px}.device-row small{color:var(--muted);font-size:8px}.signal-bars{align-items:end;gap:2px;display:flex}.signal-bars i{background:#15a36d;width:3px}.signal-bars i:first-child{height:5px}.signal-bars i:nth-child(2){height:8px}.signal-bars i:nth-child(3){height:11px}.quiet-danger{color:#d64a4a;background:0 0;margin:18px auto 0;padding:8px;font-size:9px;display:block}.edition-pro .device-row{border-radius:3px}.edition-sport .device-list{transform:rotate(.6deg)}.edition-sport .device-row.current{border-left:5px solid var(--accent);transform:translate(-7px)}.proximity-visual{place-items:center;height:300px;display:grid;position:relative}.phone-chip,.mini-bike{z-index:3;width:58px;height:58px;color:var(--accent);background:var(--surface);border:1px solid var(--line);border-radius:18px;place-items:center;display:grid;position:absolute;box-shadow:0 14px 28px #191d221a}.phone-chip{top:112px;left:94px}.mini-bike{top:112px;right:90px}.wave{border:1px solid color-mix(in srgb,var(--accent) 26%,transparent);border-radius:50%;height:130px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.w1{width:70px}.w2{width:150px}.w3{opacity:.5;width:245px}.toggle-panel,.safety-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--small-radius);align-items:center;gap:13px;margin:0 20px 11px;padding:15px;display:flex}.toggle-panel>div{flex:1}.toggle-panel h3{margin:0 0 4px;font-size:12px}.toggle-panel p,.safety-card small{color:var(--muted);margin:0;font-size:8px;line-height:1.5}.visual-toggle{background:#c4c8ce;border-radius:99px;width:46px;height:26px;padding:3px}.visual-toggle i{background:#fff;border-radius:50%;width:20px;height:20px;display:block}.visual-toggle.on{background:var(--accent)}.visual-toggle.on i{margin-left:20px}.range-selector{color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:var(--small-radius);justify-content:space-between;align-items:center;margin:0 20px 11px;padding:12px 15px;font-size:9px;display:flex}.range-selector div{gap:4px;display:flex}.range-selector button{background:var(--canvas);border-radius:8px;padding:6px 9px;font-size:8px}.range-selector .selected{color:#fff;background:var(--accent)}.safety-card svg{color:var(--accent);flex:none}.safety-card div{flex-direction:column;gap:3px;display:flex}.safety-card strong{font-size:9px}.edition-pro .phone-chip,.edition-pro .mini-bike{border-radius:5px}.edition-sport .proximity-visual{transform:rotate(-5deg)}.edition-sport .phone-chip{background:var(--accent);color:#fff}.edition-sport .mini-bike{color:var(--accent-2)}.profile-screen,.login-screen,.messages-screen,.trips-screen,.system-screen{background:var(--canvas);padding-bottom:100px;position:relative}.profile-identity{grid-template-columns:58px 1fr auto;align-items:center;gap:13px;margin:12px 20px 17px;display:grid}.avatar{width:58px;height:58px;color:var(--accent);background:var(--accent-soft);border-radius:20px;place-items:center;display:grid}.profile-identity>div:nth-child(2){flex-direction:column;gap:5px;display:flex}.profile-identity strong{font-size:12px}.profile-identity p{color:var(--muted);margin:0;font-size:8px;line-height:1.5}.member-badge{color:var(--accent);background:var(--accent-soft);border-radius:99px;padding:5px 7px;font-size:7px;font-weight:800}.profile-screen>.primary-button{width:auto;margin:0 20px 18px}.vehicle-assets{margin:0 20px 14px}.vehicle-assets>span{color:var(--muted);margin-bottom:7px;font-size:8px;display:block}.vehicle-assets>div{background:var(--surface);border:1px solid var(--line);border-radius:var(--small-radius);grid-template-columns:90px 1fr auto;align-items:center;min-height:90px;padding:8px 12px 8px 0;display:grid;overflow:hidden}.vehicle-assets img{object-fit:contain;width:100px;height:76px}.vehicle-assets div div{flex-direction:column;gap:4px;display:flex}.vehicle-assets strong{font-size:10px}.vehicle-assets small{color:var(--muted);font-size:8px}.vehicle-assets button{color:var(--accent);background:var(--accent-soft);border-radius:8px;padding:6px 8px;font-size:8px}.settings-list{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:0 20px;display:grid;overflow:hidden}.setting-row{border-bottom:1px solid var(--line);grid-template-columns:34px 1fr 18px;align-items:center;gap:9px;min-height:57px;padding:9px 13px;display:grid}.setting-row:last-child{border:0}.setting-icon{width:32px;height:32px;color:var(--accent);background:var(--accent-soft);border-radius:10px;place-items:center;display:grid}.setting-row div{flex-direction:column;gap:2px;display:flex}.setting-row strong{font-size:10px}.setting-row small{color:var(--muted);font-size:8px}.login-screen{background:radial-gradient(circle at 76% 13%,var(--accent-soft),transparent 34%),var(--canvas);padding:77px 27px 30px}.login-mark{align-items:baseline;gap:8px;display:flex}.login-mark span{font-size:28px;font-weight:850}.login-mark small{color:var(--muted);letter-spacing:.17em;font-size:7px}.login-copy{margin:82px 0 42px}.login-copy h2{letter-spacing:-.055em;margin:7px 0 10px;font-size:37px}.login-copy p{color:var(--muted);margin:0;font-size:11px;line-height:1.7}.field{margin-bottom:13px;display:block}.field>span{color:var(--muted);margin:0 0 6px 3px;font-size:8px;display:block}.field>div{background:var(--surface);border:1px solid var(--line);border-radius:14px;align-items:center;gap:9px;height:49px;padding:0 13px;display:flex}.field svg{color:var(--muted)}.field input{min-width:0;color:var(--ink);background:0 0;flex:1;font-size:11px}.field button{color:var(--accent);background:var(--accent-soft);border-radius:8px;padding:6px 9px;font-size:8px}.login-screen .primary-button{margin-top:17px}.consent{color:var(--muted);gap:7px;margin-top:14px;font-size:8px;line-height:1.5;display:flex}.consent input{accent-color:var(--accent)}.login-foot{color:var(--muted);justify-content:center;align-items:center;gap:6px;font-size:8px;display:flex;position:absolute;bottom:34px;left:0;right:0}.edition-pro .login-screen{background:linear-gradient(145deg,#161a20,#090a0c)}.edition-pro .login-copy{margin-top:105px}.edition-pro .field>div,.edition-pro .settings-list{border-radius:5px}.edition-sport .profile-identity{margin-top:28px;transform:rotate(-1deg)}.edition-sport .avatar{color:#225fe0;background:#dce8ff;border-radius:8px 25px}.edition-sport .settings-list{transform:rotate(.4deg);box-shadow:6px 6px #ded6cc}.message-summary{background:var(--accent-soft);border-radius:var(--radius);grid-template-columns:85px 1fr;align-items:center;margin:11px 20px 18px;padding:18px;display:grid}.message-summary>div{color:var(--accent);align-items:baseline;gap:4px;display:flex}.message-summary strong{font-size:35px;line-height:1}.message-summary span{font-size:8px}.message-summary p{color:var(--muted);margin:0;font-size:9px;line-height:1.55}.message-timeline{margin:0 20px;display:grid}.message-item{border-bottom:1px solid var(--line);grid-template-columns:38px 1fr;gap:12px;padding:14px 5px 14px 0;display:grid;position:relative}.message-item>span{width:36px;height:36px;color:var(--muted);background:var(--surface);border-radius:12px;place-items:center;display:grid}.message-item.unread>span{color:var(--accent);background:var(--accent-soft)}.message-item>div{flex-direction:column;gap:3px;display:flex}.message-item em{color:var(--muted);font-size:7px;font-style:normal}.message-item strong{font-size:10px}.message-item p{color:var(--muted);margin:0;font-size:8px;line-height:1.45}.message-item.unread:after{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:18px;right:0}.edition-pro .message-summary{background:linear-gradient(90deg,#222a3b,#15181e);border-radius:4px}.edition-pro .message-item>span{border-radius:4px}.edition-sport .message-summary{color:#194fae;background:#dce7ff;margin-left:10px;margin-right:30px;transform:rotate(-2deg)}.edition-sport .message-item:nth-child(2){transform:translate(12px)}.feedback-step{grid-template-columns:30px 1fr;gap:9px;margin:20px 21px;display:grid}.feedback-step>span{color:var(--accent);padding-top:4px;font-size:9px;font-weight:800}.feedback-step h3{margin:0 0 10px;font-size:11px}.issue-tags{flex-wrap:wrap;gap:6px;display:flex}.issue-tags button{color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-size:8px}.issue-tags .selected{color:#fff;background:var(--accent)}.feedback-step textarea{resize:none;width:100%;height:92px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--small-radius);padding:12px;font-size:9px}.upload-box{width:85px;height:70px;color:var(--muted);border-radius:var(--small-radius);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:8px;display:flex;border:1px dashed color-mix(in srgb,var(--muted) 45%,transparent)!important}.feedback-screen>.primary-button{width:auto;position:absolute;bottom:28px;left:22px;right:22px}.edition-pro .issue-tags button{border-radius:3px}.edition-sport .feedback-step:nth-of-type(2n){transform:translate(12px)}.trip-hero{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:1fr 100px;align-items:center;margin:4px 20px 12px;padding:19px;display:grid}.trip-hero>div:first-child{flex-wrap:wrap;align-items:baseline;display:flex}.trip-hero span{width:100%;color:var(--muted);margin-bottom:6px;font-size:8px}.trip-hero strong{letter-spacing:-.06em;font-size:37px;line-height:1}.trip-hero em{color:var(--muted);margin-left:5px;font-size:9px;font-style:normal}.activity-ring{border:8px solid var(--accent-soft);border-top-color:var(--accent);border-right-color:var(--accent);border-radius:50%;place-items:center;width:78px;height:78px;display:grid;position:relative}.activity-ring span{width:auto;color:var(--ink);margin:0;font-size:11px;font-weight:750}.trip-metrics{grid-template-columns:repeat(3,1fr);gap:7px;margin:0 20px;display:grid}.trip-metrics div{background:var(--surface);border:1px solid var(--line);border-radius:var(--small-radius);flex-direction:column;gap:4px;padding:11px;display:flex}.trip-metrics strong{font-size:13px}.trip-metrics span{color:var(--muted);font-size:7px}.week-chart{background:var(--surface);border:1px solid var(--line);border-radius:var(--small-radius);align-items:flex-end;gap:7px;height:92px;margin:12px 20px;padding:12px 14px 9px;display:flex}.week-chart span{height:var(--bar-height);background:var(--accent-soft);border-radius:4px 4px 1px 1px;flex:1;overflow:hidden}.week-chart i{background:linear-gradient(var(--accent),color-mix(in srgb,var(--accent) 45%,transparent));height:100%;display:block}.ride-list{margin:0 20px}.list-heading{justify-content:space-between;align-items:center;margin:10px 0 3px;display:flex}.list-heading span{font-size:10px;font-weight:700}.list-heading button{color:var(--accent);background:0 0;font-size:8px}.ride-row{border-bottom:1px solid var(--line);grid-template-columns:30px 1fr 22px;align-items:center;min-height:58px;display:grid}.ride-index{color:var(--muted);font-size:8px}.ride-row div{flex-direction:column;gap:3px;display:flex}.ride-row strong{font-size:11px}.ride-row small{color:var(--muted);font-size:8px}.ride-row svg{color:var(--accent)}.edition-pro .trip-hero{border-left:3px solid var(--accent);border-radius:4px}.edition-pro .trip-metrics div,.edition-pro .week-chart{border-radius:3px}.edition-sport .trip-hero{background:var(--accent);color:#fff;grid-template-columns:1.4fr .6fr;transform:rotate(-1deg);box-shadow:7px 7px #ffd3ca}.edition-sport .trip-hero span,.edition-sport .trip-hero em{color:#ffffffb8}.edition-sport .week-chart span:nth-child(2n) i{background:var(--accent-2)}.location-screen{background:var(--canvas);position:relative}.map-topbar{z-index:6;background:color-mix(in srgb,var(--surface) 84%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #ffffffb3;border-radius:18px;grid-template-columns:34px 1fr 34px;align-items:center;gap:9px;padding:9px;display:grid;position:absolute;top:52px;left:14px;right:14px;box-shadow:0 12px 30px #1a202a21}.map-topbar>div{flex-direction:column;display:flex}.map-topbar h2{margin:2px 0 0;font-size:13px}.map-surface{background:#e9edf0;width:100%;height:100%;position:relative;overflow:hidden}.location-screen>.map-surface{height:auto;position:absolute;inset:0}.map-water{background:#cfe3ee;width:190px;height:900px;position:absolute;top:-20px;right:-120px;transform:rotate(11deg)}.road{background:#fff;border:1px solid #535b6314;border-radius:99px;height:8px;display:block;position:absolute;box-shadow:0 0 0 4px #fff6}.road-a{width:520px;top:238px;left:-70px;transform:rotate(20deg)}.road-b{width:460px;top:420px;left:-40px;transform:rotate(-28deg)}.road-c{width:360px;top:585px;left:30px;transform:rotate(11deg)}.road-d{width:470px;top:705px;left:-90px;transform:rotate(-12deg)}.road-e{width:380px;top:320px;left:55px;transform:rotate(75deg)}.street-name{color:#7a848e;font-size:7px;position:absolute}.street-one{top:220px;left:70px;transform:rotate(20deg)}.street-two{top:445px;right:65px;transform:rotate(-28deg)}.street-three{top:590px;left:112px}.vehicle-pin{z-index:4;color:#fff;background:var(--accent);border:5px solid #fff;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute;top:42%;left:48%;box-shadow:0 10px 24px #17346342}.map-dot{border:2px solid var(--accent);background:#fff;border-radius:50%;width:7px;height:7px;position:absolute}.dot-a{top:32%;left:23%}.dot-b{top:56%;right:20%}.dot-c{bottom:18%;left:35%}.route-line{z-index:3;background:var(--accent);height:7px;box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 40%,transparent);border:2px solid #fff;border-radius:99px;display:block;position:absolute}.route-line-a{width:200px;top:390px;left:27px;transform:rotate(-27deg)}.route-line-b{width:190px;top:329px;left:163px;transform:rotate(33deg)}.route-line-c{width:230px;top:510px;left:95px;transform:rotate(67deg)}.route-start,.route-end{z-index:5;color:#fff;background:#16181b;border:3px solid #fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:8px;display:grid;position:absolute}.route-start{top:425px;left:22px}.route-end{background:var(--accent);top:574px;right:70px}.location-panel,.playback-panel{z-index:6;background:color-mix(in srgb,var(--surface) 91%,transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1px solid #ffffffbf;border-radius:30px;padding:19px;position:absolute;bottom:17px;left:12px;right:12px;box-shadow:0 20px 50px #1d242d2e}.location-handle{background:var(--line);border-radius:99px;width:36px;height:4px;margin:-8px auto 14px}.location-panel h3{letter-spacing:-.04em;margin:5px 0 7px;font-size:21px}.location-panel p{color:var(--muted);margin:0;font-size:9px;line-height:1.5}.location-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:15px;display:grid}.location-actions button{color:var(--accent);background:var(--accent-soft);border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:9px;font-weight:700;display:flex}.location-actions button:last-child{color:#fff;background:var(--accent)}.playback-summary{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.playback-summary div{background:var(--canvas);border-radius:11px;flex-direction:column;gap:4px;padding:9px;display:flex}.playback-summary strong{font-size:12px}.playback-summary small{color:var(--muted);font-size:7px}.player{grid-template-columns:38px 1fr 36px;align-items:center;gap:10px;margin-top:15px;display:grid}.player button{color:#fff;background:var(--accent);border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.player>span{background:var(--line);border-radius:99px;height:4px}.player>span i{background:var(--accent);border-radius:99px;width:52%;height:100%;display:block}.player em{color:var(--muted);font-size:8px;font-style:normal}.playback-panel p{color:var(--muted);align-items:center;gap:5px;margin:12px 0 0;font-size:8px;display:flex}.edition-pro .map-surface{filter:saturate(.55);background:#1c2025}.edition-pro .map-water{background:#182b34}.edition-pro .road{box-shadow:none;background:#2b3036;border-color:#373d44}.edition-pro .street-name{color:#7d858d}.edition-pro .map-topbar,.edition-pro .location-panel,.edition-pro .playback-panel{border-color:var(--line);background:#121418f0;border-radius:4px}.edition-sport .map-surface{background:#eee7da}.edition-sport .road{background:#fffaf1}.edition-sport .map-water{background:#c7dbf5}.edition-sport .location-panel,.edition-sport .playback-panel{border-radius:8px 30px;left:18px;right:8px;box-shadow:8px 8px #d8cfc2}.edition-sport .route-line{background:var(--accent-2)}.system-screen{padding-bottom:28px}.system-intro{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;margin:17px 22px 27px;padding-bottom:17px;display:flex}.system-intro strong{letter-spacing:-.07em;font-size:47px;line-height:.85}.system-intro p{width:130px;color:var(--muted);text-align:right;margin:0;font-size:9px;line-height:1.5}.token-section{margin:0 22px 22px}.token-section>span{color:var(--muted);letter-spacing:.16em;margin-bottom:9px;font-size:7px;font-weight:760;display:block}.swatches{grid-template-columns:1.8fr 1fr 1fr 1fr;gap:6px;display:grid}.swatch{border:1px solid var(--line);border-radius:var(--small-radius);height:58px}.swatch.accent{background:var(--accent)}.swatch.canvas{background:var(--canvas)}.swatch.surface{background:var(--surface)}.swatch.ink{background:var(--ink)}.type-stack{background:var(--surface);border:1px solid var(--line);border-radius:var(--small-radius);grid-template-columns:65px 1fr;gap:0 14px;padding:13px;display:grid}.type-stack>strong{letter-spacing:-.06em;grid-row:1/3;font-size:40px}.type-stack h3{margin:3px 0 5px;font-size:13px}.type-stack p{color:var(--muted);margin:0;font-size:8px}.shape-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.shape-row i{background:var(--surface);border:1px solid var(--line);height:56px}.shape-row i:first-child{border-radius:6px}.shape-row i:nth-child(2){border-radius:18px}.shape-row i:nth-child(3){border-radius:50%}.mini-controls{grid-template-columns:repeat(3,46px) 1fr;gap:8px;display:grid}.mini-controls span{height:44px;color:var(--accent);background:var(--accent-soft);border-radius:var(--small-radius);place-items:center;display:grid}.mini-controls button{color:#fff;background:var(--accent);border-radius:var(--small-radius);font-size:9px}.system-screen footer{color:var(--muted);letter-spacing:.12em;justify-content:space-between;font-size:7px;display:flex;position:absolute;bottom:28px;left:22px;right:22px}.edition-pro .swatch,.edition-pro .type-stack{border-radius:3px}.edition-sport .system-intro strong{color:var(--accent);transform:rotate(-3deg)}.edition-sport .swatches{grid-template-columns:2fr .8fr .8fr .8fr}.edition-sport .shape-row i:nth-child(2){border-radius:5px 24px}@media (prefers-reduced-motion:no-preference){.vehicle-product-stage img{transition:transform .3s}.phone-shell:hover .vehicle-product-stage img{transform:translateY(-3px)}.edition-sport:hover .vehicle-product-stage img{transform:translateY(-3px)rotate(2deg)}}:root{--gallery-ink:#101114;--gallery-muted:#727782;--gallery-line:#d9dce2;--gallery-paper:#f3f3f1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--gallery-paper);color:var(--gallery-ink);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Helvetica Neue,sans-serif}button,input,textarea,select{font:inherit}button{color:inherit}.gallery-page{min-height:100vh;overflow:hidden}.gallery-hero{color:#f8f8f6;background:radial-gradient(circle at 82% 18%,#517eff2e,#0000 28%),linear-gradient(145deg,#08090b 0%,#17191d 58%,#060607 100%);padding:42px clamp(24px,6vw,96px) 70px;position:relative}.gallery-hero:after{content:"";background:linear-gradient(90deg,#0000,#ffffff80,#0000);height:1px;position:absolute;inset:auto 0 0}.gallery-brand{letter-spacing:.03em;align-items:baseline;gap:12px;display:flex}.gallery-brand span{font-size:21px;font-weight:760}.gallery-brand small{color:#9fa5af;letter-spacing:.2em;font-size:9px;font-weight:750}.hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:end;gap:8vw;margin-top:88px;display:grid}.gallery-kicker{color:#9da3ad;letter-spacing:.16em;margin-bottom:22px;font-size:11px;font-weight:700;display:block}.gallery-hero h1{letter-spacing:-.065em;margin:0;font-size:clamp(52px,7vw,104px);font-weight:670;line-height:.94}.hero-copy{padding-bottom:7px}.hero-copy p{color:#c7cbd1;max-width:580px;margin:0;font-size:15px;line-height:1.85}.hero-metrics{border-top:1px solid #3a3d43;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px;padding-top:20px;display:grid}.hero-metrics span{color:#8d929b;letter-spacing:.08em;flex-direction:column;gap:3px;font-size:10px;display:flex}.hero-metrics strong{color:#fff;letter-spacing:-.04em;font-size:28px;line-height:1}.gallery-toolbar{z-index:30;-webkit-backdrop-filter:blur(24px)saturate(140%);backdrop-filter:blur(24px)saturate(140%);background:#f7f7f5db;border-bottom:1px solid #1c1d201f;justify-content:space-between;align-items:center;gap:18px;padding:15px clamp(20px,5vw,74px);display:flex;position:sticky;top:0;box-shadow:0 12px 40px #1011140f}.filter-buttons{flex-wrap:wrap;gap:7px;display:flex}.filter-buttons button,.screen-compare select{cursor:pointer;background:#ffffffbd;border:1px solid #d3d5da;border-radius:999px;padding:9px 14px;font-size:12px;font-weight:620}.filter-buttons button.active{color:#fff;background:#17181b;border-color:#17181b}.screen-compare{color:#737881;align-items:center;gap:10px;font-size:11px;display:flex}.screen-compare select{outline:none;min-width:170px}.edition-section,.comparison-section{padding:86px clamp(24px,5vw,74px) 120px}.edition-section+.edition-section{border-top:1px solid #d7d8da}.gallery-air{background:#f7f8f9}.gallery-pro{color:#fff;background:#111215}.gallery-sport{background:#f4f0e9}.comparison-section{background:#eeefef}.edition-heading{grid-template-columns:150px minmax(220px,1fr) minmax(220px,.7fr);align-items:end;gap:30px;max-width:1500px;margin:0 auto 45px;display:grid}.edition-heading>span{color:#7b8089;letter-spacing:.17em;align-self:start;padding-top:8px;font-size:10px;font-weight:750}.edition-heading h2{letter-spacing:-.055em;margin:0;font-size:clamp(38px,5vw,72px);font-weight:650;line-height:1}.edition-heading p{color:#777b83;margin:0;font-size:14px;line-height:1.7}.gallery-pro .edition-heading p,.gallery-pro .edition-heading>span{color:#9297a1}.comparison-heading{grid-template-columns:170px 1fr 1fr}.artboard-grid{grid-template-columns:repeat(auto-fit,minmax(406px,1fr));align-items:start;gap:54px 34px;max-width:1540px;margin:0 auto;display:grid}.comparison-grid{grid-template-columns:repeat(3,minmax(350px,1fr))}.artboard{min-width:0}.artboard-meta{color:#5e636c;align-items:center;gap:12px;width:406px;max-width:100%;margin:0 auto 14px;display:flex}.gallery-pro .artboard-meta{color:#a8adb6}.artboard-number{border:1px solid;border-radius:50%;place-items:center;width:32px;height:32px;font-size:10px;font-weight:760;display:grid}.artboard-meta div{flex-direction:column;gap:2px;display:flex}.artboard-meta strong{font-size:12px}.artboard-meta small{letter-spacing:.08em;text-transform:uppercase;opacity:.7;font-size:9px}.phone-shell{--accent:#2579f4;--accent-soft:#eaf3ff;--canvas:#f5f7fa;--surface:#ffffffe0;--ink:#17191d;--muted:#777d87;--line:#23272d1a;--radius:26px;--small-radius:18px;width:406px;max-width:100%;height:860px;color:var(--ink);background:var(--canvas);isolation:isolate;border:1px solid #16171a2e;border-radius:52px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 34px 72px #11131624,inset 0 0 0 6px #ffffffb8}.edition-pro{--accent:#9fbeff;--accent-soft:#252d3e;--canvas:#0d0f12;--surface:#1c1f24eb;--ink:#f5f6f8;--muted:#959ba5;--line:#ffffff17;--radius:16px;--small-radius:10px;border-color:#3a3d43;border-radius:40px;box-shadow:0 34px 78px #00000080,inset 0 0 0 5px #202329}.edition-sport{--accent:#ff553f;--accent-2:#2167ef;--accent-soft:#fff0ea;--canvas:#f5f1e9;--surface:#fffdfa;--ink:#151518;--muted:#766f68;--line:#281f171f;--radius:10px 28px 12px 28px;--small-radius:8px 18px 8px 18px;border-color:#d0c8bd;border-radius:46px;box-shadow:13px 16px #d9d1c6,0 34px 72px #31281f29,inset 0 0 0 5px #ffffffbf}.phone-island{z-index:9;background:#08090a;border-radius:999px;width:112px;height:28px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.edition-pro .phone-island{border:1px solid #292c30}.edition-sport .phone-island{width:98px}.phone-status{z-index:8;color:var(--ink);justify-content:space-between;font-size:10px;font-weight:750;display:flex;position:absolute;top:18px;left:27px;right:25px}.status-glyphs{letter-spacing:.02em;font-size:8px}.phone-content{position:absolute;inset:0;overflow:hidden}.screen,.screen>div{min-height:100%}.home-indicator{z-index:10;background:var(--ink);opacity:.85;border-radius:999px;width:126px;height:4px;position:absolute;bottom:9px;left:50%;transform:translate(-50%)}.gallery-footer{color:#858a92;letter-spacing:.16em;background:#08090a;justify-content:space-between;gap:20px;padding:26px clamp(24px,5vw,74px);font-size:9px;display:flex}@media (width<=1000px){.comparison-grid{grid-template-columns:1fr}.hero-grid,.edition-heading,.comparison-heading{grid-template-columns:1fr;gap:20px}.gallery-toolbar{flex-direction:column;align-items:flex-start}.screen-compare{justify-content:space-between;width:100%}}@media (width<=520px){.gallery-hero{padding-inline:20px}.gallery-hero h1{font-size:48px}.hero-metrics{gap:10px}.edition-section,.comparison-section{padding-inline:8px}.artboard-grid{grid-template-columns:1fr}.artboard-meta{width:min(406px,100vw - 24px)}.phone-shell{transform-origin:top;width:min(406px,100vw - 16px)}.filter-buttons{flex-wrap:nowrap;width:100%;padding-bottom:2px;overflow-x:auto}.filter-buttons button{white-space:nowrap}}@media print{.gallery-hero,.gallery-toolbar,.gallery-footer{display:none}.edition-section{break-before:page;background:#fff!important}.artboard{break-inside:avoid}}