:root{--bg:#07101e;--card:#0c1828;--muted:#8ba5c8;--accent:#2c5fd4;--accent2:#7eb8f7;--border:#7eb8f714}*{box-sizing:border-box}html,body{margin:0;padding:0}html{overflow-x:hidden}body{color:#dde8f8;-webkit-font-smoothing:antialiased;background:radial-gradient(at 20% 0,#0d2045 0%,#07101e 60%);max-width:100vw;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial;overflow-x:hidden}.container{max-width:1260px;margin:0 auto;padding:24px 20px 40px}.header{border-bottom:1px solid var(--border);align-items:center;gap:14px;margin-bottom:0;padding-bottom:16px;display:flex}.logo{object-fit:contain;mix-blend-mode:screen;flex-shrink:0;width:auto;height:40px}h1{letter-spacing:-.3px;margin:0;font-size:20px;font-weight:700}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:0 4px 24px #0006}.controls label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-size:12px;display:block}.controls select,.controls textarea{border:1px solid var(--border);color:#dde8f8;-webkit-appearance:auto;appearance:auto;background:#0d1526;border-radius:9px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border .15s}.controls select option{color:#dde8f8;background:#0d1526}.controls select:focus,.controls textarea:focus{border-color:var(--accent)}.btn{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:9px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:600;transition:opacity .15s}.btn:hover{opacity:.85}.btn:disabled{opacity:.45;cursor:default}.muted{color:var(--muted);font-size:13px}hr{border:none;border-top:1px solid var(--border);margin:14px 0}.icon-rail{border-radius:14px}@keyframes fx-kenburns-in{0%{transform:scale(1)}to{transform:scale(1.18)}}@keyframes fx-kenburns-out{0%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes fx-pan-right{0%{transform:scale(1.15)translate(-6%)}to{transform:scale(1.15)translate(6%)}}@keyframes fx-drift-up{0%{transform:scale(1.12)translateY(5%)}to{transform:scale(1.12)translateY(-5%)}}@keyframes fx-zoom-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes fx-shake{0%,to{transform:translate(0)}10%{transform:translate(-3px,2px)}20%{transform:translate(3px,-2px)}30%{transform:translate(-2px,3px)}40%{transform:translate(2px,-1px)}50%{transform:translate(-3px,1px)}60%{transform:translate(3px,2px)}70%{transform:translate(-1px,-2px)}80%{transform:translate(2px,3px)}90%{transform:translate(-2px,-1px)}}@keyframes fx-glitch-slice{0%,89%,to{clip-path:none;transform:translate(0)}90%{clip-path:inset(30% 0 50%);transform:translate(-6px)}91%{clip-path:inset(60% 0 10%);transform:translate(6px)}92%{clip-path:inset(10% 0 70%);transform:translate(-4px)}93%{clip-path:none;transform:translate(0)}}@keyframes fx-light-leak-main{0%{opacity:0;transform:translateY(30%)}10%{opacity:.55}50%{opacity:.35;transform:translateY(-10%)}90%{opacity:.5}to{opacity:0;transform:translateY(-25%)}}@keyframes fx-light-leak-sub{0%,to{opacity:0;transform:translateY(20%)}40%{opacity:0}65%{opacity:.2;transform:translateY(-5%)}85%{opacity:.1}}@keyframes fx-grain{0%,to{opacity:.08}50%{opacity:.13}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes text-entrance{0%{opacity:0;transform:translateY(36px)}60%{opacity:1;transform:translateY(-4px)}80%{transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.slide-panel ::-webkit-scrollbar{width:4px}.slide-panel ::-webkit-scrollbar-track{background:0 0}.slide-panel ::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.mobile-view-switcher{display:none}.mobile-panel-backdrop{pointer-events:none;display:none}@media (max-width:900px){.three-col{flex-direction:column!important;max-width:100vw!important}.three-col>div:first-child{will-change:unset!important;background:0 0!important;border-right:none!important;width:100%!important;height:0!important;position:static!important;overflow:visible!important;transform:none!important}.icon-rail{z-index:100;justify-content:space-around;border-bottom:none!important;border-right:none!important;border-top:1px solid var(--border)!important;border-radius:0!important;flex-direction:row!important;gap:0!important;width:100%!important;height:58px!important;padding:4px 6px!important;position:fixed!important;top:auto!important;bottom:0!important;left:0!important;right:0!important;overflow-x:visible!important}.icon-rail button{border-radius:8px!important;flex:1!important;width:auto!important;min-height:50px!important;padding:4px 0!important}.rail-indicator{border-radius:0 0 3px 3px!important;width:24px!important;height:3px!important;top:0!important;left:50%!important;transform:translate(-50%)!important}.slide-panel--closed{display:none!important}.slide-panel{z-index:90!important;border-top:1px solid var(--border)!important;border-right:none!important;border-radius:18px 18px 0 0!important;width:100%!important;height:auto!important;max-height:62vh!important;position:fixed!important;bottom:58px!important;left:0!important;right:0!important;overflow:hidden!important;box-shadow:0 -12px 40px #000000b3!important}.slide-panel>div{border-right:none!important;width:100%!important;height:auto!important;max-height:62vh!important;overflow-y:auto!important}.mobile-panel-backdrop{display:block!important}.mobile-panel-backdrop--visible{pointer-events:none!important;z-index:80!important;background:#00000073!important;position:fixed!important;top:0!important;bottom:58px!important;left:0!important;right:0!important}.mobile-panel-handle{display:flex!important}.main-col{max-width:100vw!important;height:auto!important;padding-bottom:68px!important;overflow-y:visible!important}.three-col>div:last-child{height:auto!important;overflow-y:visible!important}.mobile-view-switcher{display:flex!important}.col-canvas.mobile-hidden,.col-captions.mobile-hidden{display:none!important}}@media (max-width:600px){body{padding:0!important}.container{padding:12px 10px 30px!important}.header{gap:8px!important;max-width:100vw!important;padding:10px 12px!important;overflow:hidden!important}.header h1{font-size:17px!important}.header .muted{display:none!important}.col-canvas canvas{border-radius:10px!important}.how-it-works-grid{grid-template-columns:1fr!important}.main-col>div{padding-left:14px!important;padding-right:14px!important}}.site-footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:48px;padding:24px 20px;display:flex}.site-footer__copy{color:var(--muted);font-size:12px}.site-footer__links{align-items:center;gap:6px;display:flex}.site-footer__links a{color:var(--muted);border:1px solid #0000;border-radius:6px;padding:5px 10px;font-size:12px;text-decoration:none;transition:color .15s,border-color .15s}.site-footer__links a:hover{color:#dde8f8;border-color:var(--border)}@media (max-width:600px){.site-footer{text-align:center;justify-content:center}}