:root{--bg:#f7f9fb;--sf:#fff;--tx:#0f1f2e;--mu:#51606e;--ac:#0b5fff;--ac2:#06b6a4;--bd:#dde4ea;--hd:#0f1f2e;--ht:#fff;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0b141d;--sf:#121e2a;--tx:#eaf0f5;--mu:#9fb0bf;--ac:#5b93ff;--ac2:#2dd4bf;--bd:#23323f;--hd:#070d13;--ht:#eaf0f5;color-scheme:dark}}
:root[data-theme="dark"]{--bg:#0b141d;--sf:#121e2a;--tx:#eaf0f5;--mu:#9fb0bf;--ac:#5b93ff;--ac2:#2dd4bf;--bd:#23323f;--hd:#070d13;--ht:#eaf0f5;color-scheme:dark}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--ac)}header{background:var(--hd);color:var(--ht);position:sticky;top:env(safe-area-inset-top,0px);z-index:5}
.w{max-width:1080px;margin:0 auto;padding:0 20px}.nav{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;padding:12px 0}
.logo{font-weight:800;font-size:1.2rem;color:var(--ht);text-decoration:none;margin-right:auto}.logo b{color:var(--ac2)}
.nav a.l{color:var(--ht);text-decoration:none;font-size:.92rem;opacity:.85}.nav a.l:hover,.nav a.on{opacity:1;border-bottom:2px solid var(--ac2)}
.btn{display:inline-block;background:var(--ac);color:#fff;padding:10px 20px;border-radius:8px;text-decoration:none;font-weight:600;border:0}
.btn.o{background:transparent;border:2px solid var(--ac);color:var(--ac)}
.hero{background:linear-gradient(135deg,#0f1f2e,#0b5fff 140%);color:#fff;padding:72px 0}.hero h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.15;margin:0 0 16px;max-width:760px}.hero p{max-width:640px;opacity:.92;font-size:1.1rem}.hero .btn.o{color:#fff;border-color:#fff}
section{padding:48px 0}h2{font-size:1.7rem;margin:0 0 8px}.sub{color:var(--mu);margin:0 0 28px;max-width:680px}
.g{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.c{background:var(--sf);border:1px solid var(--bd);border-radius:12px;padding:22px}.c h3{margin:0 0 6px}
.price{font-size:2rem;font-weight:800}.price small{font-size:.9rem;font-weight:400;color:var(--mu)}.c ul{padding-left:18px;color:var(--mu)}.pop{border:2px solid var(--ac)}.tag{background:var(--ac2);color:#05201d;font-size:.75rem;padding:2px 8px;border-radius:99px;font-weight:700}
.doc{max-width:760px}.doc h3{margin-top:26px}.doc p,.doc li{color:var(--mu)}
form{display:grid;gap:12px;max-width:520px}input,textarea,select{padding:10px;border:1px solid var(--bd);border-radius:8px;background:var(--sf);color:var(--tx);font:inherit;width:100%}
details{background:var(--sf);border:1px solid var(--bd);border-radius:10px;padding:12px 16px;margin-bottom:10px}summary{cursor:pointer;font-weight:600}
footer{background:var(--hd);color:var(--ht);padding:36px 0 20px;margin-top:30px;font-size:.9rem}footer a{color:var(--ht);opacity:.8;display:block;text-decoration:none;margin:3px 0}footer .g{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.cta{background:var(--sf);border:1px solid var(--bd);border-radius:14px;padding:32px;text-align:center}