/* Restores the first edition's open canvas. One car display and one product
   persist for the whole story; all positions are scrubbed by native scrolling. */
:root{--paper:#f5f5f2;--ink:#18191b;--muted:#777d86;--accent:#2959ed;--head:76px;--bar:74px;--vh:100svh;--preview:0px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-padding-top:90px}body{margin:0;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p,figure{margin:0}button,input,select,textarea{font:inherit;color:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.icon{width:21px;height:21px;flex-shrink:0}a .icon,button .icon{width:17px;height:17px}.skip-link{position:fixed;z-index:100;left:16px;top:-70px;background:#fff;padding:14px}.skip-link:focus{top:8px}.sr-only{position:absolute!important;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.btn{display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:46px;padding:12px 19px;background:var(--accent);color:#fff;border-radius:5px;font-size:12px;font-weight:650;line-height:1.5}.btn:hover{filter:brightness(.92)}.btn.secondary{background:transparent;border:1px solid #cdd1d8;color:var(--ink)}.btn.text{background:none;color:var(--accent);padding:8px 0;min-height:30px}.cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:25px}.icon-btn{display:grid;place-items:center;width:34px;height:34px;background:transparent;border:1px solid #d8dbe0;border-radius:50%}.icon-btn .icon{width:14px;height:14px}.header{position:fixed;top:var(--preview);left:0;right:0;z-index:40;height:var(--head);padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;gap:24px;background:rgba(245,245,242,.94);backdrop-filter:blur(18px);border-bottom:1px solid #18191b13}.brand{display:flex;align-items:center;gap:23px;white-space:nowrap}.brand-name{font-family:Arial,Helvetica,sans-serif;font-size:26px;font-weight:900;font-style:italic;letter-spacing:-1.3px}.brand-name sup{font-size:9px;position:relative;top:-6px;margin-left:2px}.brand small{border-left:1px solid #ccd0cb;padding-left:22px;font-size:12px;font-weight:650;letter-spacing:.2px}.brand-logo{max-width:150px;max-height:34px;object-fit:contain}.header-nav{display:flex;gap:26px;align-items:center}.header-nav>a:not(.btn){font-size:12px}.header-nav .btn{background:var(--ink);min-height:43px;font-size:12px}.header-nav .btn:hover{background:var(--accent)}.header-hint{font-size:11px;color:#7c838c}.header-nav>a:not(.btn):hover{color:var(--accent)}#preview-notice{position:fixed;inset:0 0 auto;height:29px;background:#ffeba9;color:#635326;text-align:center;font-size:12px;padding:6px;z-index:60}.is-preview{--preview:29px}
.story{position:relative;margin-top:var(--preview)}.story-pin{position:sticky;top:var(--preview);height:var(--vh);padding:var(--head) 4.5% var(--bar);overflow:clip;contain:layout paint}.story-layout{height:100%;display:grid;grid-template-columns:41% 59%;max-width:1560px;margin:auto;align-items:center}.copy-area{height:100%;position:relative;z-index:5;min-width:0}.scene-copy{position:absolute;inset:0;padding:30px 34px 30px 0;display:flex;flex-direction:column;justify-content:center;opacity:0;pointer-events:none;will-change:opacity,transform}.scene-copy.is-current{pointer-events:auto}.eyebrow{font-size:10px;line-height:1.7;letter-spacing:1.2px;font-weight:650;margin-bottom:27px;display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';height:7px;width:7px;flex-shrink:0;border-radius:50%;background:var(--accent)}h1,h2{font-weight:700;letter-spacing:-1.7px;line-height:1.28;text-wrap:balance}h1{font-size:clamp(36px,3.45vw,54px)}h2{font-size:clamp(32px,3.18vw,50px)}.accent{color:var(--accent)}.scene-description{font-size:14px;line-height:1.95;color:#6b7078;margin-top:25px;max-width:470px}.pill-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:22px}.pill{padding:6px 9px;font-size:10px;border:1px solid #d6d9d2;border-radius:3px;font-weight:550}.scene-note{font-size:10px;line-height:1.8;color:#848993;margin-top:20px;max-width:450px}.phase-description{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:#343d4d;line-height:1.8;margin-top:24px;min-height:28px}.phase-description:before{content:'';height:1px;width:20px;flex-shrink:0;background:var(--accent);margin-top:11px}.subprogress{display:flex;gap:16px;margin-top:20px;flex-wrap:wrap;color:#9b9fa5;font-size:10px}.subprogress span{position:relative;padding-bottom:10px}.subprogress .active{color:var(--ink);font-weight:650}.subprogress .active:after{content:'';height:2px;background:var(--accent);position:absolute;bottom:0;left:0;right:0}.feature-buy .btn.secondary{padding-left:0;border:0;min-height:30px;font-size:11px}.visual-area{width:100%;height:min(100%,710px);min-width:0;position:relative;display:flex;align-items:center;isolation:isolate}.visual-heading{position:absolute;top:25px;left:25px;right:0;display:flex;justify-content:space-between;align-items:center;gap:12px;z-index:8}.visual-heading>span:first-child{font-size:9px;letter-spacing:1.8px;color:#8b9097}.live-tag{font-size:9px;color:#7b828c;display:flex;gap:7px;align-items:center}.live-tag i{width:5px;height:5px;display:inline-block;background:#7b8976;border-radius:50%}.stage-world{position:relative;width:100%;aspect-ratio:720/570;flex-shrink:0;perspective:1400px}.outline-one{position:absolute;top:2%;right:-4%;font-family:Arial,Helvetica,sans-serif;font-weight:800;font-size:clamp(180px,22vw,340px);letter-spacing:-12px;color:transparent;-webkit-text-stroke:1px #dedfda;line-height:1;z-index:-1;pointer-events:none}.screen-rig{position:absolute;left:4%;top:19%;width:94%;z-index:3;transform-origin:center;will-change:transform,left,top,width}.screen-shell{width:100%;padding:12px 12px 12px 30px;border-radius:21px;background:linear-gradient(150deg,#42454a,#121315 17%,#17191c 83%,#3e4146);box-shadow:0 25px 30px -16px #1c263445,inset 0 1px 0 #aaa,0 1px 0 2px #636466;position:relative;border:2px solid #151516}.screen-bezel{position:absolute;left:12px;top:24%;height:54%;display:flex;flex-direction:column;justify-content:space-around}.screen-bezel span{width:5px;height:5px;border:1px solid #777b83;border-radius:50%}.display{position:relative;aspect-ratio:2.2;overflow:hidden;border-radius:5px;background:#131b29;isolation:isolate}.screen-layer{position:absolute;inset:0;opacity:0;pointer-events:none;will-change:opacity;overflow:hidden;background:#131c2b}.screen-sub-layer{position:absolute;inset:0;will-change:opacity}.screen-photo{width:100%;height:100%;object-fit:contain;background:#121723}.screen-content{height:100%;color:#e6edf8;position:relative;padding:7% 7%;font-size:12px}.screen-topline{position:absolute;top:6%;left:6%;right:6%;display:flex;justify-content:space-between;font-size:9px;color:#8b9eb9}.screen-center{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:10px}.screen-center>.icon{width:30px;height:30px;color:#8eaefa}.screen-center strong{font-size:17px;line-height:1.5;font-weight:600}.screen-center p{font-size:11px;line-height:1.8;color:#9cacbe;max-width:90%}.screen-system-label{position:absolute;bottom:4%;left:4%;right:4%;font-size:8px;color:#8593a6;text-align:center}.device-row{width:75%;display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:12px;background:#243856;border:1px solid #ffffff20;border-radius:5px;color:#bed1f6}.device-row b{font-size:9px;font-weight:500;color:#98b29a}.pair-check{display:flex;gap:7px;align-items:center;font-size:10px;color:#91b99b}.pair-check .icon{width:16px;height:16px}.product{position:absolute;left:3%;top:53%;width:47%;z-index:6;will-change:left,top,width,transform,opacity}.product img{width:100%;height:auto;filter:drop-shadow(0 12px 12px #1826322f)}.product figcaption{text-align:left;padding-left:14%;font-size:10px;line-height:1.8;font-weight:550;white-space:nowrap;margin-top:1%;color:#252a31}.rig-caption{font-size:10px;color:#7a818d;text-align:center;margin-top:15px;min-height:18px;white-space:nowrap}.extra-rig{position:absolute;left:55%;top:20%;width:45%;opacity:0;z-index:4;will-change:left,top,width,transform,opacity}.extra-rig .screen-shell{padding:8px;border-radius:12px}.extra-rig .display{aspect-ratio:1.8}.extra-rig .screen-center strong{font-size:13px}.extra-rig .screen-center p{font-size:9px}.extra-mount{position:absolute;inset:-14% -5% -22%;z-index:-1;border:1px solid #cfd1cd;border-radius:24px;background:linear-gradient(115deg,#dfdfd920,#d5d5ce70);opacity:0}.extra-mount:before,.extra-mount:after{content:'';position:absolute;top:100%;height:14%;width:6%;border:1px solid #b0b4b9;border-top:0;background:#c6c7ca;left:20%}.extra-mount:after{left:auto;right:20%}.tv-feet{position:absolute;left:16%;right:16%;top:98%;height:14px;border-left:4px solid #343941;border-right:4px solid #343941;transform:perspective(35px) rotateX(30deg)}.visual-foot{position:absolute;left:25px;right:0;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:16px}.visual-foot p{font-size:9px;color:#8d939a;line-height:1.75;max-width:91%}.visual-foot .icon-btn{width:26px;height:26px;border:0;color:#8b94a0}.scene-badge{position:absolute;right:2%;bottom:5%;display:flex;gap:9px;align-items:center;font-size:10px;color:#6a7380;z-index:7}.scene-badge i{width:25px;height:1px;background:#b5bdc8}.wiring{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:2;pointer-events:none;fill:none;stroke-linecap:round}.wire-base{stroke:#d8dce1;stroke-width:8}.wire-draw{stroke:#424c5d;stroke-width:4;stroke-dasharray:1;stroke-dashoffset:1}.hdmi-color{stroke:var(--accent)}#wire-plug rect{fill:#454c57;stroke:#828b98;stroke-width:1}#wire-plug path{stroke:#b9c0cd;stroke-width:1}.network-wire{stroke:var(--accent);stroke-width:2.4;stroke-dasharray:.035 .024;opacity:.6}#net-packet{fill:var(--accent);stroke:none}#wireless-rings{stroke:var(--accent);stroke-width:2.4;transform-origin:440px 330px}.port{position:absolute;left:78%;top:70%;z-index:7;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;background:var(--paper);opacity:0}.port-icon{width:24px;height:24px}.port>span{background:#e7eaf0;padding:7px;border:1px solid #d2d9e1;border-radius:5px;display:flex}.port .icon{width:22px;height:22px;color:#5b6980}.port b{font-size:9px;font-weight:650}.port small{font-size:8px;color:#8b94a0}.network-source{position:absolute;left:4%;top:60%;width:15%;opacity:0;z-index:5;will-change:opacity,transform}.phone-model{aspect-ratio:.53;border:2px solid #596779;border-radius:13px;padding:12% 9% 9%;background:#fbfcfe;box-shadow:0 6px 15px #48556913;position:relative;max-width:100px}.phone-model:before{content:'';position:absolute;top:5%;left:33%;width:33%;height:2px;background:#8790a0;border-radius:3px}.phone-ui{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#3b506e}.phone-ui .icon{width:25px;height:25px;color:var(--accent)}.phone-ui b{font-size:10px;text-align:center}.phone-ui small{font-size:8px;color:#8994a2}.phone-ui i{width:32px;height:17px;background:#679e77;border-radius:12px;position:relative}.phone-ui i:after{content:'';width:13px;height:13px;background:#fff;position:absolute;right:2px;top:2px;border-radius:50%}.sim-model{width:70px;height:88px;background:#fdfdfa;border:1px solid #bbc4ce;clip-path:polygon(0 0,74% 0,100% 22%,100% 100%,0 100%);border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;box-shadow:0 8px 12px #34435422}.sim-chip{width:36px;height:32px;border-radius:4px;background:repeating-linear-gradient(90deg,transparent 0 11px,#9f8b5514 11px 12px),repeating-linear-gradient(0deg,#d5be82 0 9px,#877243 9px 10px);border:1px solid #9e894f}.sim-model b{font-size:10px;color:#667283}.gps-node{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:9px;color:#778294;text-align:center}.gps-node .icon{height:34px;width:34px;color:#6d839e}.source-label{position:absolute;top:91%;left:5%;font-size:9px;color:#83909d;opacity:0;max-width:30%;text-align:center}.hdmi-label{position:absolute;left:42%;top:65%;font-size:9px;letter-spacing:.2px;color:#566480;background:var(--paper);padding:5px 7px;border-radius:4px;z-index:7;opacity:0}.hdmi-label span{color:var(--accent);margin:0 6px}
/* Screen-specific explanations live inside the same car-display shell. */
.stock-screen{height:100%;padding:7% 6%;color:#cad5e6;display:flex;flex-direction:column;justify-content:center;gap:12%}.stock-title{font-size:12px;color:#b9c7dc}.stock-apps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stock-apps span{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:10px;background:#ffffff06;border:1px solid #ffffff0c;border-radius:5px;padding:17px 0;color:#b0c0d5;font-size:9px}.stock-apps .icon{height:23px;width:23px}.dashboard{height:100%;display:flex;gap:7px;padding:9px;background:#131c2b}.dashboard-sidebar{width:8%;display:flex;flex-direction:column;align-items:center;justify-content:space-around;color:#aabfd9}.dashboard-sidebar .icon{height:19px;width:19px}.dash-map{width:53%;border-radius:4px;overflow:hidden}.dash-right{flex:1;display:flex;flex-direction:column;gap:6px}.map-widget{position:relative;width:100%;height:100%;overflow:hidden;background:#e6e9e3;color:#456177}.map-grid{position:absolute;inset:0;background:repeating-linear-gradient(5deg,transparent 0 39px,#c5cec343 39px 42px,#fff9 43px 46px,transparent 47px 85px),repeating-linear-gradient(90deg,transparent 0 52px,#fff9 52px 55px,transparent 55px 110px);transform:rotate(-15deg) scale(1.4)}.map-water{position:absolute;width:23%;height:160%;right:14%;top:-30%;background:#b7d3df;transform:rotate(32deg);border:5px solid #b2cfd750}.map-route{position:absolute;top:30%;left:29%;height:40%;width:41%;border:5px solid #648bc9;border-right:0;border-bottom:0;border-radius:14px 0 0}.map-cursor{position:absolute;top:62%;left:26%;width:18px;height:20px;background:#486ec1;clip-path:polygon(50% 0,100% 100%,50% 76%,0 100%);filter:drop-shadow(0 2px 2px #0002)}.map-caption{position:absolute;top:9%;left:7%;right:7%;border-radius:4px;background:#37675d;color:#fff;padding:8px 9px;font-size:10px;box-shadow:0 3px 7px #23382d14}.music-widget{background:#273145;color:#e9edf5;flex:1;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:9px}.record{height:55px;width:55px;background:repeating-radial-gradient(circle,#242b37 0 4px,#465166 5px 6px);border-radius:50%;display:flex;align-items:center;justify-content:center}.record:after{content:'';display:block;width:16px;height:16px;border-radius:50%;background:#95a5c0}.music-widget b{font-size:11px;font-weight:500}.music-controls{display:flex;gap:18px;align-items:center;font-size:12px;color:#afbed5}.music-controls .icon{width:12px;height:12px}.dash-apps{height:25%;display:flex;gap:7px}.dash-apps>span{width:50%;font-size:9px;background:#30374a;color:#bdc8db;border-radius:4px;display:grid;place-items:center}.media-widget{height:100%;width:100%;background:radial-gradient(ellipse at 20% 100%,#404a6933,transparent 80%),linear-gradient(135deg,#172331,#263841);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#e9f0fa;position:relative;overflow:hidden}.media-orbit{position:absolute;left:-8%;bottom:-90%;width:120%;aspect-ratio:1;border:1px solid #8ba5c020;border-radius:50%;box-shadow:0 0 0 45px #8ba5c006,0 0 0 90px #8ba5c006}.media-play{display:flex;align-items:center;justify-content:center;width:48px;height:34px;border-radius:10px;background:#dd393f;z-index:1}.media-play .icon{width:20px;height:20px;fill:#fff;stroke:#fff}.media-widget b{font-size:19px;font-weight:650;z-index:1}.media-widget small{font-size:9px;color:#92a1b4;z-index:1}.media-widget.netflix .media-play{background:#181a22}.media-widget.netflix .media-play:before{content:'N';color:#ed3843;font-size:26px;font-weight:800}.media-widget.netflix .media-play .icon{display:none}.media-widget.disney .media-play{background:#305a8c}.split-screen{display:flex;height:100%;width:100%}.split-left{width:50%;height:100%;border-right:3px solid #cad5e8;flex-shrink:0}.split-right{flex:1;height:100%;min-width:0}.split-left .map-caption{font-size:10px}.screen-android{background:radial-gradient(ellipse at 50% 80%,#235245,#15261f);height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#dcebdd;gap:9px}.android-number{font-size:clamp(65px,9vw,125px);font-weight:750;letter-spacing:-6px;line-height:.95;color:#bbddb9}.screen-android b{font-size:14px;letter-spacing:1px}.screen-android small{font-size:9px;color:#9dafac}.ai-screen{height:100%;background:linear-gradient(135deg,#15213a,#27213c);padding:6% 8%;display:flex;flex-direction:column;gap:9px;justify-content:center;color:#e4e6f3}.ai-header{display:flex;align-items:center;gap:8px;font-size:12px}.ai-header .icon{color:#adc5ff;width:22px;height:22px}.ai-question{font-size:10px;line-height:1.8;align-self:flex-end;background:#ffffff0b;border:1px solid #ffffff14;border-radius:10px 10px 0 10px;padding:10px;max-width:91%}.ai-answer{font-size:10px;line-height:1.8;color:#b3c1db;background:#182437;border-radius:10px 10px 10px 0;padding:10px;max-width:95%;min-height:30px}.ota-screen{height:100%;padding:9% 10%;display:flex;flex-direction:column;justify-content:center;color:#e3eaf6;gap:14px;background:#172334}.ota-screen h4{display:flex;gap:10px;align-items:center;font-size:14px;font-weight:600}.ota-line{display:flex;justify-content:space-between;font-size:10px;color:#99abc3}.ota-line b{color:#cad8ef}.ota-track{height:5px;background:#31435b;border-radius:10px;overflow:hidden}.ota-track i{display:block;width:0;height:100%;background:#86aaf7}.ota-screen p{font-size:9px;color:#8ca0bd;line-height:1.7}.image-error{display:flex;height:100%;align-items:center;justify-content:center;color:#d5dfec;text-align:center;font-size:13px;padding:22px;line-height:1.8;background:#192435}.image-error small{display:block;font-size:10px}
.chapter-bar{position:absolute;bottom:0;left:4.5%;right:4.5%;height:var(--bar);border-top:1px solid #d7d9d4;display:flex;align-items:center;gap:26px}.scroll-cue{font-size:9px;color:#9299a1;white-space:nowrap;display:flex;gap:10px;align-items:center}.scroll-line{height:21px;width:11px;border:1px solid #afb6bf;border-radius:7px;position:relative}.scroll-line:after{content:'';position:absolute;top:4px;left:4px;width:1px;height:5px;background:#818d9e}.chapters{flex:1;display:flex;align-items:center;justify-content:center;gap:clamp(15px,2.3vw,35px)}.chapters span{padding:14px 0;font-size:10px;color:#999fa8;white-space:nowrap;position:relative}.chapters small{font-size:9px;opacity:.7;margin-right:7px}.chapters [aria-current=step]{color:var(--ink);font-weight:600}.chapters [aria-current=step]:after{content:'';width:4px;height:4px;position:absolute;bottom:2px;left:50%;background:var(--accent);border-radius:50%}#chapter-counter{font-size:9px;color:#949da7;font-variant-numeric:tabular-nums}.reading-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#e7e9e3}.reading-progress i{display:block;height:100%;width:0;background:var(--accent)}
/* The normal document resumes after the sticky story. */
#all-features,#compatibility,#faq{scroll-margin-top:100px}.overview-section{max-width:1260px;margin:auto;padding:90px 5% 95px}.section-label{font-size:10px;letter-spacing:1.5px;color:#89949f;margin-bottom:25px}.overview-section>h2{font-size:40px;max-width:800px;white-space:pre-line}.overview-section>p{font-size:14px;line-height:1.9;color:#77828e;max-width:850px;margin-top:22px}.overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 30px;margin-top:42px}.overview-card{border-top:1px solid #d7dce0;padding:28px 0;display:flex;flex-direction:column;gap:14px}.overview-card>.icon{color:var(--accent);width:23px;height:23px}.overview-card b{font-size:16px;font-weight:650}.overview-card small{font-size:12px;line-height:1.85;color:#7c8590}.contact-section{background:#181c24;color:#eff3f9;padding:90px 6%}.contact-grid{max-width:1250px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.contact-grid h2{font-size:40px;line-height:1.4}.contact-grid p{color:#939dad;font-size:13px;line-height:1.9;margin-top:23px}.compat-claim{margin-top:26px;font-size:15px;font-weight:550}.contact-grid .contact-small{font-size:10px;margin-top:13px}.contact-form{background:#fff;border-radius:12px;padding:30px;color:#242c37}.contact-form h3{font-size:18px;margin-bottom:22px}.contact-form label{display:block;font-size:12px;font-weight:600;margin-bottom:19px}input,select,textarea{display:block;width:100%;border:1px solid #e1e5eb;border-radius:5px;background:#f8f9fb;padding:13px 12px;margin-top:8px;font-size:13px;line-height:1.6;min-height:46px}textarea{resize:vertical;min-height:185px}.form-grid{display:grid;grid-template-columns:1fr 100px;gap:15px}.contact-form .btn{width:100%;justify-content:space-between}.result-actions{display:flex;gap:10px;margin-top:18px}.result-actions .btn{font-size:11px;justify-content:center}.contact-form .micro{font-size:10px;margin-top:12px}.faq-section{max-width:1250px;margin:auto;padding:85px 5%;display:grid;grid-template-columns:1fr 1.4fr;gap:80px}.faq-section h2{font-size:33px}.faq-list{border-top:1px solid #d4d9dd}.faq-list details{border-bottom:1px solid #d4d9dd}.faq-list summary{cursor:pointer;font-size:13px;font-weight:600;line-height:1.8;padding:21px 0;display:flex;justify-content:space-between;gap:20px;list-style:none}.faq-list summary:after{content:'+';font-size:20px;font-weight:400;color:#87919d}.faq-list details[open] summary:after{content:'−'}.faq-list summary::-webkit-details-marker{display:none}.faq-list p{font-size:12px;color:#788393;line-height:1.9;padding:0 20px 24px 0}footer{margin:0 4.5%;border-top:1px solid #d5d9d6;padding:30px 0 70px}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-row>small{color:#8b959f;font-size:10px}footer>p{font-size:9px;line-height:1.9;color:#929ba4;margin-top:25px;max-width:1100px}.sticky-buy{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);max-width:700px;width:90%;z-index:30;background:#fafbf9f0;backdrop-filter:blur(16px);border:1px solid #e1e5e2;box-shadow:0 8px 40px #21303b20;border-radius:12px;padding:13px 17px;display:flex;gap:18px;align-items:center}.sticky-buy>div{margin-right:auto;display:flex;flex-direction:column;gap:5px}.sticky-buy strong{font-size:13px}.sticky-buy small{font-size:9px;color:#838b99}.sticky-secondary{font-size:11px}.sticky-buy .btn{font-size:12px;min-height:40px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:90%;background:#202a3bed;color:#fff;z-index:70;padding:14px 20px;border-radius:7px;font-size:13px;line-height:1.7}.motion-off .scene-copy{will-change:auto}
@media(min-width:1550px){.scene-copy{padding-right:45px}.scene-description{font-size:16px}.scene-note{font-size:11px}.visual-area{height:min(100%,800px)}.visual-heading{top:25px}.scene-badge{font-size:11px}.screen-center strong{font-size:19px}.screen-center p{font-size:12px}}
@media(max-height:800px) and (min-width:901px){:root{--head:66px;--bar:60px}.eyebrow{margin-bottom:18px}h1{font-size:43px}h2{font-size:38px}.scene-copy{padding-top:12px;padding-bottom:12px}.scene-description{font-size:13px;margin-top:18px;line-height:1.85}.scene-note{font-size:9px;margin-top:15px}.phase-description{margin-top:16px;font-size:11px}.pill-row{margin-top:17px}.cta-row{margin-top:18px}.visual-heading{top:12px}.visual-foot{bottom:5px}.visual-area{height:100%}.stage-world{max-width:94%;margin:0 auto}.subprogress{margin-top:14px}.screen-center strong{font-size:15px}.screen-center p{font-size:10px}}
@media(max-width:1100px) and (min-width:901px){.header-nav{gap:17px}.brand{gap:15px}.brand small{padding-left:15px}.header-hint{display:none}.scene-copy{padding-right:22px}h1{font-size:39px}h2{font-size:35px}.scene-description{font-size:12px}.scene-note{font-size:9px}.screen-shell{padding:9px 9px 9px 23px;border-radius:16px}.screen-bezel{left:9px}.visual-heading{left:10px}.visual-foot{left:10px}.scene-badge{font-size:8px}.screen-center strong{font-size:13px}.screen-center p{font-size:9px}.ai-question,.ai-answer{font-size:8px}.visual-heading>span:first-child{font-size:8px}.phone-ui b{font-size:8px}.phone-ui small{font-size:7px}.rig-caption{font-size:8px}.chapters span{font-size:9px}}
/* Mobile keeps exactly the same physical stage and one sticky viewport. */
@media(max-width:900px){:root{--head:62px;--bar:55px}.header{padding:0 5%;gap:10px}.brand{gap:11px}.brand-name{font-size:23px}.brand small{font-size:9px;padding-left:11px}.brand-logo{max-width:112px;max-height:28px}.header-nav{gap:12px}.header-hint,.header-nav .header-jump{display:none}.header-nav .btn{min-height:38px;padding:10px 12px;font-size:10px;gap:9px}.header-nav>a:not(.btn){font-size:10px}.story-pin{padding-left:6%;padding-right:6%}.story-layout{display:flex;flex-direction:column;max-width:580px;justify-content:center}.visual-area{order:0;flex-shrink:0;height:40%;min-height:215px;max-height:325px;align-items:center;justify-content:center}.copy-area{order:1;width:100%;flex:1;min-height:0}.stage-world{width:min(100%,450px)}.visual-heading{top:7px;left:0;right:0}.visual-heading>span:first-child{font-size:7px;letter-spacing:1.2px}.live-tag{font-size:7px}.outline-one{font-size:clamp(140px,27vw,180px);letter-spacing:-7px;top:4%}.visual-foot{left:0;right:0;bottom:-3px}.visual-foot p{font-size:7px;max-width:92%}.visual-foot .icon-btn{height:23px;width:23px}.visual-foot .icon-btn .icon{height:12px;width:12px}.scene-copy{padding:15px 0 17px;justify-content:flex-start}.eyebrow{font-size:8px;margin-bottom:12px;letter-spacing:.8px;gap:7px}.eyebrow:before{width:5px;height:5px}h1{font-size:34px;letter-spacing:-1px}h2{font-size:31px;letter-spacing:-1px;line-height:1.3}.scene-description{font-size:13px;line-height:1.85;margin-top:15px;max-width:none}.pill-row{margin-top:16px;gap:6px}.pill{font-size:9px;padding:5px 8px}.cta-row{margin-top:19px;gap:10px}.btn{min-height:42px;font-size:11px;padding:10px 14px;gap:10px}.phase-description{font-size:11px;line-height:1.7;margin-top:18px;min-height:22px}.phase-description:before{margin-top:9px}.scene-note{font-size:9px;line-height:1.7;margin-top:13px;max-width:none}.subprogress{margin-top:14px;font-size:9px;gap:13px}.screen-shell{padding:7px 7px 7px 17px;border-radius:12px;box-shadow:0 15px 19px -9px #1c263445,inset 0 1px 0 #aaa,0 1px 0 1px #636466;border-width:1px}.screen-bezel{left:6px}.screen-bezel span{width:3px;height:3px}.display{border-radius:3px}.extra-rig .screen-shell{padding:5px;border-radius:8px}.product figcaption{font-size:7px}.screen-topline{font-size:6px}.screen-center{gap:6px}.screen-center>.icon{width:19px;height:19px}.screen-center strong{font-size:11px}.screen-center p{font-size:7px;line-height:1.7}.screen-system-label{font-size:5px}.device-row{font-size:8px;padding:7px}.device-row b{font-size:6px}.pair-check{font-size:7px;gap:4px}.pair-check .icon{width:10px;height:10px}.stock-title{font-size:8px}.stock-apps{gap:5px}.stock-apps span{font-size:6px;gap:6px;padding:10px 0}.stock-apps .icon{width:16px;height:16px}.dashboard{gap:4px;padding:5px}.dashboard-sidebar .icon{width:12px;height:12px}.dash-right{gap:4px}.dash-apps{gap:3px}.dash-apps>span{font-size:6px}.map-caption{font-size:7px;padding:5px 6px}.map-route{border-width:3px}.map-cursor{width:11px;height:13px}.record{width:28px;height:28px}.record:after{width:10px;height:10px}.music-widget{gap:6px;padding:5px}.music-widget b{font-size:7px}.music-controls{gap:9px;font-size:8px}.music-controls .icon{width:9px;height:9px}.rig-caption{font-size:7px;margin-top:8px;min-height:10px}.scene-badge{font-size:7px;bottom:1%;right:0;gap:6px}.scene-badge i{width:15px}.port{padding:4px;gap:3px}.port>span{padding:4px;border-radius:4px}.port .icon{width:15px;height:15px}.port b{font-size:6px}.port small{font-size:5px}.phone-model{border-width:1px;border-radius:8px}.phone-ui{gap:5px}.phone-ui .icon{width:17px;height:17px}.phone-ui b{font-size:7px}.phone-ui small{font-size:5px}.phone-ui i{width:20px;height:11px}.phone-ui i:after{height:7px;width:7px}.sim-model{width:42px;height:55px;gap:5px;border-radius:4px}.sim-chip{width:23px;height:21px}.sim-model b{font-size:6px}.source-label{font-size:6px}.hdmi-label{font-size:6px;padding:3px 4px;left:44%}.hdmi-label span{margin:0 2px}.media-play{width:32px;height:24px;border-radius:6px}.media-play .icon{height:13px;width:13px}.media-widget{gap:6px}.media-widget b{font-size:12px}.media-widget small{font-size:6px}.media-widget.netflix .media-play:before{font-size:19px}.extra-rig .media-widget b{font-size:9px}.extra-rig .media-widget small{font-size:5px}.extra-rig .media-play{width:24px;height:17px}.extra-rig .media-play .icon{width:9px;height:9px}.extra-rig .map-caption{font-size:5px;padding:4px}.extra-rig .map-route{border-width:2px}.extra-rig .screen-center strong{font-size:9px}.tv-feet{border-width:3px;height:9px}.extra-mount{border-radius:15px}.ai-screen{gap:6px;padding:5% 7%}.ai-header{font-size:8px;gap:5px}.ai-header .icon{width:15px;height:15px}.ai-question,.ai-answer{font-size:7px;line-height:1.6;padding:7px;border-radius:6px}.ai-answer{min-height:22px}.screen-android{gap:6px}.android-number{font-size:66px;letter-spacing:-3px}.screen-android b{font-size:9px}.screen-android small{font-size:6px}.ota-screen{gap:9px;padding:8% 10%}.ota-screen h4{font-size:9px;gap:7px}.ota-screen h4 .icon{width:16px;height:16px}.ota-line{font-size:7px}.ota-track{height:3px}.ota-screen p{font-size:6px}.gps-node{font-size:6px;gap:5px}.gps-node .icon{width:23px;height:23px}.chapter-bar{left:6%;right:6%;gap:15px}.scroll-cue{display:none}.chapters{gap:12px;justify-content:space-between}.chapters span{font-size:8px}.chapters small{font-size:7px;margin-right:4px}#chapter-counter{font-size:8px}.overview-section{padding:60px 6%}.overview-section>h2{font-size:32px}.overview-section>p{font-size:13px}.overview-grid{grid-template-columns:1fr 1fr;gap:0 23px}.overview-card b{font-size:14px}.overview-card small{font-size:11px}.contact-section{padding:65px 7%}.contact-grid{grid-template-columns:1fr;gap:34px;max-width:600px}.contact-grid h2{font-size:32px}.faq-section{grid-template-columns:1fr;gap:25px;padding:60px 7%;max-width:680px}.faq-section h2{font-size:29px}.section-label{margin-bottom:18px}.footer-row{flex-wrap:wrap}.footer-row>small{font-size:8px}footer .brand-name{font-size:21px}footer .brand small{display:none}.sticky-buy{width:92%;gap:10px;bottom:12px;padding:10px 13px}.sticky-buy small{display:none}.sticky-buy .btn{font-size:11px}.sticky-secondary{font-size:10px}}
@media(max-width:600px){:root{--head:58px;--bar:49px}.brand-name{font-size:20px}.brand small{font-size:8px;border:0;padding:0}.brand{gap:9px}.header-nav{gap:10px}.header-nav>a:not(.btn){display:none}.header-nav .btn{font-size:9px;padding:9px 11px;min-height:35px}.header-nav .btn .icon{width:12px;height:12px}.visual-area{height:34%;max-height:265px;min-height:213px}.scene-copy{padding-top:14px}h1{font-size:31px}h2{font-size:29px}.scene-description{font-size:12px;line-height:1.8;margin-top:13px}.eyebrow{font-size:7px;margin-bottom:11px}.scene-note{font-size:8px;margin-top:12px;line-height:1.75}.phase-description{font-size:10px;margin-top:16px}.cta-row{margin-top:16px}.btn{font-size:10px;min-height:41px}.pill{font-size:8px;padding:5px 7px}.pill-row{margin-top:13px;gap:5px}.subprogress{font-size:8px;gap:10px}.feature-buy .btn.secondary{font-size:9px}.chapters span{font-size:7px}.chapters small{display:none}.chapters{gap:9px}#chapter-counter{font-size:7px}.visual-heading>span:first-child{font-size:6px}.live-tag{font-size:6px}.visual-foot p{font-size:6px}.scene-badge{font-size:6px}.contact-form{padding:24px 20px}.contact-form input,.contact-form textarea,.contact-form select{font-size:16px}.contact-form label{font-size:11px}.overview-section>h2{font-size:29px}.overview-grid{gap:0 20px}.overview-card{padding:23px 0}.overview-card b{font-size:13px}.overview-card small{font-size:11px}.form-grid{grid-template-columns:1fr 91px;gap:10px}.contact-grid h2{font-size:29px}}
@media(max-height:740px) and (max-width:900px){.visual-area{height:32%;min-height:178px;max-height:220px}.stage-world{width:min(100%,360px)}.scene-copy{padding-top:10px}.eyebrow{margin-bottom:7px}h1{font-size:27px}h2{font-size:25px}.scene-description{font-size:11px;line-height:1.7;margin-top:11px}.scene-note{font-size:7px;line-height:1.65;margin-top:9px}.phase-description{font-size:9px;line-height:1.65;margin-top:12px;min-height:18px}.phase-description:before{margin-top:8px}.cta-row{margin-top:12px}.btn{min-height:35px;font-size:9px;padding:8px 11px}.pill{font-size:7px;padding:4px 6px}.pill-row{margin-top:10px}.subprogress{font-size:7px;margin-top:11px;gap:8px}.feature-buy .btn.secondary{font-size:8px}.visual-foot p{font-size:5px}.visual-heading{top:4px}.visual-foot{bottom:-3px}.visual-area .scene-badge{bottom:-1%}.header{--head:54px}}
@media(max-height:540px) and (min-width:600px){:root{--head:50px;--bar:42px}.story-layout{display:grid;grid-template-columns:43% 57%;max-width:none}.visual-area{order:1;height:100%;min-height:0;max-height:none}.stage-world{width:100%;max-width:420px}.copy-area{order:0;height:100%}.scene-copy{padding:12px 15px 12px 0;justify-content:center}.scene-note{font-size:7px}.scene-description{font-size:10px;line-height:1.65}h1{font-size:26px}h2{font-size:24px}.visual-heading{top:8px}.visual-foot{bottom:4px}.phase-description{font-size:9px;margin-top:10px}.pill-row{gap:4px}.pill{font-size:7px}.eyebrow{font-size:7px;line-height:1.4}.btn{font-size:8px;min-height:30px;padding:7px 9px}.cta-row{gap:6px}.subprogress{font-size:7px;margin-top:9px}.screen-center strong{font-size:10px}.screen-center p{font-size:7px}.header{--head:50px}.header-nav>a:not(.btn){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Readable zoom / very short screen fallback. It has no click gate. */
.reading-mode .story{height:auto!important}.reading-mode .story-pin{position:relative;height:auto;min-height:0;padding-bottom:45px;overflow:visible}.reading-mode .story-layout{display:block;max-width:900px}.reading-mode .copy-area{display:block;height:auto}.reading-mode .scene-copy{position:relative;inset:auto;opacity:1!important;transform:none!important;padding:35px 0;pointer-events:auto!important;border-bottom:1px solid #d7dbe1}.reading-mode .visual-area{display:none}.reading-mode .chapter-bar,.reading-mode .reading-progress{display:none}.reading-mode .flow-figure{display:block;width:100%;max-width:540px;aspect-ratio:2.2;background:#172334;border-radius:10px;overflow:hidden;position:relative;margin-top:25px}.reading-mode .flow-figure .screen-layer{opacity:1}.reading-mode .scene-copy h1,.reading-mode .scene-copy h2{font-size:30px}.reading-mode .scene-description{font-size:14px}.reading-mode .scene-note{font-size:11px}.reading-mode .scene-copy .phase-description{font-size:12px}

@media(max-width:900px) and (min-height:541px){.visual-area .stage-world{height:calc(100% - 30px);width:auto;max-width:100%;aspect-ratio:720/570}.visual-area .scene-badge{bottom:0}.visual-foot{bottom:0}}

@media(max-width:900px){.product figcaption{display:none}}

/* Concise narrative edition: five ratio presets and the retained HDMI stage. */
.scene-copy .scene-description{max-width:420px}.scene-note{max-width:410px}.phase-description[hidden]{display:none!important}
.subprogress{flex-wrap:wrap}.subprogress span{line-height:1.7}
.port{width:26%;padding:5px 2px;will-change:left,top,opacity}.port b{white-space:normal;text-align:center;line-height:1.65}.port small{text-align:center;line-height:1.65}
.feature-intro-screen{height:100%;padding:6% 7%;display:flex;flex-direction:column;justify-content:center;gap:8px;color:#e8effa;background:radial-gradient(ellipse at 65% 90%,#203959,#141c2a)}
.feature-intro-screen>span{font-size:9px;color:#93a9c9;letter-spacing:2px}.feature-intro-screen>strong{font-size:28px;font-weight:600}.feature-intro-screen>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:5px}.feature-intro-screen>div>span{font-size:10px;display:flex;align-items:center;gap:7px;color:#becde2}.feature-intro-screen .icon{width:17px;height:17px;color:#a0c4ff}
.remote{position:absolute;width:11%;left:77%;top:49%;opacity:0;margin:0;z-index:8;will-change:transform,opacity,left,top}.remote img{width:100%;height:auto;filter:drop-shadow(0 8px 8px #111a2630)}.remote-caption{position:absolute;left:67%;top:94%;font-size:10px;white-space:nowrap;opacity:0;font-weight:550;color:#5e6e86;z-index:9}.remote-signal{stroke:var(--accent);stroke-width:2;stroke-dasharray:5 7;opacity:0;fill:none}
.tv-cursor{position:absolute;z-index:9;width:21px;height:26px;opacity:0;pointer-events:none}.tv-cursor svg{width:100%;height:100%;fill:#fff;stroke:#1b2230;stroke-width:1.2;filter:drop-shadow(0 2px 2px #0005)}#cursor-click{position:absolute;width:38px;height:38px;border:2px solid #9bc0ff;border-radius:50%;left:-13px;top:-13px;opacity:0;background:#9bc0ff33}
.tv-launcher{height:100%;padding:7%;color:#e8edf7;background:linear-gradient(145deg,#182537,#202d43)}.tv-launcher small{font-size:10px;color:#a8b9ce}.tv-launcher h3{font-size:20px;font-weight:550;margin:10px 0 17px}.tv-apps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tv-apps>span{height:64px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;font-size:12px}.tv-apps .icon{width:24px;height:24px}.tv-apps .tv-app-target{border-color:#b8cced;background:#38619855}
.power-bank{display:none;width:29px;height:48px;border:2px solid #69798d;border-radius:7px;background:linear-gradient(100deg,#f6f8fc,#cdd6e2);position:relative}.power-bank i{position:absolute;width:12px;height:5px;background:#3c485b;border:1px solid #8998ae;left:6px;top:6px}.power-bank b{position:absolute;width:15px;height:3px;background:repeating-linear-gradient(90deg,#577eaa 0 2px,transparent 2px 4px);left:5px;bottom:8px}
.visual-area[data-feature="hdmi-tv"] #port-icon{padding:4px;border:0;background:transparent}.visual-area[data-feature="hdmi-tv"] #port-icon>.icon{display:none}.visual-area[data-feature="hdmi-tv"] .power-bank{display:block}.visual-area[data-feature="hdmi-tv"] .scene-badge{opacity:0}
.ratio-presets{display:flex;gap:8px;margin-top:24px}.ratio-presets>span{border:1px solid #d2d8e0;border-radius:7px;min-width:54px;padding:12px 10px;text-align:center;background:#f7f8f5;color:#87909a;font-variant-numeric:tabular-nums}.ratio-presets b{font-size:18px;font-weight:550}.ratio-presets>span.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 14px #2959ed25}.scene-note.split-exclusive-note{color:var(--accent);font-size:12px;font-weight:600;margin-top:15px}
.split-demo{position:absolute;inset:0;display:flex;flex-direction:column}.split-demo>.split-screen{flex:1;min-height:0;height:auto}.split-preset{padding:9px 12px;background:#253044;color:#c7d9f0;font-size:10px;display:flex;gap:8px;align-items:center;justify-content:space-between;flex-shrink:0}.preset-launch{border:1px solid #70849e;border-radius:4px;padding:4px 6px;font-size:9px}.preset-launch.launched{background:#55739b;color:#fff}.ratio-screen-label{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);background:#1b2638d9;color:#e8eef9;border:1px solid #a3b5d059;border-radius:5px;padding:3px 9px;font-size:10px;font-variant-numeric:tabular-nums}
.more-grid{grid-template-columns:repeat(4,1fr);gap:24px}.more-grid .overview-card{gap:12px}.more-grid .overview-card small{font-size:13px;line-height:1.75}.overview-section>.more-note{font-size:11px;margin-top:12px}.overview-section{padding-top:75px;padding-bottom:70px}.overview-section>h2{font-size:38px}
.final-cta{padding:50px 0 65px;border-bottom:1px solid #d5d9d6;margin-bottom:32px}.final-cta h2{font-size:40px}.final-cta .cta-row{margin-top:25px}.final-cta .btn{min-height:48px}
.reading-mode .flow-figure.has-diagram{aspect-ratio:auto;background:#edf0f4;padding:14px;overflow:visible}.flow-diagram>b{font-size:11px;line-height:1.8;display:block;color:#4e5f72;margin-bottom:12px}.flow-screens{display:flex;gap:8px}.flow-screens>div{flex:1;min-width:0;aspect-ratio:1.8;position:relative;background:#152237;border:4px solid #212b3a;border-radius:6px;overflow:hidden}.flow-screens .media-widget small{display:none}.flow-screens .media-widget b{font-size:11px}.flow-devices{display:flex;align-items:center;gap:12px;margin-top:12px}.flow-devices>img{width:80px;max-height:100px;object-fit:contain}.flow-devices>img.flow-remote{width:26px;height:90px;object-fit:contain}
@media(max-width:1100px){.ratio-presets{gap:6px}.ratio-presets>span{min-width:46px;padding:10px 7px}.ratio-presets b{font-size:16px}}
@media(max-width:900px){.remote-caption{font-size:7px}.port b{font-size:7px}.port small{font-size:6px}.feature-intro-screen>strong{font-size:20px}.feature-intro-screen>span{font-size:7px}.feature-intro-screen>div{gap:8px}.feature-intro-screen>div>span{font-size:7px;gap:4px}.feature-intro-screen .icon{width:13px;height:13px}.tv-launcher h3{font-size:14px;margin:8px 0 12px}.tv-launcher small{font-size:7px}.tv-apps>span{height:42px;font-size:8px;gap:3px}.tv-apps .icon{width:16px;height:16px}.tv-cursor{width:14px;height:18px}.more-grid{grid-template-columns:1fr 1fr}.final-cta h2{font-size:32px}.split-preset{padding:5px 7px;font-size:7px}.preset-launch{font-size:6px;padding:3px}.ratio-screen-label{font-size:7px;padding:2px 5px;bottom:4px}.ratio-presets{margin-top:18px}.scene-note.split-exclusive-note{font-size:11px}.scene-copy .scene-description{max-width:none}}
@media(max-width:600px){.port>span{padding:4px}.port .icon{width:17px;height:17px}.port b{font-size:6px}.port small{font-size:6px}.remote-caption{font-size:6px;top:96%}.feature-intro-screen{gap:5px}.feature-intro-screen>strong{font-size:15px}.feature-intro-screen>div{gap:6px}.feature-intro-screen>div>span{font-size:6px}.feature-intro-screen .icon{width:10px;height:10px}.tv-apps{gap:5px}.tv-launcher h3{font-size:12px;margin:6px 0 9px}.tv-apps>span{font-size:7px;height:35px}.tv-launcher small{font-size:6px}.hdmi-label{font-size:6px;padding:3px}.rig-caption{font-size:7px;margin-top:8px}.power-bank{width:20px;height:33px;border-width:1px;border-radius:4px}.power-bank i{width:9px;height:4px;left:5px;top:4px}.power-bank b{width:12px;left:3px;bottom:5px}.ratio-presets{gap:6px}.ratio-presets>span{padding:10px 9px;min-width:48px}.ratio-presets b{font-size:16px}.scene-description{font-size:14px;line-height:1.85}.scene-note{font-size:10px;line-height:1.8}.scene-note.split-exclusive-note{font-size:11px}.phase-description{font-size:11px}.subprogress{font-size:10px}.split-preset{font-size:6px;padding:4px 5px}.preset-launch{font-size:5px}.overview-section>h2{font-size:30px}.more-grid{gap:12px}.more-grid .overview-card b{font-size:15px}.more-grid .overview-card small{font-size:12px}.final-cta{padding:35px 0 45px}.final-cta .btn{font-size:12px}}
@media(max-width:600px) and (max-height:730px){.scene-description{font-size:12px}.scene-note{font-size:9px}.phase-description{font-size:10px}.ratio-presets>span{padding:8px 7px;min-width:43px}}

/* Scoped visual correction: transparent callouts and no power hardware in 03. */
.port,.port>span,.hdmi-label,.source-label,.gps-node{background:transparent;box-shadow:none}
.port>span{border-color:transparent}
.power-bank{background:transparent}
.visual-area[data-scene="internet"] #port,
.visual-area[data-scene="internet"] #wire-primary,
.visual-area[data-scene="internet"] #wireless-rings,
.visual-area[data-scene="internet"] #wire-secondary,
.visual-area[data-scene="internet"] #hdmi-label{visibility:hidden}
.visual-area[data-feature="hdmi-tv"] .hdmi-label{color:#d6deeb}
.visual-area[data-feature="hdmi-tv"] .hdmi-label span{color:#9ab4ff}

/* Phone readability revision: retain the shared, scroll-driven stage and copy.
   The overlapping copies supply their maximum intrinsic height. The remaining visual space
   and the available width determine the unchanged 720:570 world dimensions. */
@media(max-width:600px){
 body:not(.reading-mode) .story-layout{gap:24px;justify-content:flex-start}
 body:not(.reading-mode) .visual-area{flex:1 1 0;height:auto;min-height:0;max-height:none;padding:20px 0 18px;container-type:size}
 body:not(.reading-mode) .visual-area .stage-world{width:min(100%,calc(100cqh*720/570));height:auto;max-width:100%;aspect-ratio:720/570}
 body:not(.reading-mode) .copy-area{flex:0 0 auto;height:auto;display:grid;grid-template-columns:minmax(0,1fr);align-items:center}
 body:not(.reading-mode) .scene-copy{position:relative;inset:auto;grid-area:1/1}
 .scene-copy{padding:0;justify-content:center}
 .eyebrow{font-size:11px;margin-bottom:10px;line-height:1.5}
 .scene-copy h1,.scene-copy h2{font-size:30px;line-height:1.25}
 .scene-description{font-size:15px;line-height:1.7;margin-top:12px}
 .scene-note{font-size:11px;line-height:1.65;margin-top:10px}
 .scene-note.split-exclusive-note{font-size:12px;margin-top:10px}
 .pill-row{margin-top:12px}.pill{font-size:11px;padding:5px 7px}
 .subprogress{font-size:11px;gap:12px;margin-top:12px}
 .subprogress span{padding-bottom:6px}
 .phase-description{font-size:12px;line-height:1.65;margin-top:10px;min-height:20px}
 .phase-description:before{margin-top:9px}
 .ratio-presets{gap:6px;margin-top:12px}
 .ratio-presets>span{min-width:43px;padding:7px}.ratio-presets b{font-size:16px}
 .visual-heading{top:0}.visual-heading>span:first-child,.live-tag{font-size:9px}
 .visual-foot{bottom:0}.visual-foot p{font-size:9px;line-height:1.5;max-width:88%}
 .visual-foot .icon-btn{width:28px;height:28px}.visual-foot .icon-btn .icon{width:16px;height:16px}
 .screen-content{padding:4% 5%}.screen-center{gap:5px}
 .screen-center>.icon{width:24px;height:24px}
 .screen-center strong,.extra-rig .screen-center strong{font-size:14px;line-height:1.35}
 .screen-center p{font-size:10px;line-height:1.45}
 .dashboard-sidebar .icon{width:18px;height:18px}
 .map-caption{font-size:11px;line-height:1.35;padding:5px 6px}
 .extra-rig .map-caption{font-size:10px;padding:4px}
 .dashboard,.dash-right,.music-widget{min-height:0}
 .music-widget{gap:4px;padding:5px;container-type:size}
 .music-widget b{font-size:11px;line-height:15px;flex-shrink:0}
 .music-controls{font-size:12px;line-height:18px;gap:10px;flex-shrink:0}.music-controls .icon{width:18px;height:18px}
 /* A music content box reserves label 15px + controls 18px + two 4px gaps.
    The decorative record uses only the remainder; readable controls do not shrink. */
 .record{width:min(26px,max(0px,calc(100cqh - 41px)));height:auto;aspect-ratio:1;min-height:0;flex-shrink:0}
 .record:after{width:min(10px,80%);height:auto;aspect-ratio:1;flex-shrink:0}
 .dash-apps{flex-shrink:0;min-height:15px}.dash-apps>span{font-size:10px;line-height:14px}
 .stock-title{font-size:11px}.stock-apps{gap:4px}.stock-apps span{font-size:9px;gap:5px;padding:8px 0}.stock-apps .icon{width:22px;height:22px}
 .display{container-type:size}
 .feature-intro-screen{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-content:center;gap:clamp(2px,3cqh,5px);padding:clamp(3px,4cqh,6px)}
 .feature-intro-screen>span{font-size:10px;line-height:1.2;letter-spacing:.4px}
 .feature-intro-screen>strong{font-size:clamp(14px,12cqh,20px);line-height:1.2}
 .feature-intro-screen>div{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(3px,4cqh,6px);margin-top:0}
 .feature-intro-screen>div>span{min-width:0;font-size:clamp(10px,7cqh,12px);line-height:1.1;gap:3px;overflow-wrap:anywhere}
 .feature-intro-screen .icon{width:clamp(18px,13cqh,22px);height:clamp(18px,13cqh,22px)}
 .port b,.port small{font-size:9px;line-height:1.5}.port .icon{width:22px;height:22px}.port{gap:3px}
 .phone-ui .icon{width:22px;height:22px}.phone-ui b{font-size:9px}.phone-ui small{font-size:8px}
 .sim-model b,.gps-node,.source-label,.hdmi-label,.rig-caption,.remote-caption{font-size:9px}
 .gps-node .icon{width:28px;height:28px}.rig-caption{line-height:1.5;margin-top:5px}.remote-caption{left:63%}
 .media-widget b{font-size:16px}.media-widget small{font-size:9px;line-height:1.25}
 .extra-rig .media-widget b{font-size:12px}.extra-rig .media-widget small{font-size:7px}
 .visual-area:is([data-feature="hdmi"],[data-feature="dual"]) .media-widget{gap:3px;padding:4px}
 .visual-area:is([data-feature="hdmi"],[data-feature="dual"]) .media-play{position:absolute;top:4px;right:4px;width:18px;height:14px;border-radius:4px}
 .visual-area:is([data-feature="hdmi"],[data-feature="dual"]) .media-play .icon{width:10px;height:10px}
 .visual-area:is([data-feature="hdmi"],[data-feature="dual"]) .media-widget b{font-size:12px}
 .visual-area:is([data-feature="hdmi"],[data-feature="dual"]) .media-widget small{font-size:8px;max-width:100%}
 .tv-launcher small{font-size:9px}.tv-launcher h3{font-size:15px;margin:6px 0 8px}
 .tv-apps>span{font-size:9px;height:38px}.tv-apps .icon{width:20px;height:20px}
 .ai-screen{gap:5px;padding:4% 5%}.ai-header{font-size:11px}.ai-header .icon{width:20px;height:20px}
 .ai-question,.ai-answer{font-size:9px;line-height:1.4;padding:5px}.ai-answer{min-height:0}
 .android-number{font-size:52px;line-height:.9}.screen-android b{font-size:12px}.screen-android small{font-size:9px}
 .ota-screen{gap:7px;padding:5% 7%}.ota-screen h4{font-size:12px}.ota-line{font-size:10px}.ota-screen p{font-size:9px;line-height:1.4}
 .split-preset{font-size:9px;padding:4px 5px;gap:4px}.preset-launch{font-size:8px;padding:3px;white-space:nowrap}.ratio-screen-label{font-size:9px}
 .chapters span,#chapter-counter{font-size:9px}.chapter-bar{gap:10px}.chapters{gap:7px}
 .reading-mode .copy-area{height:auto}.reading-mode .scene-copy{padding:30px 0}
}

/* Authorized content polish: one shared coordinate space for street, route and cursor. */
.map-streets{position:absolute;inset:0;width:100%;height:100%;background:#e6eae3}
.map-streets path{fill:none;vector-effect:non-scaling-stroke}
.map-streets .map-shore{fill:#b8d5df;stroke:none}
.map-local-roads{stroke:#f7f8f4;stroke-width:5}
.map-main-road{stroke:#f7f8f4;stroke-width:12;stroke-linecap:round;stroke-linejoin:round}
.map-navigation-route{stroke:#668fd2;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.map-widget .map-cursor{left:35%;top:71.6667%;transform:translate(-50%,-50%)}
@media(max-width:600px){.map-local-roads{stroke-width:3}.map-main-road{stroke-width:8}.map-navigation-route{stroke-width:3}}