:root{--font-sans:"Satoshi", system-ui, -apple-system, sans-serif;--font-mono:var(--font-sans);--bg-color:#0a0a0a;--surface-color:#18181b;--primary-color:#9333ea;--secondary-color:#a855f7;--accent-color:#c084fc;--text-main:#fff;--text-muted:#a1a1aa;--cs-surface-0:#0f0f0f;--cs-surface-1:#111;--cs-surface-2:#141414;--cs-surface-3:#1a1a1a;--cs-border:#1e1e1e;--cs-border-strong:#2a2a2a;--cs-border-hover:#3f3f46;--cs-text:#e4e4e7;--cs-text-dim:#a1a1aa;--cs-text-muted:#8b8b9e;--cs-text-secondary:#8a8a93;--cs-text-faint:#7e7e8a;--cs-danger:#ef4444;--cs-success:#4ade80;--cs-warning:#fb923c;--cs-info:#60a5fa;--cs-accent-deep:#7c3aed;--cs-ease-out:cubic-bezier(.23, 1, .32, 1);--ease-out:cubic-bezier(.23, 1, .32, 1);--nav-h:122px;--page-top:calc(var(--nav-h) + clamp(2.5rem, 4vw, 4rem));--fs-h1:clamp(2.25rem, 4.2vw + .5rem, 3.5rem);--fs-h2:clamp(1.75rem, 2.4vw + .75rem, 2.5rem);--card-pad:clamp(1.25rem, 3vw, 2.5rem)}@media (width<=768px){:root{--nav-h:73px}}::selection{color:#fff;background:#9333ea59}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;padding-bottom:var(--demo-banner-height,0px);line-height:1.6;overflow-x:hidden}button,input,select,textarea,optgroup{font-family:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700;line-height:1.1}h1{font-size:var(--fs-h1);letter-spacing:-.03em;text-wrap:balance;line-height:1.06}h2{font-size:var(--fs-h2);text-wrap:balance;line-height:1.12}h3{text-wrap:balance}p{text-wrap:pretty}.page-top{padding-top:var(--page-top)!important}.card-pad{padding:var(--card-pad)!important}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.gradient-text{background:linear-gradient(135deg, var(--accent-color), var(--primary-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-panel{-webkit-backdrop-filter:blur(12px);background:#18181b99;border:1px solid #ffffff0d;border-radius:16px}.btn{white-space:nowrap;max-width:100%;min-height:44px;transition:transform .16s var(--ease-out), box-shadow .2s var(--ease-out), background-color .15s var(--ease-out), border-color .15s var(--ease-out), color .15s var(--ease-out);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;line-height:1.2;display:inline-flex}.btn:focus-visible{outline:2px solid var(--accent-color);outline-offset:3px}.btn-primary{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));color:#fff;box-shadow:0 4px 14px #9333ea63}.btn-outline{border:1px solid var(--primary-color);color:var(--text-main);background:0 0}@media (hover:hover) and (pointer:fine){.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #9333ea80}.btn-outline:hover{background:#9333ea1a;transform:translateY(-2px)}}.btn:active:not(:disabled){transition-duration:.1s;transform:scale(.97)}.btn:disabled{cursor:not-allowed;opacity:.6}.tap-link{align-items:center;gap:.35rem;min-height:44px;display:inline-flex}.navbar{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0acc;border-bottom:1px solid #ffffff0d;width:100%;position:fixed;top:0}.nav-container{justify-content:space-between;align-items:center;height:110px;display:flex}.desktop-nav{align-items:center;gap:2.5rem;display:flex}.nav-link{color:var(--text-muted);font-size:1rem;font-weight:500;transition:color .3s}.nav-link:hover,.nav-link.active{color:var(--text-main)}.mobile-toggle{cursor:pointer;background:0 0;border:none;display:none}@media (width<=768px){.desktop-nav{display:none}.mobile-toggle{display:block}.mobile-nav{background:var(--bg-color);border-bottom:1px solid #ffffff0d;flex-direction:column;gap:1.5rem;width:100%;padding:2rem;display:flex;position:absolute;top:110px;left:0}}.page-container{min-height:100vh}.hero-section{min-height:100vh;padding-top:var(--nav-h);text-align:center;justify-content:center;align-items:center;display:flex}.hero-content{flex-direction:column;align-items:center;max-width:800px;margin:0 auto;display:flex}.hero-subtitle{color:var(--text-muted);max-width:700px;margin:1.5rem 0 2.5rem;font-size:1.2rem}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.hero-section h1{font-size:clamp(2.5rem,5vw + .5rem,4rem)}.three-bg-overlay{z-index:1;pointer-events:none;background:radial-gradient(circle,#0a0a0a80 0%,#0a0a0af2 100%);width:100%;height:100%;position:absolute;top:0;left:0}.footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#18181b80;border-top:1px solid #ffffff0d;margin-top:4rem;padding:5rem 0 2rem}.footer-content{grid-template-columns:2fr 1fr 1fr 1.3fr;gap:3rem;margin-bottom:4rem;display:grid}.footer-content h3{margin-bottom:1rem;font-size:1.5rem;font-weight:800}.footer-content h4{color:var(--text-main);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem;font-size:1.1rem}.footer-text{color:var(--text-muted);max-width:350px;line-height:1.6}.footer-content ul{margin:0;padding:0;list-style:none}.footer-content ul li{margin-bottom:0}.footer-content ul li a{color:var(--text-muted);transition:color .15s var(--ease-out), transform .2s var(--ease-out);align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.footer-content ul li a:hover{color:var(--accent-color)}@media (hover:hover) and (pointer:fine){.footer-content ul li a:hover{transform:translate(4px)}}.footer-bottom{text-align:center;color:#a1a1aab3;border-top:1px solid #ffffff0d;padding-top:2rem;font-size:.9rem}@media (width<=768px){.footer-content{text-align:center;grid-template-columns:1fr;gap:2.5rem}.footer-text{margin:0 auto}.footer{padding-top:3.5rem}}@media (prefers-reduced-motion:reduce){.btn-primary:hover,.btn-outline:hover,.footer-content ul li a:hover{transform:none}}@keyframes reduced-spin-pulse{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.loader-spinner,.spin-icon,.spin,.spinner-ring,.os-refresh-spin{animation:1.4s ease-in-out infinite reduced-spin-pulse!important}}.navbar{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#000000e6;border-bottom:1px solid #bf00ff33;width:100%;padding:.35rem 0;font-family:inherit;position:fixed;top:0}.nav-container{justify-content:center;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;position:relative}.nav-links{transform:translate(4rem)}.nav-logo-link{align-items:center;text-decoration:none;transition:all .3s;display:flex;position:absolute;left:2rem}.nav-logo-link:hover{filter:drop-shadow(0 0 8px #fff9)drop-shadow(0 0 20px #bf00ff)drop-shadow(0 0 40px #bf00ff)}.nav-logo-img{object-fit:contain;cursor:pointer;width:auto;height:70px;padding:2px;transition:transform .3s}.nav-logo-img:hover{transform:scale(1.04)}.nav-links{align-items:center;gap:1.75rem;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:#ffffffe0;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s}.nav-links a:hover{color:#d580ff}.nav-links a:focus-visible,.nav-dropdown-toggle:focus-visible{outline-offset:4px;border-radius:4px;outline:2px solid #bf00ff}.nav-studio-toggle{color:#ffffffeb;background:#bf00ff1a;border:1px solid #bf00ff59;border-radius:999px;padding:.35rem .75rem;font-size:.88rem;transition:background .2s,border-color .2s,color .2s}.nav-studio-toggle:hover,.nav-studio-toggle[aria-expanded=true]{color:#fff;background:#bf00ff33;border-color:#bf00ff99}.nav-studio-chevron{transition:transform .2s}.nav-studio-chevron.is-open{transform:rotate(180deg)}.nav-studio-menu{min-width:232px;max-height:calc(100vh - 96px);left:auto;right:0;overflow-y:auto;transform:none}.nav-studio-heading{letter-spacing:.14em;text-transform:uppercase;color:#ffffff8c;padding:.45rem .8rem .3rem;font-size:.66rem;font-weight:600}.nav-studio-heading:not(:first-child){border-top:1px solid #ffffff14;margin-top:.35rem;padding-top:.65rem}.nav-studio-link{color:#ffffffd1;white-space:nowrap;border-radius:8px;align-items:center;gap:.6rem;min-height:44px;padding:.55rem .8rem;font-size:.88rem;transition:background .2s,color .2s;display:flex!important}.nav-studio-link:hover{color:#fff;background:#bf00ff29}.nav-studio-link:focus-visible{outline-offset:-2px;outline:2px solid #bf00ff}.nav-studio-link.is-active{color:#fff;background:#bf00ff24;font-weight:600;box-shadow:inset 2px 0 #bf00ff}.nav-dropdown{position:relative}.nav-dropdown-toggle{font:inherit;color:#ffffffe0;cursor:pointer;background:0 0;border:none;align-items:center;gap:.4rem;margin:0;padding:0;font-size:1rem;font-weight:500;transition:color .2s;display:inline-flex}.nav-dropdown-toggle:hover,.nav-dropdown-toggle[aria-expanded=true]{color:#d580ff}.nav-dropdown-arrow{opacity:.7;font-size:.6rem;line-height:1}.nav-dropdown-menu{-webkit-backdrop-filter:blur(12px);z-index:1100;background:#121214f7;border:1px solid #bf00ff47;border-radius:12px;min-width:210px;margin:0;padding:.4rem;list-style:none;position:absolute;top:calc(100% + .9rem);left:50%;transform:translate(-50%);box-shadow:0 12px 32px #0009}.nav-dropdown-menu li{list-style:none}.nav-dropdown-menu a{color:#ffffffd9;white-space:nowrap;border-radius:8px;padding:.6rem .8rem;font-size:.9rem;transition:background .2s,color .2s;display:block}.nav-dropdown-menu a:hover{color:#fff;background:#bf00ff29}.nav-cta{border:2px solid #0000;transition:all .3s;display:inline-block;box-shadow:0 0 15px #bf00ff99;color:#fff!important;background:#bf00ff!important;border-radius:50px!important;padding:.6rem 1.3rem!important;font-size:.95rem!important;font-weight:700!important;text-decoration:none!important}.nav-cta:hover{border:2px solid #bf00ff;transform:scale(1.05);box-shadow:0 0 25px #bf00ffcc;color:#bf00ff!important;background:0 0!important}.nav-login{color:#ffffffe6;cursor:pointer;background:0 0;border:1.5px solid #bf00ff80;border-radius:50px;padding:.5rem 1.1rem;font-size:.9rem;font-weight:600;line-height:1.2;text-decoration:none;transition:all .25s;display:inline-block}.nav-login:hover{color:#fff;background:#bf00ff26;border-color:#bf00ff;box-shadow:0 0 14px #bf00ff66}.menu-toggle{cursor:pointer;width:44px;height:44px;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:8px;margin-right:-10px;padding:0;display:none}.menu-toggle:focus-visible{outline-offset:2px;outline:2px solid #bf00ff}.bar{width:24px;height:2px;transition:transform .24s var(--ease-out), opacity .16s var(--ease-out);background:#fff;border-radius:2px;margin:5px auto;display:block}.menu-toggle.is-open .bar:first-child{transform:translateY(7px)rotate(45deg)}.menu-toggle.is-open .bar:nth-child(2){opacity:0}.menu-toggle.is-open .bar:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media (width<=768px){.navbar{padding:0}.navbar .nav-container{height:72px}.nav-container{justify-content:flex-end}.menu-toggle{display:block}.nav-links{visibility:hidden;width:100%;transition:transform .32s var(--ease-out), visibility 0s linear .32s;background:#0a0a0a;border-bottom:1px solid #bf00ff33;flex-direction:column;gap:1.5rem;padding:2rem 0;position:absolute;top:100%;left:0;transform:translateY(-150%);box-shadow:0 24px 48px -12px #000000b3}.nav-links.active{visibility:visible;transition:transform .32s var(--ease-out), visibility 0s;transform:translateY(0)}.nav-links>li>a,.nav-links>li>.nav-dropdown-toggle,.nav-links .nav-dropdown-menu a{justify-content:center;align-items:center;min-height:44px;display:inline-flex}.nav-links{gap:.5rem}.nav-logo-img{object-fit:contain;width:auto;height:44px}.nav-dropdown-menu{width:100%;min-width:0;box-shadow:none;background:0 0;border:none;flex-direction:column;align-items:center;gap:.25rem;margin-top:.75rem;display:flex;position:static;transform:none}.nav-dropdown{flex-direction:column;align-items:center;width:100%;display:flex}.nav-studio-menu{min-width:0;right:auto}.nav-studio-heading{text-align:center}.nav-studio-link{justify-content:center}.nav-studio-link.is-active{box-shadow:none}}@media (prefers-reduced-motion:reduce){.nav-logo-img,.nav-links a,.nav-dropdown-toggle,.nav-studio-chevron,.nav-studio-link,.nav-cta{transition:none}.nav-logo-img:hover{transform:none}.bar,.nav-links{transition:none!important}}.nav-audit{white-space:nowrap;background:#bf00ff1f;border-color:#bf00ff}