:root{--indigo:#4f46e5;--violet:#7c3aed;--ink:#1e1b4b;--muted:#5b5b7a;--bg:#f7f6ff}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);line-height:1.6}
.wrap{max-width:1100px;margin:0 auto;padding:0 24px}.row{display:flex;justify-content:space-between;align-items:center;gap:16px}
a{color:var(--indigo);text-decoration:none}
.nav{position:sticky;top:0;background:#fffe;backdrop-filter:blur(8px);border-bottom:1px solid #e9e7fb;z-index:10;padding:12px 0}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;color:var(--ink)}.logo{height:40px;width:auto;display:block}
nav{display:flex;align-items:center;gap:22px}nav a{color:var(--muted);font-weight:500}
.btn{display:inline-block;padding:12px 22px;border-radius:10px;background:linear-gradient(135deg,var(--indigo),var(--violet));color:#fff!important;font-weight:600}
.btn.ghost{background:transparent;border:1.5px solid var(--indigo);color:var(--indigo)!important;padding:10px 20px}
.hero{background:radial-gradient(circle at 80% 0,#ede9fe,transparent 50%),var(--bg);padding:90px 0 70px;text-align:center}
.eyebrow{color:var(--violet);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:13px}
h1{font-size:clamp(36px,6vw,60px);line-height:1.1;margin:10px 0 18px}.lead{font-size:19px;color:var(--muted);max-width:720px;margin:0 auto}
.ctas{display:flex;gap:14px;justify-content:center;margin:30px 0;flex-wrap:wrap}
.mock{max-width:720px;margin:20px auto 0;background:#fff;border-radius:16px;box-shadow:0 20px 50px #4f46e522;padding:18px;text-align:left}
.mrow{display:grid;grid-template-columns:2fr 1fr 1fr;padding:10px;border-bottom:1px solid #f0eefc;font-size:15px}.ok{color:#059669;font-weight:600}.warn{color:#d97706;font-weight:600}.note{font-size:12px;color:var(--muted);margin:8px 0 0}
section{padding:80px 0}section h2{font-size:34px;text-align:center;margin:0 0 40px}.alt{background:var(--bg)}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
.card{background:#fff;border:1px solid #e9e7fb;border-radius:16px;padding:26px}.card h3{margin:0 0 8px}.card p{margin:0;color:var(--muted)}
.num{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--indigo);color:#fff;font-weight:700;margin-bottom:10px}
.cta{background:linear-gradient(135deg,var(--indigo),var(--violet));color:#fff;text-align:center}.cta h2{color:#fff}
.btn.light{background:#fff;color:var(--indigo)!important}.btn.light2{border-color:#fff;color:#fff!important}
footer{padding:28px 0;color:var(--muted);font-size:14px}
@media(max-width:700px){nav a:not(.btn){display:none}}
.mcp{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center}.mcp ul{margin:0;padding-left:20px;color:var(--muted)}.mcp p{color:var(--muted)}
.mcp-box{background:#1e1b4b;color:#e0e7ff;border-radius:16px;padding:24px;font-family:ui-monospace,Menlo,monospace;font-size:14px}.mcp-box b{color:#c4b5fd}
.price{text-align:center}.price .amt{font-size:44px;font-weight:800;color:var(--ink)}.price .amt small{font-size:18px;color:var(--muted);font-weight:500}.price .btn{margin-top:18px}.price.feat{border:2px solid var(--indigo)}
.pricing{max-width:720px;margin:0 auto}
.faq{max-width:820px;margin:0 auto}.faq details{background:#fff;border:1px solid #e9e7fb;border-radius:12px;padding:16px 20px;margin-bottom:12px}.faq summary{font-weight:600;cursor:pointer}.faq p{margin:10px 0 0;color:var(--muted)}
.sub{text-align:center;color:var(--muted);max-width:720px;margin:-24px auto 36px}
@media(max-width:800px){.mcp{grid-template-columns:1fr}}