/* Minimal styles reused from earlier build (dark, modern) */
:root{
  --bg:#0f1220; --panel:#161a2a; --tint:#0c1020; --text:#e9ecf1; --muted:#9aa3b2;
  --brand:#6b7cff; --brand-2:#7df9ff; --ok:#30d158; --border:#23263b; --card:#111427;
}
*{box-sizing:border-box} html,body{margin:0;padding:0;background:var(--bg);color:var(--text);
font-family:'Inter',system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
a{color:var(--brand)} img{max-width:100%;display:block}
.container{max-width:1100px;margin:0 auto;padding:0 20px} .row{display:flex;gap:16px}
.wrap{flex-wrap:wrap} .center{align-items:center} .between{justify-content:space-between}
.site-header{position:sticky;top:0;background:rgba(15,18,32,.85);backdrop-filter:blur(8px);
z-index:10;border-bottom:1px solid var(--border)} .logo{width:28px;height:28px}
.brand-name{font-weight:800;letter-spacing:.2px}
.nav a{margin:0 8px;color:var(--text)} .nav .btn{margin-left:8px}
.btn{border:1px solid var(--border);background:var(--panel);color:var(--text);padding:10px 14px;
border-radius:10px;font-weight:600;cursor:pointer} .btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));border:none;color:#0b0f1d}
.hero{padding:64px 0;background:radial-gradient(1000px 500px at 80% -10%, rgba(125,249,255,.15), transparent)}
.lead{color:var(--muted);max-width:52ch} .checks{list-style:none;padding:0;margin:20px 0 0}
.checks li{margin:6px 0;position:relative;padding-left:22px}.checks li::before{content:'✔';position:absolute;left:0;color:var(--ok)}
.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:32px}
.hero-art{background:linear-gradient(180deg,rgba(107,124,255,.12),rgba(125,249,255,.06));border:1px solid var(--border);border-radius:16px;padding:16px}
.section{padding:64px 0}.tint{background:var(--tint)}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px}
.demo-wrap{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-field{display:flex;flex-direction:column;gap:6px}
.form-field input,.form-field select,.form-field textarea{background:#0c1020;border:1px solid var(--border);border-radius:10px;padding:10px;color:var(--text)}
.form-actions{margin-top:10px}.inline{display:inline-flex;align-items:center;gap:8px}
.muted{color:var(--muted)} .small{font-size:.9rem} .mono{font-family:ui-monospace,Menlo,Consolas,monospace}
.output-wrap{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:14px}
.pricing-cards{grid-template-columns:repeat(3,1fr)} .price .price-tag{font-size:2rem;font-weight:900}
.price .price-tag span{font-size:1rem;color:var(--muted)} .price-list{list-style:none;padding:0;margin:12px 0 24px}
.price.featured{outline:2px solid var(--brand)} .blueprint{line-height:1.9}
.automation-panel{background:var(--panel);border:1px solid var(--border);padding:16px;border-radius:12px}
.site-footer{padding:24px 0;border-top:1px solid var(--border)}
.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid var(--border);padding:10px;text-align:left}
@media (max-width:980px){.hero-grid,.demo-wrap,.output-wrap,.grid-two{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.pricing-cards{grid-template-columns:1fr}}
@media (max-width:560px){.cards{grid-template-columns:1fr}}