:root{color-scheme:dark;font-family:Inter,sans-serif;background:#04070f;color:#e9f0ff;font-synthesis:none}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;padding:0}body{background:radial-gradient(circle at top left,rgba(91,141,255,.28),transparent 24%),radial-gradient(circle at 80% 20%,rgba(0,216,255,.12),transparent 18%),linear-gradient(135deg,#03060d,#060b16,#08111f)}button,input{font:inherit}.app-shell{max-width:1240px;margin:0 auto;padding:32px 24px 64px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:40px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#fff}.brand-mark{display:inline-block;width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#5b8dff,#00d8ff);box-shadow:0 0 14px #5ca6ffcc}.topbar nav{display:flex;gap:24px;flex-wrap:wrap}.topbar a{color:#ffffffbd;text-decoration:none;transition:color .16s ease}.topbar a:hover{color:#f4f7ff}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center;margin-bottom:64px}.hero-copy{display:grid;gap:8px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#7e96b6;text-transform:uppercase;letter-spacing:.2em;font-size:.74rem;margin-bottom:10px}h1,h2,h3,strong{color:#fff}h1{font-size:clamp(2.7rem,5vw,4.4rem);line-height:1.02;margin:0;max-width:11ch}.hero p,.flow-content p,.join-copy p,.feature-card p,.flow-card p,.spotlight-copy p,.spotlight-card p{margin:0;color:#b7c2d9;line-height:1.8}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}button.primary,button.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:999px;padding:14px 22px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}button.primary{background:linear-gradient(135deg,#5b8dff,#00d8ff);color:#061221;box-shadow:0 16px 40px #3797ff40}button.secondary{background:#ffffff0f;color:#d9e3ff;border:1px solid rgba(255,255,255,.1)}button.primary.small{padding:12px 18px;font-size:.95rem}button:hover{transform:translateY(-1px)}.metric-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px}.metric-row div{display:grid;gap:4px;min-width:120px;padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#ffffff08}.metric-row strong{font-size:1rem}.metric-row span{color:#8b9bb7;font-size:.8rem}.hero-panel{position:relative;background:#080e1bf5;border:1px solid rgba(255,255,255,.08);border-radius:32px;padding:28px;display:grid;gap:22px;min-height:360px;box-shadow:0 24px 70px #00000047}.hero-panel-badge{position:absolute;top:18px;right:18px;padding:8px 10px;border-radius:999px;background:#5ca6ff26;color:#88bfff;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase}.panel-header{display:grid;gap:8px;padding-top:8px}.panel-header span{color:#7e96b6;font-size:.88rem}.panel-header strong{display:block;font-size:1.2rem}.panel-chart{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;align-items:end;height:160px}.chart-bar{background:linear-gradient(180deg,#5b8dff,#4ec6ff);border-radius:16px;width:100%}.bar-large{height:62%}.bar-medium{height:38%}.bar-small{height:25%}.bar-tall{height:75%}.bar-medium-2{height:53%}.panel-footer{display:flex;justify-content:space-between;align-items:center;color:#a9bad6;padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}.features-grid{display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:18px;margin-bottom:28px}.feature-card{display:flex;flex-direction:column;gap:18px;background:#080d18d9;border:1px solid rgba(255,255,255,.06);border-radius:28px;padding:28px;text-align:left;color:#d6e1ff;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background-color .2s ease}.feature-card:hover,.feature-card.active{transform:translateY(-4px);border-color:#5e99ff7a;background:#101c37f2}.icon-circle{width:44px;height:44px;display:grid;place-items:center;border-radius:16px;background:#5e99ff29;color:#74bbff}.feature-card h3{margin:0;font-size:1.08rem}.feature-spotlight{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;padding:28px;margin:24px 0 64px;border-radius:32px;background:linear-gradient(135deg,#0c1424f5,#09111feb);border:1px solid rgba(255,255,255,.08)}.spotlight-copy h2{margin:10px 0 12px;font-size:clamp(1.85rem,3vw,2.4rem)}.spotlight-pill{display:inline-block;margin-top:16px;padding:8px 12px;border-radius:999px;background:#5ca6ff29;color:#8dc5ff;font-size:.85rem}.spotlight-card{display:grid;gap:16px;justify-content:start;padding:24px;border-radius:24px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.spotlight-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:16px;background:#00d8ff29;color:#8adaff}.flow-section{display:grid;gap:24px;margin-bottom:64px}.flow-content{max-width:650px}.flow-content h2{font-size:clamp(2rem,3vw,2.8rem);margin:12px 0 0}.flow-cards{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:18px}.flow-card{background:#070b17e0;border:1px solid rgba(255,255,255,.07);border-radius:24px;padding:28px;min-height:190px}.flow-card strong{display:block;margin-bottom:14px}.join-section{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:start;background:#0a0f1feb;border:1px solid rgba(255,255,255,.08);border-radius:36px;padding:36px;box-shadow:0 20px 55px #00000038}.join-copy h2{margin:12px 0 0;max-width:500px}.join-form{display:grid;gap:18px}.join-form label{display:grid;gap:10px;color:#ced9f1;font-size:.96rem}.join-form input{width:100%;border:1px solid rgba(255,255,255,.12);background:#0d1324f5;color:#ebf1ff;border-radius:18px;padding:16px 18px;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.join-form input:focus{border-color:#5ca6ffbf;box-shadow:0 0 0 4px #5ca6ff1f}.success-copy{color:#9fe1ba;font-size:.97rem}@media (max-width: 980px){.hero,.feature-spotlight,.join-section,.features-grid,.flow-cards{grid-template-columns:1fr}}@media (max-width: 680px){.app-shell{padding:24px 16px 48px}.topbar{flex-direction:column;align-items:flex-start}.topbar nav{gap:16px}h1{font-size:2.8rem}}