/* Shared style for static pages. Matches the homepage: Geist font, dark space background, green accent. */
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&display=swap');
:root{--bg:#05010e;--fg:#f4f3f1;--muted:#a3a3ad;--green:#88fc88;--card:#151517;--line:#313133;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:'Geist','Inter',system-ui,sans-serif!important;background:var(--bg)!important;color:var(--fg)!important;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--green)!important}
/* nav: floating pill like the homepage */
.nav{position:sticky;top:12px;z-index:50;margin:12px auto 0;max-width:1040px;width:calc(100% - 24px);padding:10px 14px 10px 18px!important;border:1px solid var(--line)!important;border-radius:999px;background:rgba(10,6,20,.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap!important;gap:10px!important}
.nav-icon{width:26px;height:26px;border-radius:8px!important;background:rgba(136,252,136,.12)!important;border:1px solid rgba(136,252,136,.3)!important;font-size:14px}
.nav-logo{flex:0 0 auto;order:1}.nav-links{order:2}a.nav-cta{order:3}.nav-burger{order:4}
.nav-logo{flex:0 0 auto}.nav-text{font-size:15px!important;font-weight:600;color:var(--fg)!important;white-space:nowrap}
.nav-links{display:flex;gap:18px;align-items:center;margin-left:auto;flex-wrap:nowrap!important}
.nav-links a{font-size:14px!important;color:var(--muted)!important;white-space:nowrap}
.nav-links a:hover{color:var(--fg)!important;text-decoration:none}
a.nav-cta,.nav-cta{background:var(--green)!important;color:#0d0d0d!important;font-weight:600;padding:9px 16px;border-radius:999px!important;font-size:14px!important;white-space:nowrap;text-decoration:none}
.nav-toggle{display:none}.nav-burger{display:none;cursor:pointer;width:44px;height:44px;align-items:center;justify-content:center;font-size:22px;color:var(--fg);border-radius:999px}
.content{max-width:760px;padding:56px 24px 88px!important}
.eyebrow{color:var(--green)!important}
h1{font-size:clamp(28px,6vw,42px)!important;line-height:1.12!important;color:var(--fg)}
h2{color:var(--fg)!important;font-size:clamp(19px,4vw,22px)!important}h2 .step{color:var(--green)!important}
.lead{color:#cfcfd6!important;font-size:clamp(16px,3.6vw,18px)!important}
p,li{color:#b4b4bd!important;font-size:16px!important}strong{color:var(--fg)!important}
code{background:#1d1d22!important;color:#e6e6ea!important;overflow-wrap:anywhere}
pre{overflow-x:auto;max-width:100%}
table{display:block;overflow-x:auto;max-width:100%}
img,svg,video{max-width:100%;height:auto}
.verify{border-left:2px solid var(--green)!important;background:rgba(136,252,136,.06)!important}
.cta{background:linear-gradient(135deg,rgba(136,252,136,.12),rgba(136,252,136,.02))!important;border:1px solid rgba(136,252,136,.28)!important}
.cta a.btn{background:var(--green)!important;color:#0d0d0d!important;border-radius:999px!important;padding:14px 28px!important;min-height:44px}
.card,.stat,.related{background:var(--card);border-color:var(--line)!important}
.card.featured{border-color:rgba(136,252,136,.45)!important;background:linear-gradient(180deg,rgba(136,252,136,.08),var(--card))!important}
.card li:before{color:var(--green)!important}.stat .num{color:var(--green)!important}
footer{border-top:1px solid var(--line)!important;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 6px;padding:28px 20px!important}
footer a{color:var(--muted)!important;margin:0!important;padding:8px 10px;display:inline-block}
@media (max-width:820px){
  .nav-burger{display:flex;order:4}
  a.nav-cta{order:3;margin-left:auto}
  .nav-links{position:absolute;top:calc(100% + 8px);left:0;right:0;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:8px;background:#0c0716;border:1px solid var(--line);border-radius:20px;display:none}
  .nav-links a{padding:14px 16px;font-size:16px!important;border-radius:12px}
  .nav-toggle:checked ~ .nav-links{display:flex}
  .nav{border-radius:28px}
}
@media (max-width:560px){
  .content{padding:40px 18px 64px!important}
  .cards{grid-template-columns:1fr!important}
  .nav-text{font-size:14px!important}
  a.nav-cta{padding:9px 14px}
}