@font-face{font-family:Neue;src:url('/assets/fonts/NeueMachina-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Neue;src:url('/assets/fonts/NeueMachina-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Neue;src:url('/assets/fonts/NeueMachina-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{color-scheme:dark;--bg:#24272a;--ink:#f2f3f1;--muted:#b1b3b2;--line:#ffffff24;--pad:clamp(24px,4.2vw,84px);font-family:Neue,Arial,sans-serif;background:var(--bg);color:var(--ink)}
body[data-accent=analytic]{--accent:#ff8838;--glow:#5e402b;--tint:#ff88381a}body[data-accent=software]{--accent:#ff7878;--glow:#543339;--tint:#ff78781a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}h1,h2,h3,p,figure{margin:0}em{color:var(--accent);font-style:normal}[hidden]{display:none!important}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:disabled{opacity:.45;cursor:default}
.skip-link{position:fixed;z-index:100;top:8px;left:8px;padding:12px 20px;background:var(--accent);color:var(--bg);transform:translateY(-200%)}.skip-link:focus{transform:none}.arrow{display:inline-block;width:10px;height:10px;clip-path:polygon(0 0,100% 0,100% 100%);background:currentColor;transform:rotate(45deg);flex-shrink:0}.arrow--down{transform:rotate(135deg)}
.experience{position:relative;isolation:isolate}.stage{position:sticky;top:0;height:100vh;height:100svh;margin-bottom:-100vh;margin-bottom:-100svh;overflow:hidden;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 76% 49%,var(--glow) 0%,#2c2c2d 33%,var(--bg) 66%)}.scene-grid{position:absolute;inset:0;opacity:.055;background-image:linear-gradient(to right,#b1b3b2 1px,transparent 1px),linear-gradient(to bottom,#b1b3b2 1px,transparent 1px);background-size:8.333% 100%,100% 12.5%;mask-image:radial-gradient(ellipse at 70% 50%,#000,transparent 70%)}.scene-word{position:absolute;left:43%;top:12%;font-size:clamp(160px,22vw,420px);line-height:1;font-weight:500;letter-spacing:-.085em;color:var(--accent);opacity:.035;user-select:none}.scene-top{position:absolute;top:127px;left:48%;right:var(--pad);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:9px;letter-spacing:.09em;text-transform:uppercase}.scene-top>span:first-child{color:var(--accent)}.scene-top>span:last-child{display:flex;gap:12px;align-items:center}.scene-top i{width:5px;height:5px;background:var(--accent);transform:rotate(45deg)}
.viewport{position:absolute;inset:15% -2% 11% 40%;transition:opacity .8s}.viewport canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .8s;touch-action:pan-y}.poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:.9;transition:opacity .7s}.experience[data-state=ready] canvas{opacity:1}.experience[data-state=ready] .poster{opacity:0;visibility:hidden}.scene-bottom{position:absolute;left:48%;right:var(--pad);bottom:108px;display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--muted);font-size:9px}.motion-toggle,.scene-status button{pointer-events:auto;display:flex;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--line);background:#24272a99;border-radius:0;font-size:9px;white-space:nowrap}.motion-toggle:hover,.scene-status button:hover{border-color:var(--accent)}.motion-icon{display:block;width:7px;height:8px;border-left:2px solid var(--accent);border-right:2px solid var(--accent)}.motion-toggle[aria-pressed=false] .motion-icon{border:0;background:var(--accent);clip-path:polygon(0 0,100% 50%,0 100%)}.scene-status{position:absolute;right:var(--pad);bottom:154px;display:flex;gap:16px;align-items:center;max-width:45%;color:var(--muted);font-size:9px;pointer-events:auto}.experience[data-state=ready] .scene-status{display:none}
.chapter{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:150px var(--pad) 140px;pointer-events:none}.chapter-copy{width:42%;max-width:580px;pointer-events:auto}.eyebrow{display:flex;gap:14px;align-items:center;color:var(--muted);margin-bottom:27px;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.chapter-number{color:var(--accent);font-size:10px;display:inline-flex;align-items:center;gap:12px}.chapter-number:after{content:'';display:block;width:25px;height:1px;background:var(--accent)}.chapter h1{font-size:clamp(65px,6.6vw,126px);font-weight:500;line-height:.99;letter-spacing:-.06em}.chapter h2{font-size:clamp(42px,4.2vw,80px);font-weight:500;line-height:1.07;letter-spacing:-.05em}.chapter-description{font-size:clamp(14px,1.12vw,18px);line-height:1.7;color:var(--muted);max-width:440px;margin-top:26px}.chapter--intro .chapter-description{font-size:clamp(17px,1.32vw,22px);line-height:1.5;margin-top:30px}.micro{color:#9ca0a1;font-size:10px;line-height:1.7;max-width:420px;margin-top:22px}.button{display:flex;width:fit-content;max-width:100%;align-items:center;justify-content:space-between;gap:35px;margin-top:27px;padding:18px 22px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--accent);background:transparent;transition:background .2s,color .2s}.button:hover:not(:disabled),.button--primary{background:var(--accent);color:var(--bg)}.button--primary:hover:not(:disabled){background:color-mix(in srgb,var(--accent),white 15%)}.inline-link{display:flex;width:fit-content;align-items:center;gap:18px;margin-top:20px;font-size:11px;border-bottom:1px solid var(--line);padding-bottom:8px}.inline-link:hover{color:var(--accent)}
.choices{display:flex;flex-wrap:wrap;gap:6px;margin-top:23px}.choices button{border:1px solid color-mix(in srgb,var(--accent),transparent 72%);background:#24272a99;color:var(--muted);padding:9px 12px;font-size:11px;transition:background .2s,color .2s,border-color .2s}.choices button:hover{border-color:var(--accent);color:var(--accent)}.choices button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--bg)}.result-line{color:var(--accent);font-size:12px;margin-top:16px;min-height:20px}.proof-formula{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:26px;font-size:12px}.proof-formula i{font-style:normal;color:var(--muted)}.proof-formula strong{color:var(--accent);font-weight:400}.case-facts{display:flex;gap:42px;margin-top:28px}.case-facts div{display:flex;flex-direction:column;gap:8px}.case-facts b{color:var(--accent);font-size:clamp(40px,4vw,65px);font-weight:500;letter-spacing:-.05em;line-height:1}.case-facts span{font-size:10px;color:var(--muted)}[data-offer-panel]{margin-top:25px;max-width:440px}[data-offer-panel] h3{font-weight:400;font-size:18px;color:var(--accent)}[data-offer-panel] p,.option-description{font-size:13px;line-height:1.75;color:var(--muted);margin-top:12px;max-width:450px}.option-description{min-height:69px}.principles{display:flex;flex-direction:column;gap:12px;margin-top:27px;font-size:12px}.principles span{display:flex;align-items:center;gap:12px}.principles span:before{content:'';width:5px;height:5px;background:var(--accent);transform:rotate(45deg)}.download-meta{font-size:10px;color:var(--muted);margin-top:12px}.download-details{font-size:10px;margin-top:19px;max-width:440px}.download-details summary{cursor:pointer;width:fit-content;color:var(--accent);padding:5px 0}.download-details p{margin-top:9px;color:var(--muted);line-height:1.7}.download-details code{display:block;overflow-wrap:anywhere;color:var(--ink);font-size:9px;margin-top:12px;line-height:1.8}
.visual-panels{position:absolute;left:49%;right:var(--pad);top:23%;bottom:21%;display:flex;align-items:center}.visual-panel{width:100%;padding:30px 32px;border:1px solid color-mix(in srgb,var(--accent),transparent 70%);background:linear-gradient(135deg,#292c2fe8,#24272af2);box-shadow:0 25px 80px #0d101344;backdrop-filter:blur(18px);animation:panel-in .65s ease both;position:relative}.visual-panel:before{content:'';position:absolute;left:-1px;top:-1px;width:24px;height:24px;border-top:1px solid var(--accent);border-left:1px solid var(--accent)}@keyframes panel-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}.panel-kicker{font-size:9px;text-transform:uppercase;letter-spacing:.11em;color:var(--accent);margin-bottom:28px}.panel-foot{font-size:9px;color:var(--muted);padding-top:20px;line-height:1.7}.source-stack{display:grid;gap:12px}.source-stack>div{display:grid;grid-template-columns:25px 1fr;column-gap:20px;border:1px solid var(--line);padding:18px 20px;transition:transform .6s,border-color .3s,background .3s}.source-stack>div>span{color:#888e91;font-size:10px;grid-row:span 2;align-self:center}.source-stack b{font-weight:400;font-size:24px;line-height:1.1}.source-stack small{color:var(--muted);font-size:10px;margin-top:7px}.source-stack .selected{border-color:var(--accent);background:var(--tint);transform:translateX(-12px)}.source-stack .selected>span{color:var(--accent)}.chart-title{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:40px}.chart-title strong{font-size:clamp(22px,2.2vw,38px);font-weight:400;letter-spacing:-.04em;line-height:1.15}.chart-title>span{font-size:10px;color:var(--muted);white-space:nowrap}.bar-chart{display:grid;gap:28px}.bar-row{display:grid;grid-template-columns:90px 1fr 30px;align-items:center;gap:16px;font-size:12px}.bar-row>span{color:var(--muted)}.bar-track{height:25px;border-left:1px solid var(--line);background:repeating-linear-gradient(90deg,transparent,transparent calc(25% - 1px),#ffffff0a 25%)}.bar-track i{display:block;height:100%;width:calc(var(--bar)*100%);background:color-mix(in srgb,var(--accent),#333 60%);transition:width .7s,background .4s}.bar-row.is-max i{background:var(--accent)}.bar-row.is-max b{color:var(--accent)}.bar-row b{font-weight:500}.chart-legend{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:10px;margin-top:34px}.chart-legend i{width:7px;height:7px;background:var(--accent)}.proof-number{font-size:clamp(80px,9vw,150px);font-weight:500;letter-spacing:-.07em;line-height:1;color:var(--accent)}.proof-number small{font-size:.4em}.proof-label{font-size:12px;color:var(--muted);margin:12px 0 35px}.ledger-row,.setting-row{display:flex;justify-content:space-between;gap:16px;font-size:12px;padding:15px 0;border-top:1px solid var(--line)}.ledger-row>span,.setting-row>span:first-child{color:var(--muted)}.ledger-row b{font-weight:400;white-space:nowrap}.ledger-result{color:var(--accent)}.panel--pilot,.panel--offer,.panel--boundary{background:transparent;border:0;backdrop-filter:none;box-shadow:none;align-self:flex-end}.panel--pilot:before,.panel--offer:before,.panel--boundary:before{display:none}.panel--pilot{padding:0 0 20px 20px}.pilot-date{color:var(--accent);letter-spacing:-.06em;font-size:clamp(60px,6.6vw,110px);line-height:1.1}.pilot-visual p{font-size:clamp(24px,2.6vw,42px);line-height:1.1;margin:15px 0 30px;letter-spacing:-.03em}.mini-timeline{display:flex;justify-content:space-between;position:relative;max-width:290px}.mini-timeline:before{content:'';position:absolute;left:0;right:0;top:3px;height:1px;background:var(--line)}.mini-timeline i{width:7px;height:7px;background:var(--accent);transform:rotate(45deg)}.panel--offer{display:flex;align-items:flex-end;gap:30px;flex-wrap:wrap;padding:0}.panel--offer .panel-kicker{width:100%;margin-bottom:0}.offer-number{font-size:100px;line-height:1;letter-spacing:-.05em;color:var(--accent)}.offer-caption{font-size:22px;max-width:230px;padding-bottom:10px;line-height:1.3}
.app-toolbar{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:18px;font-size:12px}.app-toolbar strong{font-weight:400}.app-version{margin-left:auto;font-size:9px;color:var(--muted)}.app-mark{width:32px;height:10px;background:var(--accent);mask:url('/assets/img/axm-mark.svg') center/contain no-repeat;-webkit-mask:url('/assets/img/axm-mark.svg') center/contain no-repeat}.monitor-title{font-size:30px;line-height:1.2;margin:28px 0;letter-spacing:-.04em}.monitor-row{display:grid;grid-template-columns:1fr auto;gap:5px 20px;padding:17px 0;border-top:1px solid var(--line);font-size:12px}.monitor-row small{color:var(--muted);font-size:9px}.monitor-row b{font-size:10px;font-weight:400;color:var(--accent);grid-row:span 2;align-self:center}.control-emblem{position:relative;width:160px;height:95px;border-radius:60px;border:1px solid var(--accent);margin:30px auto 45px;background:var(--tint);transition:background .4s}.control-emblem span{position:absolute;width:69px;height:69px;border-radius:50%;background:var(--accent);left:76px;top:12px;transition:left .5s,background .5s}.experience[data-disabled=true] .control-emblem{background:transparent;border-color:var(--line)}.experience[data-disabled=true] .control-emblem span{left:12px;background:#63696c}.setting-row strong{font-weight:400;color:var(--accent)}.journal-line{font-size:10px;color:var(--muted);display:flex;gap:10px;align-items:center;margin-top:18px}.journal-dot{height:6px;width:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.boundary-caption{background:linear-gradient(90deg,#24272ac9,transparent);padding:15px 20px;border-left:1px solid var(--accent)}.boundary-caption>span{font-size:10px;color:var(--accent)}.boundary-caption strong{display:block;font-size:30px;font-weight:400;line-height:1.2;margin-top:10px}.boundary-caption p{font-size:12px;color:var(--muted);margin-top:8px}.restore-symbol{font-size:145px;font-weight:400;line-height:1.1;text-align:center;color:var(--accent);margin:0 0 24px}.panel--screenshot{padding:0;border-color:#ffffff2a;transform-origin:left center}.panel--screenshot:before{display:none}.product-shot .app-toolbar{padding:15px 20px}.product-shot img{display:block;width:100%;height:auto}.product-shot figcaption{font-size:9px;text-align:center;color:var(--muted);padding:12px}.experience[data-chapter="1"] .viewport,.experience[data-chapter="2"] .viewport,.experience[data-chapter="3"] .viewport{opacity:.16}.experience[data-chapter="4"] .viewport{opacity:.35}.experience[data-chapter="5"] .viewport{opacity:.48}body[data-accent=software] .experience[data-chapter="3"] .viewport{opacity:1}body[data-accent=software] .experience[data-chapter="5"] .viewport{opacity:0}
.tour-bar{position:fixed;z-index:30;bottom:0;left:var(--pad);right:var(--pad);height:77px;display:flex;align-items:center;gap:32px;background:linear-gradient(#24272aed,var(--bg));border-top:1px solid var(--line)}.tour-progress{position:absolute;top:-1px;left:0;right:0;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left}.tour-count{color:#919899;font-size:10px;white-space:nowrap}.tour-count b{color:var(--accent);font-weight:400}.chapter-nav{display:flex;gap:clamp(18px,3.1vw,58px);align-items:center;overflow-x:auto;scrollbar-width:none;padding:14px 4px;flex:1}.chapter-nav::-webkit-scrollbar{display:none}.chapter-nav a{font-size:10px;color:var(--muted);white-space:nowrap;transition:color .2s}.chapter-nav a:hover,.chapter-nav a[aria-current]{color:var(--accent)}.next-step{height:32px;width:32px;display:grid;place-items:center;color:var(--accent);border:1px solid var(--line);flex-shrink:0}footer{position:relative;min-height:250px;display:flex;flex-wrap:wrap;gap:25px;justify-content:space-between;align-items:center;padding:60px var(--pad) 120px;background:var(--bg);color:var(--muted);font-size:11px}footer>div{max-width:400px}.footer-title{font-size:26px;color:var(--accent);display:block;margin-bottom:10px}footer>a{display:flex;gap:25px;align-items:center}footer>a:hover{color:var(--accent)}.footer-signature{font-size:9px;line-height:2;width:100%}.experience.is-ended .stage{opacity:.2}
.chapter[data-fit=compact],.chapter[data-fit=dense]{padding-top:var(--slide-top);padding-bottom:var(--slide-bottom)}.chapter[data-fit=compact] .eyebrow{margin-bottom:18px}.chapter[data-fit=compact] .chapter-description{margin-top:18px;font-size:14px}.chapter[data-fit=compact] .micro{margin-top:14px}.chapter[data-fit=compact] h1{font-size:clamp(56px,5.8vw,100px)}.chapter[data-fit=compact] h2{font-size:clamp(38px,3.7vw,65px)}.chapter[data-fit=dense] h2{font-size:clamp(34px,3.3vw,55px)}.chapter[data-fit=dense] h1{font-size:clamp(50px,4.9vw,85px)}.chapter[data-fit=dense] .eyebrow{margin-bottom:12px}.chapter[data-fit=dense] .chapter-description{font-size:13px;margin-top:14px;line-height:1.6}.chapter[data-fit=dense] .micro{font-size:9px;margin-top:12px}.chapter[data-fit=dense] .choices,.chapter[data-fit=dense] .button{margin-top:16px}.chapter[data-fit=dense] .result-line{margin-top:10px}.chapter[data-fit=dense] .case-facts{margin-top:16px}.chapter[data-fit=dense] .case-facts b{font-size:36px}
@media(max-width:1150px){.scene-top>span:last-child{display:none}.scene-bottom>span{display:none}.scene-bottom{justify-content:flex-end}.visual-panels{left:49%;right:var(--pad);top:24%;bottom:24%}.visual-panel{padding:22px}.panel--screenshot{padding:0}.panel--boundary,.panel--offer,.panel--pilot{padding:0}.bar-row{grid-template-columns:68px 1fr 24px;gap:12px;font-size:10px}.bar-chart{gap:23px}.panel-kicker{font-size:8px;margin-bottom:22px}.source-stack b{font-size:20px}.source-stack>div{padding:15px;column-gap:10px}.scene-word{top:22%}.chapter h1{font-size:clamp(60px,6.4vw,75px)}}
@media(min-width:761px) and (max-height:680px){.scene-top{top:103px}.visual-panels{top:24%;bottom:23%}.visual-panel{padding:20px}.panel--screenshot{padding:0;max-width:400px;margin-left:auto}.panel-kicker{margin-bottom:14px;font-size:8px}.source-stack{gap:8px}.source-stack>div{padding:10px 15px}.source-stack b{font-size:20px}.source-stack small{font-size:9px}.chart-title{margin-bottom:20px}.chart-title strong{font-size:25px}.bar-chart{gap:16px}.bar-track{height:17px}.chart-legend{margin-top:20px}.proof-number{font-size:80px}.proof-label{margin-bottom:20px}.ledger-row,.setting-row{padding:10px 0;font-size:11px}.monitor-row{padding:10px 0;font-size:11px}.monitor-title{font-size:25px;margin:20px 0}.control-emblem{margin:15px auto 24px;transform:scale(.85)}.restore-symbol{font-size:100px;margin:0 0 10px}.tour-bar{height:65px}.scene-bottom{bottom:88px}.scene-status{bottom:131px}.viewport{top:17%;bottom:15%}.offer-number{font-size:80px}.panel--pilot .panel-kicker{margin-bottom:12px}.pilot-date{font-size:70px}.pilot-visual p{font-size:30px;margin:10px 0 20px}}
@media(max-width:760px){:root{--pad:22px}.chapter,.chapter[data-fit=compact],.chapter[data-fit=dense]{min-height:100svh;align-items:flex-start;padding:105px var(--pad) 370px}.chapter-copy{width:100%;max-width:590px}.chapter h1,.chapter[data-fit=compact] h1,.chapter[data-fit=dense] h1{font-size:clamp(48px,9vw,65px);line-height:1.02;max-width:560px}.chapter h2,.chapter[data-fit=compact] h2,.chapter[data-fit=dense] h2{font-size:clamp(34px,7.5vw,48px);line-height:1.07}.chapter h2 br{display:none}.chapter .eyebrow,.chapter[data-fit=compact] .eyebrow,.chapter[data-fit=dense] .eyebrow{margin-bottom:15px;font-size:9px;gap:12px}.chapter-number{font-size:9px}.chapter .chapter-description,.chapter[data-fit=compact] .chapter-description,.chapter[data-fit=dense] .chapter-description{font-size:13px;line-height:1.6;max-width:500px;margin-top:17px}.chapter--intro .chapter-description{font-size:16px!important}.chapter .micro,.chapter[data-fit=compact] .micro,.chapter[data-fit=dense] .micro{font-size:9px;line-height:1.6;margin-top:13px;max-width:490px}.chapter .button{padding:14px 18px;font-size:9px;margin-top:18px}.chapter .choices{margin-top:16px;gap:5px}.choices button{padding:8px 10px;font-size:10px}.result-line{font-size:11px;margin-top:12px}.proof-formula{font-size:11px;gap:10px;margin-top:18px}.case-facts{gap:35px;margin-top:20px}.case-facts b,.chapter[data-fit=dense] .case-facts b{font-size:40px}.case-facts span{font-size:9px}.principles{font-size:11px;gap:8px;margin-top:18px}[data-offer-panel]{margin-top:18px}[data-offer-panel] h3{font-size:17px}[data-offer-panel] p,.option-description{font-size:12px;line-height:1.6;margin-top:10px;min-height:0}.inline-link{font-size:10px;margin-top:16px}.download-meta{font-size:9px}.download-details{margin-top:12px;font-size:10px}.download-details code{font-size:8px}.stage{background:radial-gradient(ellipse at 58% 76%,var(--glow),var(--bg) 66%)}.scene-top{display:none}.scene-word{top:57%;left:9%;font-size:40vw}.viewport{inset:var(--mobile-map-top,420px) -5% 104px;min-height:100px}.scene-bottom{left:var(--pad);right:var(--pad);bottom:78px}.motion-toggle{font-size:8px;padding:6px 8px}.scene-status{left:var(--pad);right:auto;bottom:81px;max-width:57%;font-size:8px;gap:8px}.scene-status button{font-size:8px;padding:6px}.scene-status #load-status{max-width:140px}.visual-panels{left:var(--pad);right:var(--pad);top:var(--mobile-map-top,420px);bottom:113px;align-items:center}.visual-panel{padding:16px 18px;max-width:500px;margin:0 auto;backdrop-filter:blur(10px)}.panel-kicker{font-size:7px;margin-bottom:15px;letter-spacing:.08em}.panel-foot{font-size:8px;padding-top:12px;line-height:1.5}.source-stack{gap:7px}.source-stack>div{grid-template-columns:20px 1fr;column-gap:10px;padding:9px 12px}.source-stack b{font-size:16px}.source-stack small{font-size:8px;margin-top:4px}.source-stack>div>span{font-size:8px}.source-stack .selected{transform:translateX(-7px)}.chart-title{margin-bottom:20px}.chart-title strong{font-size:22px}.chart-title>span{font-size:9px}.bar-chart{gap:17px}.bar-row{font-size:10px;grid-template-columns:73px 1fr 26px;gap:10px}.bar-track{height:16px}.chart-legend{font-size:8px;margin-top:19px}.proof-number{font-size:67px}.proof-label{font-size:10px;margin:8px 0 20px}.ledger-row,.setting-row{font-size:10px;padding:9px 0}.panel--pilot,.panel--offer,.panel--boundary{border:0;background:transparent;backdrop-filter:none;padding:0;align-self:flex-end}.panel--pilot{padding-bottom:10px}.pilot-date{font-size:56px}.pilot-visual p{font-size:26px;margin:10px 0 20px}.mini-timeline{max-width:200px}.offer-number{font-size:75px}.offer-caption{font-size:20px;max-width:160px;padding-bottom:5px}.panel--offer{gap:16px 20px}.panel--offer .panel-kicker{margin-bottom:0}.app-toolbar{font-size:10px;padding-bottom:13px}.monitor-title{font-size:23px;margin:18px 0}.monitor-row{font-size:10px;padding:10px 0;gap:4px 12px}.monitor-row small,.monitor-row b{font-size:8px}.control-emblem{width:130px;height:71px;margin:12px auto 20px}.control-emblem span{width:51px;height:51px;top:9px;left:68px}.experience[data-disabled=true] .control-emblem span{left:9px}.journal-line{font-size:9px;margin-top:13px;line-height:1.6}.boundary-caption{padding:10px 15px}.boundary-caption>span{font-size:8px}.boundary-caption strong{font-size:24px;margin-top:6px}.boundary-caption p{font-size:10px}.restore-symbol{font-size:86px;margin:0 0 14px}.panel--screenshot{padding:0}.product-shot .app-toolbar{padding:10px 12px}.product-shot figcaption{font-size:7px;padding:8px 7px}.tour-bar{height:60px;gap:14px}.chapter-nav{gap:19px}.chapter-nav a,.tour-count{font-size:9px}.next-step{width:28px;height:28px}.footer-title{font-size:24px}footer{padding:35px var(--pad) 95px;font-size:10px;gap:24px}.footer-signature{font-size:8px}.experience[data-room=small] .visual-panel .panel-foot{display:none}}
@media(max-width:760px) and (max-height:740px){.chapter,.chapter[data-fit=compact],.chapter[data-fit=dense]{padding-top:96px;padding-bottom:355px}.chapter h1,.chapter[data-fit=compact] h1,.chapter[data-fit=dense] h1{font-size:47px}.chapter h2,.chapter[data-fit=compact] h2,.chapter[data-fit=dense] h2{font-size:33px}.chapter .chapter-description,.chapter[data-fit=compact] .chapter-description,.chapter[data-fit=dense] .chapter-description{font-size:12px;margin-top:13px}.chapter--intro .chapter-description{font-size:14px!important}.chapter .eyebrow{font-size:8px;margin-bottom:12px}.chapter .micro{font-size:8px!important;margin-top:10px}.chapter .choices{margin-top:12px}.result-line{font-size:10px}.chapter .button{margin-top:16px}.case-facts b{font-size:36px}.viewport{bottom:108px}.scene-status #load-status{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.experience[data-motion=off] .visual-panel{animation:none}.experience[data-motion=off] .viewport,.experience[data-motion=off] .control-emblem span{transition:none}
@media(max-width:760px){.chapter,.chapter[data-fit=compact],.chapter[data-fit=dense]{padding-bottom:var(--visual-space,370px)}.visual-panels{align-items:safe center}.visual-panel{flex-shrink:0}}
@media(min-width:761px) and (max-height:500px){.visual-panels{top:100px;bottom:100px}.visual-panel{max-height:calc(100svh - 192px);overflow-y:auto;pointer-events:auto;scrollbar-width:thin;scrollbar-color:var(--accent) transparent}.panel--pilot,.panel--offer,.panel--boundary{align-self:center}.scene-status{bottom:112px;max-width:44%}.scene-bottom{bottom:78px}.scene-top{top:91px}.chapter h1{overflow-wrap:anywhere}.viewport{top:22%;bottom:18%}}
.experience .loader-track i{background:var(--accent)}.experience[data-state=loading] .visual-panels{visibility:hidden}
/* E16 begin — 10.10.2026: short phones, landscape, fallback notice, phone type and touch targets. */
@keyframes e16-notice-out{to{opacity:0;visibility:hidden}}
/* Fallback notice on every screen: the message fades after five seconds and leaves the retry button. */
.experience[data-state=fallback] #load-status{animation:e16-notice-out .5s 5s both}
@media(max-width:760px){
  /* The chapter card stays in its own area above the motion control and the chapter bar. When the first stop
     leaves too little room, the card fades out at that edge; the next swipe brings it fully into view. The fade
     has its own strip under the card area, above the motion row, so a card with room to spare is never dimmed. */
  .visual-panels{bottom:98px;align-items:flex-start;padding:1px 1px 15px;-webkit-mask-image:linear-gradient(#000 calc(100% - 15px),transparent);mask-image:linear-gradient(#000 calc(100% - 15px),transparent)}
  .visual-panel{margin-top:auto;margin-bottom:auto}
  .panel--pilot,.panel--offer,.panel--boundary{align-self:flex-start;margin-top:auto;margin-bottom:0}
  /* The large «01» of the offer keeps its glyphs clear of the fade strip. */
  .panel--offer{padding-bottom:14px}
  /* Fallback notice: one line in the strip beside the motion control; the message fades after five seconds. */
  .scene-bottom{bottom:74px}
  .scene-status{bottom:75px;flex-wrap:nowrap;max-width:calc(100% - 2 * var(--pad) - 128px);white-space:nowrap}
  .scene-status #load-status{min-width:0;overflow:hidden;text-overflow:ellipsis}
  .scene-status button{flex:none}
  /* Readable phone type. */
  .chapter .button,.button{font-size:12px}
  .inline-link{font-size:12px}
  .chapter .micro,.chapter[data-fit=compact] .micro,.chapter[data-fit=dense] .micro{font-size:12px!important;line-height:1.5}
  .chapter .eyebrow,.chapter[data-fit=compact] .eyebrow,.chapter[data-fit=dense] .eyebrow,.chapter-number{font-size:10px}
  /* Touch targets. */
  .motion-toggle{position:relative;min-height:24px;padding-top:4px;padding-bottom:4px;font-size:10px;line-height:1.2}
  .motion-toggle::after{content:'';position:absolute;inset:-10px -4px}
  .inline-link{position:relative}
  .inline-link::after{content:'';position:absolute;left:0;right:0;top:-8px;bottom:-6px}
}
@media(max-width:760px) and (max-height:760px){
  /* Short phones: denser cards, smaller showcase numbers, the decorative date is dropped. */
  .visual-panel{padding:12px 14px}
  .panel-kicker{margin-bottom:10px}
  .source-stack{gap:6px}
  .source-stack>div{padding:7px 12px}
  .chart-title{margin-bottom:12px}
  .bar-chart{gap:11px}
  .bar-track{height:14px}
  .chart-legend{margin-top:12px}
  .proof-number{font-size:50px}
  .proof-label{margin:4px 0 10px}
  .ledger-row,.setting-row,.monitor-row{padding:7px 0}
  .pilot-date{display:none}
  .pilot-visual p{font-size:22px;margin:2px 0 12px}
  .offer-number{font-size:56px}
  .app-toolbar{padding-bottom:9px}
  .monitor-title{font-size:19px;margin:10px 0}
  .control-emblem{margin:8px auto 12px}
  .journal-line{margin-top:10px}
  .restore-symbol{font-size:60px;margin:0 0 6px}
  .boundary-caption strong{font-size:21px}
  .product-shot img{max-height:150px;object-fit:contain}
}
@media(max-width:760px) and (max-height:520px){
  /* Narrow and very short windows (200 % zoom, small phones held sideways): the chapter bar is lower here
     (site-tourbar.css), so the motion strip and the card area move down with it. A card taller than its area
     scrolls inside its own column instead of being cut by the fade. */
  .scene-bottom{bottom:58px}
  .scene-status{bottom:59px}
  .visual-panels{bottom:92px;padding-bottom:1px;container-type:size;-webkit-mask-image:none;mask-image:none}
  .visual-panel{max-height:100%;overflow-y:auto;overscroll-behavior:contain;pointer-events:auto;scrollbar-width:thin;scrollbar-color:var(--accent) transparent}
  /* At the first stop of a long chapter the column can shrink to a sliver under the copy: the card waits for
     the next swipe instead of hanging under the chapter bar. */
  @container (max-height:40px){.visual-panel{visibility:hidden}}
}
@media(min-width:761px) and (max-height:520px){
  /* Short windows and phones held sideways: the card column sits between the lower header and the motion
     strip, scrolls on its own and never reaches the chapter bar. */
  .scene-top{top:64px}
  .visual-panels{top:82px;bottom:96px}
  .visual-panel{max-height:calc(100svh - 178px)}
  .scene-bottom{bottom:56px}
  .scene-status{bottom:58px;left:48%;right:auto;max-width:calc(52% - var(--pad) - 140px);flex-wrap:nowrap;white-space:nowrap}
  .scene-status #load-status{min-width:0;overflow:hidden;text-overflow:ellipsis}
}
/* E16 end */