:root{--ink:#0c2630;--muted:#587078;--paper:#f6faf9;--white:#fff;--aqua:#20b8a5;--deep:#063f49;--line:#d8e7e4;--warm:#e8f5ef;--warn:#fff7df}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);line-height:1.65}
a{color:inherit}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.sitehead{position:sticky;top:0;z-index:20;background:rgba(246,250,249,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{height:72px;display:flex;align-items:center;gap:26px}.brand{font-weight:900;text-decoration:none;letter-spacing:-.03em;font-size:20px}.brand i{color:var(--aqua);font-style:normal}.navlinks{display:flex;gap:20px;margin-left:auto}.navlinks a{text-decoration:none;font-size:14px;font-weight:700}.hero{padding:90px 0 58px;background:radial-gradient(circle at 85% 10%,#ccefe9 0,transparent 30%)}
.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.16em;font-weight:900;font-size:12px;color:#167d71}.hero h1{font-size:clamp(42px,7vw,78px);line-height:.98;letter-spacing:-.055em;max-width:900px;margin:14px 0 24px}.hero p{font-size:20px;color:var(--muted);max-width:760px}
main section{padding:54px 0;border-top:1px solid var(--line)}h2{font-size:clamp(28px,4vw,42px);line-height:1.1;letter-spacing:-.035em}h3{line-height:1.2}.grid{display:grid;gap:18px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two,.proscons{grid-template-columns:repeat(2,1fr);display:grid;gap:18px}
.card,.proscons>div{display:block;padding:28px;border:1px solid var(--line);background:var(--white);border-radius:18px;text-decoration:none}.card span{font-weight:900;color:var(--aqua)}.card:hover{transform:translateY(-2px);box-shadow:0 15px 35px rgba(6,63,73,.08)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.steps>div{padding:22px;border-left:3px solid var(--aqua);background:white}.steps b{color:var(--aqua)}
.callout,.affiliatebox,.warning,.stat{padding:30px;border-radius:20px;background:var(--warm);border:1px solid var(--line)}.warning{background:var(--warn)}.stat strong{font-size:56px;display:block;line-height:1}.stat span{font-weight:800}
.btn{display:inline-block;margin-top:16px;background:var(--deep);color:white;text-decoration:none;padding:14px 20px;border-radius:10px;font-weight:900}.btn:hover{background:#075765}.btn.secondary{background:var(--aqua);color:#052d32}.textlink{font-weight:900;color:#08766b}.linkgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.linkgrid a{padding:16px;background:white;border:1px solid var(--line);border-radius:12px;text-decoration:none;font-weight:800}.checklist p:before{content:"✓";color:var(--aqua);font-weight:900;margin-right:10px}
footer{padding:50px 0;background:#082f37;color:#d9eeee;margin-top:40px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}footer a{color:#d9eeee}.fine{font-size:12px;color:#9fc0c2;margin-top:28px}
.modalback{position:fixed;inset:0;background:rgba(3,24,29,.72);display:none;align-items:center;justify-content:center;z-index:100;padding:20px}.modalback.show{display:flex}.modal{width:min(560px,100%);background:white;border-radius:24px;padding:34px;position:relative;box-shadow:0 30px 100px rgba(0,0,0,.3)}.modal h2{margin:6px 0 12px}.modalclose{position:absolute;right:18px;top:14px;border:0;background:none;font-size:28px;cursor:pointer}.modal small{display:block;color:var(--muted);margin-top:14px}.drop{color:var(--aqua);font-weight:900;font-size:32px}
@media(max-width:760px){.navlinks a:not(:last-child){display:none}.hero{padding:60px 0 40px}.grid.three,.grid.two,.proscons,.steps,.footgrid,.linkgrid{grid-template-columns:1fr}.wrap{width:min(100% - 28px,1120px)}.modal{padding:28px 22px}.hero p{font-size:18px}}