@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&family=Sora:wght@400;600;700&display=swap";:root{--bg: #0a0f1a;--bg-alt: #0c1222;--panel: #111827;--panel-alt: #0f172a;--border: #1f2937;--text: #e5e7eb;--muted: #94a3b8;--accent: #38bdf8;--accent-strong: #0ea5e9;--accent-soft: rgba(56, 189, 248, .16);--green: #22c55e}body{margin:0;font-family:Sora,Space Grotesk,Segoe UI,sans-serif;background:radial-gradient(circle at top,#172554,#0a0f1a 45%,#0a0f1a);color:var(--text)}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.app{min-height:100vh;display:flex;flex-direction:column}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 40px;border-bottom:1px solid var(--border);background:#080c14e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.nav-left{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.nav-links{display:flex;gap:18px;flex-wrap:wrap;align-items:center}.nav-links a{color:var(--muted);font-size:14px;letter-spacing:.2px}.nav-links a:hover{color:var(--text)}.nav-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.nav-actions a{font-size:14px}.logo{display:inline-flex;align-items:center}.logo img{height:24px;width:auto;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(15,23,42,.35))}.page{display:flex;flex-direction:column;gap:56px}.container{width:100%;max-width:1100px;margin:0 auto;padding:40px 24px}.hero-tight{padding-top:20px;padding-bottom:28px}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;align-items:center}.hero-copy h1{font-size:clamp(36px,4vw,52px);line-height:1.05;margin:16px 0}.lead{font-size:18px;color:var(--muted);line-height:1.6}.hero-qualifier{margin-top:12px;color:#cbd5f5;font-size:14px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.hero-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-top:28px}.hero-meta div{padding:14px 16px;border-radius:14px;background:#0f172a99;border:1px solid var(--border)}.hero-meta strong{display:block;font-size:20px}.hero-meta span{display:block;font-size:12px;color:var(--muted)}.hero-visual{display:flex;justify-content:center}.hero-preview{width:min(420px,100%);border-radius:20px;background:linear-gradient(150deg,#111827e6,#0f172af2);border:1px solid rgba(56,189,248,.25);box-shadow:0 24px 45px #02061780;padding:20px;display:flex;flex-direction:column;gap:16px}.preview-proof{display:grid;gap:10px}.proof-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#93c5fd}.proof-frame{position:relative;border-radius:16px;background:linear-gradient(160deg,#0b1220,#1e293b);border:1px solid rgba(56,189,248,.3);padding:18px 14px 44px;min-height:160px;overflow:hidden}.proof-safe-zone{position:absolute;top:14px;right:14px;bottom:14px;left:14px;border:1px dashed rgba(148,163,184,.4);border-radius:12px}.proof-caption{position:relative;z-index:1;background:#0f172ab3;border:1px solid rgba(56,189,248,.3);padding:10px 12px;border-radius:10px;font-size:12px}.proof-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.preview-header,.preview-footer{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.preview-dot{width:10px;height:10px;border-radius:999px;background:var(--green)}.preview-body{display:grid;gap:12px}.preview-card{padding:14px;border-radius:14px;background:#0f172a99;border:1px solid rgba(56,189,248,.15)}.preview-card h4{margin:0 0 6px;font-size:14px}.preview-card p{margin:0;font-size:12px;color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;border:1px solid rgba(56,189,248,.4);background:#38bdf814;font-size:12px;color:#bae6fd}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.card-grid.tight{gap:16px}.card{background:linear-gradient(145deg,#111827e6,#0f172ae6);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:0 12px 24px #0206174d}.feature-card h3{margin-top:0}.persona-strip{padding:28px 0 12px;background:linear-gradient(180deg,rgba(12,18,34,.7),transparent)}.persona-title{margin:10px 0 18px;font-size:clamp(20px,2.2vw,28px)}.usecase-row{display:flex;flex-wrap:wrap;gap:12px}.usecase-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid rgba(148,163,184,.25);background:#0f172a66;color:#e2e8f0;font-size:14px}.section{display:grid;gap:24px}.section-head{display:grid;gap:12px;align-items:flex-start}.section-head h2,.section-head h1{margin:0}.section-sub{color:var(--muted);font-size:15px;line-height:1.6}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:1.4px;color:#93c5fd;margin:0}.split-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.split-list{display:grid;gap:16px}.split-item{display:flex;gap:16px;text-align:left;padding:16px;border-radius:16px;border:1px solid var(--border);background:#0f172a99;color:var(--text);cursor:pointer}.split-item span{width:34px;height:34px;border-radius:10px;background:#38bdf833;display:inline-flex;align-items:center;justify-content:center;font-weight:600}.split-item.active{border-color:#38bdf899;box-shadow:0 12px 30px #0ea5e933}.split-item p{margin:6px 0 0;color:var(--muted);font-size:14px}.split-panel .panel-card{border-radius:18px;background:linear-gradient(160deg,#0ea5e92e,#0f172ae6);border:1px solid rgba(56,189,248,.4);padding:24px;display:grid;gap:16px}.panel-tag{display:inline-flex;padding:6px 12px;border-radius:999px;background:#38bdf833;font-size:12px;color:#bae6fd;width:fit-content}.panel-card ul{margin:0;padding-left:18px;color:var(--muted);display:grid;gap:6px}.tab-row{display:flex;gap:10px;flex-wrap:wrap}.tab{padding:8px 16px;border-radius:999px;border:1px solid var(--border);background:#0f172a80;color:var(--muted);cursor:pointer}.tab.active{border-color:#38bdf8b3;color:#e0f2fe;background:#38bdf826}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.template-card{border-radius:18px;padding:18px;background:#0f172ab3;border:1px solid rgba(56,189,248,.2);display:grid;gap:8px}.template-preview{height:110px;border-radius:14px;background:linear-gradient(135deg,#0f172a99,#38bdf826);border:1px dashed rgba(148,163,184,.3)}.template-tag{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#bae6fd}.template-card p{margin:0;color:var(--muted);font-size:13px}.feature-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.feature-group ul{margin:0;padding-left:18px;color:var(--muted);display:grid;gap:8px}.group-icon{margin-right:8px;font-size:16px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.stat-card{padding:20px;border-radius:18px;background:#0f172ab3;border:1px solid rgba(56,189,248,.2)}.stat-card strong{display:block;font-size:22px}.stat-card span{color:var(--muted);font-size:13px}.cta-band{padding:48px 0;background:linear-gradient(135deg,#38bdf82e,#0c1222f2);border-top:1px solid rgba(56,189,248,.3);border-bottom:1px solid rgba(56,189,248,.1)}.cta-center .cta-content{justify-content:center;text-align:center}.cta-center .cta-content>div{max-width:640px}.cta-button{padding:14px 26px;font-size:16px;box-shadow:0 12px 24px #0ea5e940}.button.mini{padding:8px 14px;font-size:12px}.cta-content{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.pricing-card ul{margin:0;padding-left:18px;color:var(--muted);display:grid;gap:6px}.pricing-card.standout{border-color:#38bdf899;box-shadow:0 20px 40px #0ea5e933}.download-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px;border-radius:20px;background:#0f172ab3;border:1px solid rgba(56,189,248,.3);flex-wrap:wrap}.support-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.upload-card{display:grid;gap:12px;margin-top:16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent-strong);color:#fff;border:none;border-radius:12px;padding:12px 20px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-1px);box-shadow:0 8px 18px #38bdf840}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.button.secondary{background:transparent;border:1px solid var(--accent);color:#bae6fd}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid rgba(56,189,248,.4);color:#bae6fd;font-size:12px}.footer{margin-top:auto;border-top:1px solid var(--border);padding:24px;text-align:center;color:var(--muted);background:var(--panel-alt)}.form{display:grid;gap:12px;max-width:420px}.input{padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--panel-alt);color:var(--text)}.notice{padding:12px 14px;border-radius:12px;background:#38bdf81a;border:1px solid rgba(56,189,248,.3);color:#bae6fd}.notice.success{background:#22c55e1f;border:1px solid rgba(34,197,94,.4);color:#bbf7d0}.notice.error{background:#ef44441f;border:1px solid rgba(239,68,68,.4);color:#fecaca}.notice.slide-in{margin-top:12px;animation:slideIn .25s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.status{font-size:14px;color:var(--muted)}@media (max-width: 900px){.nav{padding:16px 20px}.nav-left{gap:16px}.hero{grid-template-columns:1fr}.hero-meta{grid-template-columns:1fr 1fr}.cta-content{flex-direction:column;align-items:flex-start}}@media (max-width: 600px){.nav-actions{width:100%;justify-content:flex-start}.hero-meta{grid-template-columns:1fr}.cta-center .cta-content{text-align:left}.download-card{align-items:flex-start}}