:root{--bg:#fff;--ice:#eef7fd;--sky:#d6ecfa;--blue:#2f9be0;--deep:#14507f;--ink:#17324a;--mute:#5a7387;--line:#d3e6f3;--gold:#ffc928}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{font-family:"Nunito","Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.7;font-size:17px}
h1,h2,h3{font-family:"Fraunces",Georgia,serif;line-height:1.2;color:var(--deep);font-weight:600}
h1{font-size:clamp(2rem,5vw,3.4rem)}h2{font-size:clamp(1.6rem,3.4vw,2.3rem);margin-bottom:.6em}h3{font-size:1.2rem;margin-bottom:.4em}
p{margin-bottom:1em;max-width:68ch}img{max-width:100%;height:auto;display:block}a{color:var(--blue)}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}
.bar{max-width:1120px;margin:auto;padding:12px 20px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.logo{font-family:"Fraunces",Georgia,serif;font-size:1.5rem;font-weight:700;color:var(--deep);text-decoration:none;margin-right:auto}
nav{display:flex;gap:4px;flex-wrap:wrap}
nav a{padding:8px 14px;border-radius:99px;text-decoration:none;color:var(--ink);font-weight:600;font-size:.95rem}
nav a:hover{background:var(--ice)}nav a.on{background:var(--sky);color:var(--deep)}
.btn{display:inline-block;background:var(--blue);color:#fff;padding:13px 28px;border-radius:99px;font-weight:800;text-decoration:none;border:0;transition:background .2s,transform .2s;text-align:center}
.btn:hover{background:var(--deep);transform:translateY(-2px)}
.btn.gold{background:var(--gold);color:#3a2b00}.btn.gold:hover{background:#f0b800}
.btn.sm{padding:9px 20px;font-size:.92rem}.btn.ghost{background:#fff;color:var(--deep);border:2px solid var(--blue)}
.wrap{max-width:1120px;margin:auto;padding:70px 20px}
.page{display:none}.page.show,.nojs .page{display:block}
.hero{background:linear-gradient(160deg,var(--ice),#fff 70%)}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.hero p.lead{font-size:1.15rem;color:var(--mute)}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
.tick{list-style:none;margin:18px 0}.tick li{padding-left:30px;position:relative;margin-bottom:8px}
.tick li:before{content:"✓";position:absolute;left:0;color:#fff;background:var(--blue);width:21px;height:21px;border-radius:50%;font-size:.8rem;text-align:center;line-height:21px;top:4px}
.band{background:var(--ice)}.center{text-align:center}.center p{margin-inline:auto}
.grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px}
.band .card{border-color:transparent}
.split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.split img{border-radius:18px;background:var(--ice);padding:10px}
.steps{counter-reset:s;display:grid;gap:16px}
.steps .card{padding-left:74px;position:relative}
.steps .card:before{counter-increment:s;content:counter(s);position:absolute;left:22px;top:22px;width:36px;height:36px;border-radius:50%;background:var(--blue);color:#fff;font-weight:800;text-align:center;line-height:36px}
.time{border-left:3px solid var(--blue);padding:4px 0 18px 22px;margin-left:8px;position:relative}
.time:before{content:"";position:absolute;left:-9px;top:8px;width:15px;height:15px;border-radius:50%;background:#fff;border:3px solid var(--blue)}
.price{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));align-items:stretch}
.plan{text-align:center;border:2px solid var(--line);border-radius:18px;padding:28px 22px;background:#fff;display:flex;flex-direction:column;align-items:center}
.plan.best{border-color:var(--blue);background:var(--ice);box-shadow:0 14px 40px rgba(47,155,224,.18)}
.plan img{height:150px;object-fit:contain;margin-bottom:10px}
.plan .amt{font-family:"Fraunces",Georgia,serif;font-size:3.2rem;color:var(--deep);line-height:1}
.plan .tag{background:var(--deep);color:#fff;border-radius:99px;padding:3px 14px;font-size:.85rem;font-weight:700;margin-bottom:10px}
.plan .btn{margin-top:auto;width:100%}.plan ul{list-style:none;margin:14px 0 20px}.plan li{margin-bottom:4px}
details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 22px;margin-bottom:12px}
summary{cursor:pointer;font-weight:800;color:var(--deep)}details p{margin:10px 0 0}
table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}
th,td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line)}th{background:var(--sky);color:var(--deep)}
.cta{background:linear-gradient(160deg,var(--sky),var(--ice));border-radius:24px;padding:46px 28px;text-align:center}
.cta p{margin-inline:auto}
.note{font-size:.85rem;color:var(--mute)}
footer{background:var(--deep);color:#d8ebf8;padding:44px 20px}
footer .in{max-width:1120px;margin:auto}footer a{color:#fff}footer p{max-width:none;font-size:.85rem}
.fl{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:18px}
@media(max-width:820px){.hero .wrap,.split{grid-template-columns:1fr}.wrap{padding:48px 18px}.hero img{order:-1;max-width:340px;margin:auto}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}