.skip-link { position:fixed; z-index:20; top:8px; left:8px; transform:translateY(-160%); border-radius:8px; padding:10px 14px; color:var(--white); background:var(--ink); font-weight:800; }
.skip-link:focus { transform:translateY(0); }
.why-shell { width:min(calc(100% - 28px),1180px); }
.why-content { overflow:hidden; padding:0; background:linear-gradient(145deg,var(--white) 0%,var(--surface-subtle) 62%,var(--soft) 160%); }
.why-hero { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(320px,.82fr); align-items:stretch; min-height:590px; }
.why-hero-copy { display:flex; flex-direction:column; justify-content:center; padding:clamp(42px,7vw,82px); }
.why-hero h1 { max-width:720px; font-family:Arial,Helvetica,sans-serif; font-size:clamp(44px,6.6vw,76px); font-weight:500; letter-spacing:-.055em; line-height:.98; }
.why-hero .lede { max-width:660px; font-size:17px; line-height:1.58; }
.why-hero-visual { position:relative; min-width:0; min-height:500px; margin:18px 18px 18px 0; overflow:hidden; border-radius:22px; background:var(--soft); }
.why-hero-visual::after { content:""; position:absolute; inset:45% 0 0; background:linear-gradient(0deg,rgb(var(--overlay-rgb) / .78),rgb(var(--overlay-rgb) / 0)); pointer-events:none; }
.why-hero-visual img { width:100%; height:100%; display:block; object-fit:cover; object-position:center; }
.why-hero-visual figcaption { position:absolute; z-index:1; right:24px; bottom:24px; left:24px; padding:18px 20px; border:1px solid rgb(var(--surface-rgb) / .34); border-radius:14px; color:var(--white); background:rgb(var(--overlay-rgb) / .72); backdrop-filter:blur(10px); }
.why-hero-visual strong, .why-hero-visual span { display:block; }
.why-hero-visual strong { font-size:15px; }
.why-hero-visual span { margin-top:4px; color:rgb(var(--surface-rgb) / .78); font-size:12px; }
.assurance-strip { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:0; padding:0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); list-style:none; }
.assurance-strip li { min-width:0; padding:22px clamp(22px,4vw,42px); }
.assurance-strip li + li { border-left:1px solid var(--line); }
.assurance-strip strong, .assurance-strip span { display:block; }
.assurance-strip strong { color:var(--accent-dark); font-size:13px; }
.assurance-strip span { margin-top:5px; color:var(--muted); font-size:12px; line-height:1.45; }
.story-section, .method-section, .boundaries-section { padding:clamp(56px,8vw,96px) clamp(28px,7vw,82px); }
.story-section { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1fr); gap:clamp(32px,7vw,90px); align-items:start; }
.story-section h2, .section-heading h2 { max-width:740px; font-family:Georgia,"Times New Roman",serif; font-size:clamp(32px,4.7vw,52px); font-weight:500; letter-spacing:-.025em; line-height:1.08; }
.story-copy p { margin:0; color:var(--muted); font-size:17px; line-height:1.72; }
.story-copy p + p { margin-top:18px; }
.story-copy .story-note { margin-top:26px; font-size:14px; font-weight:800; }
.method-section { background:var(--white); }
.section-heading { max-width:760px; }
.section-heading > p:last-child { max-width:650px; margin:18px 0 0; color:var(--muted); font-size:16px; line-height:1.65; }
.method-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:38px 0 0; padding:0; list-style:none; }
.method-grid li { padding:26px; border:1px solid rgb(var(--accent-rgb) / .16); border-radius:18px; background:var(--surface-subtle); box-shadow:0 14px 34px rgb(var(--shadow-rgb) / .06); }
.method-grid .number { width:34px; height:34px; display:grid; place-items:center; margin-bottom:28px; border-radius:50%; color:var(--accent-dark); background:var(--soft); font-size:12px; font-weight:850; }
.method-grid h3 { margin:0; color:var(--ink); font-size:19px; }
.method-grid p { margin:10px 0 0; color:var(--muted); font-size:14px; line-height:1.65; }
.privacy-section { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:clamp(34px,7vw,90px); padding:clamp(56px,8vw,90px) clamp(28px,7vw,82px); color:var(--white); background:var(--accent-dark); }
.privacy-section .kicker { color:var(--accent-tint); }
.privacy-intro h2 { max-width:520px; margin:0; font-family:Georgia,"Times New Roman",serif; font-size:clamp(34px,4.8vw,52px); font-weight:500; letter-spacing:-.025em; line-height:1.07; }
.privacy-intro > p:last-of-type { max-width:520px; margin:18px 0 0; color:rgb(var(--surface-rgb) / .76); font-size:16px; line-height:1.65; }
.privacy-intro > a { display:inline-block; margin-top:26px; color:var(--white); font-weight:800; }
.privacy-answers { display:grid; gap:12px; margin:0; }
.privacy-answers div { padding:20px 22px; border:1px solid rgb(var(--surface-rgb) / .18); border-radius:15px; background:rgb(var(--surface-rgb) / .08); }
.privacy-answers dt { font-size:15px; font-weight:800; }
.privacy-answers dd { margin:7px 0 0; color:rgb(var(--surface-rgb) / .76); font-size:14px; line-height:1.6; }
.boundaries-section .comparison { margin-top:34px; }
.boundaries-section .comparison section { padding:28px; border-radius:18px; }
.boundaries-section .comparison h3 { margin:0; font-size:20px; }
.boundaries-section .comparison ul { margin:14px 0 0; }
.boundaries-section .comparison li { margin-top:6px; }
.statement { margin:0 clamp(18px,4vw,44px) clamp(18px,4vw,44px); padding:clamp(38px,6vw,64px); border-radius:22px; }
.statement .kicker { color:var(--accent-tint); }
.statement h2 { max-width:800px; }
.statement .actions { align-items:center; }
.statement-link { color:var(--white); font-weight:800; }
.fine-print { margin:0 clamp(28px,7vw,82px) 34px; }
@media (max-width:860px) {
  .why-hero { grid-template-columns:1fr; }
  .why-hero-visual { min-height:460px; margin:0 22px 22px; }
  .story-section, .privacy-section { grid-template-columns:1fr; }
  .method-grid { grid-template-columns:1fr; }
}
@media (max-width:640px) {
  .why-shell { width:min(calc(100% - 20px),1180px); margin:10px auto; }
  .why-hero-copy { padding:46px 22px 34px; }
  .why-hero h1 { font-size:clamp(42px,13vw,58px); }
  .why-hero .lede { font-size:16px; }
  .why-hero-visual { min-height:390px; margin:0 12px 12px; border-radius:16px; }
  .why-hero-visual figcaption { right:14px; bottom:14px; left:14px; }
  .assurance-strip { grid-template-columns:1fr; }
  .assurance-strip li + li { border-top:1px solid var(--line); border-left:0; }
  .story-section, .method-section, .boundaries-section, .privacy-section { padding:54px 22px; }
  .statement { margin:0 12px 12px; padding:36px 22px; }
  .fine-print { margin:0 22px 28px; }
}