*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#0d1117;--bg-alt:#161b22;--bg-soft:#1f252e;--border:#2d333b;--text:#e6edf3;--text-dim:#9aa4b1;--brand:#3b82f6;--brand-accent:#2563eb;--radius:14px;--grad:linear-gradient(135deg,#3b82f6 0%,#6366f1 60%,#8b5cf6 100%)}
body{font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:var(--brand);text-decoration:none}a:hover{color:var(--brand-accent)}
.container{width:100%;max-width:1180px;margin:0 auto;padding:0 24px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(13,17,23,.6);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:68px}
.logo{font-weight:700;font-size:1.25rem;letter-spacing:.5px} .logo span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.logo.small{font-size:1rem}
.nav{display:flex;gap:28px;font-size:.9rem;font-weight:500}
.nav a{color:var(--text-dim)}.nav a:hover{color:var(--text)}
#mobile-nav-toggle{display:none;background:none;border:1px solid var(--border);color:var(--text);padding:6px 10px;border-radius:8px;font-size:1rem}
.hero{position:relative;overflow:hidden;padding:104px 0 84px}
.hero-gradient{position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,#3b82f633,transparent 60%),radial-gradient(circle at 80% 70%,#6366f133,transparent 70%);pointer-events:none}
.hero-inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:center;gap:60px}
.hero-content h1{font-size:clamp(2.2rem,4.2vw,3.4rem);line-height:1.1;margin-bottom:20px;font-weight:700}
.tagline{font-size:1.1rem;max-width:540px;color:var(--text-dim);margin-bottom:28px}
.cta-group{display:flex;gap:16px;margin-bottom:10px}
.small-note{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim)}
.hero-art{position:relative;display:flex;flex-direction:column;gap:18px}
.glass.card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);padding:18px 22px;border-radius:var(--radius);backdrop-filter:blur(12px);font-size:.9rem;font-weight:500;animation:floatUp .9s ease both}
.glass.card.delay-1{animation-delay:.15s}.glass.card.delay-2{animation-delay:.3s}
@keyframes floatUp{0%{opacity:0;transform:translateY(16px)}100%{opacity:1;transform:translateY(0)}}
.section{padding:84px 0}
.section-title{text-align:center;font-size:2.1rem;font-weight:600;margin-bottom:44px;letter-spacing:.5px}
.features .feature-grid{display:grid;gap:34px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.feature-item{background:var(--bg-alt);border:1px solid var(--border);padding:24px 22px;border-radius:var(--radius);transition:.25s;border-top:2px solid transparent}
.feature-item:hover{border-color:var(--brand);border-top-color:var(--brand-accent);transform:translateY(-3px)}
.two-col{display:grid;gap:60px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start}
.steps{display:grid;gap:10px;margin:20px 0 30px;font-size:.95rem;color:var(--text-dim)}
.steps li{list-style:decimal inside;font-weight:500;color:var(--text)}
.how-it-works .how-art{display:grid;gap:22px}
.how-it-works .panel{background:var(--bg-alt);border:1px solid var(--border);padding:30px 20px;border-radius:var(--radius);text-align:center;font-weight:500}
.pricing-grid{display:grid;gap:34px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.price-card{background:var(--bg-alt);border:1px solid var(--border);padding:32px 26px;border-radius:var(--radius);display:flex;flex-direction:column;gap:18px;position:relative}
.price-card.highlight{border:2px solid var(--brand);box-shadow:0 0 0 4px rgba(59,130,246,.15)}
.price{font-size:2.4rem;font-weight:600;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.price span{font-size:1rem;font-weight:500;color:var(--text-dim);background:none;-webkit-background-clip:initial;background-clip:initial}
.price-card ul{display:grid;gap:6px;font-size:.85rem;color:var(--text-dim);padding-left:18px}
.price-card ul li{list-style:disc}
.btn{--btn-bg:var(--bg-alt);--btn-color:var(--text);--btn-border:var(--border);display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;padding:12px 22px;border-radius:10px;border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-color);cursor:pointer;transition:.25s;line-height:1}
.btn.primary{--btn-bg:var(--brand);--btn-border:var(--brand);--btn-color:#fff}
.btn.secondary{--btn-bg:#6366f1;--btn-border:#6366f1;--btn-color:#fff}
.btn.ghost{background:transparent}
.btn.small{padding:9px 16px;font-size:.8rem}
.btn.disabled, .btn[aria-disabled="true"]{opacity:.55;cursor:not-allowed}
.btn:hover:not(.disabled){filter:brightness(1.08);transform:translateY(-2px)}
.faq-list{display:grid;gap:16px}
.faq-item{background:var(--bg-alt);border:1px solid var(--border);padding:18px 20px;border-radius:var(--radius);cursor:pointer}
.faq-item h4{font-size:1rem;font-weight:600;margin-bottom:4px}
.faq-item p{font-size:.85rem;color:var(--text-dim);display:none;margin-top:6px}
.faq-item.open p{display:block}
.contact-form{display:grid;gap:14px;margin-top:20px}
.contact-form input, .contact-form textarea{background:var(--bg-alt);border:1px solid var(--border);border-radius:10px;padding:12px 14px;font:inherit;color:var(--text);resize:vertical;min-width:0}
.contact-form input:focus, .contact-form textarea:focus{outline:2px solid var(--brand);outline-offset:2px}
.form-status{font-size:.75rem;color:var(--text-dim);margin-top:4px}
.bullets{display:grid;gap:6px;margin-top:12px;font-size:.85rem;color:var(--text-dim);padding-left:18px}
.bullets li{list-style:disc}
.site-footer{background:var(--bg-alt);border-top:1px solid var(--border);padding:34px 0;margin-top:40px}
.footer-inner{display:flex;flex-direction:column;gap:18px;align-items:center;text-align:center;font-size:.8rem;color:var(--text-dim)}
.links{display:flex;gap:20px}
@media (max-width:850px){.nav{display:none;position:absolute;top:68px;left:0;right:0;flex-direction:column;background:var(--bg-alt);padding:24px;border-bottom:1px solid var(--border)}.nav.open{display:flex}#mobile-nav-toggle{display:block}}

/* Integrations section */
.integrations .providers{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:8px}
.pill{--pbg:var(--bg-alt);--pcolor:var(--text);border:1px solid var(--border);background:var(--pbg);color:var(--pcolor);padding:10px 14px;border-radius:999px;font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;gap:6px}
.pill.chatgpt{--pbg:#10a37f1a;--pcolor:#10a37f;border-color:#10a37f33}
.pill.claude{--pbg:#ff6b001a;--pcolor:#d35400;border-color:#ff6b0033}
.pill.gemini{--pbg:#1a73e81a;--pcolor:#1a73e8;border-color:#1a73e833}
.pill.grok{--pbg:#ffd4001a;--pcolor:#c9a400;border-color:#ffd40033}
.pill.deepseek{--pbg:#7c3aed1a;--pcolor:#7c3aed;border-color:#7c3aed33}
.pill.naderu{--pbg:#64748b1a;--pcolor:#94a3b8;border-color:#64748b33}