.aspect-ratio{background:#f4f7f9;color:#09131d}.aspect-ratio .split>p{color:#536975}.ar-story{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.ar-demo{padding:34px;background:#091722;border:1px solid #25465b}.ar-substrate{position:relative;height:540px;overflow:hidden;background:linear-gradient(90deg,#18364b,#244a61 50%,#18364b)}.ar-channel{position:absolute;top:0;left:calc(50% - 52px);width:104px;height:80%;background:#091722;animation:channel-depth 7s ease-in-out infinite alternate}.ar-front{position:absolute;z-index:2;top:calc(80% - 14px);left:calc(50% - 52px);display:grid;place-items:center;width:104px;height:14px;background:linear-gradient(90deg,#ffb000,#ff7900);box-shadow:0 0 24px rgba(255,157,0,.48);animation:front-depth 7s ease-in-out infinite alternate}.ar-front span{position:absolute;top:22px;color:#ffd27d;font:600 .66rem "Space Grotesk",sans-serif;letter-spacing:.1em}.ar-depth{position:absolute;top:38px;bottom:70px;left:35px;width:70px;border-left:1px solid rgba(255,255,255,.35)}.ar-depth:before,.ar-depth:after{content:"";position:absolute;left:-5px;width:9px;height:9px;border-left:1px solid #fff;border-top:1px solid #fff}.ar-depth:before{top:0;transform:rotate(45deg)}.ar-depth:after{bottom:0;transform:rotate(225deg)}.ar-depth b{position:absolute;top:45%;left:-55px;width:120px;transform:rotate(-90deg);color:#8ca8b8;font:500 .72rem "DM Sans",sans-serif;text-transform:uppercase;letter-spacing:.1em}.ar-interface-label{padding-top:18px;color:#9bb2c0;font-size:.82rem;text-align:center}.ar-copy h3{font:600 clamp(2.6rem,4vw,4.7rem)/1 "Space Grotesk",sans-serif;letter-spacing:-.045em;margin:0 0 24px;color:#006ca8}.ar-copy>p{color:#4f6571}.ar-reality{margin-top:38px;padding-top:28px;border-top:1px solid #c8d6de}.ar-reality ul{list-style:none;margin:0;padding:0}.ar-reality li{display:grid;grid-template-columns:130px 1fr;gap:18px;padding:13px 0;border-bottom:1px solid #d7e1e7}.ar-reality li b{font-family:"Space Grotesk",sans-serif}.ar-reality li span{color:#5a6f7a}.interface-reaction{position:absolute;z-index:3;left:50%;top:78px;transform:translateX(-50%);padding:9px 14px;border:1px solid #72c7f0;background:rgba(114,199,240,.12);color:#a9e2fc;text-align:center;font-size:.7rem;line-height:1.25;text-transform:uppercase;letter-spacing:.08em}.interface-reaction:after{content:"";position:absolute;left:50%;top:100%;height:28px;border-left:2px solid #72c7f0}@keyframes channel-depth{from{height:28%}to{height:80%}}@keyframes front-depth{from{top:calc(28% - 14px)}to{top:calc(80% - 14px)}}@media(max-width:900px){.ar-story{grid-template-columns:1fr}.ar-demo{max-width:650px;width:100%;margin:auto}}@media(max-width:640px){.ar-demo{padding:22px}.ar-substrate{height:430px}.ar-reality li{grid-template-columns:1fr;gap:2px}}@media(prefers-reduced-motion:reduce){.ar-channel,.ar-front{animation:none}}