:root{--ink: #0B1220;--paper: #F5F7FA;--jet: #C6F432;--cloud: #5E6B7E;--slate: #111A2E;--streak: #7F94FF;--line: rgba(245, 247, 250, .08);--line-strong: rgba(245, 247, 250, .18);--danger: #FF6B6B;--success: #4ADE80}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--ink);color:var(--paper);font-family:Inter,-apple-system,system-ui,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.display{font-family:Inter Tight,Inter,sans-serif;font-weight:800;letter-spacing:-.02em;line-height:1.05}.mono{font-family:IBM Plex Mono,monospace;font-size:.85em}.container{max-width:1100px;margin:0 auto;padding:0 24px}.nav{position:sticky;top:0;z-index:50;background:#0b1220d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-family:Inter Tight;font-size:20px;letter-spacing:-.02em}.brand img{width:28px;height:28px}.nav-links{display:flex;gap:28px;align-items:center}.nav-links a{color:var(--cloud);font-size:14px;font-weight:500}.nav-links a:hover{color:var(--paper)}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:10px;border:1px solid var(--line-strong);background:transparent;color:var(--paper);font-weight:600;font-size:14px;transition:all .15s ease}.btn:hover{background:#f5f7fa0d}.btn-primary{background:var(--jet);border-color:var(--jet);color:var(--ink)}.btn-primary:hover{background:#d4ff5e}.btn-ghost{border:none;padding:8px 14px}.btn-lg{padding:16px 28px;font-size:16px}.hero{padding:100px 0 80px}.hero h1{font-size:clamp(40px,7vw,84px);margin:0 0 24px}.hero .accent{color:var(--jet)}.hero p.lede{font-size:20px;color:var(--cloud);max-width:640px;margin:0 0 36px}.hero-cta{display:flex;gap:14px;flex-wrap:wrap}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--jet);padding:6px 12px;border:1px solid rgba(198,244,50,.25);border-radius:999px;margin-bottom:24px}.eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--jet);box-shadow:0 0 12px var(--jet)}section{padding:80px 0;border-top:1px solid var(--line)}.section-title{font-size:clamp(32px,5vw,48px);margin:0 0 14px}.section-sub{color:var(--cloud);font-size:18px;max-width:600px;margin:0 0 48px}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.step{background:var(--slate);border:1px solid var(--line);border-radius:16px;padding:24px}.step-num{font-family:IBM Plex Mono;color:var(--jet);font-size:14px;margin-bottom:12px}.step h3{margin:0 0 8px;font-size:18px;font-family:Inter Tight;font-weight:700}.step p{margin:0;color:var(--cloud);font-size:14px}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.price-card{background:var(--slate);border:1px solid var(--line);border-radius:18px;padding:32px;display:flex;flex-direction:column;gap:18px}.price-card.featured{border-color:var(--jet);box-shadow:0 0 0 1px var(--jet),0 0 40px #c6f4321a}.price-name{font-family:Inter Tight;font-weight:700;font-size:20px}.price-amount{font-family:Inter Tight;font-weight:800;font-size:44px;line-height:1}.price-amount span{font-size:16px;color:var(--cloud);font-weight:500}.price-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;font-size:14px}.price-list li:before{content:"→ ";color:var(--jet)}footer{padding:40px 0;border-top:1px solid var(--line);color:var(--cloud);font-size:13px}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:var(--slate);border-right:1px solid var(--line);padding:24px;display:flex;flex-direction:column;gap:4px}.sidebar .brand{margin-bottom:32px}.side-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;font-size:14px;color:var(--cloud);font-weight:500}.side-link:hover{background:#f5f7fa0a;color:var(--paper)}.side-link.active{background:#c6f43214;color:var(--jet)}.main{padding:40px 48px;max-width:1000px}.page-title{font-family:Inter Tight;font-weight:700;font-size:32px;margin:0 0 8px;letter-spacing:-.01em}.page-sub{color:var(--cloud);margin:0 0 32px}.card{background:var(--slate);border:1px solid var(--line);border-radius:14px;padding:24px;margin-bottom:16px}.card h3{margin:0 0 6px;font-family:Inter Tight;font-weight:700;font-size:18px}.card .help{color:var(--cloud);font-size:13px;margin:0 0 14px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:13px;font-weight:500;color:var(--paper)}.field input,.field textarea,.field select{background:var(--ink);border:1px solid var(--line-strong);border-radius:8px;padding:10px 12px;color:var(--paper);font-family:inherit;font-size:14px}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--jet)}.field .hint{color:var(--cloud);font-size:12px}.field-with-ai{position:relative}.field-with-ai input,.field-with-ai textarea{padding-right:78px}.ai-btn{position:absolute;right:6px;top:28px;display:inline-flex;align-items:center;gap:4px;background:#c6f4321f;border:1px solid rgba(198,244,50,.3);color:var(--jet);font-size:11px;font-weight:700;letter-spacing:.04em;padding:6px 10px;border-radius:8px;cursor:pointer}.ai-btn:hover{background:#c6f43238}.ai-btn:disabled{opacity:.5;cursor:not-allowed}.ai-btn .spark{font-size:13px}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.app-table{width:100%;border-collapse:collapse}.app-table th,.app-table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);font-size:14px}.app-table th{color:var(--cloud);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.app-table tr:hover td{background:#f5f7fa05}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500}.pill.applied{background:#4ade801f;color:var(--success)}.pill.queued{background:#7f94ff1f;color:var(--streak)}.pill.skipped{background:#5e6b7e2e;color:var(--cloud)}.pill.failed{background:#ff6b6b1f;color:var(--danger)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:24px}.stat-card{background:var(--slate);border:1px solid var(--line);border-radius:12px;padding:18px}.stat-label{color:var(--cloud);font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.stat-value{font-family:Inter Tight;font-weight:800;font-size:32px;margin-top:4px}@media (max-width: 768px){.nav-links a:not(.btn){display:none}.app-shell{grid-template-columns:1fr}.sidebar{display:none}.main{padding:24px}.row{grid-template-columns:1fr}}.toggle{display:inline-flex;align-items:center;gap:10px;cursor:pointer}.toggle input{display:none}.toggle .switch{width:38px;height:22px;background:var(--line-strong);border-radius:999px;position:relative;transition:background .15s}.toggle .switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--paper);transition:transform .15s}.toggle input:checked+.switch{background:var(--jet)}.toggle input:checked+.switch:after{transform:translate(16px)}.banner{background:linear-gradient(135deg,#c6f43214,#7f94ff14);border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin-bottom:24px;font-size:14px;color:var(--cloud)}.banner b{color:var(--paper)}
