:root{--ink:#152b32;--muted:#5d6f74;--brand:#087f78;--brand-dark:#075e59;--violet:#4c33d6;--navy:#232c55;--line:#e3e8f6;--soft:#f6f8fe;--accent:#ffd166}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:#fff;line-height:1.6}
h1,h2,h3{font-family:Manrope,sans-serif;color:var(--navy);margin:0}a{color:var(--violet)}a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.cp-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 8vw;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.cp-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:800 1.45rem/1 "Baloo 2",sans-serif;color:var(--navy)}.cp-brand img{width:40px;height:40px;object-fit:contain}.cp-brand b{background:linear-gradient(90deg,#8d68f6,#4c33d6);-webkit-background-clip:text;background-clip:text;color:transparent}
.cp-header nav{display:flex;align-items:center;gap:18px;font-weight:700;font-size:.92rem}.cp-header nav a{color:var(--navy);text-decoration:none}.cp-header nav a[aria-current=page]{color:var(--violet);text-decoration:underline;text-underline-offset:6px}
.cp-header nav .cp-signin,.cp-button{display:inline-block;background:var(--brand);color:#fff;border-radius:11px;padding:10px 16px;text-decoration:none;font-weight:700}.cp-header nav .cp-signin{color:#fff;padding:8px 14px}
.cp-button--quiet{background:#e1efed;color:var(--brand-dark)}
.cp-hero{padding:48px 8vw 36px;background:linear-gradient(145deg,#e4f5f2 0%,#f7fbfa 55%,#eef0fd 100%)}
.cp-crumbs{margin:0 0 10px;font-size:.85rem;color:var(--muted)}.cp-crumbs a{color:var(--muted)}
.cp-hero h1{font-size:clamp(1.9rem,4.2vw,3.1rem);line-height:1.08;letter-spacing:-.03em;max-width:860px}
.cp-lead{max-width:720px;margin:14px 0 20px;font-size:1.08rem;color:var(--muted)}
.cp-cta{display:flex;flex-wrap:wrap;gap:10px}
.cp-section{padding:36px 8vw;border-top:1px solid var(--line)}.cp-section>h2,.cp-split h2{font-size:clamp(1.35rem,2.4vw,1.75rem);margin-bottom:16px}
.cp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.cp-grid--two{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.cp-grid article,.cp-checks li{background:var(--soft);border:1px solid var(--line);border-radius:16px;padding:16px 18px}.cp-grid h3,.cp-checks h3{font-size:1.02rem}.cp-grid p,.cp-checks p{margin:6px 0 0;color:var(--muted);font-size:.95rem}
.cp-price--accent{background:#f1edff!important;border-color:#d8cffd!important}.cp-amount{font:800 1.6rem Manrope,sans-serif;color:var(--navy)!important}.cp-amount small{font:600 .85rem "DM Sans",sans-serif;color:var(--muted)}
.cp-note{margin:14px 0 0;color:var(--muted);font-size:.93rem}
.cp-split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px 48px;align-items:start}.cp-split>div p{margin:0;color:var(--muted)}
.cp-list{margin:0;padding-left:20px;display:grid;gap:8px}
.cp-checks{list-style:none;counter-reset:c;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.cp-checks li{counter-increment:c;position:relative;padding-left:56px}.cp-checks li:before{content:counter(c);position:absolute;left:16px;top:16px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--violet);color:#fff;font:800 .85rem Manrope,sans-serif}
.cp-table{overflow-x:auto;border:1px solid var(--line);border-radius:16px}.cp-table table{width:100%;border-collapse:collapse;font-size:.95rem}.cp-table th,.cp-table td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:top}.cp-table thead th{background:var(--soft);color:var(--navy)}.cp-table tbody th{width:30%;color:var(--navy)}.cp-table tr:last-child>*{border-bottom:0}
.cp-faq details{border:1px solid var(--line);border-radius:14px;padding:0 18px;margin-bottom:10px;background:var(--soft)}.cp-faq summary{cursor:pointer;padding:14px 0;font-weight:700;color:var(--navy)}.cp-faq details p{margin:0 0 16px;color:var(--muted)}
.cp-footer{padding:22px 8vw 28px;border-top:1px solid var(--line);text-align:center;font-size:.86rem;color:var(--muted)}.cp-footer p{margin:4px 0}.cp-footer img{vertical-align:middle}
@media(max-width:760px){.cp-header{padding:10px 16px;flex-wrap:wrap}.cp-header nav{gap:12px;font-size:.85rem}.cp-hero{padding:28px 18px 24px}.cp-section{padding:26px 18px}.cp-split{grid-template-columns:1fr}.cp-footer{padding:18px}}
