:root{--fh:Manrope,"Segoe UI",Arial,sans-serif;--fb:"Source Sans 3","Segoe UI",Arial,sans-serif;--text:#1c2735;--ink:#0f2a4a;--muted:#5b6878;--link:#1a7a8c;--c1:#0f2a4a;--c2:#1a8a9c;--line:#dfe6ee;--soft:#f3f6f9;--th:#0f2a4a;--r:14px;--br:8px;--cta:linear-gradient(180deg,#22b0a0,#14897d);--cta-t:#fff;--cta-sh:rgba(20,137,125,.3);--bar:rgba(255,255,255,.97);--bar-t:#0f2a4a;--hero:linear-gradient(135deg,#f3f6f9 0%,#e3ebf3 55%,#d4e1ec 100%);--hero-t:#1c2735;--hero-h:#0f2a4a;--hero-em:#1a8a9c;--hero-k:#1a8a9c;--hero-m:#6b7787;--hero-m2:#3f4c5c;--fact:#fff;--fact-b:#d4dde8;--dark:#0f2a4a;--dark-t:#c9d6e5;--foot:#0a1d33;--foot-t:#9fb0c4;--mbar:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:var(--fb);font-size:17px;line-height:1.7;color:var(--text);background:#fff}
img{max-width:100%;height:auto;display:block}
a{color:var(--link)}
h1,h2,h3{font-family:var(--fh);line-height:1.2;color:var(--ink);margin:0 0 12px}
h2{font-size:clamp(1.6rem,3.3vw,2.25rem)}h3{font-size:1.16rem}
p{margin:0 0 14px}
.in{max-width:1140px;margin:0 auto;padding:0 20px}.narrow{max-width:820px}
.skip{position:absolute;left:-999px;top:0;background:#fff;padding:8px 12px;z-index:100}.skip:focus{left:10px}
.btn{display:inline-block;background:var(--cta);color:var(--cta-t);font-weight:800;text-decoration:none;padding:15px 30px;border-radius:var(--br);box-shadow:0 10px 24px var(--cta-sh);text-align:center;transition:transform .15s,box-shadow .15s;font-family:var(--fb)}
.btn:hover{transform:translateY(-2px)}
.btn-sm{padding:9px 18px;font-size:.92rem;box-shadow:none;white-space:nowrap}
.btn-line{background:#fff;color:var(--ink);border:2px solid var(--ink);box-shadow:none}
.kicker{display:inline-block;font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--c2);margin-bottom:10px}
.bar{position:sticky;top:0;z-index:50;background:var(--bar);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.bar .in{display:flex;align-items:center;justify-content:space-between;height:66px;gap:12px}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--fh);font-weight:800;font-size:1.22rem;color:var(--bar-t);text-decoration:none;white-space:nowrap}
.logo img{width:34px;height:34px;border-radius:9px}.logo span{color:var(--c2)}
.nav{display:flex;gap:22px;align-items:center}.nav a{text-decoration:none;color:var(--bar-t);font-weight:600;font-size:.95rem}.nav a.btn{color:var(--cta-t)}
.crumbs{font-size:.85rem;color:var(--muted)}.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.crumbs li+li:before{content:"›";margin-right:6px;opacity:.6}.crumbs a{color:inherit;text-decoration:none}.crumbs a:hover{text-decoration:underline}
.hero{background:var(--hero);color:var(--hero-t);padding:18px 0 58px;overflow:hidden}
.hero .crumbs{color:var(--hero-m)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:center;margin-top:26px}
.hero h1{color:var(--hero-h);font-size:clamp(2rem,4.5vw,3.1rem)}.hero h1 em{font-style:normal;color:var(--hero-em)}
.hero .kicker{color:var(--hero-k)}
.lede{font-size:1.08rem;color:var(--hero-m2)}
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:22px 0 26px;padding:0;list-style:none}
.facts li{background:var(--fact);border:1px solid var(--fact-b);border-radius:12px;padding:10px 12px;font-size:.84rem;color:var(--hero-m2)}.facts b{display:block;color:var(--hero-h);font-size:1rem}
.hero-pic img{max-width:min(420px,100%);margin:0 auto;filter:drop-shadow(0 26px 34px rgba(0,0,0,.22))}
.sec{padding:64px 0}.soft{background:var(--soft)}.dark{background:var(--dark);color:var(--dark-t)}.dark h2,.dark h3{color:#fff}.dark .kicker{color:rgba(255,255,255,.72)}
.box{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px}
.summary{border-left:6px solid var(--c2)}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}.split img{border-radius:var(--r)}
.list{padding-left:0;list-style:none;margin:0 0 14px}.list li{position:relative;padding-left:28px;margin-bottom:9px}
.list.ok li:before{content:"✓";position:absolute;left:0;color:#16a06a;font-weight:900}
.list.no li:before{content:"✕";position:absolute;left:0;color:#d64545;font-weight:900}
.tbl{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);margin:18px 0;background:#fff}
table{width:100%;border-collapse:collapse;min-width:560px;font-size:.95rem}
th,td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}th{background:var(--th);color:#fff}tr:last-child td{border-bottom:0}
.note{background:#fff8e1;border:1px solid #f0d78a;border-radius:12px;padding:16px 18px;font-size:.95rem}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0;padding:0;list-style:none;counter-reset:s}
.steps li{counter-increment:s;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px;overflow:hidden}
.steps li:before{content:counter(s);display:flex;width:38px;height:38px;border-radius:50%;background:var(--c1);color:#fff;font-weight:900;align-items:center;justify-content:center;margin-bottom:12px}
.steps li img{border-radius:12px;margin:-4px 0 14px}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.card img{width:100%;aspect-ratio:4/3;object-fit:cover}.card div{padding:16px 18px}.card h3{margin-bottom:6px}.card p{margin:0;font-size:.94rem;color:var(--muted)}
.packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px;align-items:stretch}
.packs.p5{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.pack{background:#fff;color:var(--text);border-radius:18px;padding:24px 18px;text-align:center;position:relative;display:flex;flex-direction:column;border:2px solid var(--line)}
.pack.best{border-color:var(--c2);transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.18)}
.flag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--c2);color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.08em;padding:4px 12px;border-radius:999px;white-space:nowrap}
.pack h3{color:var(--ink);font-size:1.35rem;margin-bottom:0}.pack .sub{color:var(--muted);font-size:.9rem;margin:0}
.pack img{height:150px;width:auto;object-fit:contain;margin:14px auto}
.pp{font-size:2.3rem;font-weight:900;color:var(--ink);margin:0;line-height:1.1}.pp small{font-size:.92rem;font-weight:600;color:var(--muted)}
.tt{font-size:.9rem;color:var(--muted);margin:6px 0 2px}
.extras{list-style:none;padding:0;margin:8px 0 16px;font-size:.88rem;text-align:left}.extras li{padding:4px 0 4px 24px;position:relative}.extras li:before{content:"✓";position:absolute;left:4px;color:#16a06a;font-weight:900}
.extras li.x{color:#9aa3b5}.extras li.x:before{content:"–";color:#9aa3b5}
.pack .btn{margin-top:auto;padding:13px 16px}
.guar{display:flex;gap:22px;align-items:center;margin-top:30px;background:#fff;border:1px dashed var(--c2);border-radius:var(--r);padding:20px}
.dark .guar{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.3)}
.guar img{width:110px;flex:0 0 110px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:10px;padding:0 18px}
.faq summary{cursor:pointer;font-weight:700;padding:15px 28px 15px 0;color:var(--ink);list-style:none;position:relative}
.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:0;top:12px;font-size:1.4rem;color:var(--c2)}
.faq details[open] summary:after{content:"–"}.faq details p{padding-bottom:14px;margin:0}
.end{text-align:center;background:var(--soft)}.end img{max-width:min(320px,100%);margin:0 auto 12px}
.fine{font-size:.82rem;color:var(--muted)}
.foot{background:var(--foot);color:var(--foot-t);padding:42px 0 30px;font-size:.88rem}.foot a{color:#fff}
.flinks{display:flex;flex-wrap:wrap;gap:8px 20px;margin:14px 0}
.net-hidden{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.mbar{display:none}
.page{padding:18px 0 64px}.page h1{font-size:clamp(1.85rem,4vw,2.5rem);margin-top:18px}.page h2{margin-top:34px;font-size:1.55rem}
.meta{font-size:.86rem;color:var(--muted);margin-bottom:18px}
.figr{margin:22px 0}.figr img{border-radius:var(--r);margin:0 auto;max-width:min(560px,100%)}.figr figcaption{text-align:center;font-size:.85rem;color:var(--muted);margin-top:6px}
@media(max-width:1000px){.packs.p5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:960px){.hero-grid,.split{grid-template-columns:minmax(0,1fr)}.hero-pic{order:-1}.hero-pic img{max-width:260px;max-height:340px;width:auto}.facts{grid-template-columns:repeat(2,minmax(0,1fr))}.steps,.cards{grid-template-columns:minmax(0,1fr)}.packs{grid-template-columns:minmax(0,1fr);max-width:420px;margin-left:auto;margin-right:auto}.packs.p5{grid-template-columns:minmax(0,1fr)}.pack.best{transform:none;order:-1}}
@media(max-width:640px){body{font-size:16px}.nav a:not(.btn){display:none}.logo span{display:none}.sec{padding:46px 0}.two{grid-template-columns:minmax(0,1fr)}.guar{flex-direction:column;text-align:center}
.mbar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--mbar);padding:10px 14px;box-shadow:0 -6px 20px rgba(0,0,0,.12)}.mbar .btn{display:block;padding:13px}body{padding-bottom:74px}}
.hero h1{font-weight:800;letter-spacing:-.02em}.badge-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.badge-row span{font-size:.82rem;background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px 12px;color:var(--muted)}