/* WACRS marketing pages — shared styles, scoped under .ld.
   Inlined into each page at build/author time (pages stay
   self-contained for the static host); this file is the source
   of truth when editing. */
html,body{margin:0;padding:0}
.ld{
  --bg:#050d09; --bg2:#081209; --panel:#0b1710; --panel2:#0f1d14;
  --line:rgba(120,200,160,.10); --line-2:rgba(120,200,160,.18); --line-3:rgba(120,220,170,.30);
  --text:#f2f8f4; --muted:#9fb8ab; --dim:#617a6d;
  --g1:#3ae983; --g2:#25d366; --g3:#0fa958;
  --soft:rgba(37,211,102,.10); --amber:#fbbf24; --r:18px;
  background:var(--bg);color:var(--text);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;
  overflow-x:clip;position:relative;min-height:100vh;
}
.ld *{margin:0;padding:0;box-sizing:border-box}
.ld a{color:inherit;text-decoration:none}
.ld .wrap{max-width:1060px;margin:0 auto;padding:0 28px}
.ld::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(900px 520px at 15% -5%, rgba(37,211,102,.10), transparent 60%),
    radial-gradient(1000px 600px at 90% 12%, rgba(15,169,88,.09), transparent 60%)}
.ld>*{position:relative;z-index:1}
.ld h1,.ld h2,.ld h3{font-weight:800;letter-spacing:-.03em}
.ld .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:13px;padding:13px 24px;font-weight:700;font-size:15px;transition:.2s;cursor:pointer;border:1px solid transparent}
.ld .btn-primary{background:linear-gradient(135deg,var(--g1),var(--g3));color:#03130a;box-shadow:0 10px 30px rgba(37,211,102,.28)}
.ld .btn-primary:hover{transform:translateY(-2px)}
.ld .btn-ghost{border-color:var(--line-3);color:var(--text);background:rgba(255,255,255,.02)}
.ld .btn-ghost:hover{border-color:var(--g2);color:var(--g1);background:var(--soft)}
.ld nav.top{position:sticky;top:0;z-index:60;background:rgba(5,13,9,.75);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.ld .nav-in{display:flex;align-items:center;justify-content:space-between;height:70px}
.ld .logo{display:flex;align-items:center;gap:11px;font-weight:800;font-size:21px;letter-spacing:-.02em}
.ld .logo svg{width:36px;height:36px;filter:drop-shadow(0 4px 14px rgba(37,211,102,.35))}
.ld .nav-cta .btn{padding:10px 19px;font-size:14px;border-radius:11px}
.ld .kicker{display:inline-flex;align-items:center;gap:9px;color:var(--g1);font-size:12.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px}
.ld .kicker::before{content:"";width:22px;height:2px;background:linear-gradient(90deg,transparent,var(--g1));border-radius:2px}
.ld .hero{padding:72px 0 36px;text-align:center}
.ld .hero h1{font-size:clamp(32px,5vw,52px);line-height:1.08;margin-bottom:16px}
.ld .hero h1 .grad{background:linear-gradient(92deg,var(--g1) 10%,#9ff5c0 55%,var(--g1) 95%);-webkit-background-clip:text;background-clip:text;color:transparent}
.ld .hero p{color:var(--muted);font-size:17.5px;max-width:660px;margin:0 auto}
.ld .card{background:linear-gradient(180deg,var(--panel),var(--bg2));border:1px solid var(--line-2);border-radius:var(--r);padding:28px}
.ld .prose{max-width:760px;margin:0 auto 90px}
.ld .prose h2{font-size:clamp(23px,3.2vw,32px);margin:44px 0 14px}
.ld .prose h3{font-size:18px;margin:26px 0 8px}
.ld .prose p,.ld .prose li{color:var(--muted);font-size:15.5px}
.ld .prose ul,.ld .prose ol{padding-left:22px;margin-top:10px}
.ld .prose li{margin-bottom:6px}
.ld .prose a{color:var(--g1)}
.ld .cta-box{background:linear-gradient(140deg,rgba(37,211,102,.16),rgba(15,169,88,.05));border:1px solid rgba(37,211,102,.42);border-radius:22px;padding:48px 32px;text-align:center;margin:60px 0 90px}
.ld .cta-box h2{font-size:clamp(24px,3.4vw,34px);margin-bottom:10px}
.ld .cta-box p{color:var(--muted);margin-bottom:24px}
.ld footer.bottom{border-top:1px solid var(--line);padding:36px 0;color:var(--dim);font-size:13px;text-align:center}
.ld footer.bottom a{color:var(--muted)}
.ld footer.bottom a:hover{color:var(--g1)}
/* page-specific helpers */
.ld .fgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:48px 0 80px}
@media(max-width:760px){.ld .fgrid{grid-template-columns:1fr}}
.ld .fcard h3{font-size:17px;margin-bottom:8px;display:flex;align-items:center;gap:9px}
.ld .fcard p{color:var(--muted);font-size:14px;margin-bottom:10px}
.ld .fcard ul{list-style:none}
.ld .fcard li{padding:4px 0;color:var(--muted);font-size:13.5px;display:flex;gap:9px}
.ld .fcard li::before{content:"✓";color:var(--g1);font-weight:800}
.ld .cmp-wrap{margin:48px 0 60px;overflow-x:auto;border:1px solid var(--line-2);border-radius:var(--r);background:linear-gradient(180deg,var(--panel),var(--bg2))}
.ld table.cmp{width:100%;border-collapse:collapse;font-size:14px;min-width:560px}
.ld .cmp th,.ld .cmp td{padding:12px 18px;text-align:center;border-top:1px solid var(--line)}
.ld .cmp thead th{border-top:none;font-size:12.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);padding-top:18px}
.ld .cmp th:first-child,.ld .cmp td:first-child{text-align:left;color:var(--text);font-weight:550}
.ld .cmp .us{background:rgba(37,211,102,.055);border-inline:1px solid rgba(37,211,102,.25)}
.ld .cmp thead .us{color:var(--g1);font-weight:800}
.ld .cmp .yes{color:var(--g1);font-weight:800}
.ld .cmp .no{color:var(--dim)}
.ld .cmp .part{color:var(--amber);font-size:12.5px}
.ld .chips{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
.ld .chip{border:1px solid var(--line-3);border-radius:999px;padding:6px 14px;font-size:13px;color:var(--muted)}
.ld .note{color:var(--dim);font-size:12px;margin-top:14px;text-align:center}