/*
  Gesta marketing site — why-not-a-gateway.html page styles.
  Shared by every language copy of this page; edit here, not in the page.
*/

  /* hero */
  .hero{padding:96px 0 78px;position:relative;border-bottom:1px solid var(--border-2)}
  .hero::before{content:"";position:absolute;inset:-60px -400px 0;background:radial-gradient(52% 46% at 40% 0%, hsl(0 0% 100% / .05), transparent 70%);pointer-events:none}
  h1.head{font-size:clamp(38px,6vw,68px);font-weight:700;letter-spacing:-.04em;line-height:1.02;margin:26px 0 0;max-width:19ch}
  h1.head .dim{color:var(--faint)}
  .sub{color:var(--muted);font-size:clamp(16px,2vw,18px);max-width:58ch;margin:26px 0 0}
  .sub b{color:var(--fg);font-weight:500}

  /* comparison blocks */
  .block{padding:78px 0;border-top:1px solid var(--border-2)}
  .block:first-of-type{border-top:none}
  h2.sec{font-size:clamp(25px,3.6vw,38px);max-width:26ch;line-height:1.08}
  .duel{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:34px;align-items:stretch}
  @media(max-width:900px){.duel{grid-template-columns:1fr}}
  .pane{border:1px solid var(--border);border-radius:14px;background:var(--panel);overflow:hidden;display:flex;flex-direction:column}
  .pane.truth{background:var(--panel-2);border-color:hsl(0 0% 100% / .16)}
  .pane-top{display:flex;align-items:center;justify-content:space-between;gap:12px;height:40px;padding:0 16px;border-bottom:1px solid var(--border-2);font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
  .pane.truth .pane-top{color:var(--fg)}
  .pane-top .side-tag{letter-spacing:.08em;text-transform:none;color:var(--faint)}
  .log{margin:0;padding:20px;font-family:var(--mono);font-size:12.5px;line-height:1.75;color:var(--muted);overflow-x:auto}
  .log .k{color:var(--faint)}
  .log .v{color:var(--fg)}
  .log .dim{color:var(--faint)}
  .pane-foot{margin-top:auto;border-top:1px solid var(--border-2);padding:13px 16px;font-size:13px;color:var(--muted)}
  .pane-foot b{color:var(--fg);font-weight:500}

  /* tier bars (block 1, gesta pane) */
  .tiers{padding:18px 20px 8px;font-family:var(--mono);font-size:12.5px}
  .tier{display:grid;grid-template-columns:110px 1fr 88px 44px;gap:12px;align-items:center;padding:7px 0}
  .tier .tn{color:var(--fg)}
  .tier .bar{height:8px;border-radius:4px;background:var(--panel);border:1px solid var(--border-2);overflow:hidden}
  .tier .bar i{display:block;height:100%;background:var(--fg)}
  .tier.dimrow .tn{color:var(--muted)}
  .tier.dimrow .bar i{background:var(--faint)}
  .tier .tv{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}
  .tier .tp{color:var(--faint);text-align:right;font-variant-numeric:tabular-nums}
  @media(max-width:480px){.tier{grid-template-columns:96px 1fr 44px}.tier .tv{display:none}}

  /* outcome list (block 2, gesta pane) */
  .outcome{list-style:none;margin:0;padding:14px 20px;font-size:13.5px}
  .outcome li{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-top:1px solid var(--border-2)}
  .outcome li:first-child{border-top:none}
  .outcome .ol{color:var(--muted)}
  .outcome .ov{font-family:var(--mono);color:var(--fg);font-variant-numeric:tabular-nums;text-align:right}

  /* audit answers (block 3, gesta pane) */
  .answers{padding:16px 20px;display:grid;gap:14px}
  .qa{border:1px solid var(--border-2);border-radius:var(--radius);padding:14px 16px;background:var(--bg)}
  .qa .q{font-size:14px;color:var(--fg);font-weight:500}
  .qa .a{font-family:var(--mono);font-size:12px;color:var(--muted);margin-top:8px;line-height:1.7}
  .qa .a .v{color:var(--fg)}

  .verdict{margin-top:30px;font-size:18px;color:var(--fg);max-width:60ch}
  .verdict .hl{border-bottom:1px solid var(--fg)}
  .illus{margin-top:14px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--faint)}

  /* closing band */
  .band{border-top:1px solid var(--border);padding:88px 0 92px}
  .band h2{font-size:clamp(30px,4.6vw,52px);font-weight:700;letter-spacing:-.035em;line-height:1.02;margin:0;max-width:18ch}
  .asklist{list-style:none;margin:30px 0 0;padding:0;font-family:var(--mono);font-size:15px;max-width:640px}
  .asklist li{position:relative;padding:15px 0 15px 30px;border-top:1px solid var(--border-2);color:var(--fg)}
  .asklist li:last-child{border-bottom:1px solid var(--border-2)}
  .asklist li::before{content:"?";position:absolute;left:2px;top:15px;color:var(--faint)}
  .thenask{margin:30px 0 0;font-size:20px;font-weight:600;letter-spacing:-.01em}
  .band .cta{margin-top:26px}
  .coexist{margin-top:34px;font-size:14px;color:var(--muted);border-left:2px solid var(--border);padding-left:14px;max-width:52ch}
  .coexist b{color:var(--fg);font-weight:500}