@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}

body[data-accent=about]{--accent:#9dffc4;--mint:#9dffc4;--glow:#35463f;--tint:#9dffc414}
.chapter h1{font-size:clamp(60px,5.9vw,110px)}.chapter--intro .chapter-copy{width:46%;max-width:660px}.scene-word{font-size:24vw;top:16%;left:49%;opacity:.028;letter-spacing:-.08em}.scene-grid{opacity:.065}.viewport{inset:14% -3% 10% 39%}.visual-panels{top:23%;bottom:21%}
.experience[data-chapter="0"] .viewport,.experience[data-chapter="6"] .viewport{opacity:1}.experience[data-chapter="2"] .viewport{opacity:1;transform:translateY(-6%)}.experience[data-chapter="1"] .viewport,.experience[data-chapter="3"] .viewport,.experience[data-chapter="4"] .viewport,.experience[data-chapter="5"] .viewport{opacity:0}
.choices--direction button{border-color:color-mix(in srgb,var(--choice-color),transparent 72%)}.choices--direction button:hover{color:var(--choice-color);border-color:var(--choice-color)}.choices--direction button[aria-pressed=true]{background:var(--choice-color);color:var(--bg);border-color:var(--choice-color)}.choices--direction button:focus-visible{outline-color:var(--choice-color)}
.direction-detail,.value-detail{margin-top:21px;max-width:455px}.direction-detail h3,.value-detail h3{font-size:18px;font-weight:400;line-height:1.45;color:var(--accent)}.direction-detail h3{color:var(--direction-color)}.direction-detail p:not(.state-label),.value-detail p{font-size:13px;line-height:1.75;color:var(--muted);margin-top:10px}.direction-detail .state-label{font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.direction-detail .state-label:before{content:'';display:inline-block;width:5px;height:5px;background:var(--direction-color);margin-right:8px}.direction-detail .inline-link{color:var(--direction-color)}
.cycle-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.cycle-grid>div{padding:26px 20px 28px;border-top:1px solid var(--line);position:relative}.cycle-grid>div:nth-child(2n+1){border-right:1px solid var(--line);padding-left:0}.cycle-grid>div>span{font-size:9px;color:var(--accent);display:block;margin-bottom:22px}.cycle-grid strong{font-size:clamp(24px,2.5vw,43px);font-weight:400;display:block;line-height:1.2;letter-spacing:-.04em}.cycle-grid small{font-size:10px;color:var(--muted);display:block;margin-top:10px}.feedback-line{font-size:9px;color:var(--accent);display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:22px}.feedback-line>span{width:25px;height:10px;border-bottom:1px solid var(--accent);border-left:1px solid var(--accent);flex-shrink:0}
.panel--direction{background:transparent;border:0;box-shadow:none;backdrop-filter:none;align-self:flex-end;padding:0 0 5px 22px}.panel--direction:before{display:none}.direction-caption{border-left:1px solid var(--direction-color,#9dffc4);padding-left:20px;background:linear-gradient(90deg,#24272abb,transparent)}.direction-caption>span{font-size:9px;color:var(--direction-color)}.direction-caption strong{font-size:clamp(40px,4.4vw,75px);font-weight:400;letter-spacing:-.06em;line-height:1.15;display:block;margin:6px 0 9px;color:var(--direction-color)}.direction-caption p{font-size:12px;color:var(--muted)}
.farm-facts{display:flex;gap:30px;margin-top:24px}.farm-facts>div{border-left:1px solid var(--line);padding-left:13px}.farm-facts span{display:block;font-size:9px;color:var(--muted);margin-bottom:8px}.farm-facts strong{font-size:14px;line-height:1.4;font-weight:400;display:block}.panel--farm{padding:27px 28px}.farm-illustration img{width:100%;height:auto;display:block}.farm-legend{display:flex;gap:25px;font-size:8px;margin-top:10px;color:var(--muted)}.farm-legend span{display:flex;gap:8px;align-items:center}.farm-legend i{width:12px;height:8px;border:1px solid var(--accent);flex-shrink:0}.farm-legend .built{background:var(--accent)}.farm-legend .planned{border-style:dashed}
.panel--value{background:transparent;box-shadow:none;border:0;backdrop-filter:none;overflow:hidden;padding:20px 30px}.panel--value:before{display:none}.value-number{font-size:clamp(145px,17vw,285px);letter-spacing:-.075em;font-weight:500;line-height:1;color:var(--accent);display:flex;align-items:baseline;gap:22px}.value-number small{font-size:14px;letter-spacing:0;color:var(--muted);font-weight:400}.value-rule{height:1px;background:var(--accent);opacity:.3;margin:22px 0}.value-word{font-size:32px;letter-spacing:-.035em;font-weight:400}.value-triangle{position:absolute;width:200px;height:175px;right:4%;bottom:70px;clip-path:polygon(50% 0,100% 100%,0 100%,50% 0,50% 18%,16% 91%,84% 91%,50% 18%);background:var(--accent);opacity:.05;transform:rotate(calc(var(--value-rotation,0)*1deg));transition:transform .65s}.experience[data-value="1"]{--value-rotation:60}.experience[data-value="2"]{--value-rotation:120}.experience[data-value="3"]{--value-rotation:180}.experience[data-value="4"]{--value-rotation:240}.experience[data-value="5"]{--value-rotation:300}
.readiness-row{display:grid;grid-template-columns:14px 1fr;column-gap:17px;row-gap:6px;border-top:1px solid var(--line);padding:25px 0}.readiness-row strong{font-size:30px;font-weight:400;line-height:1.2;letter-spacing:-.04em}.readiness-row p{grid-column:2;font-size:11px;color:var(--muted)}.ready-marker{width:7px;height:7px;border:1px solid var(--accent);background:var(--accent);margin-top:11px;transform:rotate(45deg)}.experience[data-status=building] .ready-marker{background:linear-gradient(90deg,var(--accent) 50%,transparent 50%)}.experience[data-status=field] .ready-marker{background:transparent}.footer-links{display:flex;gap:30px;flex-wrap:wrap}.footer-links a:hover{color:var(--accent)}
@media(max-width:1150px){.chapter h1{font-size:clamp(54px,6vw,70px)}.cycle-grid>div{padding:18px 13px 22px}.cycle-grid>div>span{margin-bottom:15px}.cycle-grid small{font-size:9px}.farm-facts{gap:16px}.farm-facts strong{font-size:12px}.value-word{font-size:26px}.readiness-row{padding:19px 0}.readiness-row strong{font-size:27px}}
@media(min-width:761px) and (max-height:680px){.cycle-grid>div{padding:14px}.cycle-grid>div>span{margin-bottom:10px}.cycle-grid strong{font-size:24px}.cycle-grid small{font-size:8px}.feedback-line{padding-top:14px;font-size:8px}.value-number{font-size:130px}.value-word{font-size:24px}.readiness-row{padding:15px 0}.readiness-row strong{font-size:25px}.readiness-row p{font-size:10px}.panel--direction{padding:0}.direction-caption strong{font-size:45px}.farm-illustration{max-height:205px}.farm-illustration img{height:205px;object-fit:contain}}
@media(max-width:760px){.chapter--intro .chapter-copy{width:100%}.chapter h1,.chapter[data-fit=compact] h1,.chapter[data-fit=dense] h1{font-size:clamp(44px,8.5vw,62px)}.chapter h2,.chapter[data-fit=compact] h2,.chapter[data-fit=dense] h2{font-size:clamp(32px,7.2vw,46px)}.scene-word{top:57%;left:15%;font-size:45vw}.viewport{inset:var(--mobile-map-top,420px) -6% 103px}.experience[data-chapter="2"] .viewport{transform:translateY(-22px)}.visual-panels{top:var(--mobile-map-top,420px);bottom:113px}.direction-detail,.value-detail{margin-top:17px}.direction-detail h3,.value-detail h3{font-size:16px}.direction-detail p:not(.state-label),.value-detail p{font-size:12px;line-height:1.6;margin-top:8px}.direction-detail .state-label{font-size:7px;margin-bottom:7px}.direction-detail .inline-link{margin-top:12px}.cycle-grid>div{padding:14px 12px 17px}.cycle-grid>div>span{margin-bottom:12px;font-size:8px}.cycle-grid strong{font-size:25px}.cycle-grid small{font-size:8px;margin-top:7px;line-height:1.5}.feedback-line{font-size:8px;padding-top:16px}.panel--direction{padding:0;align-self:flex-end}.direction-caption{padding-left:14px}.direction-caption strong{font-size:39px;margin:4px 0}.direction-caption p{font-size:10px;max-width:250px}.direction-caption>span{font-size:8px}.farm-facts{margin-top:18px;gap:20px}.farm-facts strong{font-size:12px}.farm-facts span{font-size:8px}.panel--farm{padding:16px 17px}.farm-legend{font-size:7px;gap:16px}.farm-illustration img{max-height:215px;object-fit:contain}.panel--value{padding:0 10px}.value-number{font-size:155px;gap:18px}.value-number small{font-size:11px}.value-word{font-size:26px}.value-rule{margin:15px 0}.value-triangle{width:130px;height:115px;bottom:50px}.readiness-row{padding:16px 0;gap:5px 12px;grid-template-columns:10px 1fr}.readiness-row strong{font-size:25px}.readiness-row p{font-size:9px}.ready-marker{width:6px;height:6px;margin-top:10px}.footer-links{gap:23px}}
@media(max-width:360px){.chapter h1,.chapter[data-fit=compact] h1,.chapter[data-fit=dense] h1{font-size:42px}.farm-facts{gap:15px}.choices--direction button{font-size:9px;padding:8px 9px}.direction-detail h3,.value-detail h3{font-size:15px}.direction-detail p:not(.state-label),.value-detail p{font-size:11px}.value-number{font-size:135px}}
@media(max-width:760px) and (max-height:740px){.readiness-row{padding:12px 0}}
@media(min-width:761px) and (max-height:500px){.panel--direction{align-self:center}.value-number{font-size:90px}.panel--value{padding:12px}.value-rule{margin:10px 0}.panel--value .panel-kicker{margin-bottom:10px}.value-word{font-size:20px}.visual-panels{top:100px;bottom:100px}}
.experience[data-motion=off] .value-triangle{transition:none}
.experience[data-state=loading] .viewport{opacity:1;transform:none}

/* AXM is the neutral parent brand; the six directions retain their own accents. */
body[data-accent=about]{--accent:#dce0e2;--mint:#dce0e2;--glow:#353b40;--tint:#dce0e210}
.axm-header[data-section=about]{--nav-accent:#dce0e2}.scene-word{display:none}
#experience .viewport{inset:17% 1% 17% 43%;opacity:1;transform:none;transition:none;overflow:visible}
.brand-host{position:absolute;inset:25% 2% 22%;transition:opacity 1s,transform 1.2s;pointer-events:none}.brand-host canvas{width:100%;height:100%}.brand-host>.poster{object-fit:contain}.brand-host>canvas{position:absolute;inset:0}
.spokes{position:absolute;inset:0;width:100%;height:100%;overflow:visible;opacity:.35;transition:opacity .8s}.spokes path{fill:none;stroke-width:1.2;vector-effect:non-scaling-stroke}
.actors{position:absolute;inset:0}.actor{position:absolute;left:var(--x);top:var(--y);width:27%;height:29%;transform:translate(-50%,-50%);color:var(--actor-color);pointer-events:auto;transition:width 1.1s,height 1.1s,top 1.1s,left 1.1s,opacity .6s,transform 1.1s;outline-offset:2px}.actor:hover .actor-label{color:var(--actor-color)}.actor:focus-visible{outline-color:var(--actor-color)}
.actor-host{display:block;position:absolute;inset:0 0 18px;pointer-events:none}.actor-host canvas{position:absolute;inset:0;display:block;width:100%;height:100%;transition:opacity .35s!important}.actor-poster{position:absolute;inset:0 0 18px;width:100%;height:calc(100% - 18px);object-fit:contain;transition:opacity .4s;pointer-events:none}.actor[data-ready=true]>.actor-poster{opacity:0;visibility:hidden}.actor:not([data-ready=true]) .actor-host canvas{opacity:0!important}
.actor-label{display:flex;justify-content:center;align-items:center;gap:8px;position:absolute;bottom:0;left:0;right:0;font-size:9px;letter-spacing:.05em;color:var(--muted);transition:color .2s;white-space:nowrap}.actor-label i{width:4px;height:4px;background:var(--actor-color);transform:rotate(45deg)}
.experience[data-view=direction] .brand-host{opacity:.17;transform:translateY(-24%) scale(1.18)}.experience[data-view=direction] .spokes{opacity:.09}.experience[data-view=direction] .actor:not(.is-focus){opacity:0;pointer-events:none;transform:translate(-50%,-50%)}.experience[data-view=direction] .actor.is-focus{left:50%;top:50%;width:100%;height:100%;pointer-events:none;z-index:2}.actor.is-focus .actor-host,.actor.is-focus .actor-poster{inset:0;width:100%;height:100%}.actor.is-focus .actor-label{display:none}
.experience[data-view=detail] .brand-host{opacity:.06;transform:scale(1.3)}.experience[data-view=detail] .actor{opacity:0;pointer-events:none}.experience[data-view=detail] .spokes{opacity:.045}
.experience[data-scene-state=loading] .scene-status,.experience[data-scene-state=fallback] .scene-status{display:flex}.experience[data-state=loading] .actors,.experience[data-state=loading] .spokes{visibility:hidden}.experience[data-state=ready] .brand-host .poster{opacity:0;visibility:hidden}
.chapter--direction h2{font-size:clamp(38px,3.5vw,66px)}.chapter--direction h2 em{font-size:.65em;display:inline-block;margin-top:16px;letter-spacing:-.035em;line-height:1.2;max-width:480px}.chapter--direction .direction-stage{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin-top:23px;display:flex;align-items:center;gap:9px}.direction-stage:before{content:'';width:5px;height:5px;background:var(--accent)}.chapter--direction .button{margin-top:18px}.direction-switch{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:27px;max-width:450px}.direction-switch a{font-size:9px;color:var(--muted);padding:4px 0;border-bottom:1px solid transparent}.direction-switch a:hover,.direction-switch a[aria-current]{color:var(--choice-color);border-color:var(--choice-color)}.direction-switch a:focus-visible{outline-color:var(--choice-color)}
.tour-bar{gap:22px}.chapter-nav{gap:clamp(16px,2.2vw,35px)}.chapter-nav a{font-size:9px}.experience[data-motion=off] .actor,.experience[data-motion=off] .brand-host,.experience[data-motion=off] .spokes{transition:none}
@media(max-width:1150px){#experience .viewport{left:44%;right:1%;top:22%;bottom:22%}.actor-label{font-size:8px;gap:5px}.actor{width:29%;height:29%}.chapter--direction h2{font-size:40px}.chapter--direction h2 em{font-size:.7em}}
@media(max-width:760px){#experience .viewport{inset:var(--mobile-map-top,420px) 10px 110px;min-height:130px}.brand-host{inset:24% 2% 20%}.actor{width:30%;height:31%}.actor-host{bottom:13px}.actor-poster{height:calc(100% - 13px);bottom:13px}.actor-label{font-size:7px;gap:4px;letter-spacing:0}.actor-label i{width:3px;height:3px}.experience[data-view=direction] .actor.is-focus{width:103%;height:100%;top:50%}.experience[data-view=direction] .brand-host{opacity:.18;transform:translateY(-38%) scale(1.06)}.chapter--direction h2,.chapter--direction[data-fit=compact] h2,.chapter--direction[data-fit=dense] h2{font-size:38px}.chapter--direction h2 br{display:block}.chapter--direction h2 em{font-size:.7em;margin-top:8px}.chapter--direction .direction-stage{font-size:8px;margin-top:14px}.direction-switch{margin-top:18px;gap:6px 15px}.direction-switch a{font-size:8px}.chapter--direction .button{margin-top:14px}.tour-bar{gap:14px}.chapter-nav{gap:19px}.experience[data-state=loading] .model-loader{inset:0}.scene-status{max-width:63%}}
@media(min-width:761px) and (max-height:500px){#experience .viewport{top:100px;bottom:100px}.actor-label{font-size:7px}.chapter--direction h2{font-size:34px}.chapter--direction h2 em{font-size:.7em}}

/* One orthographic scene, one floor and one lighting rig. */
#experience .scene-grid{display:none}
#experience .viewport .brand-host{inset:0;opacity:1;transform:none;transition:opacity .7s}
#experience[data-view=detail] .viewport .brand-host{opacity:.09}
#experience .viewport .spokes{display:none}
#experience .actor-host,#experience .actor-poster{display:none!important}
#experience .actor{width:110px;height:26px;transform:translate(-50%,0);transition:opacity .4s;z-index:3;opacity:1}
#experience .actor-label{inset:auto 0 0;height:20px;font-size:9px;letter-spacing:.035em;justify-content:center;align-items:center}
#experience[data-view=direction] .actor,#experience[data-view=detail] .actor{opacity:0;pointer-events:none}
#experience .actor-label i{display:none}
#experience[data-view=direction] .actor.is-focus{width:110px;height:26px;left:50%;top:50%}
#experience .brand-host>.poster{width:100%;height:100%;object-fit:contain}
#experience[data-state=ready] .brand-host>.poster{display:none}
#experience:not([data-state=ready]) .actors{visibility:hidden}
#experience .actor:focus-visible{outline:1px solid var(--actor-color)}
@media(max-width:760px){#experience .actor{width:76px;height:20px}#experience .actor-label{font-size:7px}}

/* Keep the farm card between the scene captions at every desktop height. */
@media(min-width:761px){
  .panel--farm{
    width:90%;height:calc(100% - 32px);max-height:520px;margin-inline:auto;
    display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;
  }
  .panel--farm .farm-illustration{min-height:0;max-height:none;display:grid;place-items:center}
  .panel--farm .farm-illustration img{width:100%;height:100%;min-height:0;max-height:100%;object-fit:contain}
}
@media(max-width:760px){
  .panel--farm .farm-illustration img{max-height:165px;object-fit:contain}
}
/* 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--direction,.panel--pilot,.panel--offer,.panel--boundary{align-self:flex-start;margin-top:auto;margin-bottom:0}
  /* The six direction labels of the 3D scheme end above the motion control. */
  #experience .viewport{bottom:108px}
  /* 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,.direction-detail .inline-link{font-size:12px}
  .chapter .micro,.chapter[data-fit=compact] .micro,.chapter[data-fit=dense] .micro{font-size:12px;line-height:1.5}
  .chapter .eyebrow,.chapter[data-fit=compact] .eyebrow,.chapter[data-fit=dense] .eyebrow,.chapter-number{font-size:10px}
  .direction-detail .state-label,.chapter--direction .direction-stage{font-size:10px}
  #experience .actor-label{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}
  .direction-switch{row-gap:0}
  .direction-switch a{display:inline-flex;align-items:center;min-height:32px;padding:0;font-size:11px}
  .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 and smaller showcase numbers, so more of each card shows beside the copy. */
  .visual-panel{padding:12px 14px}
  .panel-kicker{margin-bottom:10px}
  .cycle-grid>div{padding:9px 10px 11px}
  .cycle-grid>div>span{margin-bottom:6px}
  .cycle-grid strong{font-size:21px}
  .feedback-line{padding-top:10px}
  .farm-illustration img{max-height:150px}
  .value-number{font-size:104px;gap:14px}
  .value-rule{margin:10px 0}
  .value-word{font-size:22px}
  .readiness-row{padding:9px 0}
  .readiness-row strong{font-size:21px}
  .readiness-row p{font-size:10px}
  .ready-marker{margin-top:8px}
  /* The 3D scheme and its labels end above the motion control even when the copy above is long. */
  #experience .viewport{min-height:72px;bottom:116px}
}
@media(max-width:760px) and (max-height:520px){
  /* Narrow and very short windows (200 % zoom): there is no room for the 3D scheme under the copy, so it is left
     out instead of being cut by the chapter bar; the directions stay as links in the copy. */
  #experience .viewport{visibility:hidden}
  /* 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,#experience .viewport{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 */