:root{--blue:#1268f4;--navy:#0e1a34;--muted:#64748b;--line:#e5eaf2;--bg:#f6f9ff}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:#111827;background:white}a{text-decoration:none;color:inherit}
.wrap{max-width:1180px;margin:auto;padding:0 22px}.nav{position:sticky;top:0;z-index:20;background:#ffffffeb;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.navin{height:76px;display:flex;align-items:center;gap:28px}.brand img{height:48px;width:auto}.links{display:flex;gap:24px;margin-left:auto;align-items:center}.links a{color:#475569;font-weight:700}.btn{display:inline-block;padding:13px 20px;border-radius:14px;font-weight:800}.primary{background:var(--blue);color:white}.soft{background:#eef5ff;color:var(--blue)}
.hero{background:linear-gradient(135deg,#fff 0%,#f5f9ff 50%,#eaf4ff 100%);padding:78px 0 64px;overflow:hidden}.heroGrid{display:grid;grid-template-columns:1fr 1.05fr;gap:48px;align-items:center}
.kicker{font-size:14px;letter-spacing:.18em;color:var(--blue);font-weight:900}.hero h1{font-size:58px;line-height:1.02;margin:16px 0 20px;letter-spacing:-.04em}.hero p{font-size:20px;line-height:1.6;color:#526079;max-width:640px}.heroBtns{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.heroImg{width:100%;border-radius:26px;box-shadow:0 25px 70px #2563eb22}.trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;color:#64748b;font-weight:700;font-size:14px}
.section{padding:78px 0}.section.alt{background:var(--bg)}.title{text-align:center;max-width:760px;margin:0 auto 44px}.title h2{font-size:42px;margin:0 0 12px;letter-spacing:-.03em}.title p{font-size:18px;color:var(--muted);line-height:1.6}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{border:1px solid var(--line);border-radius:22px;padding:28px;background:white;box-shadow:0 10px 32px #0f172a0a;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
.card:hover{transform:translateY(-3px);box-shadow:0 16px 38px #0f172a14;border-color:#d8e5fb}
.ico{width:96px;height:96px;border-radius:22px;background:linear-gradient(180deg,#f7faff 0%,#eef5ff 100%);display:flex;align-items:center;justify-content:center;border:1px solid #e8eef8;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 20px rgba(18,104,244,.08);margin-bottom:20px}
.ico svg{width:56px;height:56px;display:block}
.ico .navy{stroke:#1f3970;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.ico .blue{stroke:#2d7cff;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.ico .fillBlue{fill:#2d7cff}
.ico .fillNavy{fill:#1f3970}
.ico .softBlue{fill:#dcebff}
.card h3{font-size:21px;margin:6px 0 10px}.card p{color:var(--muted);line-height:1.6;margin:0}
.showcase{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.showcase img{width:100%;max-height:650px;object-fit:contain}.showcase h2{font-size:42px;letter-spacing:-.03em}.showcase p{font-size:18px;color:var(--muted);line-height:1.65}
.pricegrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1180px;margin:auto}.price{border:1px solid var(--line);border-radius:24px;padding:32px}.price.pro{border:2px solid var(--blue);box-shadow:0 18px 50px #1268f421}.price h3{font-size:28px;margin:0}.amount{font-size:38px;font-weight:900;margin:18px 0;letter-spacing:-.03em}.small{font-size:14px;color:var(--muted)}ul.clean{padding:0;list-style:none;line-height:2;color:#475569}ul.clean li:before{content:"✓";color:#16a34a;font-weight:900;margin-right:9px}
.faq{max-width:860px;margin:auto}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{font-size:18px;font-weight:800;cursor:pointer}.faq p{color:var(--muted);line-height:1.6}
.cta{margin:70px auto;background:linear-gradient(135deg,#0d5de7,#1597ff);color:white;border-radius:30px;padding:48px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:38px;margin:0 0 8px}.cta p{margin:0;color:#e8f3ff}.cta .btn{background:white;color:#0d5de7}
footer{background:#0f172a;color:#d9e2f1;padding:44px 0}.foot{display:flex;gap:30px;justify-content:space-between;align-items:flex-start}.foot a{color:#cbd5e1}.legal{max-width:850px;margin:50px auto;padding:0 22px;line-height:1.7}.legal h1{font-size:42px}
.notice{background:#fff7d6;border:1px solid #f7d670;border-radius:16px;padding:16px;color:#6b5600;margin-top:18px}
@media(max-width:1080px){.pricegrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.links a:not(.primary){display:none}.heroGrid,.showcase,.pricegrid,.cards{grid-template-columns:1fr}.hero h1{font-size:44px}.hero{padding-top:46px}.showcase img{max-height:480px}.cta,.foot{flex-direction:column}.title h2,.showcase h2{font-size:34px}}

.compare-wrap{overflow:auto}.compare-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #e5eaf2;border-radius:18px;overflow:hidden;background:#fff}
.compare-table th,.compare-table td{padding:16px 18px;border-bottom:1px solid #eef2f7;text-align:left}.compare-table th{background:#f8fbff;font-weight:900}
.compare-table tr:last-child td{border-bottom:0}.compare-table th:last-child,.compare-table td:last-child{background:#f3f8ff;font-weight:800}

/* V10: keep primary navigation CTA readable */
.links a.primary{color:#fff}

.pricing-account-note{max-width:900px;margin:-18px auto 28px;padding:14px 18px;border:1px solid #dbe8fb;background:#f5f9ff;border-radius:14px;color:#526079;text-align:center;font-weight:700;line-height:1.5}