/* OVERWATCH — privacy page styles. Loads AFTER assets/css/feature.css,
   which provides the shared interior-page chrome (tokens, nav, buttons,
   hero, .block, CTA, responsive nav). This file keeps only what's unique
   to the privacy page: a slightly larger hero, and the Section B (security
   posture) + Section A (data sovereignty) components. */

/* privacy hero runs a touch larger than the other pillar pages */
.hero h1{font-size:clamp(52px,9.4vw,148px);max-width:14ch;}
.hero-sub{font-size:clamp(22px,3.4vw,46px);}
@media(max-width:760px){
  section.block{padding:84px 0;}
}

/* ════════════════════════════════════════════════════════════
   SECTION B — security posture ("more secure than what you do now")
   ════════════════════════════════════════════════════════════ */
.secb-eyebrow{display:block;margin-bottom:24px;}
.secb-title{font-size:clamp(38px,6.4vw,92px);letter-spacing:-0.03em;line-height:.92;max-width:16ch;}
.secb-title .red{color:var(--accent);}
.secb-lead{margin-top:28px;max-width:68ch;color:var(--steel);font-weight:300;font-size:clamp(16px,1.5vw,19px);line-height:1.62;}
.secb-lead strong{color:#e2e5e9;font-weight:500;}
.secb-bridge{margin-top:62px;}

/* stat strip */
.secb-stat{margin-top:50px;display:flex;align-items:center;gap:clamp(24px,3.4vw,52px);flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:38px 0;}
.secb-stat .num{font-family:var(--display);font-weight:800;font-size:clamp(68px,12vw,148px);line-height:.78;letter-spacing:-0.045em;color:var(--accent);}
.secb-stat .txt{max-width:42ch;color:#d6d9dd;font-weight:300;font-size:clamp(15px,1.55vw,19px);line-height:1.5;}
.secb-stat .txt strong{color:#fff;font-weight:600;}
.secb-stat .src{display:block;margin-top:14px;font-family:var(--mono);text-transform:uppercase;letter-spacing:0.16em;font-size:10px;color:var(--steel-dim);}
.secb-stat .src a{color:var(--steel);border-bottom:1px solid var(--line);transition:color .2s,border-color .2s;}
.secb-stat .src a:hover{color:#fff;border-bottom-color:var(--accent);}

/* status quo vs. Overwatch */
.secb-contrast{margin-top:66px;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);}
.secb-ch{padding:20px 28px;border-bottom:1px solid var(--line);font-family:var(--mono);text-transform:uppercase;letter-spacing:0.18em;font-size:11px;}
.secb-ch.now{color:var(--steel-dim);}
.secb-ch.ow{color:var(--accent);border-left:1px solid var(--line);}
.secb-cell{padding:18px 28px;border-bottom:1px solid var(--line-soft);display:flex;gap:14px;align-items:flex-start;font-size:14.5px;font-weight:300;line-height:1.5;}
.secb-cell.ow{border-left:1px solid var(--line);color:#e4e7ea;}
.secb-cell.now{color:var(--steel);}
.secb-contrast .secb-cell:nth-last-child(-n+2){border-bottom:0;}
.secb-cell em{font-style:normal;color:#fff;}
.secb-mark{flex:0 0 auto;width:9px;height:9px;margin-top:6px;}
.secb-cell.now .secb-mark{border:1px solid var(--steel-dim);}
.secb-cell.ow .secb-mark{background:var(--accent);}

/* four pillars */
.secb-pillars{margin-top:74px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line);}
.secb-pillar{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:38px 36px 42px;}
.secb-pillar .pk{display:flex;align-items:center;gap:13px;margin-bottom:22px;}
.secb-pillar .pn{font-family:var(--mono);font-size:12px;letter-spacing:0.14em;color:var(--accent);font-weight:600;}
.secb-pillar .ptag{font-family:var(--mono);text-transform:uppercase;letter-spacing:0.14em;font-size:10px;color:var(--steel-dim);}
.secb-pillar h3{font-size:clamp(21px,1.9vw,27px);font-weight:700;text-transform:none;letter-spacing:-0.015em;line-height:1.08;margin-bottom:14px;}
.secb-pillar p{color:var(--steel);font-weight:300;font-size:15px;line-height:1.62;margin:0;}
.secb-pillar p strong{color:#dfe2e6;font-weight:500;}

@media(max-width:760px){
  .secb-contrast{grid-template-columns:1fr 1fr;}
  .secb-ch,.secb-cell{padding:14px 16px;}
  .secb-cell{font-size:13px;gap:10px;}
  .secb-pillars{grid-template-columns:1fr;}
}

/* ════════════════════════════════════════════════════════════
   SECTION A — data sovereignty / encryption story
   ════════════════════════════════════════════════════════════ */
.seca-eyebrow{display:block;margin-bottom:24px;}
.seca-title{font-size:clamp(38px,6.4vw,92px);letter-spacing:-0.03em;line-height:.92;}
.seca-title .red{color:var(--accent);}
.seca-lead{margin-top:28px;max-width:66ch;color:var(--steel);font-weight:300;font-size:clamp(16px,1.5vw,19px);line-height:1.62;}
.seca-lead strong{color:#e2e5e9;font-weight:500;}

.seca-layers{margin-top:64px;border-top:1px solid var(--line);}
.seca-layer{display:grid;grid-template-columns:60px minmax(210px,290px) 1fr;gap:clamp(24px,3vw,40px);padding:30px 0;border-bottom:1px solid var(--line);align-items:start;}
.seca-layer .ln{font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:0.12em;color:var(--accent);padding-top:4px;}
.seca-layer .lt{min-width:0;}
.seca-layer .ltag{display:block;font-family:var(--mono);text-transform:uppercase;letter-spacing:0.14em;font-size:10px;color:var(--steel-dim);margin-bottom:11px;}
.seca-layer h3{font-size:clamp(20px,1.7vw,25px);font-weight:700;text-transform:none;letter-spacing:-0.012em;line-height:1.12;}
.seca-layer p{color:var(--steel);font-weight:300;font-size:15px;line-height:1.62;margin:0;max-width:62ch;}
.seca-layer p strong{color:#dfe2e6;font-weight:500;}

@media(max-width:760px){
  .seca-layer{grid-template-columns:1fr;gap:12px;padding:26px 0;}
  .seca-layer .ln{padding-top:0;}
}