@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Sora:wght@400;600;700&display=swap";
:root{--bg:#f8fafc;--panel:#fff;--panel-strong:#f1f5f9;--accent:#0ea5e9;--accent-strong:#2563eb;--hero-bg:#f8fafc;--hero-text:#0f172a;--hero-muted:#475569;--hero-accent:#a5b4ff;--text:#0f172a;--muted:#475569;--border:#e2e8f0;--glow:radial-gradient(circle at 25% 18%,#0ea5e91f,transparent 28%),radial-gradient(circle at 80% 12%,#2563eb14,transparent 24%),radial-gradient(circle at 50% 78%,#10b9811a,transparent 26%);--shadow-soft:0 14px 50px #0f172a14;--radius-lg:28px;--radius-md:18px;--radius-sm:12px}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);letter-spacing:.01em;min-height:100vh;margin:0;font-family:Sora,Space Grotesk,system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--text);text-decoration:none}p{color:var(--muted);line-height:1.7}.page-shell{isolation:isolate;padding-bottom:5rem;position:relative;overflow:hidden}.container{width:min(1140px,100% - 4rem);margin:0 auto}header.nav{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);color:var(--text);background:#f8fafcf5;justify-content:space-between;align-items:center;padding:1.35rem 0;display:flex;position:sticky;top:0}.brand{letter-spacing:.04em;align-items:center;gap:.8rem;font-weight:700;display:flex}.brand-mark{width:42px;height:42px;box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#0ea5e92e,#2563eb33);border:1px solid #dbeafe;border-radius:14px;place-items:center;display:grid}.brand-mark span{border:2px solid var(--accent);border-radius:8px;width:20px;height:20px;position:relative}.brand-mark span:after{content:"";background:linear-gradient(135deg,var(--accent),var(--accent-strong));opacity:.9;border-radius:6px;position:absolute;inset:4px}.nav-links{color:var(--muted);align-items:center;gap:1rem;font-weight:600;display:flex}.nav-links a{border-radius:999px;padding:.6rem .9rem;transition:color .2s,background .2s,transform .2s}.nav-links a:hover{color:var(--text);background:#0ea5e914;transform:translateY(-1px)}.pill{border:1px solid var(--border);color:var(--accent-strong);letter-spacing:.03em;background:#0ea5e914;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.9rem;display:inline-flex}.btn{color:#f8fafc;background:linear-gradient(135deg,#0ea5e9,#2563eb);border:1px solid #0ea5e9;border-radius:14px;justify-content:center;align-items:center;gap:.6rem;padding:.9rem 1.3rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 12px 32px #2563eb29}.btn-hero{color:#0b0c12;background:linear-gradient(135deg,#a78bfa,#6366f1);border:1px solid #c7d2fe;padding:.95rem 1.4rem;box-shadow:0 14px 40px #6366f140}.btn-hero:hover{box-shadow:0 16px 42px #6366f14d}.btn-ghost{color:var(--hero-text);background:#ffffff0f;border:1px solid #ffffff29;padding:.95rem 1.4rem}.btn-ghost:hover{background:#ffffff1a}.badge-new{color:var(--hero-text);background:#ffffff14;border-color:#ffffff38;justify-content:center;margin:0 auto}.btn:hover{transform:translateY(-1px);box-shadow:0 14px 38px #2563eb38}.btn.secondary{color:var(--accent-strong);box-shadow:none;background:#0ea5e914;border:1px solid #bfdbfe}.btn.secondary:hover{background:#0ea5e91f;transform:translateY(-1px)}.section{margin:5rem 0}.section-header{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.8rem;display:flex}.section h2{letter-spacing:.02em;margin:0;font-size:clamp(1.8rem,2.5vw,2.4rem)}.section .lede{max-width:640px;margin:.5rem 0 0}.hero{padding:4.5rem 0 3.5rem}.hero-dark{background:radial-gradient(circle at 20% 10%,#a5b4fc1f,transparent 30%),radial-gradient(circle at 80% 15%,#38bdf81f,transparent 32%),var(--hero-bg);color:var(--hero-text);margin:2rem calc(50% - 50vw);padding-left:calc(50% - 50vw);padding-right:calc(50% - 50vw);box-shadow:inset 0 -1px #0000000a}.hero-inner{text-align:center;gap:1.2rem;width:min(1080px,100% - 2.4rem);margin:0 auto;display:grid}.hero-title{margin:.6rem 0;font-size:clamp(2.4rem,4vw,3.6rem);line-height:1.05}.hero-title.huge{letter-spacing:.01em;font-size:clamp(2.8rem,5vw,4.2rem)}.hero-copy{margin:.5rem 0 1.5rem}.hero-copy-dark{color:var(--hero-muted);line-height:1.9}.feature-band{color:var(--text);border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#fff;margin:0 calc(50% - 50vw) 3rem;padding:4rem calc(50% - 50vw)}.feature-inner{gap:2rem;width:min(1080px,100% - 2.4rem);margin:0 auto;display:grid}.feature-head{text-align:center;gap:.7rem;display:grid}.feature-head h2{margin:0;font-size:clamp(2rem,3vw,2.6rem)}.feature-head p{color:var(--muted);margin:0}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;display:grid}.feature-card{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:16px;grid-template-columns:auto 1fr;gap:.9rem;padding:1.35rem;display:grid}.feature-card h3{color:var(--text);margin:0 0 .35rem}.feature-card p{color:var(--muted);margin:0;line-height:1.6}.pain-band{margin-top:0}.feature-icon{color:#c7d2fe;background:#6366f11f;border:1px solid #6366f13d;border-radius:12px;place-items:center;width:42px;height:42px;font-size:1.2rem;display:grid}.steps-band{color:var(--text);border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#fff;margin:0 calc(50% - 50vw) 3rem;padding:4.5rem calc(50% - 50vw)}.steps-inner{gap:2.6rem;width:min(1080px,100% - 2.4rem);margin:0 auto;display:grid}.steps-head{text-align:center;gap:.6rem;display:grid}.steps-head h2{margin:0;font-size:clamp(2.2rem,3.2vw,2.8rem)}.steps-head p{color:var(--muted);margin:0}.cta-band{color:var(--text);text-align:center;border-top:1px solid var(--border);background:#fff;margin:0 calc(50% - 50vw);padding:5rem calc(50% - 50vw)}.cta-inner{gap:1.4rem;width:min(960px,100% - 2.4rem);margin:0 auto;display:grid}.cta-title{margin:0;font-size:clamp(2.4rem,4vw,3rem)}.cta-sub{color:var(--muted);margin:0;font-size:1.05rem}.cta-button{color:#0f172a;background:#a78bfa;border:1px solid #c7d2fe;border-radius:14px;justify-content:center;align-items:center;gap:.6rem;padding:1rem 1.6rem;font-size:1.05rem;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 16px 44px #6366f147}.cta-button:hover{transform:translateY(-1px);box-shadow:0 18px 48px #6366f157}.cta-support{color:var(--muted);font-weight:600}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:start;gap:2rem;display:grid;position:relative}.step-card{text-align:left;color:var(--hero-text);flex-direction:column;align-items:center;gap:.9rem;display:flex}.step-icon{color:#0b0c12;z-index:1;background:#a78bfa;border-radius:50%;place-items:center;width:72px;height:72px;margin:0 auto;font-size:1.2rem;font-weight:800;display:grid;position:relative;box-shadow:0 14px 34px #6366f13d}.step-body h3{color:var(--text);margin:0;font-size:1.2rem}.step-body p{color:var(--muted);max-width:280px;margin:.35rem 0 0;line-height:1.6}@media (min-width:800px){.steps-grid:before{content:"";background:#0f172a24;height:1px;position:absolute;top:36px;left:12%;right:12%}}.hero-meta{color:var(--hero-muted);justify-content:center;gap:.8rem;font-weight:600;display:flex}.hero-meta span{align-items:center;gap:.3rem;display:inline-flex}.cta-row{flex-wrap:wrap;justify-content:center;gap:.8rem;display:flex}.stat-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:1.6rem;display:grid}.stat-card{background:var(--panel-strong);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);padding:1rem 1.1rem}.stat-card strong{font-size:1.3rem}.stat-card span{color:var(--muted);margin-top:.35rem;display:block}.hero-preview{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);background:#fff;padding:1.35rem;position:relative;overflow:hidden}.hero-preview:before,.hero-preview:after{content:"";filter:blur(34px);opacity:.28;border-radius:50%;position:absolute}.hero-preview:before{background:var(--accent);width:140px;height:140px;top:-30px;right:20px}.hero-preview:after{background:#fbbf24;width:120px;height:120px;bottom:-40px;left:-20px}.mini-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;margin-bottom:.8rem;padding:.9rem}.mini-card h3{letter-spacing:.01em;margin:0 0 .35rem;font-size:1rem}.mini-meta{color:var(--muted);justify-content:space-between;font-size:.9rem;display:flex}.chip-row{flex-wrap:wrap;gap:.5rem;margin-top:.6rem;display:flex}.chip{background:var(--panel-strong);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:.45rem .7rem;font-weight:600}.list-plain{gap:.45rem;margin:.6rem 0 0;padding:0;list-style:none;display:grid}.list-plain li{color:var(--muted);grid-template-columns:auto 1fr;align-items:flex-start;gap:.45rem;display:grid}.list-plain li:before{content:"•";color:var(--accent);font-weight:700;line-height:1.2}.panel-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;display:grid}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);padding:1.35rem}.card h3{margin:0 0 .5rem}.accent-edge{border-left:3px solid #0ea5e980}.tag{color:var(--text);background:#0ea5e91f;border:1px solid #0ea5e938;border-radius:10px;padding:.35rem .7rem;font-size:.9rem;font-weight:700;display:inline-flex}.stacked{gap:.8rem;display:grid}.flow{gap:1rem;margin-top:1rem;display:grid}.flow-step{border-radius:var(--radius-md);background:var(--panel-strong);border:1px dashed #cbd5e1;gap:.3rem;padding:1rem;display:grid}.flow-step strong{font-size:1.05rem}.integration-row{flex-wrap:wrap;gap:.65rem;display:flex}.integration{background:var(--panel-strong);border:1px solid var(--border);color:var(--text);border-radius:999px;padding:.55rem .95rem;font-weight:700}.hero-points{margin-top:1.1rem}.hero-points li{color:var(--text)}.faq{gap:.6rem;display:grid}.faq-item{border-radius:var(--radius-md);background:var(--panel);border:1px solid var(--border);padding:1rem 1.1rem}.cta-banner{border-radius:var(--radius-lg);color:#0f172a;box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#0ea5e92e,#2563eb2e);margin-top:3rem;padding:2rem;position:relative;overflow:hidden}.cta-banner:after{content:"";filter:blur(70px);background:#ffffff80;width:220px;height:220px;position:absolute;top:-60px;right:-30px}.cta-content{z-index:1;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center;gap:1rem;display:grid;position:relative}.footer{color:#434343;border-top:1px solid #ffffff0f;margin-top:4rem;padding:1.8rem 0 .5rem;font-size:.95rem}.step-card{grid-template-columns:auto 1fr;align-items:flex-start;gap:.8rem;display:grid}.step-no{width:38px;height:38px;color:var(--text);background:#0ea5e91f;border:1px solid #0ea5e94d;border-radius:12px;place-items:center;font-weight:800;display:grid}.before-after{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-top:1rem;display:grid}.effect-card{background:linear-gradient(135deg,#0ea5e91f,#2563eb1f);margin-top:1rem}.quote{position:relative;overflow:hidden}.quote:before{content:"“";color:#0f172a14;font-size:5rem;position:absolute;top:-20px;left:10px}@media (max-width:720px){header.nav{position:sticky;top:0}.nav-links{display:none}.hero-title{font-size:clamp(2.2rem,6vw,3rem)}.container{width:calc(100% - 2rem)}}