:root{--bg: #0d1117;--bg-panel: #151b26;--bg-elevated: #1b2433;--text: #e6edf3;--text-muted: #8b96a5;--accent: #3fb6a8;--accent-2: #58a6ff;--border: rgba(139, 150, 165, .18);--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit}.topbar{display:flex;align-items:center;justify-content:space-between;padding:20px clamp(20px,5vw,64px);border-bottom:1px solid var(--border)}.wordmark{font-family:var(--mono);font-weight:700;font-size:20px;letter-spacing:.02em}.wordmark:before{content:"";display:inline-block;width:10px;height:10px;border-radius:2px;background:var(--accent);margin-right:8px;vertical-align:middle}.home-link{font-size:14px;color:var(--text-muted);text-decoration:none}.home-link:hover{color:var(--text)}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(40px,8vw,96px) clamp(20px,5vw,64px)}.hero-copy{max-width:40rem}.eyebrow{margin:0 0 14px;font-family:var(--mono);font-size:13px;color:var(--accent);letter-spacing:.06em}.title{margin:0 0 18px;font-size:clamp(34px,6vw,58px);line-height:1.05;letter-spacing:-.02em}.lead{margin:0 0 30px;font-size:clamp(16px,2vw,20px);color:var(--text-muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-scope{border:1px solid var(--border);border-radius:14px;background:var(--bg-panel);overflow:hidden;box-shadow:0 24px 60px -30px #000c}.hero-wave{display:block;width:100%;height:clamp(240px,34vw,360px)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:10px;font-size:15px;font-weight:600;text-decoration:none;border:1px solid transparent;transition:transform .12s ease,background .12s ease,border-color .12s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#041210}.btn-primary:hover{background:#4cc7b8}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.content{padding:0 clamp(20px,5vw,64px) 40px;display:flex;flex-direction:column;gap:clamp(40px,7vw,72px);max-width:1120px;margin:0 auto;width:100%}.section-title{margin:0 0 20px;font-size:24px;letter-spacing:-.01em}.para{margin:0;color:var(--text-muted);font-size:17px;max-width:60rem}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:20px}.card-title{margin:0 0 8px;font-size:16px}.card-text{margin:0;color:var(--text-muted);font-size:14px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,48px)}.list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}.list li{position:relative;padding-left:26px;color:var(--text-muted);font-size:15px}.list li:before{content:"";position:absolute;left:0;top:8px;width:12px;height:12px;border-radius:3px;border:2px solid var(--accent)}.steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px}.step{display:flex;align-items:center;gap:14px;background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:14px 18px}.step-num{flex:none;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:var(--bg-elevated);color:var(--accent);font-family:var(--mono);font-weight:700;font-size:15px}.step-text{color:var(--text);font-size:15px}.start-cta{margin-top:24px}.footer{padding:28px clamp(20px,5vw,64px);border-top:1px solid var(--border);color:var(--text-muted);font-size:13px;font-family:var(--mono)}.app{min-height:100vh;display:flex;flex-direction:column}.placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px}.placeholder .title{margin-bottom:12px}.placeholder .lead{margin-bottom:28px}@media(max-width:860px){.hero{grid-template-columns:1fr}.hero-scope{order:-1}.cards{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}}@media(max-width:520px){.cards{grid-template-columns:1fr}.hero-actions,.btn{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn:hover{transform:none}}