@charset "UTF-8";
:root{color-scheme:dark;--bg:#080b0e;--ink:#f2f5f4;--muted:#96a4a6;--lime:#c2f54f;--blue:#5cc9f0;--font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font:16px/1.7 var(--font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit;border:0;background:none;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}img,svg{display:block}img{max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:560;line-height:1.18;letter-spacing:-.04em}em{font-style:normal;color:var(--lime)}[hidden]{display:none!important}::selection{background:var(--lime);color:#080b0e}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:7px}.wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}.icon{width:22px;height:22px;flex-shrink:0}.eyebrow{font-size:11px;letter-spacing:.19em;font-weight:550;color:var(--lime);text-transform:uppercase}.text-link{display:inline-flex;gap:13px;align-items:center;min-height:44px;font-size:14px;font-weight:500}.text-link .icon{width:18px;height:18px;transition:transform .25s}.text-link:hover .icon{transform:translate(3px,-3px)}.skip-link{position:fixed;top:-90px;left:20px;padding:12px 20px;background:var(--lime);color:#0b1005;z-index:100;border-radius:30px}.skip-link:focus{top:15px}
/* Quiet navigation floats above one continuous canvas. */
.site-header{position:fixed;top:0;left:0;right:0;z-index:50;background:linear-gradient(#080b0ef2,#080b0e00);pointer-events:none}.nav-shell{height:94px;width:calc(100% - 80px);max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px;pointer-events:auto}.brand{display:flex;align-items:center;gap:10px;font-size:23px;letter-spacing:-.055em;font-weight:650}.brand img{width:34px;height:34px;border-radius:10px}.brand-dot{color:var(--lime)}.nav-actions{display:flex;align-items:center;gap:25px}.language-link{font-size:12px;min-width:35px;min-height:44px;display:grid;place-items:center}
/* Natural-flow content is the baseline. Sticky choreography is progressive enhancement. */
.scroll-journey{position:relative;padding:145px 0 50px}.sticky-stage{position:relative;isolation:isolate}.stage-content{position:relative}.story-copies{position:relative;z-index:5}.scene-copy{max-width:620px;margin:0 0 90px}.scene-copy .eyebrow{margin-bottom:24px}.scene-copy h1{font-size:clamp(66px,8.1vw,124px);line-height:1.08;letter-spacing:-.065em;font-weight:550}.scene-copy h2{font-size:clamp(45px,5.3vw,78px);line-height:1.16;letter-spacing:-.055em}.scene-description{color:#a5b3b5;font-size:16px;line-height:1.7;max-width:385px;margin-top:27px;text-wrap:pretty}.compatibility,.scene-meta{font-size:12px;color:#6e8387;margin-top:24px;letter-spacing:.025em}.trip-summary{display:flex;align-items:baseline;gap:30px;margin-top:30px;color:#8aa19f;font-size:12px}.trip-summary b{color:var(--ink);font-size:31px;font-weight:350;letter-spacing:-.03em;margin-right:5px;font-variant-numeric:tabular-nums}.story-anchor{display:block;scroll-margin-top:110px}.stage-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.ambient-glow{position:absolute;width:850px;height:850px;top:calc(50% - 425px);left:calc(70% - 425px);border-radius:50%;background:radial-gradient(ellipse,#629b3433 0%,#24674d13 45%,transparent 70%)}.ambient-blue{position:absolute;width:650px;height:650px;top:10%;left:55%;border-radius:50%;background:radial-gradient(ellipse,#255c761f,transparent 68%)}.backdrop-word{position:absolute;bottom:5%;left:-1%;font-size:30vw;font-weight:700;line-height:1;letter-spacing:-.08em;color:#c8e6d903;user-select:none}.horizon-grid{position:absolute;width:180%;height:75%;left:-40%;bottom:-24%;background-image:linear-gradient(#b3e9ac08 1px,transparent 1px),linear-gradient(90deg,#b3e9ac08 1px,transparent 1px);background-size:90px 90px;transform:perspective(700px) rotateX(65deg);mask-image:radial-gradient(ellipse at center,#0008,transparent 65%)}.road-ribbon{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#add18b0d;stroke-width:1}.stage-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:40px;position:relative;z-index:6}.simulation-note{font-size:10px;letter-spacing:.06em;color:#758b8c}.chapter-meter{display:none;align-items:center;gap:17px;font-size:10px;letter-spacing:.06em;color:#9daead}.chapter-dots{display:flex;align-items:center;gap:7px}.chapter-dots i{height:4px;width:4px;border-radius:50%;background:#3c4d49;transition:background .25s,width .25s}.chapter-dots i.active{background:var(--lime);width:18px;border-radius:4px}.trip-summary,.scene-description,.gauge{font-variant-numeric:tabular-nums}
/* Floating instruments: actual product content, composed in three-dimensional space. */
.instrument-world{position:relative;width:600px;height:440px;margin:30px auto 70px;perspective:1300px}.cockpit{position:relative;width:600px;height:440px;transform-style:preserve-3d;z-index:2}.cockpit-brand{position:absolute;left:18px;right:17px;top:0;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.35em;color:#8ca0a5}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--lime);box-shadow:0 0 14px #c2f54f50}.gauge{position:absolute;overflow:hidden;background:linear-gradient(145deg,#182128ed,#10171bf7);box-shadow:0 35px 70px -35px #000c,0 1px 0 1px #e0f2ff0a inset;border-radius:29px;padding:26px;backface-visibility:hidden}.gauge-label{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#cbd5d8;font-size:14px}.gauge-label .icon{color:var(--lime);width:19px;height:19px}.gauge-label b{font-weight:400}.accent{color:var(--lime)}.speed-gauge{width:316px;height:378px;top:39px;left:0}.speed-reading{display:flex;align-items:baseline;gap:10px;line-height:1;margin:27px 0 30px}.speed-reading>span{font-size:138px;letter-spacing:-.065em;font-weight:220}.speed-reading small{font-size:12px;color:var(--lime);font-weight:450;letter-spacing:.05em}.speed-bars{display:flex;align-items:center;justify-content:space-between;gap:3px;height:23px}.speed-bars i{width:4px;height:8px;background:#35443e;border-radius:3px}.speed-bars i:nth-child(5n+1){height:18px}.speed-bars i.filled{background:var(--lime)}.gauge-scale{display:flex;justify-content:space-between;color:#5d7378;font-size:10px;margin-top:7px}.speed-heading{display:flex;align-items:center;justify-content:space-between;color:#7f999e;font-size:12px;margin-top:35px}.speed-heading>span:last-child{color:#78c0d5}.speed-heading b{font-size:20px;font-weight:350}.force-gauge{top:39px;left:333px;width:267px;height:228px}.g-disc{position:relative;width:164px;height:164px;margin:8px auto 0}.ring{position:absolute;border:1px solid #8fb5ad30;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.ring.outer{width:81%;height:81%}.ring.inner{width:42%;height:42%}.axis{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#91bca61c}.axis.x{height:1px;width:85%}.axis.y{width:1px;height:85%}.g-dot{position:absolute;left:50%;top:50%;height:9px;width:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 9px #c2f54f0d,0 0 19px #c2f54f4d;transform:translate(-4px,-9px)}.disc-label{position:absolute;font-size:9px;color:#74918d;line-height:1}.disc-label.top{left:44%;top:0}.disc-label.bottom{left:44%;bottom:0}.disc-label.left{left:-2px;top:47%}.disc-label.right{right:-2px;top:47%}.force-caption{position:absolute;bottom:18px;left:25px;right:25px;display:none;font-size:12px;color:#83a29a}.force-caption b{font-weight:400;color:var(--lime);margin-left:auto;margin-right:5px}.event-gauge{width:267px;height:134px;left:333px;top:284px;padding:22px 25px}.event-state{display:flex;align-items:center;gap:12px;margin-top:13px}.event-symbol{color:var(--lime);font-size:26px;line-height:1}.event-state strong{font-size:19px;font-weight:450}.event-detail{display:none;color:#7b928b;font-size:11px;margin-top:6px}.altitude-gauge{display:none;left:333px;top:285px;width:267px;height:134px;padding:18px 24px;background:linear-gradient(145deg,#1b2b34,#132128)}.altitude-reading{font-weight:280;font-size:44px;line-height:1.2;letter-spacing:-.045em}.altitude-reading small{font-size:12px;letter-spacing:0;margin-left:7px;color:#71c7e6}.altitude-gauge>svg{position:absolute;right:20px;bottom:22px;width:110px;height:35px;fill:none;stroke:#5cc9f0;stroke-width:2}.instrument-orbit{position:absolute;inset:-80px;border:1px solid #9cc39e0a;border-radius:50%;transform:rotateX(55deg) rotateZ(-28deg);pointer-events:none}.orbit-b{inset:-145px;transform:rotateX(65deg) rotateZ(36deg)}
/* The dashboard dissolves into a route, scrubbed by the same scroll progress. */
.route-visual{width:680px;height:470px;margin:50px auto;position:relative}.route-label{display:flex;align-items:center;gap:8px;font-size:10px;color:#82a398;letter-spacing:.06em;position:absolute;left:26px;top:0;z-index:2}.route-map{width:100%;height:auto;position:absolute;top:33px;overflow:visible}.map-water{fill:#14333c4a;mask-image:radial-gradient(ellipse at 58% 40%,#000 25%,transparent 72%)}.map-roads{fill:none;stroke:#38504c44;stroke-width:4}.route-ghost{fill:none;stroke:#34514a;stroke-width:1.5;stroke-dasharray:4 7}#trip-path,#route-bloom{fill:none;stroke:url(#route-gradient);stroke-width:2.5;stroke-linecap:round}#route-bloom{opacity:.7;stroke-width:7}.route-end{fill:var(--lime)}.marker-halo{fill:#c2f54f1f}.marker-core{fill:white;stroke:var(--lime);stroke-width:2}.map-label{font-size:9px;letter-spacing:5px;fill:#517b7d}.replay-readout{position:absolute;right:25px;bottom:63px}.replay-readout>span{font-size:11px;color:#73908d;display:flex;gap:13px}.replay-readout b{font-weight:400;color:var(--lime);font-variant-numeric:tabular-nums}.replay-readout>div{display:flex;align-items:baseline;gap:9px;line-height:1.2}.replay-readout strong{font-size:78px;letter-spacing:-.06em;font-weight:250;font-variant-numeric:tabular-nums}.replay-readout small{font-size:11px;color:#8da99d}.replay-readout p{font-size:12px;color:#a4bdaa}.replay-wave{position:absolute;bottom:0;left:25px;right:25px;height:42px}.replay-wave svg{width:100%;height:100%;overflow:visible}.replay-wave path{fill:none;stroke:#acda62;stroke-width:1.5;vector-effect:non-scaling-stroke}.replay-wave line{stroke:#c2f54f;stroke-width:1;vector-effect:non-scaling-stroke}
/* Enhancement is enabled only after the complete scroll controller is ready. */
.scroll-ready .scroll-journey{height:500svh;padding:0}.scroll-ready .sticky-stage{position:sticky;top:0;height:100svh;min-height:620px;overflow:clip}.scroll-ready .stage-content{height:100%;padding:0}.scroll-ready .story-copies{position:absolute;top:calc(50% - 155px);left:0;width:46%;height:310px}.scroll-ready .scene-copy{position:absolute;inset:0;margin:0;max-width:100%;opacity:0;pointer-events:none}.scroll-ready .scene-0{opacity:1}.scroll-ready .scene-copy .scene-description{max-width:365px}.scroll-ready .instrument-world{position:absolute;margin:0;left:51%;top:calc(50% - 220px);will-change:transform,opacity}.scroll-ready .altitude-gauge{display:block;opacity:0}.scroll-ready .route-visual{position:absolute;left:48%;top:calc(50% - 210px);margin:0;opacity:0;will-change:transform,opacity;pointer-events:none}.scroll-ready .stage-bottom{position:absolute;bottom:37px;left:0;right:0;margin-top:0}.scroll-ready .chapter-meter{display:flex}.scroll-ready .story-anchor{position:absolute;left:0;width:1px;height:1px;scroll-margin-top:0;pointer-events:none}
/* Step destinations remain stable while a gesture completes its transition. */
.scroll-ready{scroll-behavior:auto}
.scroll-ready .privacy-section{min-height:100svh;padding-block:110px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.scroll-ready .road-section{height:100svh;max-height:none;min-height:620px}
.scroll-ready .faq-section{min-height:calc(100svh - 100px)}
/* A quiet ending: one privacy statement, one invitation, optional details. */
.privacy-section{padding:105px 0 70px;text-align:center;position:relative}
.privacy-section h2{font-size:clamp(44px,5vw,72px);line-height:1.18}
.privacy-lead{color:#8e9f97;font-size:15px;margin-top:25px}
.privacy-section .text-link{margin-top:16px;color:#b9c9aa;font-size:12px}
.road-section{position:relative;min-height:620px;height:85svh;max-height:960px;isolation:isolate;overflow:clip}
.road-photo{position:absolute;inset:0;z-index:-2;overflow:hidden}
.road-photo img{width:100%;height:140%;object-fit:cover;object-position:50% 39%;position:absolute;top:-20%;opacity:.62}
.road-section:before{content:"";position:absolute;inset:0;background:linear-gradient(#080b0e 0%,#080b0e14 25%,#080b0e38 55%,#080b0e 100%);z-index:-1}
.road-section:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080b0ead,transparent 85%);z-index:-1}
.road-content{padding-top:22svh}
.road-content h2{font-size:clamp(65px,8vw,112px);line-height:1.13;letter-spacing:-.055em}
.road-content .text-link{margin-top:28px;color:var(--lime)}
.download-link{display:inline-flex;gap:15px;align-items:center;border-radius:30px;background:var(--lime);color:#172011;font-size:15px;padding:15px 25px;margin-top:28px}
.faq-section{padding:70px 0 75px;display:grid;grid-template-columns:1fr 1.3fr;gap:80px}
.faq-section>h2{font-size:27px;font-weight:450;letter-spacing:-.035em;padding-top:15px;color:#cbd5ce}
.faq-list details{padding:2px 0}
.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;color:#98aaa0;font-size:14px;padding:14px 0}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary>span{font-size:21px;font-weight:250;color:#57715f;transition:transform .25s}
.faq-list details[open] summary{color:var(--ink)}
.faq-list details[open] summary>span{transform:rotate(45deg);color:var(--lime)}
.faq-list details>p{color:#839c8d;font-size:13px;line-height:1.95;padding:0 25px 20px 0}
.site-footer{padding:30px 0 25px}
.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px}
.footer-top>nav{display:flex;gap:24px;flex-wrap:wrap;font-size:12px;color:#8da092}
.footer-top>nav a{padding-block:10px}
.footer-top>nav a:hover{color:var(--lime)}
.footer-top>span{font-size:11px;color:#607868}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:15px}
.footer-bottom>p{font-size:10px;color:#68806f;line-height:1.8}
.footer-bottom>a{width:35px;height:40px;display:grid;place-items:center;font-size:20px;color:#92ab99}
.scroll-ready .stage-bottom{justify-content:space-between}.scroll-ready .simulation-note{margin-left:auto}
.chapter-meter{position:absolute;left:50%;transform:translateX(-50%)}
.not-found{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;padding:30px;text-align:center}
.not-found h1{font-size:clamp(30px,5vw,65px)}
.button.primary{background:var(--lime);color:#172011;border-radius:30px;padding:12px 23px}
/* View timelines keep the final transitions tied to native scrolling. */
@supports(animation-timeline:view()){@media(prefers-reduced-motion:no-preference){.scroll-ready .reveal-words{animation:word-light linear both;animation-timeline:view();animation-range:entry 10% cover 45%}.scroll-ready .road-photo img{animation:road-parallax linear both;animation-timeline:view();animation-range:entry 0% exit 100%}}}
@keyframes word-light{from{color:#35473d;transform:translateY(22px)}to{color:#edf5e9;transform:translateY(0)}}
@keyframes road-parallax{from{transform:translateY(-6%)}to{transform:translateY(9%)}}
@media(min-width:1600px){.scene-copy h1{font-size:136px}.scroll-ready .story-copies{top:calc(50% - 175px);height:350px}}
@media(max-width:1050px){.wrap{width:calc(100% - 76px)}.nav-shell{width:calc(100% - 60px)}.nav-actions{gap:17px}.scene-copy h1{font-size:89px}.scene-copy h2{font-size:60px}.scene-description{font-size:15px;max-width:325px}.scroll-ready .story-copies{top:calc(50% - 130px);height:260px}.scroll-ready .instrument-world{left:45%}.scroll-ready .route-visual{left:43%}.faq-section{gap:50px}}
@media(max-width:900px){
  html{scroll-padding-top:85px}.wrap{width:calc(100% - 44px)}.nav-shell{height:76px;width:calc(100% - 40px)}.brand{font-size:21px;gap:8px}.brand img{width:30px;height:30px;border-radius:8px}.nav-actions{gap:8px}
  .scroll-journey{padding-top:120px;overflow:clip}.scene-copy{margin-bottom:50px}.scene-copy h1{font-size:68px}.scene-copy h2{font-size:43px}.scene-description{font-size:14px;line-height:1.7;margin-top:20px;max-width:335px}
  .stage-atmosphere .ambient-glow{width:600px;height:600px;left:calc(50% - 300px);top:30%}.ambient-blue{left:5%;top:30%;width:420px;height:420px}.backdrop-word{bottom:15%;font-size:41vw}.horizon-grid{bottom:-8%;height:60%;background-size:65px 65px}
  .scroll-ready .scroll-journey{height:500svh;overflow:visible}.scroll-ready .sticky-stage{height:100svh;min-height:620px}.scroll-ready .story-copies{width:100%;top:125px;height:220px}.scroll-ready .scene-copy h1{font-size:64px;line-height:1.08}.scroll-ready .scene-copy h2{font-size:48px;line-height:1.15;letter-spacing:-.045em}.scroll-ready .scene-copy .scene-description{max-width:335px}.scroll-ready .instrument-world{left:50%;top:auto;bottom:100px}.scroll-ready .route-visual{left:50%;top:auto;bottom:100px}
  .scroll-ready .stage-bottom{bottom:27px;display:flex;gap:12px}.simulation-note{font-size:8px}.chapter-dots{gap:5px}.chapter-dots i.active{width:14px}
  .privacy-section{padding:75px 0 40px}.privacy-section h2{font-size:43px}.privacy-lead{font-size:12px;margin-top:23px}.privacy-section .text-link{margin-top:8px;font-size:11px}
  .road-section{height:75svh;min-height:540px}.road-photo img{object-position:50% 45%;height:120%;top:-10%;opacity:.56}.road-content{padding-top:20svh}.road-content h2{font-size:60px}.road-content .text-link{margin-top:20px;font-size:13px}.road-section:after{background:linear-gradient(90deg,#080b0e9c,transparent)}
  .faq-section{padding:35px 0 45px;display:block}.faq-section>h2{font-size:24px;margin-bottom:20px;padding-top:0}.faq-list summary{font-size:13px;padding-block:13px}.faq-list details>p{font-size:12px;padding-right:20px}
  .site-footer{padding:20px 0}.footer-top{flex-wrap:wrap;gap:10px}.footer-top>nav{gap:18px;font-size:11px}.footer-top>span{font-size:10px}.footer-bottom{margin-top:10px;gap:15px}.footer-bottom>p{font-size:9px;max-width:300px}
}
@media(max-width:900px) and (max-height:760px){.scroll-ready .story-copies{top:105px}.scroll-ready .scene-copy h1{font-size:56px}.scroll-ready .scene-copy h2{font-size:44px}.scroll-ready .scene-description{font-size:13px;margin-top:17px}.scroll-ready .instrument-world{bottom:55px}.scroll-ready .route-visual{bottom:55px}.scroll-ready .stage-bottom{bottom:22px}}
@media(max-width:900px) and (min-height:620px) and (max-height:700px){.scroll-ready .story-copies{top:100px}.scroll-ready .scene-copy h1{font-size:48px}.scroll-ready .scene-copy h2{font-size:40px}.scroll-ready .scene-description{font-size:12px;margin-top:16px}.scroll-ready .instrument-world{bottom:0}.scroll-ready .route-visual{bottom:0}}
@media(max-width:600px){.scroll-ready .chapter-meter{display:none}}
@media(max-width:370px){.wrap{width:calc(100% - 36px)}.scene-copy h1{font-size:59px}.scene-copy h2{font-size:37px}.privacy-section h2{font-size:39px}.road-content h2{font-size:53px}}
/* Natural-flow fallbacks preserve every heading and the simulated-data label. */
html:not(.scroll-ready) .stage-atmosphere{display:none}
html:not(.scroll-ready) .instrument-world{transform:scale(.85);transform-origin:top left;margin-left:0;margin-bottom:0}
html:not(.scroll-ready) .route-visual{max-width:100%;height:auto;aspect-ratio:680/470}
html:not(.scroll-ready) .story-copies{display:grid;grid-template-columns:1fr 1fr;column-gap:70px}
html:not(.scroll-ready) .scene-0{grid-column:span 2;margin-bottom:90px}
html:not(.scroll-ready) .stage-bottom{display:flex;justify-content:center;margin-top:24px}html:not(.scroll-ready) .chapter-meter{display:none}
html:not(.scroll-ready) .replay-readout{bottom:12%;right:4%}
@media(max-width:900px){html:not(.js) .site-header{position:relative}html:not(.js) .scroll-journey{padding-top:45px}html:not(.scroll-ready) .story-copies{display:block}html:not(.scroll-ready) .instrument-world{width:600px;transform:scale(.52);height:260px;margin-bottom:20px}html:not(.scroll-ready) .replay-readout strong{font-size:46px}html:not(.scroll-ready) .route-visual{margin-block:20px}html:not(.scroll-ready) .replay-readout>span{font-size:9px}html:not(.scroll-ready) .replay-wave{height:20px;left:0;right:0}html:not(.scroll-ready) .route-map{top:15px}}
@media(max-width:359px){html:not(.scroll-ready) .instrument-world{transform:scale(.46);height:240px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.road-photo img{transform:none!important}}
.scroll-ready:not(.scenes-mounted) .scene-copy,.scroll-ready:not(.scenes-mounted) .instrument-world,.scroll-ready:not(.scenes-mounted) .card-library,.scroll-ready:not(.scenes-mounted) .event-showcase,.scroll-ready:not(.scenes-mounted) .route-visual{transition:none!important}
.visual-caption{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;color:#8fa7a1;font-size:12px;letter-spacing:.09em}
.visual-caption>span:first-child{display:flex;align-items:center;gap:10px;color:#c3d3cb}
.instrument-world{height:530px}
.cockpit{top:16px}
.live-trace{position:absolute;bottom:0;left:0;right:0;height:68px;display:flex;align-items:center;gap:24px}
.live-trace svg{width:60%;height:50px;stroke:var(--lime);stroke-width:1;fill:none;opacity:.45;overflow:visible}
.live-trace span{max-width:135px;font-size:10px;letter-spacing:.08em;color:#708e86}
.card-library,.event-showcase{position:relative;width:600px;height:530px;margin:45px auto;}
.card-grid{position:absolute;inset:40px 0 48px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.library-card{position:relative;min-width:0;background:linear-gradient(135deg,#192329,#10181e);border-radius:20px;padding:15px 17px;box-shadow:inset 0 0 0 1px #d3f3ff08;transition:transform .65s,box-shadow .65s,background .65s;overflow:hidden}
.library-card>span{font-size:13px;color:#a7bcb6}
.library-card>div{position:relative;height:80px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.library-card strong{font-size:43px;font-weight:300;letter-spacing:-.045em;line-height:1.3;color:#e3ece8}
.library-card small{font-size:10px;font-weight:400;letter-spacing:0;color:#718e84}
.library-card strong small{margin-left:7px;color:#b3cd92;font-size:9px}
.library-card svg{width:100%;height:45px;stroke:var(--lime);stroke-width:1.5;fill:none;opacity:.7}
.library-card[data-card="3"] svg{position:absolute;right:-12px;bottom:-5px;width:60%;opacity:.3}
.library-card.selected{transform:translateY(-4px);box-shadow:inset 0 0 0 1px #c2f54f70,0 10px 25px #0003;background:linear-gradient(135deg,#233327,#14201f)}
.library-card.selected>span{color:#d6eab9}
.mini-disc{width:65px;height:65px;position:absolute;left:0;top:7px;border:1px solid #9cc0b84d;border-radius:50%;background:linear-gradient(transparent 49%,#9cc0b826 50%,transparent 51%),linear-gradient(90deg,transparent 49%,#9cc0b826 50%,transparent 51%)}
.mini-disc:before{content:"";position:absolute;inset:16px;border:1px solid #9cc0b84d;border-radius:50%}
.mini-disc i{position:absolute;left:20px;top:20px;width:6px;height:6px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 6px #c2f54f14}
.library-card .mini-reading{position:absolute;right:0;bottom:9px;color:#c8dbbb;font-size:13px}
.mini-compass{font-size:57px;font-weight:200;line-height:1;color:var(--blue);transform:translateY(-3px)}
.mini-map{width:100%;height:70px;background:linear-gradient(35deg,transparent 36%,#375455 37%,#375455 38%,transparent 39%),linear-gradient(105deg,transparent 53%,#294746 54%,#294746 56%,transparent 57%),linear-gradient(170deg,transparent 53%,#294746 54%,#294746 56%,transparent 57%);position:relative}
.mini-map i{position:absolute;left:52%;top:40%;width:8px;height:8px;border-radius:50%;background:#7fcee1;box-shadow:0 0 0 12px #7fcee118}
.mini-attitude{position:relative;width:80px;height:55px;background:linear-gradient(#36473f80 50%,#1e2f2990 50%);border-radius:50%;overflow:hidden;transform:rotate(-8deg)}
.mini-attitude:before,.mini-attitude:after{content:"";position:absolute;background:#98bbb680;height:1px;left:17px;right:17px;top:18px}.mini-attitude:after{top:36px}
.mini-attitude i{position:absolute;top:27px;left:8px;right:8px;height:2px;background:var(--lime)}
.mini-events{color:#71867d;font-size:33px;word-spacing:4px;line-height:1.8}
.library-note{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#95b0a0}
.layout-dots{display:flex;gap:7px}.layout-dots i{width:4px;height:4px;border-radius:50%;background:#43574e}.layout-dots i.active{background:var(--lime)}
.event-motion{position:absolute;top:48px;left:0;right:0;height:218px;display:flex;align-items:flex-start;gap:28px;padding:18px 20px;transition:opacity .4s}
.event-turn-symbol{font-size:110px;line-height:1;color:var(--lime);font-weight:200}
.event-motion>div>p{font-size:18px;color:#b2c7bb;margin-top:2px}
.event-motion strong{display:block;font-size:55px;line-height:1.3;font-weight:250;letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.event-motion small{font-size:16px;color:#81998c;font-weight:400}.event-motion>div>span{font-size:12px;color:#96b59b}
.event-motion>svg{position:absolute;left:20px;right:20px;bottom:0;width:calc(100% - 40px);height:85px;fill:none;stroke-width:2;stroke-linecap:round}
.event-trace-base{stroke:#334a40}#event-trace{stroke:var(--lime)}
.event-banner{position:absolute;bottom:68px;left:16px;right:16px;background:linear-gradient(120deg,#27362b,#152423);border-radius:25px;padding:23px 26px;box-shadow:0 25px 80px #0007,inset 0 1px #d5efbc23;transition:opacity .4s,transform .5s}
.banner-main{display:flex;align-items:center;gap:19px}.banner-icon{color:var(--lime);font-size:40px;line-height:1}.banner-main strong{font-size:21px;font-weight:500}.banner-main p{font-size:12px;color:#8eac9c;margin-top:7px}.banner-main p span{margin:0 8px}.banner-check{margin-left:auto;width:27px;height:27px;border-radius:50%;background:#c2f54f18;color:var(--lime);text-align:center;font-size:15px;line-height:27px}
.banner-appraisal{margin-top:20px;padding-top:16px;border-top:1px solid #bddea21a;display:flex;align-items:center;justify-content:space-between;gap:12px}
.banner-appraisal>span{display:flex;align-items:baseline;gap:13px}.banner-appraisal small{font-size:11px;color:#95b198}.banner-appraisal b{font-weight:300;font-size:35px;color:var(--lime);line-height:1}.banner-appraisal p{font-size:13px;color:#c4d6bb}
.event-stages{position:absolute;bottom:3px;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#526b5c}.event-stages i{flex:1;height:1px;background:#c2f54f16;margin:0 22px}.event-stages span{transition:color .4s}.event-stages .active{color:#c3d8b7}
.event-complete .event-motion{opacity:.45}
.replay-timeline-labels{position:absolute;bottom:-29px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:10px;color:#7d9c8d}
.route-visual{height:500px}.route-map{top:50px}.replay-readout{bottom:77px}.replay-wave{bottom:12px}
.scroll-ready .scroll-journey{height:400svh}
.scroll-ready .story-copies{top:50%;transform:translateY(-50%);width:43%;height:280px}
.scroll-ready .scene-copy{transition:opacity .22s,transform .42s;transform:translateY(18px);opacity:0}
.scroll-ready .scene-copy.is-current{opacity:1;transform:translateY(0)}
.scene-copy h1,.scene-copy h2{font-size:clamp(49px,5.9vw,86px);font-weight:500;line-height:1.18;letter-spacing:-.055em}
.scene-description{max-width:440px;font-size:16px;line-height:1.85;margin-top:26px}
.scroll-ready .scene-copy .scene-description{max-width:440px}
.scroll-ready .instrument-world,.scroll-ready .card-library,.scroll-ready .event-showcase,.scroll-ready .route-visual{position:absolute;left:auto;right:0;top:50%;bottom:auto;margin:0;opacity:0;pointer-events:none;transform:translateY(-50%) scale(calc(var(--visual-scale)*.96));transform-origin:right center;transition:opacity .3s,transform .42s;will-change:transform,opacity}
.scroll-ready .route-visual{right:-15px;transform:translateY(-50%) scale(calc(var(--route-scale)*.96))}
.scroll-ready [data-chapter="0"] .instrument-world,.scroll-ready [data-chapter="1"] .card-library,.scroll-ready [data-chapter="2"] .event-showcase{opacity:1;transform:translateY(-50%) scale(var(--visual-scale))}
.scroll-ready [data-chapter="3"] .route-visual{opacity:1;transform:translateY(-50%) scale(var(--route-scale))}
.scroll-ready .event-showcase:not(.event-complete) .event-banner{opacity:0;transform:translateY(18px)}.chapter-dots i{width:18px;height:3px;border-radius:3px}.chapter-dots i.active{width:34px}
@media(min-width:901px) and (min-height:1000px){.scroll-ready .story-copies,.scroll-ready .instrument-world,.scroll-ready .card-library,.scroll-ready .event-showcase,.scroll-ready .route-visual{top:46%}.stage-atmosphere .ambient-glow{transform:scale(1.35)}}
@media(max-width:1050px) and (min-width:901px){.scene-copy h1,.scene-copy h2{font-size:57px}.scene-description{font-size:14px}.scroll-ready .story-copies{height:250px}}
@media(max-width:900px){
  .scroll-ready .story-copies{top:147px;height:190px;transform:none;width:100%}
  .scroll-ready .scene-copy h1,.scroll-ready .scene-copy h2{font-size:clamp(40px,7vw,64px);line-height:1.14;letter-spacing:-.045em}
  .scroll-ready .scene-copy .scene-description{font-size:13px;line-height:1.8;max-width:470px;margin-top:19px}
  .scroll-ready .instrument-world,.scroll-ready .card-library,.scroll-ready .event-showcase,.scroll-ready .route-visual{left:auto;right:50%;top:auto;bottom:119px;transform:translateX(50%) scale(calc(var(--visual-scale)*.96));transform-origin:center bottom}
  .scroll-ready [data-chapter="0"] .instrument-world,.scroll-ready [data-chapter="1"] .card-library,.scroll-ready [data-chapter="2"] .event-showcase{transform:translateX(50%) scale(var(--visual-scale))}
  .scroll-ready .route-visual{bottom:137px;transform:translateX(50%) scale(calc(var(--route-scale)*.96))}
  .scroll-ready [data-chapter="3"] .route-visual{transform:translateX(50%) scale(var(--route-scale))}
  .scroll-ready .chapter-meter{display:flex}.chapter-dots{gap:5px}.chapter-dots i{width:10px}.chapter-dots i.active{width:18px}
  .library-card>span{font-size:17px}.library-card small{font-size:12px}.visual-caption,.library-note,.event-stages{font-size:15px}
  .scene-copy h1,.scene-copy h2{font-size:46px}
}
@media(max-width:900px) and (max-height:760px){
  .scroll-ready .story-copies{top:122px}.scroll-ready .scene-copy h1,.scroll-ready .scene-copy h2{font-size:40px}
  .scroll-ready .scene-copy .scene-description{font-size:12px;margin-top:16px}
  .scroll-ready .instrument-world,.scroll-ready .card-library,.scroll-ready .event-showcase{bottom:84px}.scroll-ready .route-visual{bottom:98px}
  .scroll-ready .stage-bottom{bottom:17px}
}
@media(max-width:900px) and (max-height:700px){
  .scroll-ready .story-copies{top:115px}.scroll-ready .scene-copy h1,.scroll-ready .scene-copy h2{font-size:36px}
  .scroll-ready .scene-copy .scene-description{margin-top:12px;max-width:350px}
  .scroll-ready .instrument-world,.scroll-ready .card-library,.scroll-ready .event-showcase{bottom:74px}.scroll-ready .route-visual{bottom:87px}
}
html:not(.scroll-ready) .card-library,html:not(.scroll-ready) .event-showcase{max-width:100%;}
@media(max-width:650px){html:not(.scroll-ready) .card-library,html:not(.scroll-ready) .event-showcase{max-width:none;transform:scale(.52);transform-origin:top left;height:530px;margin-bottom:-200px}html:not(.scroll-ready) .card-grid{height:440px}html:not(.scroll-ready) .event-showcase{height:530px;margin-bottom:-200px}}
html[lang="en"] .scene-copy h1,html[lang="en"] .scene-copy h2{font-size:clamp(44px,5.2vw,76px)}
@media(max-width:900px){html[lang="en"] .scroll-ready .scene-copy h1,html[lang="en"] .scroll-ready .scene-copy h2{font-size:40px}}
@media(max-width:900px) and (max-height:700px){html[lang="en"] .scroll-ready .scene-copy h1,html[lang="en"] .scroll-ready .scene-copy h2{font-size:36px}}
/* A tall desktop canvas uses a larger, stacked composition. */
@media(min-width:901px) and (min-height:1050px) and (max-aspect-ratio:1/1){
  .scroll-ready .story-copies{top:calc(clamp(120px,12svh,200px) + 46px);transform:none;width:100%;height:220px;text-align:center}
  .scroll-ready .scene-copy h1 br,.scroll-ready .scene-copy h2 br{display:none}
  .scroll-ready .scene-copy .scene-description{max-width:740px;margin-inline:auto}
  .scroll-ready .scene-copy h1 em,.scroll-ready .scene-copy h2 em{margin-left:.15em}
  .scroll-ready .instrument-world,.scroll-ready .card-library,.scroll-ready .event-showcase,.scroll-ready .route-visual{top:auto;right:50%;bottom:180px;transform:translateX(50%) scale(calc(var(--visual-scale)*.96));transform-origin:center bottom}
  .scroll-ready [data-chapter="0"] .instrument-world,.scroll-ready [data-chapter="1"] .card-library,.scroll-ready [data-chapter="2"] .event-showcase{transform:translateX(50%) scale(var(--visual-scale))}
  .scroll-ready .route-visual{transform:translateX(50%) scale(calc(var(--route-scale)*.96));bottom:205px}
  .scroll-ready [data-chapter="3"] .route-visual{transform:translateX(50%) scale(var(--route-scale))}
}
@media print{.site-header,.stage-atmosphere,.stage-bottom,.instrument-world,.route-visual,.road-photo{display:none!important}html,body{background:white;color:black}.wrap{width:100%}.scroll-journey{height:auto!important;padding:20px 0!important}.sticky-stage{height:auto!important;position:static!important;overflow:visible!important}.stage-content{height:auto!important}.story-copies{position:static!important;width:100%!important;height:auto!important;display:block!important;transform:none!important}.scene-copy{position:static!important;opacity:1!important;transform:none!important;filter:none!important;margin-bottom:30px!important}.scene-copy h1{font-size:44px!important}.scene-copy h2{font-size:32px!important}.scene-copy p{color:#333!important}.privacy-section,.faq-section{padding-block:30px}.road-section{min-height:0;height:auto;margin:0}.road-content{padding:30px 0}.faq-list details>p{display:block!important}em{color:#557f0a}}

/* Two continuous rows share identical adjacent sets so the loop has no seam. */
.card-marquee{position:absolute;inset:40px 0 0;display:grid;grid-template-rows:1fr 1fr;gap:16px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.card-row{display:flex;width:max-content;min-width:max-content;height:100%;will-change:transform}
.card-row-set{display:flex;flex:none;gap:16px;padding-right:16px;width:max-content;height:100%}
/* Shared instrument grammar from the native app: graphite glass, rounded readings,
   quiet headers, and separate instruments for each measurement. */
.native-cockpit{position:absolute;inset:42px 0 0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:14px}
.instrument-card{--instrument-tone:var(--lime);position:relative;min-width:0;overflow:hidden;display:flex;flex-direction:column;padding:18px;border-radius:24px;border:1px solid #ffffff10;background:linear-gradient(145deg,#ffffff09,#ffffff03),#0a1115e8;box-shadow:inset 0 1px #ffffff03;color:#f6f7f8;font-variant-numeric:tabular-nums;line-height:1.25}
.card-row .instrument-card{width:280px;height:100%;flex:none}
.instrument-card b,.instrument-card strong{font-family:ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,sans-serif;font-weight:300;letter-spacing:-.035em}
.instrument-card small{font-size:11px;color:#89919a;font-weight:400;letter-spacing:0}
.instrument-header{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;min-height:18px;font-weight:500;white-space:nowrap}
.instrument-badge{display:flex;align-items:center;gap:5px;color:var(--lime);font-size:10px;font-weight:500;letter-spacing:.02em}
.instrument-badge:before{content:"";width:4px;height:4px;background:currentColor;border-radius:50%;flex:none}
.instrument-badge b{font-size:12px;font-weight:400;letter-spacing:0}.instrument-badge.neutral{color:#bfc4ca}.instrument-badge.neutral:before,.instrument-badge.muted:before{display:none}
.instrument-card .cool{--instrument-tone:var(--blue);color:var(--blue)}.instrument-card .warm{--instrument-tone:#ffa83d;color:#ffa83d}.instrument-card .muted,.instrument-muted{color:#8e96a0}
.native-speed{display:flex;align-items:baseline;justify-content:center;gap:10px;flex:1;padding-top:9px;line-height:1;align-content:center;flex-wrap:wrap}
.native-speed>b{font-size:104px;font-weight:300;letter-spacing:-.065em}.native-speed>small{font-size:12px;color:var(--lime);font-weight:600}
.instrument-card .speed-bars{height:12px;gap:4px;align-items:flex-end;margin-top:12px}
.instrument-card .speed-bars i{flex:1;width:auto;height:6px;background:#ffffff17;border-radius:3px}.instrument-card .speed-bars i:nth-child(5n+1){height:6px}.instrument-card .speed-bars i:nth-child(4n+1){height:12px}.instrument-card .speed-bars i.filled{background:var(--lime)}
.native-g-disc{position:relative;width:220px;height:172px;max-width:100%;margin:auto;flex:none}
.native-g-disc svg{width:100%;height:100%;fill:none;stroke:#ffffff29;stroke-width:1}.native-g-disc .inner-ring{stroke:#ffffff17}.native-g-disc .disc-cross{stroke:#ffffff1a}
.native-g-disc .g-dot{left:50%;top:50%;width:8px;height:8px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 7px #c2f54f19;transform:translate(-28px,-33px)}
.g-edge{position:absolute;width:44px;height:22px;display:grid;place-items:center;background:#10191c;color:#d9dee4;font-size:13px;transform:translate(-50%,-50%)}.g-edge>b{font-weight:450;letter-spacing:0}
.g-top{left:50%;top:12.8%}.g-bottom{left:50%;top:87.2%}.g-left{left:20.9%;top:50%}.g-right{left:79.1%;top:50%}
.native-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:1}.native-compass{width:140px;height:140px;flex:none;overflow:visible}
.native-compass path{fill:none;stroke-width:1}.native-compass .major-tick{stroke:#ffffff80}.native-compass .minor-tick{stroke:#ffffff2e}.native-compass text{fill:#949ca6;font:9px ui-monospace,monospace;text-anchor:middle}.native-compass .north{fill:var(--blue)}
.native-compass .compass-needle{fill:var(--blue);stroke:none;transform:rotate(45deg);transform-origin:70px 70px}
.native-heading>div{flex:1;display:flex;flex-direction:column;gap:8px}.native-heading b{font-size:34px;white-space:nowrap}.native-heading small{font-size:20px;color:var(--blue)}
.native-action{display:flex;align-items:center;gap:16px;flex:1;padding-block:12px}.action-tile{width:70px;height:70px;border-radius:22px;background:#c2f54f13;display:grid;place-items:center;flex:none}
.action-art{width:52px;height:52px;fill:none;stroke:var(--lime);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.action-up,.action-cruise{display:none}
.action-tile[data-action="accelerate"] .action-left,.action-tile[data-action="cruise"] .action-left{display:none}.action-tile[data-action="accelerate"] .action-up,.action-tile[data-action="cruise"] .action-cruise{display:block}
.native-action strong{font-size:22px;font-weight:500;letter-spacing:-.02em}.native-action p{font-size:11px;color:#939ba5;margin-top:8px}.action-readings{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #ffffff17;padding-top:12px}.action-readings>span{display:flex;align-items:baseline;gap:5px;font-size:10px;color:#8e96a0;white-space:nowrap}.action-readings b{font-size:19px;color:#f6f7f8;font-weight:500}.action-readings small{font-size:9px}
.native-arc{position:relative;width:176px;height:164px;margin:auto}.native-arc>svg{height:100%;width:100%;overflow:visible;fill:none}.native-arc .arc-track{stroke:#ffffff14;stroke-width:6;stroke-linecap:round}.native-arc .arc-value{stroke:var(--lime);stroke-width:6;stroke-linecap:round}.native-arc .major-tick{stroke:#ffffff73}.native-arc .minor-tick{stroke:#ffffff2e}.native-arc>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.native-arc b{font-size:66px;line-height:1.05}.native-arc small{font-size:10px;letter-spacing:2px;color:var(--lime)}
.native-bearing{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:auto 0}.native-bearing>span{font-size:46px;font-weight:300}.native-bearing>b{font-size:34px;color:var(--blue)}.bearing-ruler{position:relative;padding-top:15px;padding-bottom:8px}.bearing-ruler>i{position:absolute;top:0;left:calc(50% - 4px);border-top:6px solid var(--blue);border-inline:4px solid transparent}.bearing-ruler>div{display:flex;justify-content:space-between;height:18px}.bearing-ruler b{width:1px;height:9px;background:#ffffff40}.bearing-ruler b:nth-child(6n+1){height:17px}.bearing-ruler p{display:flex;justify-content:space-between;color:#8e96a0;font:9px ui-monospace,monospace;margin-top:8px}
.native-g-bars{display:grid;gap:20px;margin:auto 0}.signed-axis>p{display:flex;align-items:baseline;gap:6px;margin-bottom:8px}.signed-axis>p>span{margin-right:auto;font-size:11px;color:#8e96a0}.signed-axis b{font-size:26px;color:#f6f7f8}.signed-axis small{font-size:10px;color:var(--instrument-tone)}.signed-track{height:6px;border-radius:3px;background:#ffffff12;position:relative}.signed-track:after{content:"";position:absolute;top:-3px;left:50%;height:12px;width:1px;background:#ffffff66}.signed-track i{position:absolute;left:50%;width:18%;height:100%;border-radius:3px;background:var(--instrument-tone)}.axis-captions{display:flex;justify-content:space-between;font-size:10px;color:#8e96a0;margin-top:10px}
.native-coordinates{display:grid;gap:18px;margin:auto 0}.native-coordinates>div{display:flex;flex-direction:column;gap:5px}.native-coordinates b{font:24px ui-monospace,SFMono-Regular,monospace;letter-spacing:-.03em}.native-coordinates small{font-size:10px}
.instrument-card[data-instrument-style="locationMap"]{padding:0}.instrument-card[data-instrument-style="locationMap"] .instrument-header{padding:18px 18px 13px}.native-map{width:calc(100% - 36px);flex:1;min-height:0;background:#131d22;margin:0 18px 18px;border-radius:12px;overflow:hidden}.native-map .map-water{fill:#1e3540}.native-map .map-blocks{fill:#1d2a2d}.native-map .map-streets{fill:none;stroke:#526163;stroke-width:3;stroke-linejoin:round}.native-map .location-halo{fill:#5cc9f020}.native-map .location-dot{fill:var(--blue);stroke:#d8f3ff;stroke-width:2}
.trip-symbol{width:17px;height:17px;stroke:var(--blue);stroke-width:1.5;fill:none}.instrument-badge:has(.trip-symbol):before{display:none}.trip-distance{display:flex;align-items:baseline;gap:7px;margin-top:auto}.trip-distance>b{font-size:58px;line-height:1.1}.trip-distance>small{font-size:12px;color:var(--blue)}.instrument-card>.instrument-muted{font-size:10px;margin-top:3px}.trip-readings{display:flex;justify-content:space-between;border-top:1px solid #ffffff19;margin-top:auto;padding-top:12px;gap:16px}.trip-readings>div{display:flex;flex-direction:column;gap:5px}.trip-readings b{font-size:23px;font-weight:500}.trip-readings small{font-size:10px}.trip-readings b small{font-size:8px}
.chart-value{display:flex;align-items:baseline;gap:7px;margin-top:10px}.chart-value>b{font-size:42px;line-height:1.2;color:#f6f7f8}.chart-value>small{font-size:10px;color:var(--instrument-tone)}.chart-value>span{font:10px ui-monospace,monospace;color:#8e96a0;margin-left:auto}.native-chart{position:relative;flex:1;min-height:0;margin-top:8px}.native-chart svg{width:100%;height:100%;fill:none;overflow:visible}.native-chart .chart-grid{stroke:#ffffff19;stroke-width:1;stroke-dasharray:2 5}.native-chart .chart-line{stroke:var(--instrument-tone);stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.native-chart .chart-end{fill:var(--instrument-tone)}.chart-range{position:absolute;right:0;top:0;color:#8e96a0;font:8px ui-monospace,monospace}.chart-captions{display:flex;justify-content:space-between;color:#8e96a0;font-size:9px;margin-top:5px}
.native-attitude{display:flex;gap:16px;flex:1;align-items:center}.native-attitude>div{width:50%;min-width:0;display:flex;flex-direction:column;align-items:center;gap:7px}.native-attitude>div>small{font-size:10px}.native-attitude b{font-size:24px}.native-attitude b small{font-size:10px;color:var(--blue);margin-left:2px}.native-attitude>div:last-child b small{color:#ffa83d}.native-car{width:100%;height:88px;fill:none;stroke:#ffffffcc;stroke-width:1.35}.native-car .car-ground{stroke:#ffffff29;stroke-width:.7;stroke-dasharray:2 4}.car-outline path,.car-outline circle{vector-effect:non-scaling-stroke}.native-car .car-detail{stroke:#ffffff75;stroke-width:1}.native-car .car-ground{vector-effect:non-scaling-stroke}
.metrics-action{display:flex;gap:8px;align-items:center;margin-top:16px;font-size:15px}.metrics-action .action-art{width:22px;height:22px}.event-metrics-value{display:flex;align-items:baseline;gap:7px;margin:auto 0}.event-metrics-value>b{font-size:58px;color:var(--lime)}.event-metrics-value>small{font-size:14px}.event-metrics-value>p{margin-left:auto;text-align:right;font-size:10px;color:#8e96a0}.event-metrics-value>p>b{display:block;margin-top:4px;font-size:18px;color:#f6f7f8}.event-meter{height:5px;border-radius:3px;background:#ffffff14}.event-meter>i{display:block;width:18%;height:100%;border-radius:3px;background:var(--lime)}
.event-turn-symbol .action-art{width:102px;height:102px}.banner-icon .action-art{width:42px;height:42px}
.event-banner{background:linear-gradient(135deg,#ffffff09,#ffffff03),#141b20;border:1px solid #ffffff12;box-shadow:0 16px 50px #0003}
.card-row .library-card{display:flex;flex:none;flex-direction:column;width:244px;height:100%;padding:22px;box-shadow:inset 0 1px #d3f3ff0c;background:linear-gradient(145deg,#1c292d,#10191e);border-radius:24px}
.card-row .library-card[data-card="0"],.card-row .library-card[data-card="6"]{background:linear-gradient(155deg,#24352b,#111d20)}
.card-row .library-card>span{font-size:16px;color:#a7c0b3}
.card-row .library-card>div{height:auto;flex:1;min-height:0}
.card-row .library-card strong{font-size:72px;line-height:1.1;font-weight:250;letter-spacing:-.06em}
.card-row .library-card strong small{font-size:12px;margin-left:8px}
.card-row .library-card>div>small:not(.mini-reading){font-size:14px;margin-top:10px;color:#7d9d8b}
.card-row .speed-bars{width:100%;margin-top:18px}
.card-row .mini-disc{width:105px;height:105px;left:5px;top:15px}
.card-row .mini-disc:before{inset:26px}.card-row .mini-disc i{top:36px;left:33px;width:9px;height:9px}
.card-row .mini-reading{font-size:18px;bottom:5px}
.card-row .mini-compass{font-size:84px}
.card-row .mini-map{height:115px}
.card-row .mini-attitude{transform:rotate(-8deg) scale(1.45);transform-origin:left center}
.card-row .library-card[data-card="3"] svg{position:static;width:100%;height:48px;opacity:.65;margin-top:10px}
.card-row .library-card[data-card="5"] svg{height:80px;margin-bottom:4px}
.card-row .mini-events{font-size:42px}
html:not(.scroll-ready) .card-row{transform:none!important}
html:not(.scroll-ready) .card-row-set[data-clone]{display:none}
/* Privacy and setup share a full-screen ending; FAQ remains below it. */
.closing-section{position:relative;min-height:100svh;background:radial-gradient(ellipse at 100% 30%,#25443a13,transparent 60%)}
.closing-screen{position:relative;isolation:isolate;min-height:100svh;display:grid;grid-template-rows:1fr 1fr;align-items:center;gap:clamp(32px,5svh,80px);padding-block:100px 64px}
.closing-section .privacy-section{min-height:0;display:grid;grid-template-columns:1fr 1.1fr;gap:90px;align-items:center;padding-block:0;text-align:left}
.closing-section .privacy-section h2{font-size:clamp(38px,4.5vw,62px);line-height:1.2}
.closing-section .privacy-lead{font-size:15px;max-width:360px;line-height:1.85;margin-top:22px}
.closing-section .privacy-section .text-link{margin-top:15px;font-size:13px;color:var(--lime)}
.privacy-details,.setup-list{display:grid;gap:30px}
.privacy-details article,.setup-list article{display:flex;align-items:flex-start;gap:18px}
.privacy-details .icon,.setup-list .icon{width:23px;height:23px;color:#99c574;margin-top:2px}
.privacy-details h3,.setup-list h3{font-size:18px;font-weight:500;letter-spacing:-.02em;color:#d2dfd4}
.privacy-details p,.setup-list p{font-size:14px;line-height:1.85;color:#8fa299;margin-top:9px;max-width:470px}
.closing-section .road-section{height:auto;min-height:0;max-height:none;padding-block:0}
.closing-section .road-content{padding-top:0;display:grid;grid-template-columns:1fr 1.1fr;gap:90px;align-items:center}
.closing-section .road-content h2{font-size:clamp(37px,4.3vw,59px);line-height:1.3;letter-spacing:-.045em}
.guide-lead{font-size:15px;line-height:1.9;margin-top:21px;color:#a0b2a4}
.closing-section .road-content .text-link{margin-top:21px}
.closing-screen>.road-photo{inset:0;opacity:1;mask-image:none;pointer-events:none}
.closing-screen>.road-photo img{height:100%;top:0;opacity:.78;object-position:50% 48%;transform:none;animation:none}
.closing-screen:before,.closing-screen:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.closing-screen:before{background:linear-gradient(90deg,#080b0ea8 0%,#080b0e85 44%,#080b0ebd 100%)}
.closing-screen:after{background:linear-gradient(#080b0ecc 0%,#080b0e29 20%,#080b0e1f 68%,#080b0e 100%)}
.closing-screen .privacy-lead,.closing-screen .guide-lead,.closing-screen .privacy-details p,.closing-screen .setup-list p{color:#b6c5bb;text-shadow:0 1px 12px #0009}
.closing-section .road-section:before,.closing-section .road-section:after{content:none}
.closing-section .setup-list{position:relative;z-index:1}
.closing-section .faq-section{min-height:0;padding-block:55px 60px;gap:90px;grid-template-columns:1fr 1.1fr}
.closing-section .faq-section>h2{font-size:27px}
@media(max-width:1050px){.closing-section .privacy-section,.closing-section .road-content,.closing-section .faq-section{gap:45px}}
@media(max-width:900px){
  .card-row .library-card>span{font-size:18px}
  .closing-screen{grid-template-rows:auto auto;gap:65px;padding-block:95px 55px}
  .closing-section .privacy-section,.closing-section .road-content{grid-template-columns:1fr;gap:36px}
  .closing-section .privacy-section h2{font-size:40px}
  .closing-section .privacy-lead,.guide-lead{font-size:13px;margin-top:18px}
  .privacy-details,.setup-list{gap:24px}
  .privacy-details article,.setup-list article{gap:15px}
  .privacy-details h3,.setup-list h3{font-size:16px}
  .privacy-details p,.setup-list p{font-size:13px;line-height:1.8;margin-top:6px}
  .closing-section .road-content h2{font-size:38px}
  .closing-screen>.road-photo img{object-position:50% 42%;opacity:.7}
  .closing-screen:before{background:linear-gradient(90deg,#080b0ea8,#080b0e7a 55%,#080b0ea8)}
  .closing-screen:after{background:linear-gradient(#080b0ec9 0%,#080b0e47 12%,#080b0e57 48%,#080b0e8c 82%,#080b0e 100%)}
  .closing-section .faq-section{padding-block:35px 30px}
}
@media(min-width:901px) and (max-height:760px){
  .closing-screen{padding-block:90px 35px;gap:28px}
  .closing-section .privacy-section h2,.closing-section .road-content h2{font-size:40px}
  .privacy-details,.setup-list{gap:18px}
  .privacy-details p,.setup-list p{font-size:13px;line-height:1.6;margin-top:6px}
}
@media print{.closing-screen{min-height:0;display:block;padding-block:0}.closing-screen:before,.closing-screen:after{display:none}.closing-screen .privacy-lead,.closing-screen .guide-lead,.closing-screen .privacy-details p,.closing-screen .setup-list p{color:#333;text-shadow:none}.card-library,.event-showcase{display:none!important}.closing-section{min-height:0}.closing-section .privacy-section,.closing-section .road-content{display:block}}

.banner-main .banner-peak{margin-left:auto;text-align:right}.banner-peak strong{font-family:ui-rounded,-apple-system,sans-serif;font-size:38px;font-weight:300;line-height:1}.banner-peak strong small{font-size:12px;color:#929ca5;margin-left:6px}.banner-peak>span{display:block;color:#929ca5;font-size:10px;margin-top:8px}.altitude-symbol{width:23px;height:18px;stroke:var(--blue);fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.instrument-badge:has(.altitude-symbol):before{display:none}

.signed-axis.lime .signed-track i{width:9%}.signed-axis.cool .signed-track i{width:8%}
/* Keep a full internal canvas when static reading scales the illustration. */
@media(max-width:900px){html:not(.scroll-ready) .instrument-world{height:530px;margin-bottom:-225px}}
@media(max-width:359px){html:not(.scroll-ready) .instrument-world{height:530px;margin-bottom:-256px}}