.interactive-capsules{gap:20px!important}.capsule-choice{position:relative;overflow:visible!important;min-height:270px;padding-top:110px!important;transition:transform .4s,box-shadow .4s!important}.capsule-choice:hover{transform:translateY(-7px);box-shadow:0 0 40px #61a6ff22}.capsule-visual{position:absolute;left:calc(50% - 60px);top:28px;width:120px;height:44px;border-radius:40px;transform:rotate(-25deg);animation:capsule-float 7s ease-in-out infinite;border:1px solid #ffffff88;box-shadow:inset 0 4px 5px #ffffff44,inset 0 -7px 9px #0007,0 12px 25px #0006;display:flex;align-items:center;justify-content:center;pointer-events:none}.capsule-visual:after{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:#ffffff66}.capsule-visual span{font:12px monospace;color:#fff9;letter-spacing:.2em}.capsule-red{background:linear-gradient(90deg,#6a061bf5 50%,#e03357 50%)}.capsule-blue{background:linear-gradient(90deg,#042964f5 50%,#3596eb 50%);animation-delay:-3.5s}.capsule-choice:hover .capsule-visual{filter:brightness(1.25);animation-duration:2.8s}.choice-option.choice-blue.selected{border-color:#59b9ff!important;box-shadow:0 0 30px #4da6ff22!important}.choice-option.choice-red.selected{border-color:#f06176!important;box-shadow:0 0 30px #ff445522!important}.matrix-choice.digital-switch{animation:choice-transition .85s ease-out}@keyframes capsule-float{0%,100%{transform:translateY(0) rotate(-25deg) rotateY(0deg)}50%{transform:translateY(-10px) rotate(-12deg) rotateY(24deg)}}@keyframes choice-transition{0%{filter:brightness(1)}25%{filter:brightness(1.8);transform:translateX(2px)}38%{transform:translateX(-2px)}100%{filter:brightness(1);transform:translateX(0)}}

.agent-interaction:focus-visible{outline:2px solid #c7f4ff;outline-offset:6px}.fx-status{font-size:14px!important;color:#a0dccb!important;min-height:23px}.fx-hint{font-size:12px;color:#9fb6c6;text-align:center;margin:12px}.cube-stage{position:relative;display:flex;align-items:center;justify-content:center;height:440px;perspective:1000px;touch-action:pan-y;--cube-size:220px;--cube-half:110px}.cube-auto,.cube-body{width:var(--cube-size);height:var(--cube-size);transform-style:preserve-3d}.cube-auto{animation:cube-turn 36s linear infinite}.cube-stage:hover .cube-auto,.cube-stage:focus-within .cube-auto,.cube-stage.dragging .cube-auto{animation-play-state:paused}.cube-body{transform:rotateX(-18deg) rotateY(25deg)}.cube-face{position:absolute;inset:0;background:linear-gradient(145deg,#153c52f5,#06121dfc);border:1px solid #76d8ffaa;box-shadow:inset 0 0 34px #52bfff19;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px;backface-visibility:hidden;gap:18px;color:#dff7ff}.cube-face small{font:11px 'Share Tech Mono',monospace;color:#6fbeca;letter-spacing:.07em}.cube-face b{font:600 24px/1.2 'Space Grotesk',sans-serif;letter-spacing:-.035em}.cube-face span{font-size:12px;color:#9bbacb}.cube-face:hover{border-color:#ffda84;box-shadow:inset 0 0 60px #4cbaff33,0 0 20px #53bbff66}.cube-front{transform:translateZ(var(--cube-half))}.cube-back{transform:rotateY(180deg) translateZ(var(--cube-half))}.cube-right{transform:rotateY(90deg) translateZ(var(--cube-half))}.cube-left{transform:rotateY(-90deg) translateZ(var(--cube-half))}.cube-top{transform:rotateX(90deg) translateZ(var(--cube-half))}.cube-bottom{transform:rotateX(-90deg) translateZ(var(--cube-half))}.cube-hint{position:absolute;bottom:10px;font:11px 'Share Tech Mono',monospace;color:#7ca3b5;letter-spacing:.05em;text-align:center}.cube-links{display:flex;flex-wrap:wrap;gap:8px;max-width:460px}.cube-links a{font-size:13px;border-bottom:1px solid #294d68;padding:5px 9px;color:#afdfff}.cube-links a:hover{color:#ffe18c}@keyframes cube-turn{to{transform:rotateY(360deg)}}
.interactive-capsules{gap:20px!important}.capsule-choice{position:relative;overflow:visible!important;min-height:270px;padding-top:110px!important;transition:transform .4s,box-shadow .4s!important}.capsule-choice:hover{transform:translateY(-7px);box-shadow:0 0 40px #61a6ff22}.capsule-visual{position:absolute;left:calc(50% - 60px);top:28px;width:120px;height:44px;border-radius:40px;transform:rotate(-25deg);animation:capsule-float 7s ease-in-out infinite;border:1px solid #ffffff88;box-shadow:inset 0 4px 5px #ffffff44,inset 0 -7px 9px #0007,0 12px 25px #0006;display:flex;align-items:center;justify-content:center;pointer-events:none}.capsule-visual:after{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:#ffffff66}.capsule-visual span{font:12px monospace;color:#fff9;letter-spacing:.2em}.capsule-red{background:linear-gradient(90deg,#6a061bf5 50%,#e03357 50%)}.capsule-blue{background:linear-gradient(90deg,#042964f5 50%,#3596eb 50%);animation-delay:-3.5s}.capsule-choice:hover .capsule-visual{filter:brightness(1.25);animation-duration:2.8s}.choice-option.choice-blue.selected{border-color:#59b9ff!important;box-shadow:0 0 30px #4da6ff22!important}.choice-option.choice-red.selected{border-color:#f06176!important;box-shadow:0 0 30px #ff445522!important}.matrix-choice.digital-switch{animation:choice-transition .85s ease-out}@keyframes capsule-float{0%,100%{transform:translateY(0) rotate(-25deg) rotateY(0deg)}50%{transform:translateY(-10px) rotate(-12deg) rotateY(24deg)}}@keyframes choice-transition{0%{filter:brightness(1)}25%{filter:brightness(1.8);transform:translateX(2px)}38%{transform:translateX(-2px)}100%{filter:brightness(1);transform:translateX(0)}}
.hologram-stage{position:relative;min-width:0;height:430px;perspective:1000px;touch-action:pan-y}.hologram-stage canvas{width:100%;height:340px;display:block;pointer-events:none}.reactive-logo{position:absolute;width:78%;height:auto;left:11%;top:125px;opacity:0;cursor:pointer;filter:drop-shadow(0 0 22px #67bfff33);transform:perspective(700px) rotateX(var(--holo-x,0deg)) rotateY(var(--holo-y,0deg));transition:opacity .5s,filter .25s;pointer-events:none}.hologram-stage.logo-built .reactive-logo{opacity:1;pointer-events:auto}.hologram-stage .fx-control{display:flex;margin:0 auto}.hologram-stage.logo-built .reactive-logo:hover{filter:drop-shadow(0 0 30px #4bcfff77)}
.system-stage{position:relative;min-width:0;aspect-ratio:1.2;perspective:800px;overflow:hidden;border:1px solid #233947;border-radius:18px;background:#070d14;touch-action:pan-y}.system-modern{position:absolute;inset:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;opacity:0;transform:scale(.93);transition:opacity .7s .25s,transform .7s .25s}.system-modern>img:first-child{width:62%;height:auto}.system-modern .modern-screen{width:100%;height:75%;object-fit:contain;border:1px solid #60c4fa44;border-radius:7px}.system-tiles{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:5px;padding:5px}.system-tiles>span{display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(140deg,#192127,#0d1319);border:1px solid #52616a66;padding:10px;text-align:center;transition:transform .75s cubic-bezier(.2,.7,.2,1),opacity .55s;gap:12px}.system-tiles i{font:23px 'Share Tech Mono',monospace;color:#73828e;font-style:normal}.system-tiles b{font:13px 'Space Grotesk',sans-serif;color:#b5c0c7}.system-tiles small{font-size:11px;color:#697f8c;overflow-wrap:anywhere}.system-stage.system-broken .system-tiles>span{transform:translate(var(--dx),var(--dy)) rotate(var(--rz)) rotateY(35deg);opacity:0}.system-stage.system-broken .system-tiles{pointer-events:none}.system-stage.system-broken .system-modern{opacity:1;transform:scale(1)}#reset-system{margin:10px 0}#reset-system[hidden]{display:none}
.price-tunnel-section{padding:80px 0;text-align:center}.tunnel-heading h2{margin-bottom:32px}.tunnel-stage{height:360px;position:relative;overflow:hidden;border-radius:20px;background:radial-gradient(ellipse,#07203277,transparent 65%)}.tunnel-stage canvas{width:100%;height:100%;display:block}.tunnel-result{position:absolute;inset:0;align-items:center;justify-content:center;flex-direction:column;gap:18px;background:radial-gradient(ellipse,#07131cf2,#080b0fcc);animation:tunnel-arrive .8s ease-out}.tunnel-result:not([hidden]){display:flex}.tunnel-result>span{font:14px 'Share Tech Mono',monospace;color:#f6d96d;letter-spacing:.12em}.tunnel-result strong{font:500 clamp(30px,5vw,57px) 'Space Grotesk',sans-serif;letter-spacing:-.04em}.tunnel-result strong b{color:#ffe077;margin-left:15px}.tunnel-result p{color:#9ab3c5;font-size:14px;margin:0}.tunnel-controls{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px}.tunnel-controls p{color:#819baa;font-size:13px}@keyframes tunnel-arrive{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}
.agent-interaction{overflow:hidden;cursor:pointer;perspective:900px;animation:none!important;--agents-px:0deg;--agents-py:0deg}.agent-interaction .agents-base{visibility:hidden;filter:none}.agent-half{position:absolute;inset:0;pointer-events:none;transition:transform .7s ease;transform-origin:50% 60%}.agent-half img{width:100%;height:auto;filter:none!important}.agent-left{clip-path:inset(0 50% 0 0);transform:rotateX(var(--agents-px)) rotateY(var(--agents-py))}.agent-right{clip-path:inset(0 0 0 50%);transform:rotateX(var(--agents-px)) rotateY(var(--agents-py))}.agents-reveal-logo{position:absolute!important;left:25%;top:50%;width:50%!important;opacity:0;transform:translateY(-50%) scale(.8);transition:opacity .8s,transform .8s;filter:drop-shadow(0 0 15px #61bfff55)!important}.agents-open .agent-left{transform:translateX(-25%) rotateY(-15deg)}.agents-open .agent-right{transform:translateX(25%) rotateY(15deg)}.agents-open .agents-reveal-logo{opacity:1;transform:translateY(-50%) scale(1)}.agent-hint{position:absolute;bottom:8px;left:0;right:0;text-align:center;font:11px 'Share Tech Mono',monospace;color:#9cb8c9;text-shadow:0 2px 4px #000;pointer-events:none}.agents-open .agent-hint{opacity:0}

/* Glossy, rounded capsule controls, with a cap seam and reflected light. */
.capsule-choice{padding-top:130px!important;min-height:290px}
.capsule-visual{width:154px;height:56px;left:calc(50% - 77px);top:35px;border-radius:50px;border:1px solid #ffdce044;box-shadow:inset 0 2px 2px #ffffff77,inset 0 -8px 10px #0008,0 15px 18px #0008,0 0 25px var(--pill-glow);transform-style:preserve-3d;isolation:isolate}
.capsule-red{--pill-glow:#ed355022;background:radial-gradient(ellipse at 27% 18%,#ffb7bfaa,transparent 36%),linear-gradient(0deg,#540316,#ad102d 30%,#e33c55 70%,#ff6073);border-color:#ff819366}
.capsule-blue{--pill-glow:#3aafff22;background:radial-gradient(ellipse at 27% 18%,#bee8ffaa,transparent 36%),linear-gradient(0deg,#031f50,#0756aa 30%,#2799ea 70%,#6acaff);border-color:#90d4ff66}
.capsule-visual:before{content:'';position:absolute;left:13%;right:14%;top:9px;height:8px;border-radius:50%;background:linear-gradient(90deg,transparent,#fff9 18%,#fff5 70%,transparent);filter:blur(1.5px);transform:rotate(-1deg)}
.capsule-visual:after{left:52%;width:2px;border-left:1px solid #0005;border-right:1px solid #ffffff55;background:transparent;top:1px;bottom:1px;box-shadow:1px 0 5px #0004}
.capsule-visual span{position:absolute;left:30%;top:17px;font:600 16px 'Space Grotesk',sans-serif;color:#ffffffb8;letter-spacing:0;transform:rotate(1deg);text-shadow:0 1px 1px #0005}
.capsule-choice:hover .capsule-visual,.capsule-choice:focus-visible .capsule-visual{filter:brightness(1.16);box-shadow:inset 0 2px 2px #ffffff88,inset 0 -8px 10px #0008,0 15px 18px #0008,0 0 36px var(--pill-glow)}
.choice-red.capsule-choice:hover,.choice-red.capsule-choice.selected{box-shadow:0 0 45px #ed354f22!important}.choice-blue.capsule-choice:hover{box-shadow:0 0 45px #389bff22!important}
.smart-awaken body:after{content:'';position:fixed;inset:0;z-index:9999;pointer-events:none;background:radial-gradient(ellipse at 50% 65%,#ffedf1a6 0%,#ff4c6855 33%,#52c8ff3b 68%,transparent 100%);mix-blend-mode:screen;animation:smart-world-light 1.2s ease-out forwards}
@keyframes smart-world-light{0%{opacity:0;transform:scale(.85)}25%{opacity:.85}65%{opacity:.35;transform:scale(1.05)}100%{opacity:0;transform:scale(1.15)}}

@media(max-width:900px){}
@media(max-width:700px){.capsule-visual{width:132px;height:50px;left:calc(50% - 66px);top:32px}.capsule-visual:before{top:8px;height:7px}.capsule-visual span{top:15px;font-size:14px}.capsule-choice{padding-top:119px!important}}
@media(prefers-reduced-motion:reduce){.smart-awaken body:after{display:none}}

.motion-paused .capsule-visual{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.capsule-visual{animation:none}.agent-half,.agents-reveal-logo{transition:none}}

/* Reference-matched transparent 3D capsule artwork, displayed as two choices. */
.capsule-choice{min-height:350px;padding-top:183px!important}
.capsule-visual{width:190px;height:130px;left:calc(50% - 95px);top:22px;background:none;border:0;border-radius:0;box-shadow:none;overflow:hidden}
.capsule-red,.capsule-blue{background:none;border:0}
.capsule-visual:before,.capsule-visual:after{content:none}
.capsule-visual .capsule-art{position:absolute;top:50%;left:0;width:200%;max-width:none;height:auto;transform:translateY(-50%);pointer-events:none}
.capsule-blue .capsule-art{left:-100%}
.capsule-choice:hover .capsule-visual,.capsule-choice:focus-visible .capsule-visual{box-shadow:none;filter:brightness(1.08)}
@keyframes capsule-float{0%,100%{transform:translateY(0) rotate(-2deg) rotateY(-5deg)}50%{transform:translateY(-8px) rotate(2deg) rotateY(9deg)}}
@media(max-width:700px){.capsule-visual{width:150px;height:106px;left:calc(50% - 75px);top:20px}.capsule-choice{padding-top:151px!important;min-height:315px;padding-left:12px!important;padding-right:12px!important}.capsule-choice strong{font-size:18px!important}}
@media(prefers-reduced-motion:reduce){.capsule-visual{animation:none}}

/* Compact option cards: capsule artwork dimensions are preserved. */
.interactive-capsules{max-width:800px;gap:18px!important}
.capsule-choice{min-height:0;padding:162px 22px 18px!important;gap:7px;align-items:center;text-align:center}
.capsule-choice strong{font-size:20px}
.smart-awaken body:after{background:radial-gradient(ellipse at 50% 60%,#fff 0%,#fff4f9eb 30%,#d4f2ffe0 65%,#fff9 100%);animation:smart-world-light 1.6s ease-out forwards}
@keyframes smart-world-light{0%{opacity:0;transform:scale(.95)}24%,34%{opacity:1;transform:scale(1)}65%{opacity:.6}100%{opacity:0;transform:scale(1.1)}}
@media(max-width:700px){.interactive-capsules{gap:10px!important}.capsule-choice{padding:132px 10px 14px!important;min-height:0}.capsule-choice strong{font-size:17px!important}}
/* Two brief cinematic responses to the red and blue choices. */
.smart-awaken body:after{animation:smart-world-light 3.8s ease-out forwards}
@keyframes smart-world-light{0%{opacity:0;transform:scale(.98)}18%,48%{opacity:1;transform:scale(1)}72%{opacity:.7}100%{opacity:0;transform:scale(1.05)}}
.capsule-message{position:fixed;inset:auto;top:var(--choice-top,0px);left:var(--choice-left,0px);width:var(--choice-width,100%);height:var(--choice-height,100dvh);box-sizing:border-box;z-index:10001;display:flex;align-items:center;justify-content:center;padding:28px;pointer-events:none;text-align:center}.capsule-message[hidden]{display:none}.capsule-message p{min-width:0;max-width:850px;margin:0 auto;text-align:center;font:400 clamp(24px,3.4vw,46px)/1.5 'Space Grotesk',sans-serif;letter-spacing:1px;white-space:pre-line}.choice-message-red p{color:#20384bdd;text-shadow:0 1px 20px #ffffff5e;animation:choice-red-words 3.8s ease-out both}.choice-message-blue{background:#000;animation:choice-blue-dark 4.2s ease-in-out both}.choice-message-blue p{color:#c3d2df;letter-spacing:1.4px;animation:choice-blue-words 4.2s ease-out both}.choice-message-quiet{background:#000e}.choice-message-quiet,.choice-message-quiet p{animation:none!important}.choice-message-quiet p{color:#d5e7f5}.choice-message-quiet.choice-message-red p{color:#e1ecf4;text-shadow:none}
@keyframes choice-red-words{0%,12%{opacity:0;filter:blur(5px)}30%,66%{opacity:.8;filter:blur(0)}100%{opacity:0;filter:blur(0)}}
@keyframes choice-blue-dark{0%{opacity:0}15%,80%{opacity:1}100%{opacity:0}}
@keyframes choice-blue-words{0%,16%{opacity:0;filter:blur(4px)}32%,74%{opacity:.9;filter:blur(0)}100%{opacity:0;filter:blur(0)}}
@media(max-width:520px){.capsule-message{padding:24px}.capsule-message p{font-size:25px;letter-spacing:.4px}.choice-message-blue p{letter-spacing:.6px}}
@media(prefers-reduced-motion:reduce){.capsule-message,.capsule-message p{animation:none!important;filter:none}.smart-awaken body:after{display:none}}