/* v0.88 — Details for nerds */
.nerd-page { overflow:clip; }
.nerd-hero { padding:88px 0 74px; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr); gap:72px; align-items:end; }
.nerd-hero-copy { max-width:760px; }
.nerd-hero .craft-home { margin-bottom:58px; }
.nerd-kicker,.nerd-eyebrow { display:block; color:var(--accent,#0a84ff); font-size:.78rem; font-weight:750; letter-spacing:.09em; text-transform:uppercase; }
.nerd-hero h1 { font-size:clamp(3.5rem,8vw,7.5rem); line-height:.89; letter-spacing:-.075em; margin:17px 0 30px; text-wrap:balance; }
.nerd-lede { color:var(--secondary); font-size:clamp(1.08rem,1.7vw,1.34rem); line-height:1.65; max-width:720px; margin:0; }
.nerd-hero-stack { display:flex; flex-wrap:wrap; align-content:flex-end; gap:10px; padding-bottom:8px; }
.nerd-hero-stack span,.nerd-fact-row span { border:1px solid var(--line); background:color-mix(in srgb,var(--panel) 80%,transparent); border-radius:999px; padding:9px 13px; color:var(--secondary); font-size:.84rem; font-weight:650; backdrop-filter:blur(14px); }
.nerd-section-heading { max-width:760px; margin-bottom:40px; }
.nerd-section-heading h2 { margin:14px 0 18px; font-size:clamp(2.2rem,4.5vw,4.4rem); letter-spacing:-.06em; line-height:.98; text-wrap:balance; }
.nerd-section-heading p { color:var(--secondary); font-size:1.08rem; line-height:1.72; margin:0; }
.nerd-pipeline,.nerd-native,.nerd-engines,.nerd-browser,.nerd-trust,.nerd-privacy,.nerd-shiny,.nerd-open { padding:88px 0; border-top:1px solid var(--line); }
.pipeline-board { padding:34px; display:grid; grid-template-columns:minmax(150px,.75fr) 42px minmax(0,2.25fr) 42px minmax(160px,.8fr); gap:18px; align-items:center; }
.pipeline-node { min-height:128px; padding:20px; border:1px solid var(--line); border-radius:18px; background:color-mix(in srgb,var(--panel) 74%,transparent); display:flex; flex-direction:column; justify-content:center; }
.pipeline-node span { color:var(--accent,#0a84ff); font-size:.72rem; font-weight:750; letter-spacing:.08em; }
.pipeline-node strong { font-size:1.13rem; margin:7px 0 5px; }
.pipeline-node small { color:var(--secondary); line-height:1.5; }
.pipeline-split { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.pipeline-split .pipeline-node { min-height:156px; }
.pipeline-arrow { color:var(--secondary); text-align:center; font-size:1.4rem; }
.pipeline-down { display:none; }
.pipeline-finish { grid-column:3; }
.pipeline-file { grid-column:5; }
.nerd-note { color:var(--secondary); font-size:.87rem; line-height:1.65; max-width:860px; margin:22px 0 0; }
.nerd-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.nerd-card-grid-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.nerd-card { padding:28px; min-height:240px; border:1px solid var(--line); border-radius:22px; background:color-mix(in srgb,var(--panel) 76%,transparent); backdrop-filter:blur(18px); }
.nerd-card-icon { width:42px; height:42px; display:grid; place-items:center; border-radius:12px; background:color-mix(in srgb,var(--accent,#0a84ff) 14%,transparent); color:var(--accent,#0a84ff); font-weight:800; }
.nerd-card-label { color:var(--accent,#0a84ff); font-size:.75rem; font-weight:750; text-transform:uppercase; letter-spacing:.075em; }
.nerd-card h3 { font-size:1.35rem; letter-spacing:-.03em; margin:23px 0 12px; }
.nerd-card-label + h3 { margin-top:13px; }
.nerd-card p { color:var(--secondary); line-height:1.67; margin:0; }
.nerd-engine-list { border-top:1px solid var(--line); }
.nerd-engine-list article { display:grid; grid-template-columns:72px minmax(0,1fr); gap:24px; padding:30px 0; border-bottom:1px solid var(--line); }
.nerd-engine-mark { width:54px; height:54px; display:grid; place-items:center; border-radius:16px; border:1px solid var(--line); background:color-mix(in srgb,var(--panel) 80%,transparent); color:var(--accent,#0a84ff); font:750 .85rem/1 ui-monospace,SFMono-Regular,Menlo,monospace; text-transform:uppercase; }
.nerd-engine-list h3 { margin:2px 0 8px; font-size:1.35rem; letter-spacing:-.03em; }
.nerd-engine-list p { margin:0; max-width:800px; color:var(--secondary); line-height:1.7; }
.nerd-beta { display:inline-block; vertical-align:.25em; margin-left:.25em; padding:5px 9px; border-radius:999px; font-size:.68rem; letter-spacing:.04em; color:var(--accent,#0a84ff); background:color-mix(in srgb,var(--accent,#0a84ff) 12%,transparent); border:1px solid color-mix(in srgb,var(--accent,#0a84ff) 35%,var(--line)); }
.browser-architecture { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; padding:28px; align-items:stretch; }
.browser-architecture > div { padding:22px; border:1px solid var(--line); border-radius:17px; background:color-mix(in srgb,var(--panel) 72%,transparent); }
.browser-architecture strong,.browser-architecture small { display:block; }
.browser-architecture small { color:var(--secondary); margin-top:6px; line-height:1.5; }
.browser-join { grid-column:1/-1; text-align:center; color:var(--secondary); }
.browser-local { grid-column:1/-1; text-align:center; }
.privacy-route { display:flex; align-items:center; justify-content:center; gap:28px; padding:38px; }
.privacy-route div { min-width:220px; padding:24px; border:1px solid var(--line); border-radius:18px; background:color-mix(in srgb,var(--panel) 78%,transparent); }
.privacy-route span,.privacy-route strong { display:block; }
.privacy-route span { color:var(--secondary); font-size:.75rem; text-transform:uppercase; letter-spacing:.08em; font-weight:750; }
.privacy-route strong { margin-top:7px; font-size:1.28rem; }
.privacy-route b { color:var(--accent,#0a84ff); font-size:1.8rem; }
.privacy-route-mac { box-shadow:0 0 42px color-mix(in srgb,var(--accent,#0a84ff) 11%,transparent); }
.nerd-fact-row { display:flex; justify-content:center; flex-wrap:wrap; gap:10px; margin-top:18px; }
.nerd-shiny .craft-showcase { margin-top:8px; }
.nerd-shiny .craft-footnote { margin-top:16px; }
.nerd-open-actions { display:flex; align-items:center; flex-wrap:wrap; gap:22px; }
.nerd-open-actions .text-link { color:var(--secondary); }
.nerd-cta { margin-top:10px; }
.nerd-cta .nerd-eyebrow { margin-bottom:13px; }

@media (max-width:980px) {
  .nerd-hero { grid-template-columns:1fr; gap:35px; }
  .nerd-hero-stack { max-width:720px; }
  .pipeline-board { grid-template-columns:1fr; gap:12px; }
  .pipeline-arrow { transform:rotate(90deg); }
  .pipeline-down { display:none; }
  .pipeline-split { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .pipeline-finish,.pipeline-file { grid-column:auto; }
  .nerd-card-grid { grid-template-columns:1fr; }
  .nerd-card { min-height:0; }
}
@media (max-width:720px) {
  .nerd-hero { padding:50px 0 58px; }
  .nerd-hero .craft-home { margin-bottom:42px; }
  .nerd-hero h1 { font-size:clamp(3.2rem,18vw,5rem); }
  .nerd-pipeline,.nerd-native,.nerd-engines,.nerd-browser,.nerd-trust,.nerd-privacy,.nerd-shiny,.nerd-open { padding:64px 0; }
  .nerd-section-heading { margin-bottom:28px; }
  .pipeline-board { padding:18px; }
  .pipeline-split { grid-template-columns:1fr; }
  .pipeline-node,.pipeline-split .pipeline-node { min-height:0; }
  .nerd-engine-list article { grid-template-columns:54px minmax(0,1fr); gap:16px; }
  .nerd-engine-mark { width:46px; height:46px; border-radius:13px; }
  .browser-architecture { grid-template-columns:1fr; padding:18px; }
  .browser-join,.browser-local { grid-column:auto; }
  .privacy-route { padding:22px; flex-direction:column; gap:14px; }
  .privacy-route b { transform:rotate(90deg); }
  .privacy-route div { width:100%; min-width:0; }
  .nerd-open-actions { align-items:flex-start; flex-direction:column; }
}
@media (prefers-reduced-transparency:reduce) {
  .nerd-card,.pipeline-node,.browser-architecture > div,.privacy-route div,.nerd-hero-stack span { backdrop-filter:none; }
}