/* Integrated layered product interface for the single landing page. */
.spatial-experience{overflow:hidden;background:var(--paper)}.spatial-head{display:grid;grid-template-columns:.58fr 1.22fr;gap:32px 70px;align-items:end;margin-bottom:48px}.spatial-head .section-index{grid-column:1/-1;margin:0}.spatial-head h2{max-width:720px;margin:0;font-size:clamp(44px,6vw,78px);line-height:.92;letter-spacing:-.07em}.spatial-head .lead{max-width:620px;margin:0}.spatial-kicker{margin:0 0 22px;color:#8f9490;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.deck-shell{position:relative;overflow:hidden;border:1px solid #222526;border-radius:28px;background:#08090a;color:#f6f3eb;box-shadow:0 30px 70px rgba(0,0,0,.22)}.deck-top{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:58px;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.1);background:#111314}.deck-top b{font-size:11px;letter-spacing:.03em}.deck-controls{display:flex;align-items:center;gap:8px}.deck-controls button{display:grid;width:34px;height:34px;border:1px solid #3b3e3f;border-radius:50%;background:#17191a;color:#fff;font-size:16px;cursor:pointer;place-items:center}.deck-controls button:hover,.deck-controls button:focus-visible{border-color:var(--yellow);color:var(--yellow)}.deck-counter{min-width:52px;color:#aeb2ae;font-size:9px;text-align:center}.deck-track{display:flex;transition:transform .72s cubic-bezier(.22,.78,.22,1);will-change:transform}.deck-slide{display:grid;grid-template-columns:1.14fr .86fr;min-width:100%;min-height:620px}.deck-visual{position:relative;min-height:620px;overflow:hidden;background:radial-gradient(circle at 50% 25%,rgba(242,194,48,.075),transparent 32%),#0a0c0d}.deck-visual canvas{position:absolute;inset:0;width:100%;height:100%}.mock-device{position:absolute;z-index:3;top:50%;left:50%;width:min(78%,610px);padding:7px;border:1px solid rgba(255,255,255,.24);border-radius:25px;background:linear-gradient(145deg,#c9c7c0,#55595a 12%,#111314 19%,#050607);box-shadow:0 38px 80px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.7);transform:translate(-50%,-50%) rotateX(2deg) rotateY(-5deg)}.mock-screen{min-height:360px;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:19px;background:rgba(15,17,18,.88);box-shadow:inset 0 0 0 1px rgba(0,0,0,.55);backdrop-filter:blur(21px) saturate(86%)}.mock-bar{display:flex;align-items:center;justify-content:space-between;height:43px;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);font-size:8px}.mock-dots{display:flex;gap:5px}.mock-dots i{width:5px;height:5px;border-radius:50%;background:#6f7471}.mock-dots i:first-child{background:var(--yellow)}.mock-status{display:flex;align-items:center;gap:6px;color:#aeb3ae}.mock-status:before{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(102,212,154,.1);content:""}.mock-body{display:grid;grid-template-columns:64px 1fr;min-height:317px}.mock-rail{display:flex;align-items:center;gap:12px;padding:14px 0;border-right:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);flex-direction:column}.ui-panel{padding:21px}.ui-eyebrow{color:#9ca19d;font-size:7px;letter-spacing:.12em;text-transform:uppercase}.ui-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:8px}.ui-title h3{margin:0;font-size:19px;letter-spacing:-.04em}.ui-pill{padding:6px 8px;border:1px solid rgba(242,194,48,.27);border-radius:999px;color:#e3d27d;font-size:7px}.ui-intent{margin-top:18px;padding:15px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(255,255,255,.045);box-shadow:0 10px 24px rgba(0,0,0,.22)}.ui-intent small{display:block;color:#9fa49f;font-size:7px}.ui-intent strong{display:block;margin-top:7px;font-size:11px}.ui-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:9px;margin-top:10px}.ui-card{min-height:84px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(255,255,255,.035)}.ui-card small{color:#929792;font-size:6.5px}.ui-card b{display:block;margin-top:6px;font-size:9px}.route-line{position:relative;height:4px;margin-top:17px;border-radius:99px;background:#343839}.route-line:after{position:absolute;top:0;bottom:0;left:0;width:67%;border-radius:inherit;background:var(--yellow);box-shadow:0 0 16px rgba(242,194,48,.22);content:""}.check-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;padding:9px 10px;border:1px solid rgba(255,255,255,.09);border-radius:9px;color:#c7cbc6;font-size:7px}.check-row i{color:var(--green);font-style:normal}.approval-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:12px}.approval-actions span{padding:8px 11px;border:1px solid rgba(255,255,255,.15);border-radius:8px;font-size:7px}.approval-actions span:last-child{border-color:var(--yellow);background:var(--yellow);color:#111;font-weight:800}.deck-copy{display:flex;padding:58px 48px;background:linear-gradient(145deg,#181a1b,#0d0f10);flex-direction:column}.deck-copy small{color:var(--yellow);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.deck-copy h3{max-width:420px;margin:22px 0 18px;font-size:42px;line-height:.96;letter-spacing:-.055em}.deck-copy p{max-width:430px;margin:0;color:#b7bbb6;font-size:14px;line-height:1.65}.deck-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.deck-meta span{padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:11px;color:#aeb3ae;font-size:8px}.deck-meta b{display:block;margin-top:5px;color:#f4f1e9;font-size:10px}.deck-dots{display:flex;justify-content:center;gap:7px;padding:17px;border-top:1px solid rgba(255,255,255,.1);background:#111314}.deck-dots button{width:24px;height:4px;padding:0;border:0;border-radius:99px;background:#4d5150;cursor:pointer;transition:width .3s ease,background .3s ease}.deck-dots button[aria-selected=true]{width:52px;background:var(--yellow)}.deck-dots button:focus-visible{outline:2px solid #fff;outline-offset:4px}.deck-help{margin:14px 0 0;color:#747975;font-size:10px;text-align:center}.webgl-fallback{display:none;position:absolute;inset:0;align-items:center;justify-content:center;padding:24px;color:#ddd;text-align:center}.no-webgl canvas{display:none}.no-webgl .webgl-fallback{display:flex}
@media(max-width:980px){.deck-slide{grid-template-columns:1fr}.deck-visual{min-height:560px}.deck-copy{min-height:390px}}
@media(max-width:620px){.deck-top{padding-inline:14px}.deck-slide{min-height:0}.deck-visual{min-height:470px}.mock-device{width:91%;padding:5px;border-radius:21px}.mock-screen{min-height:330px}.mock-body{grid-template-columns:48px 1fr}.mock-rail{gap:8px}.ui-panel{padding:16px 12px}.ui-grid{grid-template-columns:1fr}.ui-card{min-height:62px}.deck-copy{min-height:390px;padding:40px 28px}.deck-copy h3{font-size:36px}}
@media(prefers-reduced-motion:reduce){.deck-track,.deck-dots button{transition:none}.object-card canvas,.hero-object canvas,.deck-visual canvas{filter:none}}
@media(forced-colors:active){.object-card,.deck-shell,.hero-object,.mock-device,.quality-grid article{border:1px solid CanvasText}.deck-controls button,.deck-dots button{border:1px solid ButtonText}}
.motion-section{padding-top:34px}.motion-film{display:grid;grid-template-columns:minmax(260px,.68fr) minmax(0,1.32fr);min-height:590px;overflow:hidden;border:1px solid #282b2c;border-radius:28px;background:#0b0d0e;color:#f5f2ea;box-shadow:0 32px 70px rgba(7,8,9,.16)}.motion-film-copy{display:flex;padding:54px 44px;border-right:1px solid rgba(255,255,255,.09);background:linear-gradient(150deg,#17191a,#0b0d0e);flex-direction:column;justify-content:center}.motion-film-copy h3{max-width:460px;margin:0;font-size:clamp(38px,4.5vw,64px);line-height:.95;letter-spacing:-.06em}.motion-film-copy>p:not(.spatial-kicker){max-width:430px;margin:24px 0 30px;color:#b8bcb7;font-size:14px;line-height:1.65}.motion-film-copy button{display:flex;align-items:center;width:max-content;gap:10px;padding:10px 14px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(255,255,255,.055);color:#f6f3eb;cursor:pointer}.motion-film-copy button:hover,.motion-film-copy button:focus-visible{border-color:var(--yellow);background:rgba(242,194,48,.08)}.motion-film-copy button span{display:grid;width:25px;height:25px;border-radius:50%;background:var(--yellow);color:#111;font-size:9px;place-items:center}.motion-film-copy button b{font-size:9px;letter-spacing:.03em}.motion-stage{position:relative;display:grid;min-height:590px;overflow:hidden;background:radial-gradient(circle at 47% 45%,rgba(242,194,48,.1),transparent 28%),linear-gradient(145deg,#111415,#060708);place-items:center}.motion-stage:after{position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.035),transparent 27%,transparent 72%,rgba(255,255,255,.025));pointer-events:none;content:""}.motion-stage svg{width:min(94%,920px);height:auto;overflow:visible}.film-grid path{fill:none;stroke:rgba(255,255,255,.055);stroke-width:1}.film-route{fill:none;stroke-linecap:round}.film-route-base{stroke:rgba(255,255,255,.14);stroke-width:4}.film-route-live{stroke:var(--yellow);stroke-width:5;stroke-dasharray:40 900;stroke-dashoffset:0;filter:drop-shadow(0 0 8px rgba(242,194,48,.48))}.film-node rect,.film-node path{fill:rgba(22,25,26,.94);stroke:rgba(255,255,255,.22);stroke-width:2}.film-node text{fill:#e9e6de;font-size:15px;font-weight:700;letter-spacing:.08em}.node-gate text{font-size:13px}.film-packet,.film-halo{offset-path:path("M130 300C230 300 248 180 350 180S470 420 590 420 700 300 830 300");offset-distance:0}.film-halo{opacity:.24}.motion-film[data-playing=true] .film-route-live{animation:routeTrace 8s linear infinite}.motion-film[data-playing=true] .film-packet,.motion-film[data-playing=true] .film-halo{animation:packetTravel 8s cubic-bezier(.55,.08,.45,.92) infinite}.motion-film[data-playing=true] .node-context{animation:nodeLift 8s ease-in-out infinite .9s}.motion-film[data-playing=true] .node-gate{animation:nodeLift 8s ease-in-out infinite 2.8s}.motion-film[data-playing=true] .node-owner{animation:nodeLift 8s ease-in-out infinite 5.1s}.motion-readout{position:absolute;right:25px;bottom:22px;left:25px;display:flex;justify-content:space-between;gap:20px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1);color:#9da29e;font-size:9px;letter-spacing:.05em}.motion-readout span:first-child{display:flex;align-items:center;gap:8px;color:#d9ddd8}.motion-readout i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(102,212,154,.1)}.deck-visual[data-frameview]{--px:0px;--py:0px;--px-back:0px;--py-back:0px;--px-mid:0px;--py-mid:0px;--px-canvas:0px;--py-canvas:0px;perspective:1100px}.deck-visual[data-frameview] canvas{z-index:1;transform:translate3d(var(--px-canvas),var(--py-canvas),0) scale(.98);transition:transform .5s cubic-bezier(.2,.8,.2,1)}.depth-layer{position:absolute;pointer-events:none}.depth-back{z-index:0;inset:8% 7% 14%;border:1px solid rgba(255,255,255,.07);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.035),transparent);transform:translate3d(var(--px-back),var(--py-back),-80px) rotateX(4deg);box-shadow:0 24px 60px rgba(0,0,0,.32)}.depth-mid{z-index:2;inset:17% 12% 19%;border:1px dashed rgba(242,194,48,.22);border-radius:23px;transform:translate3d(var(--px-mid),var(--py-mid),20px) rotateX(2deg)}.depth-layer span,.depth-label{position:absolute;padding:6px 8px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(9,11,12,.72);color:#8f9490;font-size:7px;letter-spacing:.1em;text-transform:uppercase;backdrop-filter:blur(10px)}.depth-back span{top:14px;left:14px}.depth-mid span{right:14px;bottom:14px;color:#d7c36d}.depth-mid i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 7px rgba(242,194,48,.08),0 0 20px rgba(242,194,48,.28)}.depth-mid i:nth-of-type(1){top:20%;left:18%}.depth-mid i:nth-of-type(2){top:47%;right:15%}.depth-mid i:nth-of-type(3){bottom:18%;left:44%;background:var(--green)}.deck-visual[data-frameview] .mock-device{transform:translate3d(calc(-50% + var(--px)),calc(-50% + var(--py)),70px) rotateX(2deg) rotateY(-5deg);transition:transform .5s cubic-bezier(.2,.8,.2,1)}.depth-label{z-index:4;right:22px;top:20px;color:#f2f0e8}@keyframes packetTravel{0%,7%{offset-distance:0;opacity:0}10%{opacity:1}86%{opacity:1}93%,100%{offset-distance:100%;opacity:0}}@keyframes routeTrace{0%{stroke-dashoffset:0;opacity:.3}50%{opacity:1}100%{stroke-dashoffset:-940;opacity:.3}}@keyframes nodeLift{0%,12%,100%{opacity:1;filter:none}5%,8%{opacity:.92;filter:drop-shadow(0 0 18px rgba(242,194,48,.46))}}@media(max-width:980px){.motion-film{grid-template-columns:1fr}.motion-film-copy{min-height:420px;border-right:0;border-bottom:1px solid rgba(255,255,255,.09)}.motion-stage{min-height:510px}}@media(max-width:620px){.motion-film{border-radius:21px}.motion-film-copy{min-height:390px;padding:38px 27px}.motion-film-copy h3{font-size:42px}.motion-stage{min-height:390px}.motion-stage svg{width:112%;transform:scale(.94)}.motion-readout{right:17px;bottom:15px;left:17px}.motion-readout span:last-child{display:none}}@media(prefers-reduced-motion:reduce){.motion-film[data-playing=true] .film-route-live,.motion-film[data-playing=true] .film-packet,.motion-film[data-playing=true] .film-halo,.motion-film[data-playing=true] .film-node{animation:none}.film-packet{offset-distance:72%}}
@media(max-width:980px){.spatial-head{grid-template-columns:1fr;gap:18px}.spatial-head .section-index{grid-column:auto}}
@media(max-width:620px){.spatial-head h2{font-size:44px}.spatial-experience{padding-inline:0}.spatial-experience>.wrap{width:min(100% - 28px,var(--wrap,1240px))}}

/* Selective depth of field: limited to the spatial deck. */
.spatial-experience .deck-visual:before{position:absolute;z-index:2;right:-9%;bottom:-15%;width:48%;height:34%;border-radius:50%;background:radial-gradient(circle,rgba(238,232,214,.16),rgba(242,194,48,.055) 42%,transparent 72%);filter:blur(30px);pointer-events:none;content:""}.spatial-experience .depth-back{filter:blur(1.35px);opacity:.78;transition:filter .46s ease,opacity .46s ease,transform .5s cubic-bezier(.2,.8,.2,1)}.spatial-experience .depth-mid{filter:blur(.18px);transition:filter .46s ease,opacity .46s ease,transform .5s cubic-bezier(.2,.8,.2,1)}.spatial-experience .mock-device{transition:filter .42s ease,opacity .42s ease,transform .5s cubic-bezier(.2,.8,.2,1)}.spatial-experience .deck-shell.is-transitioning .depth-back{filter:blur(8px);opacity:.44}.spatial-experience .deck-shell.is-transitioning .depth-mid{filter:blur(2.6px);opacity:.66}.spatial-experience .deck-shell.is-transitioning .mock-device{filter:blur(1.15px) saturate(.86);opacity:.84}
@media(prefers-reduced-motion:reduce){.spatial-experience .depth-back,.spatial-experience .depth-mid,.spatial-experience .mock-device{transition:none}.spatial-experience .deck-shell.is-transitioning .depth-back{filter:blur(1.35px);opacity:.78}.spatial-experience .deck-shell.is-transitioning .depth-mid{filter:blur(.18px);opacity:1}.spatial-experience .deck-shell.is-transitioning .mock-device{filter:none;opacity:1}}

/* Compact nested stack and concept-led icon navigation. */
.spatial-experience .motion-film{min-height:470px;border-bottom-right-radius:10px;border-bottom-left-radius:10px}.spatial-experience .motion-stage{min-height:470px}.spatial-experience .motion-film-copy{padding-block:42px}.spatial-experience .motion-film-copy h3{font-size:clamp(36px,4vw,54px)}.spatial-experience .deck-shell{z-index:3;margin-top:-18px;border-color:rgba(255,255,255,.18);box-shadow:0 38px 90px rgba(0,0,0,.28)}.spatial-experience .deck-slide,.spatial-experience .deck-visual{min-height:560px}.spatial-experience .deck-dots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px 14px}.spatial-experience .deck-dots button{display:flex;align-items:center;width:auto;height:42px;gap:8px;padding:5px 9px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.035);color:#929792;text-align:left}.spatial-experience .deck-dots button span{display:grid;width:26px;height:26px;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:rgba(255,255,255,.06);color:#e6e3dc;font-size:9px;place-items:center}.spatial-experience .deck-dots button b{overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.spatial-experience .deck-dots button[aria-selected=true]{width:auto;border-color:rgba(242,194,48,.48);background:rgba(242,194,48,.1);color:var(--yellow)}.spatial-experience .deck-dots button[aria-selected=true] span{border-color:var(--yellow);background:var(--yellow);color:#111}
@media(max-width:980px){.spatial-experience .motion-film,.spatial-experience .motion-stage{min-height:420px}.spatial-experience .deck-slide,.spatial-experience .deck-visual{min-height:520px}}
@media(max-width:620px){.spatial-experience .motion-film{min-height:0}.spatial-experience .motion-stage{min-height:340px}.spatial-experience .deck-shell{margin-top:-10px}.spatial-experience .deck-slide,.spatial-experience .deck-visual{min-height:460px}.spatial-experience .deck-dots{gap:5px;padding:9px}.spatial-experience .deck-dots button{justify-content:center;height:38px;padding:4px}.spatial-experience .deck-dots button span{width:25px;height:25px}.spatial-experience .deck-dots button b{display:none}}

/* Functional product glyph system: one symbol, repeated across navigation and UI. */
.spatial-experience .concept-svg{display:block;width:16px;height:16px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.spatial-experience .rail-glyph{display:grid;width:32px;height:32px;border:1px solid rgba(255,255,255,.13);border-radius:11px;background:rgba(255,255,255,.045);color:#9ca19d;place-items:center;transition:border-color .25s ease,background .25s ease,color .25s ease,transform .25s ease}.spatial-experience .rail-glyph .concept-svg{width:15px;height:15px}.spatial-experience .rail-glyph.active{border-color:rgba(242,194,48,.48);background:rgba(242,194,48,.11);color:var(--yellow);box-shadow:0 8px 22px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.08);transform:translateZ(8px)}.spatial-experience .deck-dots button span .concept-svg{width:15px;height:15px}.spatial-experience .deck-dots button[aria-selected=true] span .concept-svg{stroke-width:1.8}


/* Live semantic perception rail and refresh-rate-aware compositing. */
.spatial-experience .live-semantic{display:flex;align-items:center;min-width:0;gap:7px;margin-left:auto;padding:6px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.04);box-shadow:inset 0 1px rgba(255,255,255,.04)}.spatial-experience .live-semantic i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(102,212,154,.1),0 0 13px rgba(102,212,154,.35)}.spatial-experience .live-semantic small{color:#777d79;font-size:6px;font-weight:700;letter-spacing:.11em}.spatial-experience .live-semantic strong{overflow:hidden;max-width:190px;color:#dfe3dd;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.spatial-experience .deck-shell[data-semantic-index="1"] .live-semantic i{background:#e7dbab;box-shadow:0 0 0 4px rgba(231,219,171,.1),0 0 13px rgba(231,219,171,.28)}.spatial-experience .deck-shell[data-semantic-index="2"] .live-semantic i{background:var(--yellow);box-shadow:0 0 0 4px rgba(242,194,48,.1),0 0 13px rgba(242,194,48,.35)}.spatial-experience .deck-shell[data-semantic-index="3"] .live-semantic{border-color:rgba(242,194,48,.25)}.spatial-experience .motion-stage,.spatial-experience .deck-visual{contain:layout paint}.spatial-experience .film-route-live,.spatial-experience .film-packet,.spatial-experience .film-halo,.spatial-experience .mock-device,.spatial-experience .depth-layer{will-change:transform,opacity,filter}
@media(max-width:760px){.spatial-experience .live-semantic small{display:none}.spatial-experience .live-semantic strong{max-width:128px}.spatial-experience .deck-top>b{display:none}}
@media(max-width:420px){.spatial-experience .live-semantic{max-width:138px;padding-inline:8px}.spatial-experience .live-semantic strong{max-width:104px}.spatial-experience .deck-top{gap:8px}}
@media(prefers-reduced-motion:reduce){.spatial-experience .film-route-live,.spatial-experience .film-packet,.spatial-experience .film-halo,.spatial-experience .mock-device,.spatial-experience .depth-layer{will-change:auto}}


/* Layered glassdoor glyphs: dark depth, restrained motion, readable symbols. */
.spatial-experience .rail-glyph,.spatial-experience .deck-dots button span{position:relative;isolation:isolate;overflow:visible;border-color:rgba(255,255,255,.2);background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.045) 42%,rgba(4,5,6,.34));box-shadow:0 11px 19px rgba(0,0,0,.48),inset 0 1px 1px rgba(255,255,255,.22),inset 0 -8px 15px rgba(0,0,0,.25);backdrop-filter:blur(10px) saturate(82%);transform-style:preserve-3d}.spatial-experience .rail-glyph:before,.spatial-experience .deck-dots button span:before{position:absolute;z-index:-2;inset:3px -4px -5px 4px;border:1px solid rgba(255,255,255,.08);border-radius:inherit;background:#050607;box-shadow:0 10px 20px rgba(0,0,0,.58);transform:translateZ(-8px);content:""}.spatial-experience .rail-glyph:after,.spatial-experience .deck-dots button span:after{position:absolute;z-index:-1;inset:2px;border-radius:calc(100% - 3px);background:linear-gradient(125deg,rgba(255,255,255,.2),transparent 35%,rgba(255,255,255,.025) 67%,rgba(242,194,48,.1));opacity:.62;pointer-events:none;content:""}.spatial-experience .rail-glyph .concept-svg,.spatial-experience .deck-dots button span .concept-svg{position:relative;z-index:1;filter:drop-shadow(0 2px 2px rgba(0,0,0,.8)) drop-shadow(0 0 8px rgba(255,255,255,.08));transform:translateZ(12px)}.spatial-experience .rail-glyph.active,.spatial-experience .deck-dots button[aria-selected=true] span{animation:glyphGlassBreath 3.8s ease-in-out infinite;box-shadow:0 14px 26px rgba(0,0,0,.62),0 0 0 1px rgba(242,194,48,.2),inset 0 1px 1px rgba(255,255,255,.28),inset 0 -9px 17px rgba(0,0,0,.2)}.spatial-experience .deck-dots button:hover span,.spatial-experience .deck-dots button:focus-visible span,.spatial-experience .rail-glyph:hover{transform:translate3d(0,-2px,9px) rotateX(5deg);box-shadow:0 17px 28px rgba(0,0,0,.64),inset 0 1px 1px rgba(255,255,255,.26)}
@keyframes glyphGlassBreath{0%,100%{transform:translate3d(0,0,7px) rotateX(0);filter:brightness(1)}50%{transform:translate3d(0,-2px,12px) rotateX(6deg);filter:brightness(1.09)}}
@media(prefers-reduced-motion:reduce){.spatial-experience .rail-glyph.active,.spatial-experience .deck-dots button[aria-selected=true] span{animation:none}}


/* Larger, softer functional nodes. */
.spatial-experience .rail-glyph{width:37px;height:37px;border-radius:14px}.spatial-experience .rail-glyph .concept-svg{width:18px;height:18px;stroke-width:1.7}.spatial-experience .deck-dots button{min-height:48px;border-radius:15px}.spatial-experience .deck-dots button span{width:35px;height:35px;border-radius:13px}.spatial-experience .deck-dots button span .concept-svg{width:18px;height:18px;stroke-width:1.7}.spatial-experience .deck-dots button[aria-selected=true] span .concept-svg{stroke-width:1.95}.spatial-experience .rail-glyph:before,.spatial-experience .deck-dots button span:before{border-radius:15px}.spatial-experience .rail-glyph:after,.spatial-experience .deck-dots button span:after{border-radius:11px}
@media(max-width:620px){.spatial-experience .deck-dots button{height:46px}.spatial-experience .deck-dots button span{width:33px;height:33px}.spatial-experience .deck-dots button span .concept-svg{width:17px;height:17px}}


/* Deep-black promotion stage behind the product layers. */
.spatial-experience .motion-stage,.spatial-experience .deck-visual{background:radial-gradient(ellipse at 52% 22%,rgba(255,255,255,.075),transparent 26%),radial-gradient(ellipse at 68% 58%,rgba(242,194,48,.075),transparent 32%),linear-gradient(155deg,#111416 0%,#050607 46%,#010202 100%);box-shadow:inset 0 1px rgba(255,255,255,.055),inset 0 -90px 140px rgba(0,0,0,.74)}.spatial-experience .motion-stage:before,.spatial-experience .deck-visual:after{position:absolute;z-index:0;right:-16%;bottom:-38%;left:-16%;height:76%;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:52px 52px;opacity:.38;filter:drop-shadow(0 -22px 48px rgba(0,0,0,.92));mask-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.72) 34%,#000);transform:perspective(620px) rotateX(66deg) scale(1.34);transform-origin:center bottom;pointer-events:none;content:""}.spatial-experience .motion-stage:before{animation:promotionStageDrift 18s ease-in-out infinite alternate}.spatial-experience .deck-visual:after{z-index:0;opacity:.26;animation:promotionStageDrift 22s ease-in-out infinite alternate-reverse}.spatial-experience .motion-stage:after{z-index:2;background:linear-gradient(112deg,rgba(255,255,255,.05),transparent 24%,transparent 67%,rgba(242,194,48,.04)),radial-gradient(ellipse at 50% 108%,transparent 28%,rgba(0,0,0,.78) 74%)}.spatial-experience .depth-back{background:radial-gradient(circle at 48% 20%,rgba(255,255,255,.055),transparent 34%),linear-gradient(150deg,rgba(17,20,22,.78),rgba(1,2,2,.92));box-shadow:0 34px 88px rgba(0,0,0,.68),inset 0 1px rgba(255,255,255,.055)}.spatial-experience .depth-mid{box-shadow:0 24px 62px rgba(0,0,0,.58),inset 0 0 46px rgba(242,194,48,.025)}
@keyframes promotionStageDrift{0%{background-position:0 0,0 0;transform:perspective(620px) rotateX(66deg) translate3d(-1.5%,0,0) scale(1.34)}100%{background-position:26px 18px,26px 18px;transform:perspective(620px) rotateX(66deg) translate3d(1.5%,-2%,0) scale(1.38)}}
@media(prefers-reduced-motion:reduce){.spatial-experience .motion-stage:before,.spatial-experience .deck-visual:after{animation:none}}


/* Short high-depth parallax and mini promotion beats. */
.spatial-experience .deck-visual[data-frameview]{--shadow-x:0px;--shadow-y:30px}.spatial-experience .deck-visual[data-frameview] .mock-device{box-shadow:var(--shadow-x) var(--shadow-y) 82px rgba(0,0,0,.68),inset 0 1px rgba(255,255,255,.7)}.spatial-experience .deck-shell:after{position:absolute;z-index:8;top:-36%;bottom:-36%;left:-28%;width:22%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.105),rgba(242,194,48,.045),transparent);opacity:0;filter:blur(9px);transform:skewX(-18deg);pointer-events:none;content:""}.spatial-experience .deck-shell.is-mini-promo:after{animation:miniPromoSweep 1.18s cubic-bezier(.2,.75,.2,1)}.spatial-experience .deck-shell.is-mini-promo .mock-device{animation:miniPromoShadow 1.18s cubic-bezier(.2,.75,.2,1)}.spatial-experience .deck-shell.is-mini-promo .depth-mid{animation:miniDepthPulse 1.18s ease-out}.spatial-experience .deck-shell.is-mini-promo .deck-copy h3{animation:miniTypeLift .72s cubic-bezier(.2,.8,.2,1)}
@keyframes miniPromoSweep{0%{left:-28%;opacity:0}22%{opacity:.8}100%{left:116%;opacity:0}}@keyframes miniPromoShadow{0%,100%{filter:none}44%{filter:drop-shadow(0 22px 25px rgba(0,0,0,.52)) brightness(1.035)}}@keyframes miniDepthPulse{0%,100%{opacity:1;filter:blur(.18px)}42%{opacity:.72;filter:blur(1.6px) drop-shadow(0 16px 18px rgba(0,0,0,.62))}}@keyframes miniTypeLift{0%{opacity:.55;transform:translateY(7px);text-shadow:0 14px 22px rgba(0,0,0,.8)}100%{opacity:1;transform:translateY(0);text-shadow:none}}
@media(min-width:981px){.spatial-experience .motion-film,.spatial-experience .motion-stage{min-height:430px}.spatial-experience .deck-slide,.spatial-experience .deck-visual{min-height:520px}}
@media(max-width:980px){.spatial-experience .motion-film,.spatial-experience .motion-stage{min-height:390px}.spatial-experience .deck-slide,.spatial-experience .deck-visual{min-height:480px}}
@media(max-width:620px){.spatial-experience .motion-stage{min-height:305px}.spatial-experience .deck-slide,.spatial-experience .deck-visual{min-height:430px}.spatial-experience .deck-copy{min-height:330px;padding-block:34px}}
@media(prefers-reduced-motion:reduce){.spatial-experience .deck-shell.is-mini-promo:after,.spatial-experience .deck-shell.is-mini-promo .mock-device,.spatial-experience .deck-shell.is-mini-promo .depth-mid,.spatial-experience .deck-shell.is-mini-promo .deck-copy h3{animation:none}}
/* Procedural signal field and multi-plane promotion stage. */
.spatial-stack{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;margin-top:-6px}.spatial-stack span{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #d6d2c7;border-radius:999px;background:rgba(255,255,255,.58);color:#555b58;font-size:9px;box-shadow:inset 0 1px rgba(255,255,255,.8)}.spatial-stack i{width:6px;height:6px;border-radius:50%;background:#151718}.spatial-stack span:first-child i{background:var(--green);box-shadow:0 0 0 4px rgba(102,212,154,.1)}.spatial-stack span:nth-child(2) i{background:var(--yellow);box-shadow:0 0 0 4px rgba(242,194,48,.1)}
.motion-stage{--stage-x:0px;--stage-y:0px;isolation:isolate;perspective:1100px}.motion-stage>.signal-field,.motion-stage>.semantic-route{position:absolute;inset:0;width:100%;height:100%}.motion-stage>.signal-field{z-index:0;opacity:.58;filter:blur(.05px) drop-shadow(0 14px 28px rgba(0,0,0,.46));transform:translate3d(calc(var(--stage-x)*-.45),calc(var(--stage-y)*-.45),-50px) scale(1.08)}.motion-stage>.semantic-route{z-index:1;transform:translate3d(calc(var(--stage-x)*.32),calc(var(--stage-y)*.32),28px) scale(.98);filter:drop-shadow(calc(var(--stage-x)*-.25) 26px 30px rgba(0,0,0,.38))}.signal-link{stroke:rgba(232,229,220,.13);stroke-width:1}.signal-point{fill:rgba(232,229,220,.5)}.signal-anchor{fill:var(--yellow);filter:drop-shadow(0 0 7px rgba(242,194,48,.55))}.motion-stage>.signal-field,.motion-stage>.semantic-route{transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.motion-film[data-playing=true] .signal-link{animation:signalLinkPulse 5.2s ease-in-out infinite alternate}.motion-film[data-playing=true] .signal-anchor{animation:signalAnchorPulse 2.8s ease-in-out infinite}
.deck-meta{grid-template-columns:repeat(3,minmax(0,1fr))}.deck-meta span:last-child b{color:#d8c771}
@keyframes signalLinkPulse{0%{stroke-opacity:.35}100%{stroke-opacity:1}}@keyframes signalAnchorPulse{0%,100%{opacity:.6}50%{opacity:1}}
@media(max-width:620px){.spatial-stack{display:grid;grid-template-columns:1fr}.spatial-stack span{justify-content:flex-start}.motion-stage>.signal-field{opacity:.42}.deck-meta{grid-template-columns:1fr 1fr}.deck-meta span:last-child{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.motion-stage>.signal-field,.motion-stage>.semantic-route{transition:none}.motion-film[data-playing=true] .signal-link,.motion-film[data-playing=true] .signal-anchor{animation:none}}
/* Five spatial planes; product identity lives outside the depth stage. */
.spatial-experience .deck-visual[data-five-layer]{--frame-x:0px;--frame-y:0px;--frame-scroll:0px;--frame-yaw:-3deg;--frame-pitch:1deg;min-height:510px;perspective:1400px;isolation:isolate}
.spatial-experience .deck-slide{grid-template-columns:1.28fr .72fr}
.scene-plane{position:absolute;transform-style:preserve-3d;transform-origin:50% 50%}
.scene-foundation{z-index:0;inset:0;overflow:hidden;pointer-events:none;transform:translate3d(calc(var(--frame-x)*-.4),calc(var(--frame-scroll)*-.7),-55px) scale(1.05)}
.scene-foundation>b{position:absolute;top:27px;left:26px;color:#e5e6df;font-size:13px;letter-spacing:-.04em}
.scene-foundation>span{position:absolute;top:31px;right:26px;color:#9da29d;font-size:9px}
.scene-grid{position:absolute;right:-20%;bottom:-45%;left:-20%;height:78%;background-image:linear-gradient(rgba(223,225,216,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(223,225,216,.065) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(transparent,#000 58%);transform:perspective(600px) rotateX(61deg);transform-origin:center bottom}
.scene-topology{z-index:1;inset:0;pointer-events:none;transform:translate3d(calc(var(--frame-x)*-.22),calc(var(--frame-y)*-.22 + var(--frame-scroll)*.4),-15px)}
.scene-topology svg{width:100%;height:100%;overflow:visible}
.scene-topology path{fill:none}
.topology-bound{stroke:rgba(230,232,222,.19);stroke-width:.85;stroke-dasharray:3 6}
.topology-line{stroke:rgba(242,194,48,.38);stroke-width:1.1}
.scene-topology circle{fill:#e5cc74;opacity:.65}
.scene-topology text{fill:#aeb4ae;font-size:10px;font-weight:550}
.spatial-experience .scene-environment{z-index:2;inset:4% 3% 5%;pointer-events:none;transform:translate3d(calc(var(--frame-x)*.3),calc(var(--frame-y)*.3 + var(--frame-scroll)*.6),18px);filter:drop-shadow(0 22px 24px rgba(0,0,0,.55))}
.spatial-experience .scene-environment canvas{position:absolute;z-index:1;inset:0;width:100%;height:100%;opacity:0;transform:none;filter:none;transition:opacity .18s ease}
.scene-environment .environment-frame{position:absolute;z-index:0;inset:0;opacity:1;transition:opacity .18s ease}
.scene-environment.has-webgl canvas{opacity:1}
.scene-environment.has-webgl .environment-frame{opacity:0}
.scene-environment.no-webgl canvas{display:none}
.scene-environment.no-webgl .environment-frame{opacity:1}
.environment-frame{display:block;width:100%;height:100%;overflow:visible}
.environment-frame rect,.environment-frame path{fill:none;stroke:rgba(229,230,217,.13);stroke-width:1}
.environment-frame .environment-glass{fill:rgba(216,222,207,.025);stroke:rgba(226,232,215,.15)}
.environment-frame .environment-accent{stroke:rgba(242,194,48,.28)}
.environment-frame .environment-sheet{fill:rgba(216,222,207,.035);stroke:rgba(226,232,215,.15)}
.environment-frame .environment-edge{stroke:rgba(226,232,215,.21)}
.environment-frame .environment-route{stroke:rgba(242,194,48,.33);stroke-width:1.35}
.environment-frame circle{fill:#d8c781;opacity:.6}
.spatial-experience .deck-visual[data-frameview][data-five-layer] .mock-device{z-index:3;top:50%;left:50%;width:82%;max-width:610px;transform:translate3d(calc(-50% + var(--frame-x)*.64),calc(-50% + var(--frame-y)*.64 + var(--frame-scroll)*.9),48px) rotateX(var(--frame-pitch)) rotateY(var(--frame-yaw));transition:filter .24s ease,opacity .24s ease;box-shadow:calc(var(--frame-x)*-.5) 36px 68px rgba(0,0,0,.75),inset 0 1px rgba(255,255,255,.68)}
.spatial-experience .deck-visual[data-five-layer] .mock-screen{min-height:302px;background:rgba(17,20,21,.96);backdrop-filter:blur(12px) saturate(80%)}
.spatial-experience .deck-visual[data-five-layer] .mock-body{min-height:256px;grid-template-columns:49px 1fr}
.spatial-experience .deck-visual[data-five-layer] .mock-rail{gap:11px}
.spatial-experience .deck-visual[data-five-layer] .rail-glyph{width:29px;height:29px;border-radius:10px}
.spatial-experience .deck-visual[data-five-layer] .rail-glyph .concept-svg{width:17px;height:17px}
.spatial-experience .deck-visual[data-five-layer] .ui-panel{padding:17px 14px}
.ui-title h4{margin:0;color:#f1f2ec;font-size:17px;font-weight:650;letter-spacing:-.035em}
.scene-receipt{z-index:4;left:5%;bottom:8%;width:44%;min-width:180px;max-width:255px;overflow:hidden;border:1px solid rgba(244,238,217,.27);border-radius:17px;background:rgba(229,226,215,.97);color:#101314;box-shadow:calc(var(--frame-x)*-.7) 30px 52px rgba(0,0,0,.65),inset 0 1px rgba(255,255,255,.8);transform:translate3d(calc(var(--frame-x)*1.15),calc(var(--frame-y)*1.15 + var(--frame-scroll)*1.3),86px);backdrop-filter:blur(9px)}
.scene-receipt summary{display:flex;align-items:center;gap:10px;min-height:76px;padding:14px;cursor:pointer;list-style:none}
.scene-receipt summary::-webkit-details-marker{display:none}
.scene-receipt summary>span:nth-child(2){flex:1;min-width:0}
.scene-receipt small{display:block;color:#494e4a;font-size:10px;line-height:1.3}
.scene-receipt b{display:block;margin-top:4px;font-size:12px;font-weight:700;line-height:1.3}
.receipt-glyph{display:grid;flex:0 0 31px;width:31px;height:35px;border-radius:11px;background:#141718;color:var(--yellow);box-shadow:0 8px 16px rgba(0,0,0,.16);place-items:center}
.receipt-glyph .concept-svg{width:20px;height:20px}
.scene-receipt summary>i{color:#4d534d;font-size:16px;font-style:normal}
.scene-receipt[open] summary>i{transform:rotate(45deg)}
.scene-receipt>p{margin:0;padding:0 14px 16px;color:#454b47;font-size:11px;line-height:1.55}
.scene-receipt summary:focus-visible{outline:2px solid #090b0c;outline-offset:-4px}
.qube-view{display:flex;align-items:center;gap:10px;margin-top:12px;padding:12px;border:1px dashed rgba(242,194,48,.35);border-radius:12px;background:rgba(242,194,48,.035)}
.qube-glyph,.boundary-glyph{display:grid;width:30px;height:30px;color:#e3ce7c;place-items:center}
.qube-view>div{flex:1}
.qube-view b,.qube-view small{display:block;font-size:10px}
.qube-view small{margin-top:4px;color:#afb5ae;font-size:8px}
.continuity-view{display:flex;align-items:center;gap:12px;margin-top:18px;color:#e6dbaf;font-size:10px}
.continuity-view span{padding:14px 9px;border:1px solid #3c403d;border-radius:10px;background:#1b2020}
.continuity-view i{flex:1;height:1px;background:linear-gradient(90deg,rgba(242,194,48,.16),var(--yellow),rgba(242,194,48,.16))}
.spatial-experience .deck-copy{padding:36px 32px}
.spatial-experience .deck-copy h3{margin:18px 0 16px;font-size:clamp(28px,3.25vw,42px);line-height:1.04}
.spatial-experience .deck-copy>p{color:#c4c9c1;font-size:13px;line-height:1.6}
.product-outcomes{display:grid;gap:0;margin:26px 0 0}
.product-outcomes>div{display:grid;grid-template-columns:1fr 1.05fr;align-items:baseline;gap:12px;padding:11px 0;border-top:1px solid rgba(230,231,222,.12)}
.product-outcomes dt{color:#a5aea3;font-size:10px;line-height:1.5}
.product-outcomes dd{margin:0;color:#eef0e8;font-size:11px;font-weight:600;line-height:1.4}
.concept-switcher{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}
.concept-choice{display:flex;align-items:center;gap:7px;min-height:44px;padding:6px 10px;border:1px solid #414743;border-radius:12px;background:#202625;color:#d5dbd1;font-family:inherit;font-weight:600;font-size:10px;line-height:1.3;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}
.concept-choice[aria-selected=true]{border-color:#d2b455;background:#312d1d;color:#fae6a9}
.concept-choice:focus-visible{outline:2px solid #f2c230;outline-offset:3px}
.choice-glyph{display:grid;width:26px;height:26px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:linear-gradient(135deg,#48504b,#222926);box-shadow:0 5px 12px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.16);place-items:center}
.choice-glyph .concept-svg{width:17px;height:17px}
.semantic-notes{min-height:52px;margin-top:12px}
.spatial-experience .deck-copy .semantic-note{margin:0;color:#b3bbb0;font-size:11px;line-height:1.6}
.semantic-panel[hidden],.semantic-note[hidden]{display:none}
.semantic-panel .ui-title{margin-top:0}
.semantic-panel .ui-title h4{font-size:16px}
.semantic-panel .ui-pill{font-size:6px;padding:5px;max-width:72px;text-align:center;line-height:1.3}
.semantic-prompt{margin:10px 0 0;color:#bac1b7;font-size:9px;line-height:1.5}
.semantic-diagram{display:block;width:100%;height:132px;margin-top:12px;overflow:visible}
.diagram-base{fill:none;stroke:#434b45;stroke-width:1.15}
.diagram-flow{fill:none;stroke:#f2c230;stroke-width:1.6;stroke-dasharray:4 7;animation:semanticFlow 3.6s linear infinite}
.diagram-node{fill:#e0c36a;stroke:#f5e9b9;stroke-width:1}
.diagram-muted{fill:#303b34;stroke:#667163;stroke-width:1}
.diagram-hub,.diagram-end{fill:#313426;stroke:#dcc57b;stroke-width:1.2}
.diagram-gate{fill:none;stroke:#e6d1a0;stroke-width:2.6}
.capsule-enclosure{fill:rgba(231,236,216,.045);stroke:#626a5b;stroke-width:1}
.capsule-piece{fill:#28332d;stroke:#7c886f;stroke-width:.6}
.semantic-diagram text{fill:#c9d1c3;font-size:10px;font-weight:550}
.semantic-source{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid #3c443c;color:#b5bfaf;font-size:7px;line-height:1.5}
.semantic-source>span{display:flex;align-items:center;gap:5px}
.semantic-source .concept-svg{width:13px;height:13px;color:#e2cd88}
.semantic-source b{max-width:95px;font-weight:550;text-align:right}
.film-glyph .concept-svg{width:28px;height:28px;overflow:visible;color:#efdb99;fill:none;stroke:currentColor}
.film-glyph path,.film-glyph circle,.film-glyph rect{fill:none;stroke:currentColor;stroke-width:1.65}
.spatial-experience .film-node text{fill:#e0e5d9;font-size:16px;font-weight:550;letter-spacing:0}
.spatial-disclaimer{margin:11px 0 0;text-align:center;color:#606b62;font-size:10px;line-height:1.5}
.spatial-experience[data-motion-paused=true] *, .spatial-experience[data-motion-paused=true] *::before, .spatial-experience[data-motion-paused=true] *::after, .deck-slide[aria-hidden=true] *, .deck-slide[aria-hidden=true] *::before, .deck-slide[aria-hidden=true] *::after{animation-play-state:paused!important}
@keyframes semanticFlow{to{stroke-dashoffset:-44}}
@media(min-width:981px){.spatial-experience .deck-slide,.spatial-experience .deck-copy{min-height:510px}}
@media(max-width:980px){.spatial-experience .deck-slide{grid-template-columns:1fr}.spatial-experience .deck-visual[data-five-layer]{min-height:500px}.spatial-experience .deck-copy{min-height:0;padding:30px}}
@media(max-width:620px){.spatial-experience .deck-visual[data-five-layer]{min-height:430px}.scene-foundation>b{top:18px;left:16px}.scene-foundation>span{top:22px;right:16px}.spatial-experience .scene-environment{inset:4% 1% 5%}.spatial-experience .deck-visual[data-frameview][data-five-layer] .mock-device{top:49%;left:50%;width:87%;padding:5px;border-radius:20px}.spatial-experience .deck-visual[data-five-layer] .mock-body{grid-template-columns:39px 1fr;min-height:248px}.spatial-experience .deck-visual[data-five-layer] .ui-panel{padding:14px 12px}.spatial-experience .deck-visual[data-five-layer] .mock-bar{padding:0 9px;font-size:7px}.spatial-experience .deck-visual[data-five-layer] .mock-status{max-width:104px;line-height:1.3;text-align:right}.spatial-experience .deck-visual[data-five-layer] .rail-glyph{width:27px;height:27px;border-radius:10px}.spatial-experience .deck-visual[data-five-layer] .rail-glyph .concept-svg{width:16px;height:16px}.ui-title h4,.semantic-panel .ui-title h4{font-size:15px}.scene-receipt{left:5%;bottom:4%;width:48%;min-width:0}.scene-receipt summary{gap:7px;padding:10px;min-height:66px}.receipt-glyph{flex-basis:25px;width:25px;height:30px}.scene-receipt b{font-size:10px}.scene-receipt small{font-size:8px}.scene-receipt p{font-size:10px;padding-inline:10px}.semantic-diagram{height:125px}.semantic-source{font-size:7px}.spatial-experience .deck-copy{padding:25px 22px}.spatial-experience .deck-copy h3{font-size:34px;line-height:1.02}.semantic-notes{min-height:0}.qube-view{padding:9px;gap:6px}}
@media(prefers-reduced-motion:reduce){.diagram-flow{animation:none;stroke-dasharray:none}.scene-plane{transition:none!important}.spatial-experience .deck-visual[data-frameview][data-five-layer] .mock-device{transform:translate(-50%,-50%)}}
/* Focus must not create an internal scrolling viewport in a transformed deck. */
.spatial-experience .deck-shell,.spatial-experience .deck-visual[data-five-layer]{overflow:clip}
#product-views{scroll-margin-top:92px}
.spatial-experience .deck-dots button[aria-selected=true] span{background:linear-gradient(135deg,#424334,#141b18);color:#ffe6a6;border-color:#d2ba67}
.spatial-experience[data-offscreen=true] *, .spatial-experience[data-offscreen=true] *::before, .spatial-experience[data-offscreen=true] *::after{animation-play-state:paused!important}

/* Clear identity, spacious interface, short product card. */
.spatial-experience .deck-copy{gap:0;padding:30px 28px;background:linear-gradient(145deg,#191d1d,#0d1111)}
.product-identity{display:flex;align-items:center;gap:15px;min-width:0;margin-bottom:10px}
.product-glyph{position:relative;isolation:isolate;flex:0 0 86px;width:86px;height:86px;overflow:visible;border:1px solid rgba(229,232,215,.15);border-radius:25px;background:linear-gradient(145deg,rgba(220,227,204,.11),rgba(6,9,8,.42));box-shadow:0 13px 24px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.13)}
.product-glyph:before{position:absolute;z-index:-1;inset:6px -5px -6px 5px;border:1px solid rgba(255,255,255,.07);border-radius:27px;background:#070a09;box-shadow:0 11px 20px rgba(0,0,0,.46);content:""}
.product-glyph canvas{position:absolute;inset:0;width:100%;height:100%;transform:none;filter:none}
.product-glyph .webgl-fallback{padding:16px}
.product-glyph .webgl-fallback .concept-svg{width:48px;height:48px;color:#ead69c;stroke-width:1.35;filter:drop-shadow(0 5px 4px #000)}
.product-identity>small,.product-identity-text small{color:#dccc98;font-size:12px;line-height:1.45;font-weight:650;letter-spacing:.035em;text-transform:none}
.product-identity-text>span{display:block;margin-top:5px;color:#94a08d;font-size:10px;letter-spacing:-.01em}
.spatial-experience .deck-copy h3{max-width:470px;margin:10px 0 14px;font-size:clamp(34px,3.45vw,47px);line-height:.99;letter-spacing:-.055em;text-wrap:balance}
.spatial-experience .deck-copy>p{max-width:420px;color:#c0c9bc;font-size:14px;line-height:1.55}
.product-proof{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:22px;color:#e6e9de;font-size:11px;line-height:1.4;font-weight:550}
.product-proof>.concept-svg,.product-proof>span:first-child .concept-svg{flex:0 0 21px;width:21px;height:21px;color:#e4d297}
.product-proof>span{min-width:0}
.product-proof small{display:block;color:#9ca993;font-size:9px;font-weight:500;letter-spacing:.01em;text-transform:none}
.product-proof b{display:block;margin-top:3px;color:#e6e9de;font-size:11px;font-weight:600}
.concept-switcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:18px}
.concept-choice{flex-direction:column;justify-content:center;gap:7px;min-height:69px;padding:9px 5px;border-radius:13px;text-align:center;font-size:10px;line-height:1.25}
.concept-choice>span:last-child{overflow-wrap:anywhere}
.choice-glyph{width:27px;height:27px;border-radius:10px}
.semantic-notes{min-height:0;margin-top:10px}
.spatial-experience .deck-copy .semantic-note{font-size:11px;line-height:1.45}

/* Branch and merge are choices within the same work, never separate pages. */
.workflow-switch{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}
.workflow-choice{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;border:1px solid #475047;border-radius:13px;background:#202823;color:#d4dccf;font-family:inherit;font-size:11px;line-height:1.3;font-weight:600;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}
.workflow-choice .concept-svg{width:18px;height:18px}
.workflow-choice[aria-pressed=true]{border-color:#d2b455;background:#312d1d;color:#fae6a9;box-shadow:inset 0 1px rgba(255,243,190,.08)}
.workflow-choice:hover{border-color:#84917d;color:#eef0e7}
.workflow-choice:focus-visible{outline:2px solid #f2c230;outline-offset:3px}
.workflow-preview{margin-top:15px;padding:12px 10px 10px;border:1px solid rgba(219,226,211,.12);border-radius:13px;background:rgba(255,255,255,.025)}
.workflow-diagram{display:block;width:100%;height:96px;overflow:visible}
.workflow-diagram path{fill:none;stroke:#62705e;stroke-width:1.35;stroke-linecap:round}
.workflow-diagram .diagram-flow{stroke:#f2c230;stroke-width:1.65}
.workflow-diagram text{fill:#cbd4c3;font-size:10px;font-weight:550}
.workflow-diagram .workflow-node{fill:#27322a;stroke:#9ca78c;stroke-width:1}
.workflow-diagram .workflow-hub{fill:#373426;stroke:#dec883;stroke-width:1.2}
.workflow-caption{margin:6px 0 0;color:#bfc9b7;font-size:9px;line-height:1.4;text-align:center}
.workflow-merge{display:none}
.deck-slide[data-workflow-state=merge] .workflow-branch{display:none}
.deck-slide[data-workflow-state=merge] .workflow-merge{display:initial}
.spatial-experience .motion-film{grid-template-columns:minmax(250px,.56fr) minmax(0,1.44fr)}
.spatial-experience .motion-film,.spatial-experience .motion-stage{min-height:370px}
.spatial-experience .motion-film-copy{padding:36px 30px}
.spatial-experience .motion-film-copy h3{font-size:clamp(36px,4vw,57px);line-height:.97}
.spatial-experience .motion-film-copy>p:not(.spatial-kicker){margin:20px 0 24px;line-height:1.55}
.spatial-experience .motion-stage>.semantic-route{inset:5% 2%;width:96%;height:90%;object-fit:contain}
@media(max-width:980px){.spatial-experience .motion-film{grid-template-columns:1fr}.spatial-experience .motion-film-copy{min-height:0;padding:30px}.spatial-experience .motion-stage{min-height:350px}.spatial-experience .deck-copy{padding:28px 30px}.product-proof{margin-top:20px;padding-top:0}.concept-switcher{max-width:480px}.spatial-experience .deck-copy h3{max-width:620px;font-size:clamp(36px,5vw,48px)}}
@media(max-width:620px){.spatial-experience .motion-stage{min-height:285px}.spatial-experience .motion-film-copy{padding:28px 23px}.spatial-experience .motion-film-copy h3{font-size:42px}.spatial-experience .deck-copy{padding:25px 23px}.product-glyph{flex-basis:77px;width:77px;height:77px;border-radius:23px}.product-glyph:before{border-radius:25px}.product-identity{gap:14px;margin-bottom:9px}.product-identity>small,.product-identity-text small{font-size:13px}.spatial-experience .deck-copy h3{margin-top:11px;font-size:36px}.concept-choice{min-height:70px}.workflow-switch{margin-top:17px}.workflow-choice{flex:1;min-width:0;padding-inline:11px}.workflow-diagram{height:92px}.product-proof{font-size:11px}.spatial-experience .deck-help{line-height:1.5}}
@media(max-width:360px){.spatial-experience .deck-copy{padding-inline:20px}.spatial-experience .deck-visual[data-frameview][data-five-layer] .mock-device{width:91%}.spatial-experience .deck-visual[data-five-layer] .ui-panel{padding-inline:9px}.spatial-experience .deck-copy h3{font-size:33px}.concept-choice{font-size:9px}}
@media(prefers-reduced-motion:reduce){.workflow-choice,.spatial-experience .scene-environment canvas,.scene-environment .environment-frame{transition:none}.workflow-diagram .diagram-flow{animation:none;stroke-dasharray:none}.product-glyph{transform:none}.spatial-experience .deck-visual[data-frameview][data-five-layer] .mock-device{transform:translate(-50%,-50%)}}
@media(forced-colors:active){.product-glyph,.product-proof,.workflow-preview,.workflow-choice{border:1px solid CanvasText}.workflow-choice[aria-pressed=true]{border-color:Highlight}.workflow-diagram path{stroke:CanvasText}.workflow-diagram text{fill:CanvasText}}

/* Layered matte interface showcase. The former WebGL stage is intentionally absent. */
.interface-showcase{background:linear-gradient(180deg,#f5f2ea 0%,#efede6 55%,#f7f4ed 100%)}
.interface-showcase .motion-film{min-height:420px;grid-template-columns:minmax(260px,.62fr) minmax(0,1.38fr);border-color:#242726;background:#090b0b;box-shadow:0 36px 90px rgba(5,7,7,.2)}
.interface-showcase .motion-stage{min-height:420px;perspective:1200px;isolation:isolate;background:radial-gradient(circle at 62% 34%,rgba(242,194,48,.09),transparent 28%),linear-gradient(150deg,#171a19,#070909 72%)}
.interface-showcase .motion-stage:before{height:68%;opacity:.24;animation:none;background-size:46px 46px}
.interface-showcase .motion-stage:after{z-index:1;background:linear-gradient(118deg,rgba(255,255,255,.045),transparent 28%,transparent 68%,rgba(242,194,48,.035)),radial-gradient(circle at 50% 110%,transparent 20%,rgba(0,0,0,.68) 75%)}
.matte-promo{--scroll-shift:0px;--parallax-x:0px;--parallax-y:0px;transform-style:preserve-3d}
.promo-shadow-layer{position:absolute;z-index:1;inset:18% 11% 12%;border-radius:32px;background:#000;filter:blur(34px);opacity:.68;transform:translate3d(calc(var(--parallax-x)*-.3),calc(48px + var(--scroll-shift)),0)}
.promo-window{position:absolute;z-index:2;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:linear-gradient(145deg,rgba(38,42,40,.9),rgba(13,16,15,.94));color:#eff0e9;box-shadow:0 30px 65px rgba(0,0,0,.6),inset 0 1px rgba(255,255,255,.09);backdrop-filter:blur(18px) saturate(76%);transform-style:preserve-3d;transition:transform .52s cubic-bezier(.2,.8,.2,1),filter .52s ease,opacity .52s ease}
.promo-window-back{inset:14% 9% 20% 27%;opacity:.5;filter:blur(1.2px);transform:translate3d(calc(var(--parallax-x)*-.42),calc(var(--parallax-y)*-.32 + var(--scroll-shift)*.42),-80px) rotateY(-7deg) rotateX(3deg)}
.promo-window-mid{inset:22% 18% 13% 18%;opacity:.8;transform:translate3d(calc(var(--parallax-x)*.22),calc(var(--parallax-y)*.18 + var(--scroll-shift)*.7),-12px) rotateY(4deg)}
.promo-window-front{z-index:4;top:27%;right:8%;bottom:10%;left:35%;padding:27px;transform:translate3d(calc(var(--parallax-x)*.72),calc(var(--parallax-y)*.6 + var(--scroll-shift)),70px) rotateY(-3deg);box-shadow:calc(var(--shadow-x,0px)*.4) var(--shadow-y,34px) 72px rgba(0,0,0,.72),inset 0 1px rgba(255,255,255,.12)}
.promo-bar{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid rgba(255,255,255,.08);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.promo-bar small{color:#818883}.promo-lines{display:grid;gap:10px;padding:24px}.promo-lines i{display:block;width:70%;height:7px;border-radius:999px;background:rgba(255,255,255,.1)}.promo-lines i:nth-child(2){width:88%}.promo-lines i:nth-child(3){width:48%;background:rgba(242,194,48,.18)}
.promo-metric{display:flex;align-items:flex-end;gap:14px;padding:22px}.promo-metric b{font-size:54px;line-height:.85;color:#e5c95e;letter-spacing:-.07em}.promo-metric span{padding-bottom:4px;color:#aeb5ae;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.promo-status{display:flex;align-items:center;gap:9px;color:#9ea69f;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.promo-status i{width:7px;height:7px;border-radius:50%;background:#66d49a;box-shadow:0 0 0 5px rgba(102,212,154,.1)}.promo-window-front h4{max-width:330px;margin:38px 0 44px;font-size:clamp(27px,3vw,43px);line-height:.98;letter-spacing:-.05em}.promo-actions{display:flex;align-items:center;justify-content:space-between;gap:14px}.promo-actions span,.promo-actions b{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.045);font-size:9px}.promo-actions svg{width:15px;height:15px}.promo-actions b{border-color:rgba(242,194,48,.3);background:rgba(242,194,48,.1);color:#f0d678}
.motion-film[data-playing=true] .promo-window-back{animation:matteBack 8s ease-in-out infinite}.motion-film[data-playing=true] .promo-window-mid{animation:matteMid 7s ease-in-out infinite}.motion-film[data-playing=true] .promo-window-front{animation:matteFront 9s ease-in-out infinite}
@keyframes matteBack{0%,100%{margin-top:0}50%{margin-top:-7px}}@keyframes matteMid{0%,100%{margin-top:0}50%{margin-top:6px}}@keyframes matteFront{0%,100%{filter:none}48%,54%{filter:drop-shadow(0 0 18px rgba(242,194,48,.09))}}

.interface-showcase .scene-environment{z-index:2;inset:7% 5% 8%;filter:none;transform-style:preserve-3d;transform:translate3d(calc(var(--frame-x)*.3),calc(var(--frame-y)*.3 + var(--frame-scroll)*.55),18px)}
.ui-depth-stack{perspective:900px}.matte-layer{position:absolute;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:linear-gradient(145deg,rgba(44,49,46,.84),rgba(10,13,12,.9));color:#edf0e9;box-shadow:0 26px 52px rgba(0,0,0,.62),inset 0 1px rgba(255,255,255,.1);backdrop-filter:blur(16px) saturate(72%);transition:transform .52s cubic-bezier(.2,.8,.2,1),opacity .4s ease,filter .4s ease}
.matte-layer-back{inset:6% 8% 19% 19%;padding:22px;opacity:.48;filter:blur(.7px);transform:translate3d(calc(var(--frame-x)*-.28),calc(var(--frame-y)*-.25),-55px) rotateY(-5deg)}
.matte-layer-back small,.matte-layer-mid small,.matte-layer-front small{display:block;color:#89918b;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.matte-layer-back b{display:block;margin-top:16px;font-size:25px;letter-spacing:-.04em}
.matte-layer-mid{inset:14% 15% 12% 10%;padding:20px;opacity:.76;transform:translate3d(calc(var(--frame-x)*.2),calc(var(--frame-y)*.18),8px) rotateY(3deg)}.matte-layer-mid>span{display:grid;width:35px;height:35px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.06);color:#dfc65f;place-items:center}.matte-layer-mid svg{width:17px;height:17px}.matte-layer-mid small{margin:34px 0 16px}.matte-layer-mid i{display:block;width:80%;height:6px;margin-top:8px;border-radius:999px;background:rgba(255,255,255,.09)}.matte-layer-mid i:nth-of-type(2){width:62%}.matte-layer-mid i:nth-of-type(3){width:42%;background:rgba(242,194,48,.2)}
.matte-layer-front{right:2%;bottom:3%;display:flex;align-items:center;width:51%;min-height:88px;gap:13px;padding:15px;transform:translate3d(calc(var(--frame-x)*.62),calc(var(--frame-y)*.58),60px);box-shadow:calc(var(--frame-x)*-.35) 28px 54px rgba(0,0,0,.72),inset 0 1px rgba(255,255,255,.11)}.matte-layer-front>span{display:grid;flex:0 0 38px;width:38px;height:38px;border:1px solid rgba(242,194,48,.24);border-radius:13px;background:rgba(242,194,48,.09);color:#e7ca61;place-items:center}.matte-layer-front svg{width:18px;height:18px}.matte-layer-front b{display:block;margin-top:5px;font-size:11px}
.interface-showcase .deck-visual[data-frameview][data-five-layer] .mock-device{width:80%;transform:translate3d(calc(-50% + var(--frame-x)*.58),calc(-50% + var(--frame-y)*.58 + var(--frame-scroll)*.84),46px) rotateX(var(--frame-pitch)) rotateY(var(--frame-yaw));box-shadow:calc(var(--frame-x)*-.45) 34px 66px rgba(0,0,0,.72),inset 0 1px rgba(255,255,255,.7)}
.interface-showcase .product-glyph{background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(12,15,14,.7));backdrop-filter:blur(14px) saturate(76%)}.interface-showcase .product-glyph .webgl-fallback{position:absolute;inset:0;display:grid;padding:0;place-items:center}.interface-showcase .product-glyph .webgl-fallback .concept-svg{width:42px;height:42px}
.interface-showcase .deck-shell.is-transitioning .matte-layer-back{opacity:.28;filter:blur(4px)}.interface-showcase .deck-shell.is-transitioning .matte-layer-mid{opacity:.52;filter:blur(1.8px)}
@media(max-width:980px){.interface-showcase .motion-film{grid-template-columns:1fr}.interface-showcase .motion-stage{min-height:440px}.promo-window-front{left:30%}}
@media(max-width:620px){.interface-showcase .motion-stage{min-height:360px}.promo-window-back{inset:11% 4% 22% 17%}.promo-window-mid{inset:19% 10% 13% 8%}.promo-window-front{top:26%;right:4%;bottom:9%;left:25%;padding:19px}.promo-window-front h4{margin:25px 0 32px;font-size:29px}.promo-actions span{display:none}.interface-showcase .scene-environment{inset:6% 2% 7%}.matte-layer-front{width:56%}.interface-showcase .deck-visual[data-frameview][data-five-layer] .mock-device{width:88%}}
@media(prefers-reduced-motion:reduce){.motion-film[data-playing=true] .promo-window-back,.motion-film[data-playing=true] .promo-window-mid,.motion-film[data-playing=true] .promo-window-front{animation:none}.promo-window,.matte-layer{transition:none}.promo-window-back,.promo-window-mid,.promo-window-front,.matte-layer-back,.matte-layer-mid,.matte-layer-front{transform:none}}