/* Intent-led navigation, with reserved space for each lightweight 3D scene. */
.subnav a[aria-current]{color:#294f39;text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:2px}
.ux-route{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px;margin-bottom:14px;padding:10px;border:1px solid #dce4d5;border-radius:20px;background:#f3f6ed}
.ux-route a{display:grid;grid-template-columns:32px 1fr;column-gap:10px;align-items:center;padding:12px 16px;border-radius:13px;color:#566b56;min-width:0}.ux-route a>span{grid-row:1/3;font-size:11px;width:30px;height:30px;display:grid;place-items:center;border:1px solid #cad8bf;border-radius:50%}.ux-route b{font-weight:550;font-size:13px}.ux-route small{font-size:10px;line-height:1.6;overflow-wrap:anywhere}.ux-route a[aria-current=step]{background:#fff;box-shadow:0 5px 12px #203b2910;color:#244933}.ux-route a[aria-current=step]>span{background:#284c3b;color:#fff;border-color:#284c3b}.ux-route a:hover{background:#e6edde}
.ux-visual-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:50px}.ux-visual-hero h1{font-size:clamp(44px,4.8vw,70px);max-width:none}.ux-hero-copy{min-width:0}.ux-visual-hero .lead{font-size:17px;max-width:580px}.ux-visual-hero .hero-buttons{gap:15px}.ux-visual-hero .button{font-size:12px;padding-inline:18px}.ux-visual-hero .hero-buttons .secondary{border:0;background:transparent;padding-inline:0;text-decoration:underline;text-underline-offset:5px}.ux-visual-hero .theme-scene{align-self:center}
.ux-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:75px;align-items:center}.ux-story h2{font-size:clamp(34px,3.6vw,52px);line-height:1.12;margin:0 0 25px;letter-spacing:-.055em}.ux-story p{font-size:15px;line-height:1.9;max-width:560px}.ux-story .button{margin-top:22px;font-size:13px}.ux-story .ux-fineprint{font-size:11px;margin-top:16px;color:#63715b;line-height:1.8}.ux-inline-steps{list-style:none;display:flex;flex-wrap:wrap;gap:12px;padding:0;margin:28px 0;font-size:11px}.ux-inline-steps li{padding:9px 13px;border:1px solid #ccd8bb;border-radius:9px}.ux-inline-steps li+li:before{content:'→';margin-right:9px;color:#719259}.ux-method-list{counter-reset:method;list-style:none;padding:0;margin:26px 0}.ux-method-list li{display:grid;grid-template-columns:30px 105px 1fr;gap:12px;align-items:baseline;padding:17px 0;border-bottom:1px solid #dfe7d5;font-size:12px;line-height:1.7}.ux-method-list li:before{counter-increment:method;content:'0' counter(method);color:#698355;font-size:10px}.ux-method-list b{font-size:14px;font-weight:550}
.intent-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.intent-options>a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:18px 19px;min-height:58px;border:1px solid #d5e0ca;border-radius:15px;font-size:12px;font-weight:550;background:#fff;transition:background .2s,color .2s}.intent-options>a[aria-current=true]{background:#284c3b;color:#fff;border-color:#284c3b;box-shadow:0 7px 18px #1d422119}.intent-options>a:hover{background:#e9efdd;color:#284c3b}.intent-options>a>span{font-size:17px}.intent-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:65px;padding:44px 0 30px;align-items:center;scroll-margin-top:100px}.intent-panel[hidden]{display:none}.intent-copy h3{font-size:clamp(30px,2.8vw,40px);line-height:1.18;letter-spacing:-.05em;margin:0 0 19px}.intent-copy>p{font-size:14px;line-height:1.9;color:#62705b}.intent-steps{list-style:none;padding:0;margin:25px 0 0}.intent-steps li+li{border-top:1px solid #dae3d1}.intent-steps a{display:flex;align-items:center;gap:16px;padding:17px 2px;min-height:72px}.intent-steps a>span{display:grid;place-items:center;flex-shrink:0;width:31px;height:31px;border-radius:10px;background:#eaf0dd;color:#567044;font-size:10px}.intent-steps b{font-size:14px;font-weight:550;display:block}.intent-steps small{font-size:11px;color:#6c7963;display:block;margin-top:5px;line-height:1.6}.intent-steps svg{width:19px;height:19px;margin-left:auto;flex-shrink:0}.intent-steps a:hover{color:#70914e}.intent-help{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #dbe4d0;padding-top:21px}.intent-help a{font-size:12px}
.ux-next{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:50px;border-top:1px solid #d6e1c8}.ux-next h2{font-size:clamp(30px,3vw,43px);line-height:1.15;margin-bottom:20px}.ux-next p{font-size:14px;line-height:1.85;max-width:600px}.ux-next .hero-buttons{justify-content:flex-end;gap:12px}.ux-next .button{font-size:12px}.ux-optional{margin:10px 0 25px;padding:17px;border:1px solid #d8e2cb;border-radius:14px}.ux-optional summary{cursor:pointer;font-size:13px;font-weight:550;padding:5px;min-height:32px}.ux-optional[open] summary{margin-bottom:22px}.ux-optional label:last-child{margin-bottom:4px}.ux-route a:focus-visible,.intent-options a:focus-visible,.intent-steps a:focus-visible,.scene-toggle:focus-visible{outline:3px solid #688b48;outline-offset:4px}
.feature-story.reverse>.theme-scene{order:1}.feature-story>.theme-scene{width:100%}
/* A common material vocabulary; every theme has its own geometry and motion. */
.theme-scene{--light:#dbe8bb;--mid:#9cb679;--shade:#547550;position:relative;margin:0;min-width:0;width:100%;isolation:isolate}.theme-scene .gold{--light:#f4dfb0;--mid:#ccaa64;--shade:#957441}.theme-scene .mint{--light:#d7ebe3;--mid:#95bdb2;--shade:#527c78}.theme-scene .earth{--light:#bca47b;--mid:#92764e;--shade:#655138}.theme-scene *{animation-play-state:paused!important}.theme-scene[data-running=true] *{animation-play-state:running!important}.scene-window{position:relative;aspect-ratio:1.22;min-height:240px;max-height:420px;overflow:hidden;border-radius:36px;background:radial-gradient(ellipse at 50% 45%,#edf2ddaa,transparent 72%)}.scene-halo{position:absolute;width:70%;aspect-ratio:1;border:1px solid #8fa67a26;border-radius:50%;left:15%;top:5%;box-shadow:0 0 0 28px #b0c19a0a,0 0 0 60px #b0c19a07}.scene-floor{position:absolute;width:70%;height:13%;left:15%;bottom:12%;border-radius:50%;background:radial-gradient(ellipse,#3a624c22,transparent 70%);filter:blur(7px)}.scene-canvas{position:absolute;width:420px;height:330px;left:50%;top:49%;transform:translate(-50%,-50%) scale(var(--scene-scale,1));perspective:1000px}.scene-camera{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(calc(-12deg + var(--tilt-y,0deg))) rotateY(calc(-18deg + var(--tilt-x,0deg)));transition:transform .65s ease}.theme-scene figcaption{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 25px;padding:15px 0;border-top:1px solid #cad8be8f;font-size:12px;font-weight:500;color:#3b5945;line-height:1.6}.theme-scene figcaption small{display:block;font-size:9px;font-weight:400;color:#6a7e63;margin-top:2px}.scene-toggle{width:44px;height:44px;flex-shrink:0;border:1px solid #c7d6be;border-radius:50%;background:#ffffffa6;font-size:13px;color:#436240}.scene-toggle:hover{background:#e7efdb}.scene-toggle:disabled{opacity:.4}.solid{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);transform:translateZ(var(--z));transform-style:preserve-3d}.solid .face{position:absolute;display:block;left:50%;top:50%;width:var(--w);height:var(--h);background:var(--mid);border:1px solid #ffffff30;backface-visibility:hidden}.solid .front{transform:translate(-50%,-50%) translateZ(calc(var(--d)/2));background:linear-gradient(125deg,var(--light),var(--mid))}.solid .back{transform:translate(-50%,-50%) rotateY(180deg) translateZ(calc(var(--d)/2))}.solid .left,.solid .right{width:var(--d);background:var(--shade)}.solid .right{transform:translate(-50%,-50%) rotateY(90deg) translateZ(calc(var(--w)/2))}.solid .left{transform:translate(-50%,-50%) rotateY(-90deg) translateZ(calc(var(--w)/2))}.solid .top,.solid .bottom{height:var(--d);background:var(--light)}.solid .top{transform:translate(-50%,-50%) rotateX(90deg) translateZ(calc(var(--h)/2))}.solid .bottom{transform:translate(-50%,-50%) rotateX(-90deg) translateZ(calc(var(--h)/2));background:var(--shade)}
.cylinder{position:absolute;transform-style:preserve-3d;background:linear-gradient(90deg,var(--shade),var(--mid) 20%,var(--light) 45%,var(--mid) 80%,var(--shade));border-radius:50% / 11%;box-shadow:inset 0 -12px 17px #24453119}.cylinder:before,.cylinder:after{content:'';position:absolute;left:0;width:100%;height:22%;border-radius:50%;background:linear-gradient(140deg,#ffffffbb,var(--light) 60%,var(--mid));border:1px solid #ffffff99}.cylinder:before{top:-2%}.cylinder:after{bottom:-2%;background:linear-gradient(180deg,transparent,var(--shade));opacity:.35}.cylinder>i{position:absolute;inset:25% 20% 15%;border:1px solid #ffffff50;border-radius:7px}.model-bead{position:absolute;display:block;border-radius:50%;background:radial-gradient(circle at 30% 24%,#ffffee,var(--light) 23%,var(--mid) 50%,var(--shade) 85%);box-shadow:3px 7px 8px #294d3020;transform:translateZ(55px)}
/* Formulation: ingredients converge into a mixing vessel. */
.blend-vessel{transform:translateZ(25px);opacity:.94}.blend-rim{position:absolute;left:150px;top:119px;width:140px;height:32px;border:7px solid #d8e6b9;border-radius:50%;box-shadow:inset 0 2px 7px #375c4930;transform:translateZ(32px)}.blend-paddle{position:absolute;left:212px;top:98px;width:9px;height:125px;background:linear-gradient(90deg,#8b9c82,#eff4dc);border-radius:7px;transform:translateZ(50px);animation:blend-stir 5s ease-in-out infinite}.blend-paddle:after{content:'';position:absolute;width:80px;height:10px;background:#627f56;bottom:12px;left:-35px;border-radius:50%}.blend-grain{animation:blend-drop 4s cubic-bezier(.45,0,.55,1) var(--delay) infinite}.blend-grain:nth-of-type(2){--sink-x:-15px}.blend-grain:nth-of-type(3){--sink-x:-80px}.blend-grain:nth-of-type(4){--sink-x:75px}
@keyframes blend-drop{0%,15%{transform:translate3d(0,-5px,55px);opacity:1}75%{transform:translate3d(var(--sink-x,85px),100px,55px) scale(.65);opacity:.25}90%,100%{transform:translate3d(0,-5px,55px);opacity:1}}@keyframes blend-stir{0%,100%{transform:translateZ(50px) rotateY(-40deg)}50%{transform:translateZ(50px) rotateY(45deg)}}
/* Ingredients: three silos with independently moving level markers. */
.ingredient-silo{animation:silo-breathe 7s ease-in-out infinite}.ingredient-silo:nth-of-type(2){animation-delay:-2s}.ingredient-silo:nth-of-type(3){animation-delay:-4s}.silo-line{position:absolute;height:2px;border-top:2px dashed #ffffffb3;transform:translateZ(25px);animation:silo-level 6s ease-in-out infinite}@keyframes silo-breathe{50%{transform:translateY(-7px)}}@keyframes silo-level{50%{transform:translate3d(0,28px,25px)}}
/* Economics: a suspended balance with grains and euro-coloured tokens. */
.balance-beam{position:absolute;left:47px;top:100px;width:320px;height:130px;transform-style:preserve-3d;transform-origin:50% 15px;animation:weigh 7s ease-in-out infinite}.balance-rod{position:absolute;left:0;top:0;width:100%;height:14px;background:linear-gradient(#e3e9d2,#729164);border-radius:7px;transform:translateZ(35px)}.balance-pan{position:absolute;top:13px;width:92px;height:120px;transform:translateZ(35px);border-left:1px solid #769269;border-right:1px solid #769269;border-bottom:14px solid #a1b781;border-radius:0 0 45% 45%;animation:counter-weigh 7s ease-in-out infinite;transform-origin:50% 0}.pan-a{left:0}.pan-b{right:0}.model-coin{position:absolute;left:23px;width:47px;height:12px;border-radius:50%;background:linear-gradient(#f5df9a,#bd9753);border:1px solid #bfa269;box-shadow:0 2px 0 #917640}@keyframes weigh{0%,100%{transform:rotateZ(-7deg)}50%{transform:rotateZ(7deg)}}@keyframes counter-weigh{0%,100%{transform:translateZ(35px) rotateZ(7deg)}50%{transform:translateZ(35px) rotateZ(-7deg)}}
/* Scenarios: sculpted columns and a moving comparison line, no fabricated values. */
.scenario-column{transform-origin:center bottom;animation:scenario-rise 6s ease-in-out infinite}.column-1{animation-delay:-2s}.column-2{animation-delay:-4s}.scenario-curve{position:absolute;inset:0;width:420px;height:300px;overflow:visible;transform:translateZ(75px);fill:none;stroke:#325f54;stroke-width:3;stroke-linecap:round}.scenario-curve path{stroke-dasharray:9 9;animation:scenario-line 6s linear infinite}.scenario-curve circle{fill:#f8f4df;stroke:#77945b}@keyframes scenario-rise{50%{transform:translateY(-14px) scaleY(.82)}}@keyframes scenario-line{to{stroke-dashoffset:-108}}
/* Quality: a document follows four gates, without claiming a real validation. */
.quality-gate{position:absolute;top:87px;width:54px;height:170px;border:8px solid #a0b893;border-bottom:0;border-radius:13px 13px 0 0;transform:rotateY(-12deg);box-shadow:inset 3px 0 0 #eff4dc,3px -3px 0 #597a60;animation:gate-light 4.8s var(--delay) infinite}.quality-gate span{position:absolute;top:-36px;left:10px;font-size:12px;color:#536c4e}.quality-packet{animation:packet-pass 6s ease-in-out infinite}@keyframes gate-light{50%{border-color:#d0dcad;box-shadow:inset 3px 0 0 #fff9da,3px -3px 0 #739060}}@keyframes packet-pass{0%,10%{transform:translate3d(0,0,15px)}85%,100%{transform:translate3d(250px,0,15px)}}
/* Data: paper records align with a shared central reference. */
.data-core{animation:data-hover 6s ease-in-out infinite}.data-sheet{position:absolute;width:86px;height:100px;border:1px solid #d0ddc1;background:linear-gradient(140deg,#fffff5,#d9e5cc);border-radius:9px;box-shadow:4px 5px 0 #a5ba93;transform:translateZ(40px);padding:22px 16px;animation:sheet-flow 7s ease-in-out infinite}.data-sheet i{display:block;height:5px;background:#91a87c;margin:9px 0;border-radius:3px}.data-sheet i:last-child{width:65%}.sheet-0{left:35px;top:45px;--sheet-x:25px;--sheet-y:20px}.sheet-1{left:310px;top:60px;--sheet-x:-20px;--sheet-y:20px;animation-delay:-2.3s}.sheet-2{left:210px;top:240px;--sheet-x:0px;--sheet-y:-20px;animation-delay:-4.6s}.data-routes{position:absolute;left:115px;top:110px;width:230px;height:150px;border:2px dashed #8fa980;border-radius:35px;transform:rotateZ(-8deg)}@keyframes data-hover{50%{transform:translate3d(0,-10px,25px) rotateY(12deg)}}@keyframes sheet-flow{50%{transform:translate3d(var(--sheet-x),var(--sheet-y),40px)}}
/* Industry: a silo feeds a mixer and moving pellets leave on a conveyor. */
.factory-pipe{position:absolute;left:105px;top:120px;width:85px;height:18px;background:linear-gradient(#e3ecd3,#78936d);transform:rotateZ(24deg);border-radius:5px}.factory-wheel{position:absolute;left:182px;top:155px;width:48px;height:48px;border:6px dashed #f8efd2;border-radius:50%;background:#a1834a;transform:translateZ(51px);animation:mixer-spin 9s linear infinite}.factory-pellet{animation:belt-pass 3s linear infinite}.factory-pellet:nth-last-child(2){animation-delay:-.6s}.factory-pellet:nth-last-child(3){animation-delay:-1.2s}.factory-pellet:nth-last-child(4){animation-delay:-1.8s}@keyframes mixer-spin{to{transform:translateZ(51px) rotateZ(360deg)}}@keyframes belt-pass{0%{transform:translate3d(-15px,0,25px);opacity:.5}30%,80%{opacity:1}100%{transform:translate3d(15px,0,25px);opacity:.5}}
/* Aquaculture: a transparent basin with its own horizontal swimming motion. */
.scene-aquaculture .scene-window{background:radial-gradient(ellipse,#e4f0ebaa,transparent 72%)}.aqua-tank{position:absolute;left:63px;top:73px;width:300px;height:200px;border:2px solid #a0c3bc;border-radius:50% / 17%;background:linear-gradient(90deg,#bddee04d,#f9ffff66 30%,#aed6d466);transform-style:preserve-3d;box-shadow:inset 10px 0 20px #e5f7f7aa}.aqua-tank:before{content:'';position:absolute;top:-2px;left:-2px;width:100%;height:34%;border-radius:50%;border:3px solid #bbd6c9;background:#e8f8f44f}.aqua-water{position:absolute;inset:45px 0 4px;border-radius:50% / 20%;background:linear-gradient(90deg,#69a5a366,#b2d9cf80,#8bbdb655);border-top:2px solid #e2f4ed;animation:water-level 7s ease-in-out infinite}.aqua-ripple{position:absolute;left:55px;top:54px;width:190px;height:24px;border:1px solid #f6fffc;border-radius:50%;animation:water-ripple 5s ease-out infinite}.aqua-fish{position:absolute;left:75px;top:100px;width:125px;height:60px;transform:translateZ(30px);animation:fish-swim 8s ease-in-out infinite}.aqua-fish path{fill:#496e69}.aqua-fish circle{fill:#f2f9e8}.aqua-feed{animation:feed-fall 5s var(--delay) linear infinite}@keyframes fish-swim{0%,100%{transform:translate3d(-30px,5px,30px) rotateY(-12deg)}50%{transform:translate3d(55px,-8px,30px) rotateY(18deg)}}@keyframes feed-fall{0%{transform:translateY(0);opacity:0}20%{opacity:1}90%,100%{transform:translateY(100px);opacity:0}}@keyframes water-ripple{0%{transform:scale(.5);opacity:0}30%{opacity:1}100%{transform:scale(1.3);opacity:0}}@keyframes water-level{50%{transform:translateY(-5px)}}
/* Crops: five individual wheat stalks on a soil block. */
.crop-stem{position:absolute;width:3px;height:120px;background:linear-gradient(#9dad67,#6b834b);transform-origin:bottom;animation:crop-sway 6s var(--delay) ease-in-out infinite}.crop-stem i,.crop-stem b,.crop-stem span,.crop-stem em{position:absolute;width:22px;height:38px;background:linear-gradient(120deg,#f3e3a9,#b6a05d);border:1px solid #baa16b;border-radius:85% 0 85% 0;left:-21px;top:-3px;transform:rotate(-18deg);box-shadow:inset 2px 0 4px #fff5c0}.crop-stem b{left:2px;top:12px;transform:rotate(70deg)}.crop-stem span{top:28px}.crop-stem em{left:2px;top:43px;transform:rotate(70deg)}@keyframes crop-sway{0%,100%{transform:rotateZ(-7deg) translateZ(20px)}50%{transform:rotateZ(6deg) translateZ(20px)}}
/* Expertise: layers of source data are examined through a moving lens. */
.research-lens{position:absolute;left:130px;top:55px;width:130px;height:130px;border:14px solid #9bb49a;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffffff8f,#b9ded644 60%,#7faa9e55);box-shadow:4px 4px 0 #527565,inset 0 0 0 3px #e9f4dd;transform:translateZ(75px) rotateX(15deg);animation:lens-scan 7s ease-in-out infinite}.research-lens:after{content:'';position:absolute;width:20px;height:78px;right:-36px;bottom:-62px;background:linear-gradient(90deg,#729277,#bcd0ad);border-radius:9px;transform:rotate(-40deg)}.research-scan{position:absolute;left:120px;top:220px;width:200px;height:2px;background:#74a48b;box-shadow:0 0 15px #7cbf96;animation:scan-line 6s ease-in-out infinite}@keyframes lens-scan{50%{transform:translate3d(42px,-7px,75px) rotateX(10deg)}}@keyframes scan-line{50%{transform:translateY(-90px);opacity:.3}}
/* Training: a book, whose page turns on its own spine. */
.learning-book{position:absolute;left:65px;top:80px;width:285px;height:160px;transform:rotateX(20deg) translateZ(40px);transform-style:preserve-3d}.book-page{position:absolute;width:140px;height:160px;background:linear-gradient(90deg,#e3e9cc,#fffdf0);padding:30px 20px;border:1px solid #d1dcbd;border-radius:4px 12px 10px 4px}.book-page i{display:block;width:100%;height:4px;background:#c0d0ab;margin:12px 0;border-radius:3px}.page-left{left:0;transform:rotateY(12deg);transform-origin:right}.page-right{left:145px;transform:rotateY(-12deg);transform-origin:left}.page-turn{left:145px;transform-origin:left;animation:page-turn 8s ease-in-out infinite}@keyframes page-turn{0%,15%,100%{transform:rotateY(-12deg)}65%,80%{transform:rotateY(-165deg)}}
/* Deployment: three ascending platforms with a travelling milestone. */
.deployment-arc{position:absolute;left:80px;top:70px;width:255px;height:150px;border-top:2px dashed #97af7b;transform:rotateZ(-25deg);border-radius:50%}.deployment-light{animation:milestone 7s ease-in-out infinite}@keyframes milestone{0%,100%{transform:translate3d(-220px,150px,35px)}35%{transform:translate3d(-110px,90px,35px)}70%,80%{transform:translate3d(0,30px,35px)}}
@media(min-width:1600px){.ux-visual-hero h1{font-size:76px}.intent-panel{gap:100px}.scene-window{max-height:470px}}
@media(max-width:1100px){.ux-visual-hero{gap:25px}.ux-visual-hero h1{font-size:49px}.ux-story{gap:35px}.intent-panel{gap:30px}.intent-options>a{padding:15px 12px;font-size:11px}.ux-next{gap:25px}.ux-next .hero-buttons{flex-direction:column;align-items:stretch}.scene-canvas{--scene-scale:.9}.ux-method-list li{grid-template-columns:25px 90px 1fr;gap:8px}}
@media(max-width:800px){.ux-route{gap:4px;padding:6px;margin-top:16px}.ux-route a{padding:10px 7px;grid-template-columns:25px 1fr;gap:6px}.ux-route a>span{width:25px;height:25px;font-size:9px}.ux-route b{font-size:11px}.ux-route small{font-size:9px}.ux-visual-hero{grid-template-columns:1fr;gap:20px}.ux-visual-hero h1{font-size:clamp(40px,7.2vw,62px);max-width:680px}.ux-visual-hero .theme-scene{max-width:500px;justify-self:center}.ux-story{grid-template-columns:1fr;gap:25px}.ux-story .theme-scene{max-width:500px;justify-self:center}.intent-panel{grid-template-columns:1fr;gap:15px}.intent-panel .theme-scene{max-width:460px;justify-self:center}.intent-options{grid-template-columns:1fr 1fr;gap:8px}.intent-options>a{font-size:12px;min-height:53px}.intent-copy h3{max-width:580px}.ux-next{grid-template-columns:1fr;gap:20px}.ux-next .hero-buttons{flex-direction:row;justify-content:flex-start}.scene-canvas{--scene-scale:1}.ux-story p{font-size:14px}.ux-method-list li{grid-template-columns:25px 95px 1fr}.feature-story.reverse>.theme-scene{order:initial}}
@media(max-width:480px){.ux-route{border-radius:14px;margin-top:12px}.ux-route a{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:10px 8px}.ux-route a>span{width:23px;height:23px}.ux-route small{font-size:8px;line-height:1.5}.ux-route b{font-size:11px}.ux-visual-hero h1{font-size:41px}.ux-visual-hero .lead{font-size:15px}.ux-visual-hero .button{font-size:12px;min-height:48px}.ux-story h2{font-size:34px}.intent-panel{padding-top:28px}.intent-copy h3{font-size:30px}.intent-steps a{gap:10px;min-height:80px}.intent-steps b{font-size:13px}.intent-steps small{font-size:10px}.intent-help{flex-direction:column;gap:15px}.ux-next .hero-buttons{flex-direction:column;align-items:stretch}.theme-scene figcaption{margin-inline:15px;font-size:11px}.theme-scene figcaption small{font-size:9px}.scene-window{min-height:240px;border-radius:25px}.scene-canvas{--scene-scale:.77}.ux-method-list li{grid-template-columns:22px 1fr}.ux-method-list li>span{grid-column:2}.ux-optional{padding:12px}.ux-inline-steps{gap:7px;font-size:10px}.ux-inline-steps li{padding:7px 9px}}
@media(prefers-reduced-motion:reduce){.theme-scene *{animation-play-state:paused!important}.theme-scene[data-user-motion=true][data-running=true] *{animation-play-state:running!important}.scene-camera,.intent-options>a{transition:none}}
@media print{.theme-scene{break-inside:avoid;max-width:400px;margin:25px auto}.theme-scene *{animation-play-state:paused!important}.scene-toggle,.ux-route,.intent-options,.ux-next{display:none}.intent-panel[hidden]{display:none}.ux-story,.intent-panel,.ux-visual-hero{display:block}}
@media(max-width:360px){.ux-visual-hero h1{font-size:32px}.ux-visual-hero .button{max-width:100%;white-space:normal}}