html{scroll-behavior:smooth}
*{box-sizing:border-box}
body{
  margin:0;
  background:
    radial-gradient(circle at top left, rgba(40,211,148,.12), transparent 28%),
    linear-gradient(180deg, #062017 0%, #071912 100%);
  color:var(--cf-text);
  font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,sans-serif;
  padding-top:132px;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.container{width:min(var(--cf-container), calc(100% - 32px)); margin:0 auto}
.site-main{padding-bottom:70px}
.section{margin:28px 0}
.section-head{text-align:center; margin:12px auto 20px}
.section-head h2,.section-head h1{margin:0 0 8px; font-size:clamp(1.8rem, 4vw, 3rem); line-height:1.05}
.section-head p{margin:0; color:var(--cf-muted)}
.glass-panel{
  background:var(--cf-panel);
  border:1px solid var(--cf-border);
  backdrop-filter: blur(12px);
  border-radius:var(--cf-radius-lg);
  box-shadow:var(--cf-shadow);
}
.hero-shell{margin-top:18px}
.hero-panel{display:grid; grid-template-columns:1.45fr .9fr; gap:18px; padding:32px}
.eyebrow{display:inline-flex; font-size:.9rem; color:#0c231d; font-weight:800; background:var(--cf-accent-2); padding:8px 12px; border-radius:999px}
.hero-copy h1{font-size:clamp(2.4rem,7vw,4.5rem); line-height:.95; margin:.5rem 0}
.hero-text{font-size:1.08rem; max-width:58ch; color:var(--cf-muted)}
.hero-actions{display:flex; gap:12px; flex-wrap:wrap; margin-top:18px}
.btn{display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:0 18px; border-radius:999px; font-weight:800; border:1px solid transparent}
.btn-primary{background:var(--cf-accent); color:#062017}
.btn-secondary{background:transparent; border-color:var(--cf-border); color:var(--cf-text)}
.trust-row{display:grid; grid-template-columns:repeat(4,1fr); gap:16px; padding:14px 18px; text-align:center}
.trust-stat,.fact-box{background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.06); border-radius:18px; padding:16px}
.trust-stat strong,.fact-box strong{display:block; font-size:1.3rem}
.narrow{width:min(980px, calc(100% - 32px))}
.stack-list{display:flex; flex-direction:column; gap:16px}
.two-col{display:grid; grid-template-columns:1.2fr .8fr; gap:18px}
.clean-list{padding-left:18px; margin:0}
.clean-list li{margin:0 0 8px}
.content-card,.article-shell,.placeholder-panel{padding:24px}
.category-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px}
.category-card{padding:20px; display:flex; flex-direction:column; gap:8px}
.archive-head{padding-top:12px}
.mini-list{display:grid; gap:12px}
.mini-card{padding:14px 0; border-bottom:1px solid rgba(255,255,255,.08)}
.mini-card:last-child{border-bottom:none}
.site-footer{padding:40px 0 60px; border-top:1px solid rgba(255,255,255,.08)}
.footer-grid{display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px}
.meta-muted,.terms{color:var(--cf-muted)}
.inset-panel{margin-top:20px; padding:18px}
.mobile-sticky-cta{display:none}