:root{--bg:#F8FAFC;--fg:#111827;--muted:#475569;--accent:#0F766E;--amber:#F59E0B;--card:#fff;--line:#cbd5e1;--btn-bg:#0F766E;--btn-fg:#fff;--band:#0F766E;--band-fg:#fff;
--font-h:"Avenir Next","Segoe UI",system-ui,-apple-system,sans-serif;--font:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
@media(prefers-color-scheme:dark){:root{--bg:#0B1220;--fg:#F8FAFC;--muted:#94A3B8;--accent:#2DD4BF;--amber:#FBBF24;--card:#111A2E;--line:#243049;--btn-bg:#2DD4BF;--btn-fg:#0B1220;--band:#111A2E;--band-fg:#F8FAFC}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.6 var(--font)}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}.narrow{max-width:720px}main>section.wrap:first-child{padding-top:44px}
h1,h2,h3{font-family:var(--font-h);line-height:1.15;margin:0 0 .5em}h1{font-size:clamp(2rem,5vw,3.2rem);letter-spacing:-.02em}h2{font-size:1.7rem;margin-top:2.2rem}h3{font-size:1.15rem}
a{color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--amber);outline-offset:2px}
.skip{position:absolute;left:-999px;background:var(--btn-bg);color:var(--btn-fg);padding:8px 12px;z-index:9}.skip:focus{left:8px;top:8px}
.top{border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg);z-index:5}.bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--fg);font:800 1.4rem var(--font-h)}
nav{display:flex;flex-wrap:wrap;gap:4px 16px;margin-left:auto}nav a{color:var(--fg);text-decoration:none;padding:6px 2px;border-bottom:3px solid transparent}nav a:hover,nav a[aria-current]{border-color:var(--amber)}
.lang{border:2px solid var(--accent);border-radius:8px;padding:2px 10px;text-decoration:none;font-weight:700}
.hero{position:relative;overflow:hidden;padding:72px 0 64px}.hexbg{position:absolute;inset:0;width:100%;height:100%;color:var(--accent);opacity:.12}
.hero .wrap{position:relative}.eyebrow{font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;margin:0 0 12px}
.lead{font-size:1.2rem;color:var(--muted);max-width:640px}.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.btn{display:inline-block;background:var(--btn-bg);color:var(--btn-fg);padding:12px 22px;border-radius:10px;text-decoration:none;font-weight:700;border:2px solid var(--btn-bg);cursor:pointer;font:700 1rem var(--font)}
.btn.ghost{background:transparent;color:var(--accent);border-color:var(--accent)}.btn:hover{filter:brightness(1.08)}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin:20px 0}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px;border-top:4px solid var(--accent)}.card p{margin:.4em 0}
.pkg .price{font:800 1.8rem var(--font-h);margin:.2em 0}.featured{border-top-color:var(--amber);outline:2px solid var(--amber)}ul{padding-left:1.2em}
.check{list-style:none;padding:0}.check li{padding-left:2rem;position:relative;margin:.5em 0}.check li::before{content:"";position:absolute;left:0;top:.35em;width:1.1rem;height:1.25rem;background:var(--accent);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.tag{display:inline-block;background:var(--amber);color:#111827;font-weight:700;font-size:.8rem;padding:2px 10px;border-radius:99px}
.hex{flex:none;width:3rem;height:3.3rem;background:var(--accent);color:var(--btn-fg);display:grid;place-items:center;font:800 1.2rem var(--font-h);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.steps{list-style:none;padding:0;margin:24px 0;display:grid;gap:18px}.steps li{display:flex;gap:16px;align-items:flex-start}.steps h2,.card h2{font-size:1.2rem;margin:0 0 .3em}.steps p{margin:0}
.steps.mini{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.steps.mini li{align-items:center}
.band{background:var(--band);color:var(--band-fg);margin-top:48px;padding:48px 0}.band h2{margin-top:0}.band .btn{background:var(--amber);color:#111827;border-color:var(--amber)}
.note{color:var(--muted);font-size:.95rem;border-left:4px solid var(--amber);padding-left:12px}
details{border:1px solid var(--line);border-radius:10px;background:var(--card);margin:10px 0;padding:4px 16px}summary{cursor:pointer;font-weight:700;padding:12px 0}
.form label{display:block;font-weight:700;margin-bottom:4px}.form input,.form textarea{width:100%;padding:12px;border:2px solid var(--line);border-radius:8px;background:var(--card);color:var(--fg);font:inherit}
.foot{border-top:1px solid var(--line);margin-top:56px;padding:24px 0;color:var(--muted);font-size:.9rem}.foot p{margin:.2em 0}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
