.feature{cursor:pointer;overflow:hidden}.feature:focus{outline:2px solid var(--aqua);outline-offset:-2px}.open-3d{position:absolute;left:40px;bottom:25px;font:10px monospace;color:var(--aqua);letter-spacing:.1em;opacity:0;transform:translateY(8px);transition:.25s}.feature:hover .open-3d,.feature:focus .open-3d{opacity:1;transform:none}.feature-modal{--scene:#36ead0;position:fixed;z-index:200;inset:0;background:#030914f5;display:grid;grid-template-columns:1.25fr .75fr;opacity:0;visibility:hidden;transform:scale(1.02);transition:.35s}.feature-modal.open{opacity:1;visibility:visible;transform:none}.feature-canvas{width:100%;height:100%;cursor:grab;background:radial-gradient(circle at center,#102a3c,#030914 65%)}.feature-canvas:active{cursor:grabbing}.feature-panel{display:flex;flex-direction:column;justify-content:center;padding:7vw 5vw;border-left:1px solid #27405d;background:linear-gradient(145deg,#0b1a2d,#050c18)}.feature-panel h2{font-size:clamp(38px,5vw,67px);margin:15px 0 25px}.feature-intro,.feature-flow{color:var(--muted);font-size:17px}.feature-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#29435f;margin:25px 0}.feature-facts div{background:#081524;padding:16px;display:flex;flex-direction:column}.feature-facts b{color:var(--scene)}.feature-facts span{font-size:10px;color:var(--muted)}.feature-nav{display:flex;justify-content:space-between;align-items:center;margin-top:30px}.feature-nav button,.feature-close{background:none;border:1px solid #29435f;color:white;padding:12px 16px;cursor:pointer}.feature-close{position:absolute;z-index:4;right:25px;top:25px;border-radius:50%;width:48px;height:48px;font-size:24px;padding:0}.feature-help{position:absolute;bottom:20px;left:25px;font:10px monospace;color:#7089a8}@media(max-width:850px){.feature-modal{grid-template-columns:1fr;grid-template-rows:52vh 48vh;overflow:auto}.feature-panel{padding:35px}.feature-panel h2{font-size:36px}.feature-help{top:20px;bottom:auto}.feature-facts{margin:12px 0}.feature-flow{display:none}}