*{box-sizing:border-box;margin:0;padding:0}:root{--g:#22c55e;--gd:#22c55e18;--bg:#070707;--s1:#111;--t1:#e0e0e0;--t2:#888;--t3:#444;--b1:#1e1e1e}body,html{background:var(--bg);color:var(--t1);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:IBM Plex Sans,system-ui,sans-serif}nav{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:28px 40px;display:flex}.logo{letter-spacing:-.3px;color:var(--t1);align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:15px;font-weight:500;text-decoration:none;display:flex}.logo em{color:var(--g);font-style:normal}.nav-r{align-items:center;gap:28px;display:flex}.nav-r a{color:var(--t2);font-size:13px;text-decoration:none;transition:color .2s}.nav-r a:hover{color:var(--t1)}.theme-toggle{border:1px solid var(--b1);color:var(--t2);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.theme-toggle:hover{border-color:var(--t2);color:var(--t1)}.main{max-width:720px;margin:0 auto;padding:60px 40px 80px}.main h1{letter-spacing:-.8px;margin-bottom:8px;font-size:32px;font-weight:500}.main .sub{color:var(--t2);margin-bottom:48px;font-size:14px;font-weight:300}.demo-banner{color:var(--g);background:var(--gd);border:1px solid var(--g);border-radius:8px;margin-bottom:24px;padding:10px 16px;font-family:JetBrains Mono,monospace;font-size:12px}.card{background:var(--s1);border:1px solid var(--b1);border-radius:12px;margin-bottom:20px;padding:24px}.card-title{text-transform:uppercase;letter-spacing:.8px;color:var(--t2);margin-bottom:16px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600}.card-value{color:var(--t1);word-break:break-all;font-family:JetBrains Mono,monospace;font-size:15px}.card-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.api-key{color:var(--t1);background:var(--bg);border:1px solid var(--b1);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;flex:1;padding:10px 14px;font-family:JetBrains Mono,monospace;font-size:14px;overflow:hidden}.btn{cursor:pointer;border:1px solid var(--b1);color:var(--t2);background:0 0;border-radius:6px;padding:8px 16px;font-family:IBM Plex Sans,sans-serif;font-size:12px;font-weight:500;transition:all .15s}.btn:hover{border-color:var(--t2);color:var(--t1)}.btn-g{background:var(--g);color:#000;border:1px solid var(--g)}.btn-g:hover{opacity:.9;color:#000}.usage-bar{background:var(--b1);border-radius:4px;width:100%;height:8px;margin-top:12px;overflow:hidden}.usage-fill{background:var(--g);border-radius:4px;height:100%;transition:width .3s}.usage-text{color:var(--t2);margin-top:8px;font-size:13px}.sign-in-container{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 100px);padding:40px;display:flex}.welcome-page{text-align:center;max-width:960px;margin:0 auto;padding:60px 40px 80px}.welcome-page h1{letter-spacing:-.8px;margin-bottom:8px;font-size:32px;font-weight:500}.welcome-page .sub{color:var(--t2);margin-bottom:32px;font-size:14px;font-weight:300}.billing-toggle{border:1px solid var(--b1);border-radius:8px;margin-bottom:40px;display:inline-flex;overflow:hidden}.billing-toggle button{color:var(--t2);cursor:pointer;background:0 0;border:none;padding:8px 20px;font-family:IBM Plex Sans,sans-serif;font-size:13px;font-weight:500;transition:all .15s}.billing-toggle .toggle-active{background:var(--g);color:#000}.save-badge{background:var(--gd);color:var(--g);border-radius:4px;margin-left:4px;padding:2px 6px;font-size:10px}.plans-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;display:grid}.plan-card{background:var(--s1);border:1px solid var(--b1);text-align:left;border-radius:12px;padding:24px}.plan-name{text-transform:uppercase;letter-spacing:.8px;color:var(--t2);margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600}.plan-price{margin-bottom:4px}.price-amount{color:var(--t1);font-family:JetBrains Mono,monospace;font-size:32px;font-weight:600}.price-period{color:var(--t2);margin-left:2px;font-size:14px}.annual-total{color:var(--t2);margin-bottom:8px;font-size:12px}.plan-features{margin-top:16px}.plan-feature{color:var(--t1);padding:4px 0;font-size:13px}.feature-value{font-family:JetBrains Mono,monospace;font-weight:500}.feature-label{color:var(--t2)}.skip-link{color:var(--t2);cursor:pointer;background:0 0;border:none;font-family:IBM Plex Sans,sans-serif;font-size:13px;text-decoration:underline}.skip-link:hover{color:var(--t1)}.getting-started-card{border-color:var(--g);border-width:1px}.dismiss-link{color:var(--t3);cursor:pointer;background:0 0;border:none;font-family:IBM Plex Sans,sans-serif;font-size:11px;text-decoration:underline}.dismiss-link:hover{color:var(--t2)}.onboarding-progress{margin-bottom:16px}.checklist{flex-direction:column;gap:2px;display:flex}.checklist-item{cursor:pointer;border-radius:8px;align-items:flex-start;gap:12px;padding:10px 12px;transition:background .15s;display:flex}.checklist-item:hover{background:var(--bg)}.checklist-done{opacity:.5}.checklist-check{color:var(--g);flex-shrink:0;width:18px;padding-top:1px;font-size:14px}.checklist-label{color:var(--t1);font-size:14px}.checklist-detail{color:var(--t2);background:var(--bg);border-radius:4px;margin-top:4px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:12px;display:inline-block}@media (width<=600px){.main{padding:40px 20px 60px}.main h1{font-size:26px}.nav-r{gap:16px}.card-row{flex-direction:column;align-items:stretch}.plans-grid{grid-template-columns:1fr}.welcome-page{padding:40px 20px 60px}.welcome-page h1{font-size:26px}}