:root{--ink:#1d1d1f;--muted:#78787e;--blue:#0071e3;--paper:#f5f5f7;--line:#d9d9de}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #1687ed;outline-offset:6px}button{touch-action:manipulation}img{max-width:100%;display:block}p,h1,h2,h3,h4{margin:0}.skip{position:fixed;left:20px;top:-100px;z-index:100;background:white;padding:15px}.skip:focus{top:10px}.nav{position:sticky;top:0;z-index:30;background:rgba(250,250,252,.86);backdrop-filter:blur(22px);border-bottom:0.5px solid #0000000d}.nav-inner{max-width:1200px;height:72px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 36px}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:650;white-space:nowrap}.brand img{border-radius:8px}.brand-en{font-size:10px;letter-spacing:2px;color:#8d8d92;margin-left:5px}.nav nav{display:flex;gap:36px;font-size:12px;color:#646469}.nav nav a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;gap:24px;background:var(--blue);color:white;border-radius:40px;padding:15px 25px;font-size:14px;transition:background .2s,transform .2s}.button:hover{background:#1682ed;transform:translateY(-2px)}.button.small{padding:9px 17px;font-size:12px;gap:14px}.reading-progress{position:absolute;bottom:-1px;height:2px;background:var(--blue);width:0}.hero{overflow:hidden;background:linear-gradient(#fff 0%,#fafafa 60%,#eeeef1 100%);position:relative;padding-top:61px}.hero-copy{position:relative;z-index:3;text-align:center}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2.6px;color:#7b7d84}.hero h1{font-size:clamp(46px,5.3vw,78px);line-height:1.15;letter-spacing:-3.8px;font-weight:650;margin:22px 0 22px}.hero h1 span{color:#777b82;background:linear-gradient(100deg,#8e959e,#3e4652);background-clip:text;-webkit-text-fill-color:transparent}.hero-description{font-size:17px;color:#73757b;letter-spacing:1px}.hero-actions{display:flex;gap:28px;justify-content:center;align-items:center;margin-top:26px}.text-link{color:var(--blue);font-size:14px;display:inline-flex;align-items:center;gap:13px}.text-link:hover{text-decoration:underline}.vehicle-stage{position:relative;height:450px;max-width:1350px;margin:-5px auto 0;cursor:grab;touch-action:pan-y;isolation:isolate}.vehicle-stage:active{cursor:grabbing}.stage-word{position:absolute;top:52px;left:50%;transform:translateX(-50%);font-size:clamp(70px,15.5vw,214px);font-weight:730;letter-spacing:-12px;color:#e4e5e8;line-height:1;z-index:-1;user-select:none}.car-shadow{position:absolute;left:25%;right:25%;height:50px;bottom:61px;background:#161a24;opacity:.18;filter:blur(22px);border-radius:50%;transform:rotate(-5deg);z-index:-1}#vehicle-canvas{position:absolute;inset:0;z-index:1}#vehicle-canvas canvas{width:100%;height:100%;display:block}.stage-caption,.stage-model{position:absolute;bottom:35px;font-size:9px;letter-spacing:2px;color:#92949a}.stage-caption{left:6%}.stage-model{right:6%}.stage-model span{padding:0 12px}.model-fallback{position:absolute;inset:0;display:grid;place-items:center;z-index:0}.model-ready .model-fallback{display:none}.fallback-car{width:540px;height:220px;position:relative;overflow:hidden;border-radius:100px;background:#0c2c3b}.fallback-car img{position:absolute;top:-260px;width:540px;max-width:none}.vehicle-toolbar{display:flex;align-items:center;justify-content:center;gap:27px;position:relative;z-index:3;min-height:58px;margin-top:-12px}#model-status,#color-name{font-size:10px;color:#84858c;min-width:150px}#model-status{text-align:right}#color-name{text-align:left}.swatches{display:flex;gap:14px}.swatch{width:20px;height:20px;border:0;border-radius:50%;background:var(--swatch);box-shadow:inset 0 1px 3px #0003;position:relative;padding:0}.swatch.selected:after{content:"";position:absolute;inset:-5px;border:0.5px solid #8b8e95;border-radius:50%}.hero-foot{max-width:1128px;margin:22px auto 0;border-top:0.5px solid #d5d6db;display:flex;justify-content:space-between;padding:23px 0 30px;font-size:10px;color:#8d8e94;letter-spacing:1px}.hero-foot a span{padding-left:15px}.dashboard-section{background:#07090c;color:#f5f5f7;padding:115px 24px 80px;overflow:hidden}.section-heading{text-align:center}.section-heading h2{font-size:clamp(42px,4.3vw,64px);line-height:1.18;letter-spacing:-2.2px;margin-top:23px;font-weight:620}.section-heading h2 span{color:#8b8b91}.section-heading>p:last-child:not(.eyebrow){font-size:17px;line-height:1.8;color:#81848c;margin-top:24px}.dashboard-section .eyebrow{color:#7791b3}.dashboard-section h2 span{color:#8b9eb7}.dashboard-wrap{position:relative;margin:66px auto 42px;max-width:940px;perspective:1400px}.dashboard-device{position:relative;padding:12px;border-radius:53px;background:linear-gradient(135deg,#797d84,#262a32 22%,#71767c 50%,#171b21 80%,#53575c);box-shadow:0 35px 70px #000,0 0 0 1px #70747b;transform:rotateX(5deg) rotateY(-3deg);transition:transform .8s;z-index:2}.dashboard-wrap:hover .dashboard-device{transform:rotateX(0) rotateY(0)}.dashboard-screen{border:7px solid #020405;border-radius:42px;aspect-ratio:2.25;overflow:hidden;position:relative;background:linear-gradient(160deg,#063959,#052b40 46%,#020d0b);container-type:inline-size;color:#fff}.device-camera{position:absolute;left:24px;top:50%;transform:translateY(-50%);width:18px;height:86px;background:#030304;border-radius:15px;z-index:5}.demo-top{display:flex;justify-content:space-between;position:absolute;left:7%;right:5%;top:7%;font-size:1.25cqw;color:#c8d7df;z-index:5;letter-spacing:.5px}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#4adbb4;margin-right:4px}.battery{padding-left:10px}.dial-layout{height:100%;display:flex;align-items:center;justify-content:center;gap:10%;padding:6%}.metal-dial{width:36%;aspect-ratio:1;border-radius:50%;background:conic-gradient(from 215deg,#e2e8ec,#fafcfd 13%,#70858e 13.5%,#2b4a59 46%,#8299a4 70%,#e2e8ec);position:relative;box-shadow:0 0 0 1px #cbdbe014}.metal-dial:before{content:"";position:absolute;inset:-8px;border:3px solid transparent;border-bottom-color:#c1d4d8;border-right-color:#5e747f;border-radius:50%;transform:rotate(33deg)}.dial-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;color:#19252b;padding-bottom:13%}.dial-gear{font-size:5cqw;font-weight:600}.dial-range{font-size:1.8cqw;margin-top:3%}.dial-range small{font-size:1.4cqw}.speed-block{display:flex;flex-direction:column;align-items:center;width:35%;position:relative}.distance{font-size:1.8cqw;align-self:flex-end}.speed-value{font-weight:300;font-size:21cqw;line-height:1.12;letter-spacing:-1.6cqw;font-variant-numeric:tabular-nums}.speed-unit{font-size:1.7cqw;color:#a3b4bc;letter-spacing:2px}.drive-time{font-size:1.9cqw;margin-top:4%}.home-indicator{position:absolute;bottom:3%;left:42%;height:3px;width:16%;border-radius:10px;background:#cbd0d677}.dashboard-glow{position:absolute;inset:20% 10% -15%;background:radial-gradient(ellipse,#14406b70,transparent 70%);filter:blur(50px);z-index:0}.theme-selector{display:flex;justify-content:center;gap:8px;position:relative;z-index:3}.theme-selector button{background:transparent;color:#9b9ea5;border:0.5px solid transparent;border-radius:28px;padding:12px 21px;font-size:12px;display:flex;align-items:center;gap:9px;transition:.25s}.theme-selector button.active{border-color:#525760;background:#242931;color:white}.theme-dot{display:inline-block;width:12px;height:12px;border-radius:50%}.orbit-dot{background:conic-gradient(#214458,#e6e9ec,#214458)}.map-dot{background:#3c83bb}.minimal-dot{background:#f1f1f1}.theme-caption{text-align:center;color:#8b8e95;font-size:12px;margin-top:23px;min-height:20px}.dashboard-details{display:grid;grid-template-columns:repeat(3,1fr);max-width:880px;margin:65px auto 0;border-top:0.5px solid #282a2d;padding-top:32px;gap:36px}.dashboard-details span{font-size:16px;font-weight:600}.dashboard-details p{color:#777d87;font-size:12px;margin-top:10px}.navigation-layout,.minimal-layout{display:none;height:100%;padding:7% 5% 5%;gap:2%}[data-theme=navigation] .dial-layout,[data-theme=minimal] .dial-layout{display:none}[data-theme=navigation] .navigation-layout{display:flex}[data-theme=minimal] .minimal-layout{display:flex}.map-panel{width:64%;border-radius:14px;background:url('assets/navigation.png') center/cover;position:relative}.map-direction{position:absolute;top:10px;left:10px;right:10px;padding:12px;border-radius:12px;background:#112c42dc;display:flex;align-items:center;gap:15px;font-size:4cqw}.map-direction span{font-size:1.7cqw}.map-direction small{display:block;font-size:1.1cqw;margin-top:5px;color:#c8d3dc}.nav-data{display:flex;flex-direction:column;gap:7%;flex:1}.nav-data>strong,.nav-data>span{background:#344455;border-radius:14px;display:flex;align-items:center;justify-content:center;flex:1;gap:10px}.nav-data>strong{font-size:8cqw;font-weight:500}.nav-data strong small{font-size:1.4cqw}.nav-data span{font-size:3cqw}.nav-data b{font-size:1.4cqw;font-weight:500}.nav-data small{display:block;font-size:1.1cqw;color:#b0bbc5;margin-top:6px}.minimal-layout{background:#070708;flex-direction:column;align-items:center;justify-content:center}.minimal-layout>span{font-size:1.1cqw;letter-spacing:5px;color:#aaa}.minimal-layout>strong{font-size:23cqw;line-height:1;font-weight:250;letter-spacing:-1.5cqw}.minimal-layout>small{font-size:1.3cqw;letter-spacing:5px;color:#9a9b9e}.minimal-layout>div{display:flex;gap:8cqw;margin-top:3%;font-size:1.6cqw;color:#a2a5ac}.section-shell{max-width:1128px;margin:auto;padding:112px 0}.connected{padding-bottom:50px}.connected-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;margin-top:70px}.connection-copy{padding-left:60px}.connection-copy h3{font-size:33px;letter-spacing:-1px;line-height:1.35}.connection-copy>p{font-size:15px;color:#84858b;line-height:1.9;margin-top:24px}.feature-lines{margin:35px 0}.feature-lines>div{display:flex;gap:18px;margin-top:24px}.line-icon{font-size:28px;font-weight:300;color:#71757b;width:30px}.feature-lines h4{font-size:14px;font-weight:600}.feature-lines p{font-size:12px;line-height:1.7;color:#909097;margin-top:8px}.phone-stage{position:relative;min-height:650px;display:flex;align-items:center;justify-content:center;flex-direction:column;isolation:isolate}.phone-halo{position:absolute;inset:10% 0;border-radius:50%;background:radial-gradient(ellipse,#ccdbe6aa,transparent 68%);z-index:-1}.phone-backword{position:absolute;top:47%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);color:#e4e6e9;letter-spacing:-4px;font-size:85px;font-weight:700;z-index:-1}.home-phone{position:relative;overflow:hidden;width:276px;height:555px;filter:drop-shadow(20px 25px 22px #26394d25);border-radius:43px;transform:rotate(7deg);background:#071d29}.home-phone img{position:absolute;width:285px;max-width:none;left:-5px;top:-45px}.phone-footnote{font-size:10px;color:#979ba3;margin-top:36px;letter-spacing:1px}.journeys{border-top:0.5px solid #e1e1e5}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:60px}.story-card{height:640px;border-radius:30px;overflow:hidden;position:relative;background:#e9edf1}.trip-card{background:linear-gradient(140deg,#ede8ed,#f5f2f4)}.charge-card{background:linear-gradient(140deg,#e3ebf1,#edf1f5)}.story-copy{padding:40px;position:relative;z-index:2}.story-copy .eyebrow{letter-spacing:1px;font-size:12px}.story-copy h3{font-size:30px;line-height:1.35;letter-spacing:-.8px;margin:15px 0}.story-copy p{font-size:13px;line-height:1.8;color:#8c8b94}.portrait-crop{position:absolute;bottom:-110px;width:258px;height:455px;left:50%;transform:translateX(-50%) rotate(-7deg);border-radius:35px;overflow:hidden;box-shadow:10px 16px 30px #36334725;background:#213c4b}.portrait-crop img{position:absolute;max-width:none}.trips-crop img{width:268px;left:-6px;top:-32px}.charging-crop{transform:translateX(-50%) rotate(7deg)}.charging-crop img{width:268px;left:-6px;top:-42px}.closing{background:white;text-align:center;padding:104px 24px 110px}.closing img{border-radius:19px;margin:0 auto 30px;box-shadow:0 10px 25px #0002}.closing .eyebrow{font-size:10px;letter-spacing:2px}.closing h2{font-size:clamp(48px,5vw,72px);line-height:1.16;letter-spacing:-3px;margin:22px 0}.closing p:not(.eyebrow){font-size:17px;color:#929297;margin-bottom:30px}.download-note{display:block;font-size:11px;color:#98989e;margin-top:18px}.faq{max-width:920px;padding-top:90px;padding-bottom:85px}.faq h2{font-size:29px;letter-spacing:-1px;margin-bottom:34px}.faq h2 span{color:#929298}.faq details{border-bottom:0.5px solid #dcdce0}.faq summary{list-style:none;padding:22px 30px 22px 0;cursor:pointer;font-size:15px;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:5px;top:16px;font-size:25px;color:#85858c;font-weight:300}.faq details[open] summary:after{content:'−'}.faq details p{font-size:13px;color:#75757d;line-height:1.9;padding:0 35px 22px 0}footer{background:#eeeef0;padding:44px 36px 28px}.footer-inner{max-width:1128px;margin:auto}.footer-inner>p{font-size:12px;color:#8a8b91;margin-top:17px}.footer-bottom{border-top:0.5px solid #d8d8de;margin-top:30px;padding-top:22px;display:flex;justify-content:space-between;color:#84858c;font-size:11px}.footer-bottom>div{display:flex;gap:24px}.footer-inner .fine-print{font-size:10px;line-height:1.8;color:#96969d;margin-top:20px}.js-motion .reveal{opacity:0;transform:translateY(34px);transition:opacity .9s,transform .9s}.js-motion .reveal.visible{opacity:1;transform:translateY(0)}
@media(min-width:1500px){.hero{padding-top:76px}.vehicle-stage{height:500px}}
@media(max-width:1180px){.section-shell{margin:0 40px}.hero-foot{margin-left:40px;margin-right:40px}.connection-copy{padding-left:20px}.faq{margin-left:auto;margin-right:auto;padding-left:40px;padding-right:40px}.stage-caption{left:40px}.stage-model{right:40px}}
@media(max-width:700px){html{scroll-padding-top:75px}.nav-inner{height:62px;padding:0 20px}.nav nav{gap:18px}.nav nav a{font-size:11px}.nav nav a:last-child{display:none}.brand{font-size:18px;gap:8px}.brand-en{display:none}.nav .button{padding:8px 13px;font-size:11px;gap:7px}.hero{padding-top:49px}.hero h1{letter-spacing:-2px;font-size:46px;margin-top:21px}.eyebrow{font-size:10px}.hero-description{font-size:13px}.hero-actions{gap:20px;margin-top:24px}.hero-actions .button{padding:12px 20px;font-size:12px}.text-link{font-size:12px}.vehicle-stage{height:310px;margin-top:15px}.stage-word{font-size:19vw;letter-spacing:-5px;top:55px}.car-shadow{bottom:65px;left:15%;right:15%;height:25px;filter:blur(14px)}.stage-caption{display:none}.stage-model{bottom:8px;right:0;width:100%;text-align:center;font-size:8px;letter-spacing:2px}.vehicle-toolbar{flex-wrap:wrap;gap:15px;margin:15px 0 5px;padding:0 20px}#model-status{width:100%;min-width:0;text-align:center;order:3;font-size:10px;margin-top:4px}#color-name{min-width:0;font-size:10px}.swatches{gap:16px}.swatch{width:18px;height:18px}.hero-foot{margin:24px 20px 0;padding:18px 0;font-size:8px;letter-spacing:.2px}.hero-foot>span:last-child{display:none}.dashboard-section{padding:76px 16px 50px}.section-heading h2{font-size:40px;letter-spacing:-1.7px}.section-heading>p:last-child:not(.eyebrow){font-size:14px;margin-top:20px}.dashboard-wrap{margin:42px auto 30px}.dashboard-device{padding:5px;border-radius:27px;transform:none}.dashboard-screen{border-width:3px;border-radius:22px}.device-camera{left:10px;width:8px;height:38px}.metal-dial:before{inset:-4px;border-width:0.5px}.theme-selector{gap:0}.theme-selector button{padding:10px 12px;font-size:10px;gap:6px}.theme-dot{width:10px;height:10px}.theme-caption{font-size:11px;margin-top:18px}.dashboard-details{gap:15px;margin-top:39px;padding-top:24px}.dashboard-details span{font-size:13px}.dashboard-details p{font-size:10px;line-height:1.8}.section-shell{margin:0 24px;padding:75px 0}.connected-grid{grid-template-columns:1fr;margin-top:45px}.connection-copy{padding:0 14px}.connection-copy h3{font-size:28px}.connection-copy>p{font-size:14px}.feature-lines{margin:27px 0}.phone-stage{min-height:610px;margin-top:15px}.connected{padding-bottom:10px}.phone-backword{font-size:70px}.story-grid{grid-template-columns:1fr;gap:20px;margin-top:38px}.story-card{height:570px}.story-copy{padding:32px}.story-copy h3{font-size:28px}.portrait-crop{bottom:-155px}.closing{padding:80px 24px}.closing h2{font-size:50px}.closing p:not(.eyebrow){font-size:14px}.faq{margin:0 24px;padding:65px 0}.faq h2{font-size:24px;line-height:1.4}.faq h2 span{display:block}.faq summary{font-size:13px}.faq details p{font-size:12px}footer{padding:32px 24px}.footer-bottom{gap:20px;flex-direction:column}.footer-bottom>div{gap:20px}.fallback-car{width:320px;height:150px}.fallback-car img{width:320px;top:-145px}.navigation-layout{padding:8% 5% 5%}.map-panel,.nav-data>strong,.nav-data>span{border-radius:7px}.map-direction{padding:6px;top:5px;left:5px;right:5px;border-radius:5px;gap:5px}.map-direction small{margin-top:2px}.nav-data>span{gap:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}.dashboard-device{transform:none}}
.canvas-host{position:absolute;inset:0;z-index:1}.canvas-host canvas{display:block;width:100%;height:100%}.wrap-section{padding:100px 36px;background:#fff}.wrap-showcase{max-width:1128px;margin:54px auto 0;background:linear-gradient(130deg,#edf0f3,#f7f8fa);border-radius:30px;overflow:hidden;position:relative}.wrap-label{position:absolute;top:40px;left:42px;z-index:3}.wrap-label>span{font-size:9px;letter-spacing:2px;color:#9499a3}.wrap-label h3{font-size:28px;letter-spacing:-1px;margin:12px 0}.wrap-label p{font-size:12px;color:#898f99}.wrap-stage{height:530px;margin:0 auto;padding-top:100px}.wrap-backword{position:absolute;top:41%;left:50%;transform:translateX(-50%);font-size:110px;white-space:nowrap;letter-spacing:-5px;color:#e0e4e9;font-weight:700;z-index:-1}.wrap-stage .canvas-host{top:55px}.wrap-stage .car-shadow{bottom:77px}.wrap-bottom{position:absolute;bottom:29px;left:42px;right:42px;display:flex;justify-content:space-between;font-size:10px;color:#8a909a;letter-spacing:1px}.wrap-options{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1128px;margin:22px auto 0}.wrap-option{border:0.5px solid #e1e4e8;border-radius:17px;background:#fff;display:flex;align-items:center;gap:12px;padding:14px;text-align:left;transition:.25s;color:#52565c;font-size:12px;min-width:0}.wrap-option.active{border-color:#8eabc8;background:#f4f8fc;box-shadow:0 0 0 1px #8eabc8}.wrap-option:hover{transform:translateY(-3px)}.wrap-thumb{height:55px;width:55px;border-radius:10px;overflow:hidden;background:#eef0f3;flex-shrink:0}.wrap-thumb img{width:100%;height:100%;object-fit:cover}.wrap-option small{display:block;color:#999fa8;font-size:10px;margin-top:7px}.wrap-check{margin-left:auto;color:#858e99}.wrap-note{text-align:center;font-size:11px;color:#999fa8;margin-top:26px;letter-spacing:.5px}.wrap-stage .model-fallback>img{width:230px;border-radius:25px;margin-top:50px}.swatch:disabled,.wrap-option:disabled{cursor:default;opacity:.5}
@media(max-width:700px){.nav nav a:nth-child(2){display:none}.wrap-section{padding:70px 20px}.wrap-showcase{margin-top:36px;border-radius:24px}.wrap-label{top:25px;left:25px}.wrap-label>span{font-size:8px}.wrap-label h3{font-size:24px;margin:10px 0}.wrap-label p{font-size:11px}.wrap-stage{height:365px}.wrap-stage .canvas-host{top:72px;bottom:15px}.wrap-backword{font-size:52px;letter-spacing:-2px;top:48%}.wrap-stage .car-shadow{bottom:67px}.wrap-bottom{bottom:20px;left:20px;right:20px;justify-content:center;font-size:9px}.wrap-bottom>span:last-child{display:none}.wrap-options{grid-template-columns:1fr 1fr;gap:11px;margin-top:17px}.wrap-option{padding:10px;gap:9px;font-size:11px;border-radius:13px}.wrap-thumb{width:39px;height:39px}.wrap-option small{font-size:9px;margin-top:5px}.wrap-check{display:none}.wrap-note{font-size:9px}.wrap-stage .model-fallback>img{width:150px;margin-top:65px}}
.charging-crop img{width:258px;left:0;top:0}.demo-play{display:flex;align-items:center;gap:14px;margin:22px auto 0;border:0.5px solid #353b43;border-radius:30px;background:#14191f;color:#aeb9c7;padding:11px 20px;font-size:11px}.demo-play:hover{background:#252c35}.metal-dial{--dial-rotation:215deg;background:conic-gradient(from var(--dial-rotation),#e2e8ec,#fafcfd 13%,#70858e 13.5%,#2b4a59 46%,#8299a4 70%,#e2e8ec)}
@media(min-width:701px) and (max-height:850px){.hero{padding-top:38px}.hero h1{font-size:58px;margin:17px 0}.hero-description{font-size:15px}.hero-actions{margin-top:21px}.vehicle-stage:not(.wrap-stage){height:350px}.stage-word{top:29px;font-size:170px}.hero-foot{margin-top:12px}.car-shadow{bottom:38px}.stage-caption,.stage-model{bottom:16px}.vehicle-toolbar{margin-top:0}}
@media(max-width:360px){.phone-stage{overflow:hidden;min-height:540px}.home-phone{transform:rotate(5deg) scale(.82);margin:-35px 0}.nav-inner{padding:0 14px}.nav nav{gap:12px}.hero h1{font-size:41px}.hero-actions{gap:15px}}

/* Text-led opening; the interactive vehicle lives in the wrap section. */
.hero{padding-top:90px}.hero-copy{padding-bottom:90px}
@media(max-width:700px){.hero{padding-top:68px}.hero-copy{padding-bottom:70px}}
/* Dashboard-led product story. */
.hero{padding-top:70px}.hero-copy{padding-bottom:0}.hero-description{line-height:1.85;letter-spacing:.3px}.hero-instrument{width:calc(100% - 80px);max-width:960px;margin:48px auto 34px;position:relative}.instrument-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#5d6c79;letter-spacing:1px;margin:0 0 17px 24px}.instrument-badge .status-dot{background:#13896e}.instrument-shell{display:grid;grid-template-columns:1.6fr 1fr;gap:12px;padding:19px 20px 19px 30px;aspect-ratio:2.35;background:#102236;border:8px solid #17191f;border-radius:42px;box-shadow:0 0 0 2px #8d9198,0 30px 55px #25344e24;position:relative;overflow:hidden;container-type:inline-size}.instrument-island{position:absolute;left:4px;top:38%;width:13px;height:25%;background:#030406;border-radius:20px;z-index:3}.instrument-map{position:relative;overflow:hidden;border-radius:17px;background:#263749}.instrument-map video{width:100%;height:100%;object-fit:cover;display:block}.map-speed{position:absolute;top:17px;left:20px;font-size:5.5cqw;line-height:1;font-weight:500;letter-spacing:-2px;color:white;text-shadow:0 2px 10px #0009}.map-speed small{font-size:1.2cqw;letter-spacing:0}.map-trip{position:absolute;bottom:12px;left:10px;right:10px;text-align:center;color:#eef5ff;font-size:1.3cqw;background:#101e30b0;backdrop-filter:blur(8px);padding:10px;border-radius:12px}.map-trip i{font-style:normal;padding:0 7px;opacity:.4}.instrument-guidance{display:grid;grid-template-rows:1.6fr .75fr .85fr;gap:9px;min-height:0}.junction-preview{min-height:0;border-radius:13px;background:#10363b;overflow:hidden}.junction-preview img{height:100%;width:100%;object-fit:contain}.next-turn,.road-preview{display:flex;align-items:center;gap:16px;color:white;border-radius:13px;background:#30455b;padding:8px 15px;min-height:0}.next-turn img{height:100%;width:16%;object-fit:contain}.next-turn span,.road-preview span{font-size:1.7cqw;font-weight:550}.next-turn small,.road-preview small{display:block;font-size:1.1cqw;color:#b9c7d9;font-weight:400;margin-top:6px}.road-preview img{width:25%;height:100%;object-fit:contain}.instrument-caption{display:flex;justify-content:space-between;padding:21px 22px 0;font-size:11px;color:#8a919b}.video-toggle{border:0;background:none;font-size:11px;color:#788597;padding:0}.guidance-section{padding:108px 36px 80px;background:white}.sync-stage{max-width:1128px;margin:62px auto 36px;display:grid;grid-template-columns:1fr 84px 1.08fr;align-items:center;padding:44px 36px 34px;background:linear-gradient(150deg,#edf2f7,#f7f8fb);border-radius:30px}.sync-device-label{display:flex;align-items:center;justify-content:space-between;margin:0 4px 16px;font-size:11px;color:#8e98a4;gap:8px}.sync-device-label b{font-size:14px;font-weight:600;color:#445466}.sync-pill{color:#08786d;background:#e1f1ee;border-radius:20px;padding:6px 11px;font-size:10px}.sync-screen{display:grid;grid-template-columns:1.45fr 1fr;gap:10px;aspect-ratio:1.95;background:#1b2b3d;border:7px solid #252a33;border-radius:26px;padding:12px;box-shadow:0 15px 30px #233b5c20;color:#eaf1f8}.sync-center .sync-screen{border-radius:12px;border-width:8px;aspect-ratio:1.8}.sync-junction,.sync-road{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:9px;min-height:0;background:#10363b;padding-bottom:24px}.sync-junction img{width:100%;height:100%;object-fit:contain}.sync-road{background:#30445a}.sync-road img{max-width:75%;max-height:65%;object-fit:contain}.sync-junction span,.sync-road span{position:absolute;bottom:10px;font-size:10px;letter-spacing:.6px}.sync-under{display:block;text-align:center;font-size:10px;line-height:1.6;color:#8d97a5;margin-top:22px}.sync-connector{display:flex;flex-direction:column;align-items:center;gap:5px;padding-top:15px;color:#6793b9}.sync-connector span{font-size:32px;font-weight:300}.sync-connector small{font-size:10px;letter-spacing:1px}.guidance-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1000px;margin:48px auto 0}.guidance-benefits article>span{font-size:11px;letter-spacing:1px;color:#89a1b9}.guidance-benefits h3{font-size:21px;letter-spacing:-.5px;margin:14px 0}.guidance-benefits p{font-size:13px;color:#92969f;line-height:1.8}.section-note{max-width:1000px;margin:35px auto 0;color:#a1a5ad;font-size:10px;line-height:1.7}.motion-gallery{max-width:1050px;margin:110px auto 15px;padding-top:75px;border-top:0.5px solid #272d36}.motion-heading{text-align:center}.motion-heading h3{font-size:40px;font-weight:600;letter-spacing:-1.5px;margin:19px 0}.motion-heading>p:last-child{font-size:15px;color:#8b95a6;line-height:1.8}.motion-frame{position:relative;aspect-ratio:2.12;border:0.5px solid #3c4554;background:#030409;border-radius:28px;overflow:hidden;margin:40px auto 23px;box-shadow:0 25px 70px #0008;max-width:940px}.motion-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none}.motion-tag{position:absolute;top:20px;left:25px;color:#b2c0d7;font-size:10px;letter-spacing:1px;z-index:3;text-shadow:0 1px 6px black}.motion-placeholder{position:absolute;inset:0;background:radial-gradient(ellipse at center,#152b59,#05070c 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;pointer-events:none}.motion-placeholder span{color:#899ab9;font-size:11px;letter-spacing:3px}.motion-placeholder strong{font-size:clamp(70px,13vw,155px);font-weight:250;line-height:1}.motion-placeholder small{color:#90a0bd;font-size:12px}.motion-placeholder[hidden]{display:none}.motion-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:940px;margin:0 auto}.motion-themes{display:flex;padding:5px;background:#171d27;border-radius:30px;gap:3px}.motion-themes button{background:transparent;border:0;color:#9aa8bd;padding:11px 22px;border-radius:24px;font-size:12px}.motion-themes button.active{background:#3a465b;color:white}.motion-toggle{background:#171d27;border:0.5px solid #313c4f;border-radius:30px;padding:13px 19px;font-size:11px;color:#a7b6ce}.motion-speed{display:flex;align-items:center;justify-content:center;gap:22px;font-size:12px;color:#95a4bb;margin:30px auto 0;max-width:600px}.motion-speed input{flex:1;min-width:50px;max-width:300px;accent-color:#75a6ff;cursor:pointer}.motion-speed>span{min-width:67px;font-variant-numeric:tabular-nums}.motion-description{text-align:center;color:#78869c;font-size:12px;margin-top:25px;min-height:18px}.dashboard-section{padding-top:95px}.hero-foot{margin-top:25px}.hero .hero-foot>span:first-child{letter-spacing:.5px}
@media(max-width:700px){.hero{padding-top:55px}.hero-copy{padding-bottom:0}.hero h1{font-size:48px}.hero-description{font-size:13px;line-height:1.9}.hero-instrument{width:calc(100% - 36px);margin:36px auto 26px}.instrument-shell{padding:7px 7px 7px 13px;border-width:4px;border-radius:20px;gap:5px;aspect-ratio:2.15}.instrument-island{left:2px;width:6px}.instrument-map{border-radius:10px}.instrument-guidance{gap:4px}.junction-preview,.next-turn,.road-preview{border-radius:6px}.next-turn,.road-preview{padding:4px 6px;gap:6px}.next-turn small,.road-preview small{margin-top:2px}.map-speed{top:10px;left:10px;letter-spacing:-.5px}.map-trip{font-size:1.5cqw;bottom:5px;left:4px;right:4px;border-radius:5px;padding:5px}.map-trip i{padding:0 2px}.instrument-badge{font-size:9px;margin:0 0 13px 9px}.instrument-caption{padding:15px 5px 0;font-size:8px;gap:8px}.video-toggle{font-size:8px}.guidance-section{padding:73px 22px 56px}.sync-stage{margin:38px auto 0;padding:25px 20px;grid-template-columns:1fr;border-radius:23px;gap:17px}.sync-screen{border-width:5px;padding:8px;gap:7px}.sync-device-label b{font-size:12px}.sync-device-label{font-size:9px;margin-bottom:12px}.sync-pill{font-size:9px;padding:5px 9px}.sync-under{font-size:9px;margin-top:13px}.sync-connector{padding:0;flex-direction:row;justify-content:center;gap:10px}.sync-connector span{font-size:25px;transform:rotate(90deg)}.sync-connector small{font-size:9px}.sync-junction span,.sync-road span{font-size:9px}.sync-center .sync-screen{aspect-ratio:1.95;border-width:5px}.guidance-benefits{grid-template-columns:1fr;gap:24px;margin-top:36px}.guidance-benefits article{position:relative;padding-left:35px}.guidance-benefits article>span{position:absolute;left:0;top:4px}.guidance-benefits h3{font-size:18px;margin:0 0 9px}.guidance-benefits p{font-size:12px}.guidance-benefits p br{display:none}.section-note{font-size:9px;margin-top:25px}.motion-gallery{margin-top:65px;padding-top:48px}.motion-heading h3{font-size:30px;letter-spacing:-1px}.motion-heading>p:last-child{font-size:13px}.motion-frame{border-radius:18px;aspect-ratio:1.75;margin-top:28px}.motion-tag{top:12px;left:15px;font-size:8px}.motion-toolbar{flex-direction:column;gap:13px}.motion-themes button{font-size:11px;padding:10px 17px}.motion-toggle{padding:9px 17px;font-size:10px}.motion-speed{gap:10px;font-size:10px;margin-top:21px}.motion-description{font-size:10px;line-height:1.6}.nav nav a:nth-child(2){display:inline}.nav nav a:nth-child(3),.nav nav a:nth-child(4){display:none}}
@media(max-width:360px){.hero h1{font-size:42px}.hero-copy{padding-left:12px;padding-right:12px}}

/* Native iOS artwork is displayed as captured; never recreate its UI. */
.cockpit-hero{max-width:1400px;width:calc(100% - 72px);margin:48px auto 20px}
.cockpit-photo{position:relative;overflow:hidden;border-radius:24px;background:#172b38}
.cockpit-background{width:100%;height:auto}
.cockpit-phone-screen{position:absolute;left:30.16%;top:33.45%;width:24.55%;height:17.04%;border-radius:4% / 10%;overflow:hidden;background:#000;display:grid;place-items:center}
.ios-cover{position:relative;overflow:hidden;width:100%;aspect-ratio:2;isolation:isolate;background:#183346}
.ios-cover img{width:100%;height:100%;object-fit:contain}
.cockpit-caption{position:absolute;left:4%;right:4%;bottom:5%;display:flex;justify-content:space-between;align-items:center;color:#fff;text-shadow:0 1px 8px #0009;font-size:clamp(12px,1.5vw,21px);font-weight:550}
.cockpit-caption a{font-size:12px;background:#10192399;backdrop-filter:blur(12px);padding:12px 17px;border-radius:24px}
.cockpit-hero figcaption{text-align:center;color:#909198;font-size:10px;margin-top:15px;letter-spacing:.5px}
.native-dashboard-gallery{max-width:960px;margin:60px auto 0;text-align:center}
.native-dashboard-frame{padding:12px;border:0.5px solid #677786;border-radius:34px;background:#151b21;box-shadow:0 30px 70px #0008}
.native-dashboard-frame .ios-cover{border-radius:23px}
.native-dashboard-gallery>p{font-size:20px;margin:30px 0 12px;color:#dae4ec}
.native-dashboard-gallery>span{font-size:11px;color:#8093a5}
.home-phone img{position:static!important;width:100%!important;height:auto!important;transform:none!important}
.home-phone{aspect-ratio:1206/2622!important;height:auto!important;overflow:hidden}
@media(max-width:700px){.cockpit-hero{width:calc(100% - 28px);margin-top:34px}.cockpit-photo{border-radius:16px;aspect-ratio:1.1}.cockpit-background{width:auto;height:100%;max-width:none;position:absolute;left:-18%;top:0}.cockpit-phone-screen{left:30.7%;top:33.45%;width:39.65%;height:17.04%}.cockpit-caption{left:6%;right:6%;bottom:7%;font-size:13px}.cockpit-caption a{font-size:9px;padding:9px 12px}.cockpit-hero figcaption{font-size:8px;line-height:1.7}.native-dashboard-frame{padding:6px;border-radius:19px}.native-dashboard-frame .ios-cover{border-radius:13px}.native-dashboard-gallery{margin-top:35px}.native-dashboard-gallery>p{font-size:16px}.native-dashboard-gallery>span{font-size:9px}}

.capture-pending{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(7px,1vw,13px);color:#9cb1bf;padding:10px;text-align:center}

/* The shared navigation content uses unmodified iOS SDK image assets. */
.sync-experience{max-width:1200px;margin:50px auto 0;padding:30px 34px 26px;border-radius:32px;background:#e9edf1;border:0.5px solid #dce2e8}
.sync-proof{display:flex;align-items:center;justify-content:center;gap:10px;color:#31485a;font-size:12px;margin-bottom:38px}
.sync-proof>span:last-child{color:#7a8792;margin-left:14px;font-size:11px}.sync-live-dot{width:6px;height:6px;background:#21856e;border-radius:50%}
.sync-pair{display:grid;grid-template-columns:1fr 52px 1fr;align-items:center;gap:12px}.sync-product{min-width:0}.sync-product header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;color:#303e4b;font-size:13px}.sync-product header>span{font-size:10px;color:#7d8993}.sync-product>p{font-size:12px;color:#6d7b89;margin:20px 0 0;text-align:center}.sync-hardware{position:relative;padding:8px;background:linear-gradient(145deg,#77818c,#252c34 40%,#636d77);box-shadow:0 16px 28px #18232e20;border-radius:27px}.phone-hardware{border:0.5px solid #9ca6af}.center-hardware{padding:8px;border-radius:15px}.sync-hardware>[data-nav-screen]{border-radius:20px;overflow:hidden;background:#1b2d40}.center-hardware>[data-nav-screen]{border-radius:8px}.sync-equals{font-size:30px;text-align:center;color:#82939f;display:flex;flex-direction:column;gap:4px}.sync-equals>span{font-size:10px;letter-spacing:2px}.nav-content{width:100%;aspect-ratio:1.8;position:relative;display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:1fr 25%;gap:5px;padding:6px;background:#1b2d40;color:white;container-type:inline-size;overflow:hidden}.nav-map{position:relative;grid-row:1/3;min-height:0;overflow:hidden;border-radius:9px}.nav-map>img{height:100%;width:100%;object-fit:cover}.nav-hud{position:absolute;left:5%;right:5%;top:5%;display:flex;align-items:center;gap:7%;padding:9% 7%;background:#273e51;border-radius:8px;outline:2px solid transparent;outline-offset:-2px}.nav-hud>img{width:27%;height:13cqw;object-fit:contain}.nav-hud strong{font-size:5cqw;font-weight:600;display:block;white-space:nowrap}.nav-hud div>span{font-size:2.8cqw;color:#dbe3ed;display:block;margin-top:5px;white-space:nowrap}.nav-junction{position:relative;background:#143539;border-radius:8px;overflow:hidden;outline:2px solid transparent;outline-offset:-2px;min-height:0}.nav-junction>img{width:100%;height:100%;object-fit:contain}.nav-lanes{position:relative;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#273e51;outline:2px solid transparent;outline-offset:-2px;padding:5px}.nav-lanes>span{display:none}.nav-lanes>div{height:85%;display:flex;align-items:center;justify-content:center;gap:3%}.nav-lanes img{height:100%;width:15%;object-fit:contain}.nav-content i{position:absolute;right:5px;top:5px;font-style:normal;font-size:2.1cqw;font-weight:600;color:#c3d3e0;background:#12212ccb;padding:3px 4px;border-radius:4px}.nav-lanes i{top:3px;right:3px}
[data-focus="junction"] [data-nav-part="junction"],[data-focus="lanes"] [data-nav-part="lanes"],[data-focus="hud"] [data-nav-part="hud"]{outline-color:#88cdff;box-shadow:inset 0 0 0 1px #88cdff}
.sync-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:35px}.sync-controls button{font-size:12px;padding:12px 18px;border:0.5px solid transparent;border-radius:24px;color:#5e707e;background:#dfe5eb;transition:background .2s,color .2s}.sync-controls button span{font-size:10px;opacity:.6;margin-right:7px}.sync-controls button.active{background:#253e52;color:white}.sync-controls #sync-play{background:transparent;border-color:#c3cdd7;padding:11px 16px}.sync-explanation{text-align:center;font-size:13px;color:#54697a;margin-top:22px;min-height:22px;line-height:1.7}.cockpit-phone-screen{display:block;background:#1b2d40}.cockpit-phone-screen .nav-content{width:100%;height:100%;aspect-ratio:auto;padding:2px;gap:2px}.cockpit-phone-screen .nav-content i,.cockpit-center-screen .nav-content i{display:none}.cockpit-phone-screen .nav-map,.cockpit-phone-screen .nav-junction,.cockpit-phone-screen .nav-lanes,.cockpit-phone-screen .nav-hud{border-radius:3px}.cockpit-phone-screen .nav-hud{gap:4px;padding:7% 5%}.cockpit-phone-screen .nav-hud div>span{margin-top:2px}.cockpit-phone-screen .nav-content [data-nav-part]{outline-width:1px}.cockpit-center-screen{position:absolute;left:74.5%;top:52.9%;width:31%;height:43%;overflow:hidden;border-radius:6px;background:#1b2d40;transform:rotate(-1deg);transform-origin:top left}.cockpit-center-screen .nav-content{height:100%;aspect-ratio:auto}.cockpit-caption{bottom:4%;z-index:3}.cockpit-photo:after{content:'';position:absolute;left:0;right:0;bottom:0;height:15%;background:linear-gradient(transparent,#0008);pointer-events:none}.cockpit-hero figcaption{line-height:1.6}
.trip-experience{margin:60px auto 0;max-width:1080px;display:grid;grid-template-columns:440px 1fr;align-items:center;gap:90px}.trip-app-device{border:8px solid #2c333b;box-shadow:0 0 0 1px #7e8791,0 30px 70px #23304126;border-radius:44px;overflow:hidden;width:406px;height:846px;background:#161718}.trip-app-device iframe{width:390px;height:830px;border:0;display:block;opacity:0;transition:opacity .2s}.trip-app-device iframe.ready{opacity:1}.trip-experience-copy h3{font-size:43px;line-height:1.25;letter-spacing:-1.5px;margin:24px 0}.trip-experience-copy>p:not(.eyebrow){font-size:16px;color:#7e858e;line-height:1.8}.trip-demo-controls{display:flex;width:225px;background:#e1e5e9;padding:4px;border-radius:22px;margin-top:30px}.trip-demo-controls button{flex:1;border:0;background:transparent;color:#687784;padding:10px;border-radius:20px;font-size:12px}.trip-demo-controls button.active{background:#304c62;color:white}.trip-replay{border:0;background:none;color:#246a9a;font-size:12px;padding:15px 0}.trip-feature{border-top:0.5px solid #dce1e6;padding:22px 0}.trip-feature b{font-size:16px;font-weight:600;color:#304350}.trip-feature p{font-size:13px;color:#7e8790;line-height:1.8;margin-top:8px}.trip-source-note{display:block;font-size:10px;color:#8b929b;line-height:1.8}.motion-gallery{margin-top:54px;padding-top:0;border-top:0}
@media(max-width:900px){.sync-experience{padding:25px 20px}.sync-proof>span:last-child{display:none}.sync-pair{gap:8px;grid-template-columns:1fr 30px 1fr}.sync-product header{font-size:11px}.sync-product header>span{display:none}.sync-hardware{padding:5px;border-radius:18px}.sync-hardware>[data-nav-screen]{border-radius:12px}.center-hardware{border-radius:10px}.center-hardware>[data-nav-screen]{border-radius:6px}.sync-product>p{font-size:10px}.sync-equals{font-size:23px}.trip-experience{gap:35px;grid-template-columns:406px 1fr}.trip-experience-copy h3{font-size:33px}}
@media(max-width:700px){.guidance-section{padding:65px 14px 48px}.sync-experience{border-radius:20px;padding:22px 13px;margin-top:32px}.sync-proof{margin-bottom:25px;font-size:10px}.sync-pair{grid-template-columns:1fr;gap:17px}.sync-product header{font-size:12px;padding:0 4px;margin-bottom:10px}.sync-product header>span{display:block;font-size:9px}.sync-product>p{margin-top:10px}.sync-equals{flex-direction:row;justify-content:center;align-items:center;gap:9px;font-size:22px;line-height:1}.sync-equals>span{font-size:9px}.sync-controls{gap:6px;margin-top:23px}.sync-controls button{padding:10px 12px;font-size:10px}.sync-controls button span{display:none}.sync-controls #sync-play{font-size:9px;padding:9px 12px}.sync-explanation{font-size:11px;min-height:38px;margin-top:17px}.cockpit-photo{aspect-ratio:1672/941}.cockpit-background{position:static;width:100%;height:auto;max-width:100%}.cockpit-phone-screen{left:30.16%;top:33.45%;width:24.55%;height:17.04%}.cockpit-center-screen{left:74.5%;top:52.9%;width:31%;height:43%}.cockpit-caption{left:4%;right:4%;bottom:4%;font-size:9px}.cockpit-caption a{font-size:8px;padding:6px 8px}.cockpit-hero figcaption{font-size:8px}.nav-content{gap:4px;padding:5px}.nav-content i{font-size:2.5cqw}.trip-experience{display:flex;flex-direction:column;gap:35px;margin-top:35px}.trip-app-device{width:min(100%,406px);height:710px;border-width:6px;border-radius:34px}.trip-app-device iframe{width:100%;height:100%}.trip-experience-copy{width:100%;max-width:406px}.trip-experience-copy h3{font-size:32px}.trip-experience-copy>p:not(.eyebrow){font-size:14px}.trip-feature{padding:18px 0}.trip-source-note{font-size:9px}}

/* Screen registration for the complete two-display cockpit photograph. */
.cockpit-phone-screen{left:25.48%;top:33.37%;width:19.2%;height:12%;border-radius:7px;transform:none}.cockpit-center-screen{left:58.25%;top:48.14%;width:31.1%;height:31.67%;border-radius:4px;transform:none;clip-path:polygon(0 0,97.6% 0,100% 100%,0 100%)}
/* Real photography and native video replace the synthetic cockpit and redrawn navigation. */
.real-cockpit{max-width:1200px;margin:65px auto 0}.real-cockpit .cockpit-photo{display:grid;grid-template-columns:1fr 1.15fr;aspect-ratio:auto;background:#e7ebee;border-radius:26px;overflow:hidden;box-shadow:none}.real-cockpit .cockpit-photo:after{display:none}.driver-photo{position:relative;align-self:stretch;overflow:hidden;aspect-ratio:1}.driver-photo>img{width:100%;height:100%;object-fit:cover}.driver-phone-overlay{position:absolute;left:30.15%;top:36.15%;width:30.6%;height:14%;border-radius:5px;background:#06141d;overflow:hidden;display:flex;align-items:center;justify-content:center}.driver-phone-overlay canvas{width:100%;height:100%;object-fit:contain}.photo-label{position:absolute;bottom:6%;left:6%;font-size:14px;color:white;text-shadow:0 1px 8px #000;background:#0007;border-radius:18px;padding:9px 15px}.hero-center-detail{padding:9% 7%;display:flex;flex-direction:column;justify-content:center}.hero-center-detail h3{font-size:clamp(25px,2.7vw,39px);line-height:1.3;letter-spacing:-1px;margin:20px 0 30px;color:#283b4b}.real-center-device{padding:6px;background:#121416;border:0.5px solid #666;border-radius:13px;box-shadow:0 18px 30px #25334433;overflow:hidden}.real-center-device canvas{width:100%;height:auto;display:block;border-radius:7px}.hero-center-detail .text-link{font-size:12px;margin-top:25px}.real-cockpit figcaption{color:#9299a1;font-size:10px;text-align:center;padding:15px 20px}.sync-hardware canvas{width:100%;height:auto;display:block}.sync-hardware>[data-nav-screen]{position:relative;background:#071b28}.center-hardware{background:#151719;border:0.5px solid #666}.reference-sources{max-width:1100px;margin:20px auto 0;color:#8793a0;font-size:11px;text-align:center}.reference-sources summary{cursor:pointer}.reference-sources p{display:flex;justify-content:center;gap:28px;padding:15px;line-height:1.8}.reference-sources a:hover{text-decoration:underline}.sync-controls #sync-original{background:none;border-color:#c3cdd7;font-size:11px}.sync-product [data-nav-screen]:after{content:'';pointer-events:none;position:absolute;border:0.5px solid #8bcaff;border-radius:5px;transition:top .2s,height .2s;box-shadow:0 0 0 1px #0003}.sync-product [data-nav-screen="phone"]:after{left:60.2%;width:33.3%}.sync-product [data-nav-screen="center"]:after{left:39.5%;width:22.4%}[data-focus=junction] [data-nav-screen="phone"]:after{top:6%;height:57%}[data-focus=lanes] [data-nav-screen="phone"]:after{top:67%;height:27%}[data-focus=hud] [data-nav-screen="phone"]:after{top:36%;height:28%}[data-focus=junction] [data-nav-screen="center"]:after{top:10%;height:38%}[data-focus=lanes] [data-nav-screen="center"]:after{top:51%;height:18%}[data-focus=hud] [data-nav-screen="center"]:after{top:30%;height:19%}[data-nav-screen][data-mode=original]:after{display:none}
@media(max-width:700px){.real-cockpit{margin-top:35px}.real-cockpit .cockpit-photo{grid-template-columns:1fr;border-radius:18px}.driver-photo{aspect-ratio:1.2}.driver-photo>img{height:auto;position:absolute;top:-10%}.driver-phone-overlay{top:33.38%;height:16.8%}.photo-label{font-size:11px}.hero-center-detail{padding:28px 22px 32px}.hero-center-detail h3{font-size:28px;margin:14px 0 24px}.hero-center-detail .text-link{margin-top:20px}.real-cockpit figcaption{font-size:9px}.reference-sources p{flex-direction:column;gap:8px}.sync-controls #sync-original{font-size:9px}.sync-pair{gap:10px}.sync-product>p{display:none}.sync-proof{margin-bottom:20px}.sync-product header{font-size:11px}.sync-equals{font-size:16px}.sync-controls{margin-top:20px}}

.native-cover-grid{max-width:1040px;margin:55px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:25px}.native-cover-grid figure{margin:0;overflow:hidden}.native-cover-grid img{width:100%;height:auto;border-radius:25px}.native-cover-grid figcaption{text-align:center;font-size:13px;color:#b1bbc8;padding:20px 0 0}@media(max-width:700px){.native-cover-grid{grid-template-columns:1fr;gap:26px;max-width:500px;margin-top:36px}.native-cover-grid figcaption{padding-top:14px}}
/* Highlights follow the Tesla card's own placement, not the iOS layout. */
[data-focus=junction] [data-nav-screen="center"]:after{left:39.5%;width:22.4%;top:8.88%;height:32.11%}[data-focus=lanes] [data-nav-screen="center"]:after{left:43.8%;width:14.4%;top:23.14%;height:6.61%}[data-focus=hud] [data-nav-screen="center"]:after{left:40.5%;width:20%;top:11.33%;height:9.44%}
[data-focus=signal] [data-nav-screen="phone"]:after{display:none}[data-focus=signal] [data-nav-screen="center"]:after{left:16%;width:6%;top:1.89%;height:10.39%}
.sync-video-source{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.driver-phone-overlay canvas,.sync-hardware canvas{position:relative;z-index:1}.sync-product [data-nav-screen]:after{z-index:2}
.real-cockpit .cockpit-photo{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center}.driver-photo{min-width:0;width:100%;align-self:center}.hero-center-detail{min-width:0}@media(max-width:700px){.real-cockpit .cockpit-photo{grid-template-columns:minmax(0,1fr)}}

/* Keep the supplied cockpit image intact; cover only the phone display. */
.driver-photo{aspect-ratio:728/802}
.driver-photo-scene{position:absolute;inset:0}
.driver-photo-scene>img{width:100%;height:100%;object-fit:fill}
.driver-photo-scene .driver-phone-overlay{left:7.2%;top:29.2%;width:85.6%;height:34.8%;border-radius:7px}
.driver-photo-scene:after{content:"";position:absolute;inset:0;background:url('assets/cockpit/driver-view-reference.png') center/100% 100% no-repeat;clip-path:polygon(11.4% 37%,16% 37%,16% 52%,11.4% 52%);pointer-events:none;z-index:3}
@media(max-width:700px){.driver-photo{aspect-ratio:728/802}}

/* iPhone Pro landscape proportions: 150 × 71.9 mm body, 2622 × 1206 display.
   The native 2532 × 1170 capture fits the display without content cropping. */
.sync-pair{grid-template-columns:minmax(0,1fr) 40px minmax(0,2.25fr);gap:18px;align-items:center}
.sync-phone-product header{gap:8px;font-size:12px;flex-wrap:wrap}
.sync-phone-product header>span{font-size:9px}
.sync-phone-product>p{font-size:11px;line-height:1.7}
.sync-hardware.iphone-frame{width:100%;aspect-ratio:150/71.9;padding:0;border:0.5px solid #89929b;border-radius:28px;background:linear-gradient(145deg,#d8dde1,#6e7882 16%,#222830 48%,#8b959e 84%,#dce1e4);box-shadow:inset 0 0 0 1px #e5e9ec,inset 0 0 0 5px #20252b,0 14px 28px #18232e29;isolation:isolate}
.iphone-display{position:absolute;inset:6px;border-radius:23px;overflow:hidden;background:#0b2034;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #090d12}
.iphone-display>[data-nav-screen="phone"]{position:relative;flex:none;width:auto;max-width:100%;height:100%;aspect-ratio:2532/1170;overflow:hidden;border-radius:0;background:#0b2034}
.iphone-display canvas{display:block;width:100%;height:100%;aspect-ratio:2532/1170;object-fit:contain}
.iphone-display .sync-navigation-video{display:block;width:100%;height:100%;aspect-ratio:2532/1170;object-fit:contain}
.iphone-island{position:absolute;z-index:5;left:10px;top:50%;transform:translateY(-50%);width:13px;height:27%;border-radius:10px;background:#030405;box-shadow:0 0 0 1px #41494f80;pointer-events:none}
.iphone-island:after{content:'';position:absolute;top:9px;left:4px;width:5px;height:5px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#344f6b,#101923 55%,#050608);box-shadow:0 0 0 1px #080b10}
.iphone-home-bar{position:absolute;z-index:5;left:42%;right:42%;bottom:5px;height:2px;border-radius:4px;background:#ffffff9c;pointer-events:none}
.iphone-key{position:absolute;height:3px;border-radius:2px;background:linear-gradient(#d2d6d9,#626a73);z-index:-1}
.iphone-action{top:-4px;left:17%;width:13px}.iphone-volume-up{top:-4px;left:27%;width:23px}.iphone-volume-down{top:-4px;left:39%;width:23px}.iphone-power{bottom:-4px;right:23%;width:31px}
.sync-center-product .center-hardware{width:100%;padding:8px;border-radius:16px;background:#111315;box-shadow:0 24px 42px #18232e26,inset 0 0 0 1px #373c41}
.sync-center-product [data-nav-screen="center"]{width:100%;height:auto;aspect-ratio:1000/595;overflow:hidden;border-radius:7px;background:#151719}
.sync-center-product canvas{display:block;width:100%;height:auto;aspect-ratio:1000/595;object-fit:contain}
@media(min-width:701px) and (max-width:900px){.sync-pair{grid-template-columns:minmax(0,1fr) 26px minmax(0,2.25fr);gap:12px}.sync-hardware.iphone-frame{border-radius:23px}.iphone-display{inset:5px;border-radius:17px}.iphone-island{left:8px;width:9px}.iphone-island:after{left:3px;width:3px;height:3px}.iphone-home-bar{bottom:4px}.sync-phone-product header{font-size:10px}.sync-phone-product>p{font-size:9px}}
@media(max-width:700px){.sync-pair{grid-template-columns:minmax(0,1fr);gap:20px}.sync-phone-product{width:76%;max-width:280px;justify-self:center}.sync-phone-product header{font-size:10px;justify-content:center;text-align:center}.sync-phone-product header>span{display:none}.sync-hardware.iphone-frame{border-radius:23px}.iphone-display{border-radius:17px;inset:5px}.iphone-island{left:8px;width:9px}.iphone-island:after{left:3px;width:3px;height:3px}.iphone-home-bar{bottom:4px}.sync-center-product .center-hardware{padding:5px;border-radius:11px}.sync-center-product [data-nav-screen="center"]{border-radius:6px}.sync-equals{gap:6px}.sync-phone-product>p{display:none}}

@media(max-width:700px){.sync-controls button{padding:9px 10px;font-size:9px}.sync-controls button span{display:inline;font-size:8px;margin-right:4px}}

/* Native iOS dashboard covers, rendered as scalable UI (no screenshot textures).
   TFKColorManager palette + TFKFontSizeTool rounded, tabular speed digits. */
.native-dashboard{position:relative;aspect-ratio:616/344;border-radius:25px;overflow:hidden;isolation:isolate;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.native-blue{background:linear-gradient(#00365c,#030b01)}
.native-red{background:linear-gradient(#640007,#010a00)}
.native-dashboard>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:currentColor}
.native-disc{position:absolute;aspect-ratio:1;border-radius:50%;transform-origin:center}
.blue-disc{left:7.4675%;top:13.3721%;width:39.6104%;background:conic-gradient(from 45deg,rgba(255,255,255,.1),#fff)}
.red-disc{left:7.4675%;top:14.5349%;width:39.6104%;background:conic-gradient(from 228.6deg,rgba(169,1,0,.1),#a90100);mask-image:radial-gradient(circle,transparent 0 42.88%,#000 42.9%);-webkit-mask-image:radial-gradient(circle,transparent 0 42.88%,#000 42.9%)}
.native-speed{font-family:ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-5px}
.blue-speed{font-size:150px}.red-speed{font-size:120px}
.native-gear{font-weight:500}.blue-gear{font-size:45px;fill:#000}.red-gear{font-size:56px}
.native-range{font-size:16.25px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.4px}
.native-summary{font-size:20px;font-weight:600}.native-metric-title{font-size:13.5px;fill:#fff;fill-opacity:.6}
.native-power-value{font-size:18px;font-weight:700}.native-trip-value{font-size:23px;font-weight:700}
@media(max-width:700px){.native-dashboard{border-radius:20px}}
/* Lunar Rover: original moon texture/map preview, native geometry and vector HUD. */
.native-cover-grid .native-lunar-feature{grid-column:1/-1;width:100%;max-width:850px;justify-self:center;margin-top:18px}
.native-lunar{background:#000;container-type:inline-size}
.native-lunar-map{position:absolute;left:-50%;top:0;width:150%;height:100%;object-fit:cover;object-position:50% 64%;mask-image:radial-gradient(circle at 78.89% 46.8%,transparent 0 21.92cqw,#000 65.75cqw);-webkit-mask-image:radial-gradient(circle at 78.89% 46.8%,transparent 0 21.92cqw,#000 65.75cqw)}
.native-cover-grid .native-dashboard .native-moon{position:absolute;left:47.078%;top:8.72%;width:42.53%;height:auto;border-radius:50%;max-width:none}
.lunar-speed{font-size:92px;fill:#f2f2f0;letter-spacing:-2px}.lunar-battery{font-size:14.72px;font-weight:600;fill:#f2f2f0;font-variant-numeric:tabular-nums}
/* TFKMusicDualDialDashboardView: native yellow palette and original artwork/glyphs. */
.native-cover-grid .native-lunar-feature,.native-cover-grid .native-music-feature{grid-column:auto;max-width:none;margin-top:18px;width:100%}
.native-music{background:linear-gradient(#5c4d00,#2b2d01)}
.native-music:before{content:"";position:absolute;inset:0 0 0 66.13%;background:linear-gradient(90deg,transparent,#0008)}
.native-cover-grid .native-dashboard .native-music-artwork{position:absolute;left:44.48%;top:35.47%;width:11.04%;height:auto;border-radius:8px}
.music-speed{font-size:72px;letter-spacing:-2px}.music-unit{font-size:17px;font-weight:700;fill-opacity:.8}.music-detail{font-size:14px;font-weight:500;fill-opacity:.9}
.music-limit{font-size:28px;font-weight:700;fill:#000}.music-title{font-size:13.7px;font-weight:600}.music-artist{font-size:11px;fill-opacity:.55}

/* Keep the product visuals prominent and make supporting copy easier to scan. */
.hero{padding-top:48px}
.hero h1{font-size:clamp(36px,4vw,56px);line-height:1.2;letter-spacing:-2.4px;margin:0 0 14px}
.hero-description{font-size:15px;line-height:1.6;letter-spacing:0}
.hero-actions{margin-top:22px}
.cockpit-hero{margin-top:36px}
.hero-center-detail{padding:7% 7%}
.hero-center-detail h3{font-size:clamp(23px,2.2vw,31px);line-height:1.3;margin:0 0 22px}
.hero-foot{justify-content:center;margin-top:8px;padding:16px 0 22px}
.eyebrow{letter-spacing:1.4px}
.section-heading h2{font-size:clamp(30px,3.1vw,44px);line-height:1.25;letter-spacing:-1.3px;margin-top:0}
.section-heading>p:last-child:not(.eyebrow){font-size:14px;line-height:1.6;margin-top:12px}
.guidance-section{padding-top:72px;padding-bottom:64px}
.dashboard-section{padding-top:76px;padding-bottom:70px}
.section-shell{padding-top:76px;padding-bottom:76px}
.wrap-section{padding-top:76px;padding-bottom:76px}
.connected-grid{margin-top:42px}
.feature-lines{margin:0 0 25px}
.feature-lines>div{margin-top:19px}
.motion-gallery{margin-top:66px;padding-top:44px}
.motion-heading h3{font-size:26px;letter-spacing:-.6px;margin:0 0 24px}
.trip-experience{margin-top:42px}
.trip-experience-copy h3{font-size:24px;letter-spacing:-.5px;margin:0}
.trip-demo-controls{margin-top:20px}
.trip-feature{padding:15px 0}
.closing{padding:72px 24px 78px}
.closing img{margin-bottom:20px}
.closing h2{font-size:clamp(36px,3.5vw,48px);letter-spacing:-1.5px;margin:0 0 24px}
.faq{padding-top:72px;padding-bottom:72px}
.faq h2{font-size:25px;margin-bottom:18px}
.footer-bottom{margin-top:0}
@media(max-width:700px){
  .hero{padding-top:38px}
  .hero h1{font-size:36px;letter-spacing:-1.5px;margin-bottom:10px}
  .hero-description{font-size:13px;line-height:1.6}
  .hero-actions{margin-top:18px}
  .cockpit-hero{margin-top:28px}
  .hero-center-detail{padding:24px 22px 28px}
  .hero-center-detail h3{font-size:23px;margin-bottom:17px}
  .section-heading h2{font-size:31px;letter-spacing:-1px}
  .section-heading>p:last-child:not(.eyebrow){font-size:13px;line-height:1.55;margin-top:10px}
  .guidance-section{padding-top:54px;padding-bottom:45px}
  .dashboard-section{padding-top:62px;padding-bottom:58px}
  .section-shell{padding-top:60px;padding-bottom:60px}
  .wrap-section{padding-top:60px;padding-bottom:60px}
  .connected-grid{margin-top:30px}
  .motion-gallery{margin-top:44px;padding-top:0}
  .motion-heading h3{font-size:23px;margin-bottom:18px}
  .trip-experience{margin-top:30px}
  .trip-experience-copy h3{font-size:22px}
  .closing{padding:60px 24px}
  .closing h2{font-size:35px}
  .faq{padding-top:56px;padding-bottom:56px}
}

/* Two independently staggered, continuously looping theme rows. */
html{scroll-padding-top:0}
.native-carousel-shell{position:relative;max-width:1600px;margin:42px auto 0;padding:40px 0;border-radius:32px;overflow:hidden}
.native-cover-grid{--card-width:clamp(360px,32.4vw,495px);--card-gap:24px;width:100%;max-width:none;margin:0;display:flex;flex-direction:column;gap:32px;overflow:hidden;touch-action:pan-y}
.native-carousel-row{position:relative;width:100%;height:calc(var(--card-width) * .55844);overflow:hidden}
.native-cover-grid figure,.native-cover-grid .native-lunar-feature,.native-cover-grid .native-music-feature{position:absolute;top:0;left:0;grid-column:auto;width:var(--card-width);max-width:none;margin:0;opacity:1;transform:translate3d(0,0,0);will-change:transform;cursor:pointer}
.native-cover-grid figure figcaption{display:none}
.native-cover-grid figure .native-dashboard{border-radius:16px}
.native-extra{background:#0a1521}
.native-extra-scene{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 50% 65%,#1c3147,#06101b 72%)}
.native-extra-scene:before{content:"";position:absolute;inset:-50%;background:repeating-radial-gradient(circle at 50% 75%,transparent 0 27px,#ffffff16 28px 30px,transparent 31px 57px);opacity:.7}
.native-extra-ring{position:absolute;width:36%;aspect-ratio:1;top:18%;left:10%;border:7px solid #ffffffa8;border-right-color:transparent;border-radius:50%;box-shadow:0 0 28px #6ccaff48}
.native-extra-readout{position:absolute;right:10%;top:18%;height:64%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;color:#fff;text-shadow:0 2px 18px #000b}
.native-extra-readout span{font-size:clamp(12px,1.8vw,20px);color:#ffffffb3}
.native-extra-readout strong{font-size:clamp(65px,11vw,125px);font-weight:500;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-5px}
.native-extra-readout small{font-size:15px;color:#ffffffad}
.native-cover-grid figure.is-playing .native-extra-ring{animation:native-ring-pulse 3.2s ease-in-out infinite}
.native-cover-grid figure.is-playing .native-extra-scene:before{animation:native-scene-flow 9s linear infinite}
@keyframes native-ring-pulse{50%{transform:scale(1.07) rotate(35deg);filter:brightness(1.35)}}
@keyframes native-scene-flow{to{transform:rotate(30deg)}}
.native-extra-navigation-dashboard .native-extra-scene:before{display:none}
.native-extra-navigation-dashboard video{width:100%;height:100%;object-fit:cover;display:block}
.native-extra-navigation-dashboard .native-extra-ring{display:none}
.native-extra-navigation-dashboard .native-extra-readout{display:none}
.native-extra-navigation-dashboard .native-extra-readout span,.native-extra-navigation-dashboard .native-extra-readout small{display:none}
.native-extra-navigation-dashboard .native-extra-readout strong{font-size:clamp(34px,6vw,60px)}
.native-simulator-capture>img,.native-simulator-capture>video{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.native-extra-dual-dial-dashboard .native-extra-scene{background:linear-gradient(135deg,#142e3c,#081318)}
.native-extra-dual-dial-dashboard .native-extra-ring{left:8%;width:31%;border-color:#41d6e5;border-bottom-color:transparent;box-shadow:320px 0 0 -2px #ffffff22}
.native-extra-neon-horizon .native-extra-scene{background:linear-gradient(#1b0c42,#29205d 48%,#030b1b)}
.native-extra-neon-horizon .native-extra-ring{border-color:#d492ff;border-left-color:transparent;box-shadow:0 0 38px #ae56fa9e}
.native-extra-golden-dunes .native-extra-scene{background:radial-gradient(ellipse at 55% 100%,#7a520e,#251a0b 56%,#080b11)}
.native-extra-golden-dunes .native-extra-ring{border-color:#ffcf62;border-top-color:transparent;box-shadow:0 0 36px #e7a84b88}
.native-extra-neon-terrain .native-extra-scene{background:linear-gradient(145deg,#052c2d,#061419 68%)}
.native-extra-neon-terrain .native-extra-ring{border-color:#65eac0;border-left-color:transparent;box-shadow:0 0 34px #28e7b07d}
.native-extra-ravine .native-extra-scene{background:radial-gradient(ellipse at 50% 95%,#59616a,#151b23 55%,#05090c)}
.native-extra-ravine .native-extra-ring{border-color:#d5dee5;border-bottom-color:transparent;box-shadow:0 0 32px #b9d7e55c}
.native-extra-weather-live .native-extra-scene{background:linear-gradient(#1766a5,#68b9de 58%,#c7e4e7)}
.native-extra-weather-live .native-extra-scene:before{inset:10% auto auto 16%;width:25%;aspect-ratio:1;border-radius:50%;background:#ffe3a0;box-shadow:0 0 65px #fff4b2;opacity:1}
.native-extra-weather-live .native-extra-ring{display:none}
.native-extra-lightspeed .native-extra-scene{background:radial-gradient(ellipse at 50% 50%,#1c61a2,#081329 55%,#030713)}
.native-extra-lightspeed .native-extra-ring{border-color:#4edaff;border-left-color:transparent;box-shadow:0 0 45px #39aaff9e}
.native-extra-simple .native-extra-scene{background:#050607}
.native-extra-simple .native-extra-scene:before,.native-extra-simple .native-extra-ring{display:none}
.native-extra-simple .native-extra-readout{left:0;right:0;align-items:center}
.native-extra-ivory-scale .native-extra-scene{background:linear-gradient(135deg,#e8dfcf,#a8a394)}
.native-extra-ivory-scale .native-extra-ring{border-color:#424a51;border-right-color:transparent;box-shadow:none}
.native-extra-ivory-scale .native-extra-readout{color:#27313b;text-shadow:none}
.native-extra-ivory-scale .native-extra-readout span,.native-extra-ivory-scale .native-extra-readout small{color:#43505a}
.native-extra-ceramic-cockpit .native-extra-scene{background:linear-gradient(145deg,#d0d8dd,#70808b 55%,#273744)}
.native-extra-ceramic-cockpit .native-extra-ring{border-color:#f2f6f7;border-right-color:transparent;box-shadow:0 0 20px #fff7}
.native-extra-native-music .native-extra-scene{background:linear-gradient(135deg,#2e213f,#111623 72%)}
.native-extra-native-music .native-extra-artwork{position:absolute;left:13%;top:18%;width:34%;aspect-ratio:1;object-fit:cover;border-radius:14px;box-shadow:0 18px 30px #0008}
.native-extra-native-music .native-extra-ring{display:none}

/* The weekly chart uses the App renderer beside a single trip detail card. */
.journeys{max-width:1200px;padding-left:clamp(20px,4vw,46px);padding-right:clamp(20px,4vw,46px)}
.trip-experience{display:block;max-width:1100px;margin:42px auto 0}
.trip-chart-stage{position:relative;min-width:0;min-height:0}
.trip-chart-stage iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;opacity:0;transition:opacity .25s}
.trip-chart-stage iframe.ready{opacity:1}
.trip-records{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}
.trip-detail-showcase{min-width:0}
.trip-detail-route,.trip-detail-metrics>div,.trip-driving{border:0.5px solid #d5ebfa80;border-radius:22px;background:linear-gradient(145deg,#d8eaf32e,#afcfe320 55%,#b3d7ed30);box-shadow:inset 0 1px #ffffff27}
.trip-detail-metrics span{font-size:14px;color:#d0e0eb}
.trip-detail-metrics small{font-size:.48em;color:#d0e0eb;margin-left:3px}
.trip-detail-route{padding:22px 24px}
.trip-detail-route>p{font-size:16px;color:#d4e1eb;margin-bottom:18px}
.trip-detail-route>div{display:flex;align-items:stretch;gap:18px}
.trip-route-line{width:2px;margin:10px 0;background:#c9e7fa77;position:relative;flex:none}
.trip-route-line:before,.trip-route-line:after{content:"";position:absolute;left:50%;width:9px;height:9px;border-radius:50%;background:#d8efff;transform:translateX(-50%)}
.trip-route-line:before{top:0}.trip-route-line:after{bottom:0}
.trip-detail-route>div>div{display:grid;gap:4px}
.trip-detail-route small{font-size:12px;color:#afc7d6}
.trip-detail-route strong{font-size:17px;margin-bottom:12px}
.trip-detail-route strong:last-child{margin-bottom:0}
.trip-detail-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.trip-detail-metrics>div{min-width:0;min-height:94px;padding:16px 12px;display:flex;flex-direction:column;justify-content:space-between}
.trip-detail-metrics strong{font-size:36px;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums}
.trip-driving{margin-top:12px;padding:18px 20px}
.trip-driving h4{font-size:17px}.trip-driving p{font-size:12px;color:#afc7d6;text-align:center;margin:8px 0 14px}
.trip-driving>div{margin-top:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;text-align:center}
.trip-driving>div>div{display:flex;flex-direction:column;gap:5px}
.trip-driving strong{font-size:36px;line-height:1;font-variant-numeric:tabular-nums}.trip-driving span{font-size:12px;color:#b9ccda}
@media(max-width:900px){.trip-records{grid-template-columns:1fr;max-width:620px;margin-left:auto;margin-right:auto}.trip-chart-stage{height:420px;min-height:0}}
@media(max-width:700px){
  .trip-chart-stage{height:390px}
  .trip-records{gap:20px}
  .trip-detail-metrics strong{font-size:clamp(24px,5vw,32px)}.trip-detail-metrics span{font-size:12px}
  .trip-driving strong{font-size:32px}
}
@media(max-width:700px){
  .native-carousel-shell{margin-top:30px;padding:30px 0;border-radius:20px}
  .native-cover-grid{--card-width:clamp(180px,59.4vw,297px);--card-gap:16px;gap:20px}
  .native-cover-grid figure .native-dashboard{border-radius:14px}
  .native-extra-ring{border-width:5px}
  .native-extra-readout span{font-size:11px}
  .native-extra-readout strong{font-size:clamp(34px,12vw,60px);letter-spacing:-2px}
  .native-extra-readout small{font-size:11px}
}