/* Top 9 Trends — Pulse (Notion) design tokens, same as NetPulse/VPNPulse */
:root{--nt-canvas:#f6f5f4;--nt-surface:#fff;--nt-ink:#000;--nt-graphite:#615d59;--nt-border:rgba(0,0,0,.08);--nt-blue:#0075de;--nt-blue-hover:#0068c6;--nt-blue-tint:#e6f3fe;--nt-coral:#f64932;--nt-marigold:#ffb110;--nt-midnight:#02093a;--nt-font-sans:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--nt-font-serif:"Source Serif 4",Georgia,serif;--nt-radius-button:8px;--nt-radius-card:12px;--nt-radius-pill:9999px;--nt-page-max:1120px}
*{box-sizing:border-box}body{margin:0;background:var(--nt-canvas);color:var(--nt-ink);font-family:var(--nt-font-sans);font-size:16px;line-height:1.5}
.container{max-width:var(--nt-page-max);margin:0 auto;padding:0 24px}
.site-header{background:var(--nt-surface);border-bottom:1px solid var(--nt-border)}
.site-nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:18px;color:var(--nt-ink);text-decoration:none}
.logo-mark{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--nt-coral);color:#fff;font-size:15px;font-weight:700}
.nav-links{display:flex;gap:20px;list-style:none;margin:0;padding:0}.nav-links a{color:var(--nt-graphite);text-decoration:none;font-size:14px;font-weight:500}.nav-links a:hover{color:var(--nt-ink)}
.hero{padding:80px 0 64px;text-align:center}.hero h1{font-size:48px;line-height:1.15;letter-spacing:-1px;margin:0 0 16px}
.lede{font-family:var(--nt-font-serif);font-size:20px;color:var(--nt-graphite);max-width:640px;margin:0 auto 28px}
.btn{display:inline-block;padding:10px 18px;border-radius:var(--nt-radius-button);font-weight:600;font-size:15px;text-decoration:none;border:1px solid transparent}
.btn-primary{background:var(--nt-blue);color:#fff}.btn-primary:hover{background:var(--nt-blue-hover)}
.btn-secondary{background:var(--nt-surface);color:var(--nt-ink);border-color:var(--nt-border)}
.btn-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.pill{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:var(--nt-radius-pill);background:var(--nt-blue-tint);color:var(--nt-blue);font-size:12px;font-weight:600}
.section{padding:48px 0}.section h2{font-size:32px;letter-spacing:-.5px;margin:0 0 24px;text-align:center}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.card{background:var(--nt-surface);border:1px solid var(--nt-border);border-radius:var(--nt-radius-card);padding:24px}
.card h3{margin:8px 0;font-size:20px}.card p{margin:0;color:var(--nt-graphite)}
.num{font-size:28px;font-weight:700;color:var(--nt-coral)}
.contact{text-align:center}.contact a{color:var(--nt-blue)}
.site-footer{border-top:1px solid var(--nt-border);background:var(--nt-surface);padding:32px 0;font-size:14px;color:var(--nt-graphite)}
.site-footer p{margin:6px 0}
@media(max-width:640px){.hero h1{font-size:34px}.nav-links{gap:12px}}