:root {
  color-scheme: light dark;
  --bg: #f4f8f7; --surface: rgba(255,255,255,.78); --ink: #102426; --muted: #607376;
  --line: rgba(17,63,61,.13); --accent: #12ca86; --accent-deep: #087b5a; --glow: rgba(18,202,134,.16);
}
@media (prefers-color-scheme: dark) {
  :root { --bg:#071012; --surface:rgba(14,29,31,.8); --ink:#eaf6f3; --muted:#96aaa8; --line:rgba(153,220,205,.14); --accent:#39e7a6; --accent-deep:#80f4c7; --glow:rgba(28,218,147,.13); }
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:radial-gradient(circle at 75% 4%,var(--glow),transparent 32rem),var(--bg); font:500 16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
a { color:var(--accent-deep); text-underline-offset:3px; }
.shell { width:min(1100px,calc(100% - 40px)); margin-inline:auto; }
.nav { min-height:78px; display:flex; align-items:center; justify-content:space-between; gap:24px; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:10px; color:var(--ink); text-decoration:none; font-weight:900; letter-spacing:-.02em; }
.brand span { display:grid; place-items:center; width:36px; height:36px; border-radius:11px; color:#052019; background:linear-gradient(135deg,#67f1ba,var(--accent)); box-shadow:0 10px 30px var(--glow); font-size:12px; }
nav { display:flex; gap:22px; }
nav a { color:var(--muted); text-decoration:none; font-size:13px; font-weight:750; }
nav a:hover,nav a[aria-current="page"] { color:var(--ink); }
.hero { padding:110px 0 72px; }
.eyebrow { margin:0 0 16px; color:var(--accent-deep); font-size:12px; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
h1 { max-width:850px; margin:0; font-size:clamp(44px,8vw,88px); line-height:.98; letter-spacing:-.055em; }
.lede { max-width:760px; margin:28px 0 0; color:var(--muted); font-size:clamp(17px,2.2vw,22px); line-height:1.55; }
.pill-row { display:flex; flex-wrap:wrap; gap:9px; margin-top:34px; }
.pill-row span { padding:8px 12px; border:1px solid var(--line); border-radius:999px; background:var(--surface); font-size:12px; font-weight:800; }
.grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; padding:24px 0 72px; }
.grid article,.trust { border:1px solid var(--line); border-radius:22px; background:var(--surface); box-shadow:0 22px 80px rgba(0,0,0,.06); backdrop-filter:blur(16px); }
.grid article { padding:30px; }
.grid b { color:var(--accent-deep); font-size:12px; letter-spacing:.14em; }
h2 { margin:12px 0 8px; font-size:23px; letter-spacing:-.03em; }
.grid p,.trust p,.policy p { color:var(--muted); }
.trust { display:grid; grid-template-columns:1fr 1fr; gap:42px; align-items:center; padding:42px; margin-bottom:90px; }
.trust h2 { max-width:480px; margin:0; font-size:clamp(28px,4vw,46px); line-height:1.08; }
code { padding:2px 6px; border:1px solid var(--line); border-radius:6px; background:var(--glow); }
.policy { max-width:820px; padding:80px 0; }
.policy h1 { font-size:clamp(40px,7vw,70px); }
.policy h2 { margin-top:42px; }
footer { display:flex; justify-content:space-between; gap:20px; padding:28px 0 40px; border-top:1px solid var(--line); color:var(--muted); font-size:12px; }
@media (max-width:720px) {
  .shell { width:min(100% - 28px,1100px); }
  .nav { min-height:68px; }
  nav { gap:12px; }
  .hero { padding:76px 0 52px; }
  .grid,.trust { grid-template-columns:1fr; }
  .grid { padding-bottom:52px; }
  .trust { padding:26px; gap:12px; margin-bottom:60px; }
  footer { flex-direction:column; }
}