/* pages.css: the cGuard Security Suite page look for the migrated pages.
   Loaded after legacy.css (which keeps each old page's layout). This file changes how the old
   building blocks look so they match the Security pages: type, surfaces, buttons, spacing. */

/* ---------------- hero (built by restyle.py from the old hero) ---------------- */
.hero--page .hero-copy{gap:clamp(14px, 1.2vw, 24px)}
.hero--page .hero-lede + .hero-lede{margin-top:-4px}
.hero--page .hero-title{max-width:18ch}
.hero-panels{display:flex;flex-direction:column;gap:10px;width:clamp(280px, 24vw, 420px);max-width:100%}
.hero-panels--empty{display:none}
.hpanel{position:relative;display:flex;flex-direction:column;gap:4px;padding:14px 18px;border-radius:8px;text-decoration:none;
  background:rgba(var(--bg-rgb),.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border:1px solid rgba(var(--glow-blue),.25);box-shadow:0 0 0 1px rgba(0,0,0,.4),0 10px 30px rgba(0,0,0,.35);
  transition:border-color .3s, box-shadow .3s, transform .3s}
a.hpanel:hover{transform:translateY(-3px);border-color:rgba(var(--glow-ice),.6);box-shadow:0 0 0 1px rgba(0,0,0,.4),0 0 26px rgba(var(--glow-blue),.3)}
.hp-num{font-family:var(--sans);font-weight:400;font-size:clamp(18px, 0.8vw + 11px, 28px);line-height:1.15;color:#fff}
.hp-label{font-family:var(--mono);font-size:var(--t-mono-s);letter-spacing:.06em;color:var(--mute);line-height:1.5}
.hp-map{padding:8px;margin:0}
.hp-map img{width:100%;height:auto;border-radius:4px;display:block}
.hp-map figcaption{font-family:var(--mono);font-size:var(--t-mono-s);letter-spacing:.06em;color:var(--mute);padding:8px 6px 2px}
@media (max-width:1023px){ .hero-panels{width:100%;max-width:520px} }

/* ---------------- page body: same rhythm and surfaces as the Security pages ---------------- */
.page-legacy .legacy{background:transparent}
.page-legacy .legacy::before{display:none}                     /* old noise overlay */
.page-legacy .legacy section{padding:clamp(48px, 3vw + 32px, 112px) var(--gut);background:transparent;border-top:0;border-bottom:0}
.page-legacy .legacy .section-inner,.page-legacy .legacy .defense-inner,.page-legacy .legacy .vs-wrap{max-width:var(--col);margin-inline:auto}
.page-legacy .legacy .defense,.page-legacy .legacy .vs-band,.page-legacy .legacy .faq,.page-legacy .legacy .usecases{background:transparent}

/* labels: the // kicker */
.page-legacy .legacy .section-tag{font-family:var(--mono);font-size:var(--t-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute-2);margin-bottom:16px}
.page-legacy .legacy .section-tag::before{content:"// "}
.page-legacy .legacy .section-tag::after,.page-legacy .legacy .section-tag.visible::after{display:none}

/* headings: Geist 400, sentence case, muted second half */
.page-legacy .legacy h2{font-family:var(--sans);font-weight:400;text-transform:none;letter-spacing:-.02em;font-size:var(--t-h2);line-height:1.12;color:var(--ink);max-width:24ch;margin-bottom:clamp(16px, 1vw + 8px, 28px);text-wrap:balance}
.page-legacy .legacy h2 .muted{color:var(--mute-3)}
.page-legacy .legacy h3{font-family:var(--sans);font-weight:500;text-transform:none;letter-spacing:-.01em;font-size:var(--t-h3);line-height:1.3;color:var(--ink)}
.page-legacy .legacy h4{font-family:var(--sans);font-weight:500;text-transform:none;letter-spacing:0;color:var(--ink)}
.page-legacy .legacy p,.page-legacy .legacy li{font-size:var(--t-body);line-height:1.6}
.page-legacy .legacy .lead{font-size:var(--t-lede);color:var(--ink-4);max-width:40em;margin-bottom:clamp(28px, 2vw + 16px, 56px)}
.page-legacy .legacy a{color:var(--ice)}
.page-legacy .legacy a:hover{color:#fff;text-shadow:0 0 10px rgba(var(--glow-blue),.6)}

/* cards and boxes: the Security page "Stops" surface */
.page-legacy .legacy :is(.uc-card,.ind-card,.pt-card,.st-card,.rfp-card,.pr-card,.blog-card,.loc-card,.test-card,.stat-card,.hq-card){
  background:var(--panel);border:1px solid rgba(255,255,255,.07);border-radius:6px;clip-path:none;
  padding:clamp(22px, 1vw + 16px, 40px);box-shadow:none;color:inherit;text-decoration:none}
.page-legacy .legacy :is(.uc-card,.ind-card,.pt-card,.st-card,.rfp-card,.pr-card,.blog-card,.loc-card,.test-card)::after{display:none}
.page-legacy .legacy :is(.uc-card,.ind-card,.pt-card,.st-card,.rfp-card,.pr-card,.blog-card,.loc-card,.test-card):hover{
  border-color:rgba(var(--glow-ice),.28);box-shadow:0 18px 40px rgba(0,0,0,.45),0 0 32px rgba(var(--glow-blue),.14)}
.page-legacy .legacy :is(.uc-card,.ind-card,.pt-card,.st-card,.rfp-card,.pr-card,.blog-card) h3{margin-bottom:10px}
.page-legacy .legacy :is(.uc-card,.ind-card,.pt-card,.st-card,.rfp-card,.blog-card) p{color:#9AA5AF}
.page-legacy .legacy .uc-num{font-family:var(--mono);font-size:clamp(12px, 0.15vw + 10px, 15px);letter-spacing:.08em;color:var(--blue);margin-bottom:12px}
.page-legacy .legacy :is(.uc-emoji,.ind-emoji,.pt-emoji,.st-emoji,.rfp-emoji,.pr-emoji){display:inline-grid;place-items:center;width:44px;height:44px;border-radius:10px;
  font-size:22px;line-height:1;margin-bottom:14px;background:rgba(var(--glow-blue),.08);border:1px solid rgba(var(--glow-blue),.3)}
.page-legacy .legacy .tag-emoji{display:none}
.page-legacy .legacy :is(.ind-go,.pt-go){font-family:var(--mono);font-size:var(--t-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ice);margin-top:auto;padding-top:14px}
.page-legacy .legacy .stat-num{font-family:var(--sans);font-weight:300;text-transform:none;letter-spacing:-.02em;color:var(--ink);font-size:clamp(28px, 1.6vw + 16px, 56px)}
.page-legacy .legacy .stat-label{font-family:var(--mono);font-size:var(--t-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute-2)}

/* highlighted answer / note boxes */
.page-legacy .legacy .answer-box{background:linear-gradient(120deg, rgba(0,48,132,.28), var(--panel) 70%);border:1px solid rgba(var(--glow-blue),.28);border-left:3px solid var(--blue);border-radius:6px}
.page-legacy .legacy .answer-box p{color:var(--ink-2)}

/* lists of points (the "What you get" check list) */
.page-legacy .legacy .defense-list li{display:flex;gap:12px;align-items:baseline;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06);color:var(--ink-2);background:none}
.page-legacy .legacy .defense h2{max-width:20ch}

/* comparison tables */
.page-legacy .legacy .vs-table{border-radius:8px;overflow:hidden}
.page-legacy .legacy .vs-table th,.page-legacy .legacy .vs-table td{border-bottom:1px solid rgba(255,255,255,.07);font-size:var(--t-body)}
.page-legacy .legacy .vs-table thead th{font-family:var(--mono);font-size:var(--t-mono);letter-spacing:.12em;color:var(--mute-2);border-bottom:1px solid rgba(var(--glow-blue),.45);background:rgba(var(--glow-blue),.05)}
.page-legacy .legacy .vs-table tbody tr{transition:background .25s}
.page-legacy .legacy .vs-table tbody tr:hover{background:rgba(var(--glow-blue),.06)}
.page-legacy .legacy .vs-old{color:var(--mute)}
.page-legacy .legacy .vs-new{color:var(--ink)}

/* FAQ */
.page-legacy .legacy .faq-list{max-width:900px}
.page-legacy .legacy .faq-list details{border-bottom:1px solid rgba(255,255,255,.07);background:transparent;border-radius:0}
.page-legacy .legacy .faq-list details[open]{background:linear-gradient(90deg, rgba(var(--glow-blue),.07), transparent)}
.page-legacy .legacy .faq-list summary{font-family:var(--sans);font-weight:500;font-size:clamp(16px, 0.3vw + 13px, 20px);text-transform:none;letter-spacing:0;color:var(--ink);padding:18px 8px}
.page-legacy .legacy .faq-list summary:hover{color:#fff;text-shadow:0 0 12px rgba(var(--glow-blue),.5)}
.page-legacy .legacy .faq-list details p{color:#9AA5AF;padding:0 8px 18px}

/* buttons: same as the new site. .pkg-btn is the old square pricing-card button (Cyber JIF tiers, ISO 42001
   in Out of Band); Travis 2026-10-02: it takes the glowing style like every other call to action. */
.page-legacy .legacy :is(.btn-primary,.form-btn,.pkg-btn,button[type="submit"]){--pill-c:rgba(77,163,255,.9);display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;
  border-radius:4px;clip-path:none;font-family:var(--mono);font-size:var(--t-mono);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#fff;text-decoration:none;cursor:pointer;
  background:radial-gradient(120% 160% at 50% 115%, color-mix(in srgb, var(--pill-c) 50%, transparent), transparent 70%), rgba(12,24,48,.7);
  border:1px solid color-mix(in srgb, var(--pill-c) 75%, transparent);
  box-shadow:0 0 12px color-mix(in srgb, var(--pill-c) 55%, transparent), 0 0 30px color-mix(in srgb, var(--pill-c) 25%, transparent), inset 0 0 14px color-mix(in srgb, var(--pill-c) 35%, transparent);
  text-shadow:0 0 8px rgba(var(--glow-ice),.75);animation:pillHue 6s linear infinite;transition:transform .25s, box-shadow .3s}
.page-legacy .legacy :is(.btn-primary,.form-btn,.pkg-btn,button[type="submit"]):hover{transform:translateY(-2px);color:#fff;
  box-shadow:0 0 16px color-mix(in srgb, var(--pill-c) 75%, transparent), 0 0 44px color-mix(in srgb, var(--pill-c) 40%, transparent), inset 0 0 18px color-mix(in srgb, var(--pill-c) 45%, transparent)}
/* the pricing card gives its button the card's full width; the featured card keeps the same glow, not the old fill */
.page-legacy .legacy .pkg-btn{width:100%}
.page-legacy .legacy .pkg-card.featured .pkg-btn,.page-legacy .legacy .pkg-card.featured .pkg-btn:hover{color:#fff;
  background:radial-gradient(120% 160% at 50% 115%, color-mix(in srgb, var(--pill-c) 50%, transparent), transparent 70%), rgba(12,24,48,.7);
  border-color:color-mix(in srgb, var(--pill-c) 75%, transparent)}
.page-legacy .legacy :is(.btn-outline,.phone-link){display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 22px;border-radius:4px;font-family:var(--mono);font-size:var(--t-mono);
  font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);text-decoration:none;background:rgba(12,20,38,.6);border:1px solid rgba(255,255,255,.18);transition:all .3s}
.page-legacy .legacy :is(.btn-outline,.phone-link):hover{border-color:rgba(var(--glow-ice),.8);color:#fff;transform:translateY(-2px);
  box-shadow:0 0 0 1px rgba(var(--glow-blue),.5),0 0 18px rgba(var(--glow-blue),.45),inset 0 0 18px rgba(var(--glow-blue),.25)}
.page-legacy .legacy .cta-group,.page-legacy .legacy .hero-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}

/* form fields */
.page-legacy .legacy :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea){background:rgba(12,20,38,.7);border:1px solid rgba(255,255,255,.12);
  border-radius:6px;color:var(--ink);font-family:var(--sans);font-size:16px}
.page-legacy .legacy :is(input,select,textarea):focus{outline:none;border-color:var(--ice);box-shadow:0 0 0 3px rgba(var(--glow-blue),.25)}
.page-legacy .legacy label:not(:has(input,select,textarea)){font-family:var(--mono);font-size:var(--t-mono-s);letter-spacing:.1em;text-transform:uppercase;color:var(--mute-2)}
.page-legacy .legacy input[type="range"]{accent-color:var(--blue)}

/* closing call to action: the Security page "See where your gaps are" card */
.page-legacy .legacy .final-cta{width:calc(100% - 2 * var(--gut));max-width:var(--col);margin:clamp(24px, 2vw, 48px) auto var(--sec);padding:clamp(32px, 3vw + 16px, 72px);
  border:1px solid rgba(77,163,255,.3);border-radius:8px;background:linear-gradient(120deg, rgba(0,48,132,.35), rgba(12,17,22,.9));text-align:left}
.page-legacy .legacy .final-cta h2{font-size:clamp(26px, 1vw + 20px, 44px);max-width:none}
.page-legacy .legacy .final-cta p{margin-left:0;color:var(--ink-4);font-size:var(--t-lede)}
.page-legacy .legacy .final-cta .cta-group{justify-content:flex-start}

/* long-form pages (blog posts, agreement, privacy, terms) */
.page-legacy .legacy .article{max-width:46em}
.page-legacy .legacy .article p,.page-legacy .legacy .article li{font-size:clamp(16px, 0.2vw + 14px, 19px);line-height:1.75;color:var(--ink-4)}
.page-legacy .legacy .article h2{font-size:clamp(24px, 1vw + 16px, 36px);max-width:none;margin-top:clamp(32px, 2vw + 16px, 56px)}

/* chat button and panel */
.page-legacy .legacy-fab .fab-btn{background:radial-gradient(120% 160% at 50% 115%, rgba(77,163,255,.55), transparent 70%), rgba(12,24,48,.85);color:#fff;
  border:1px solid rgba(77,163,255,.7);box-shadow:0 0 14px rgba(77,163,255,.55),0 0 34px rgba(77,163,255,.25)}
.page-legacy .legacy-fab .cgc{border-radius:10px;border:1px solid rgba(77,163,255,.3);background:rgba(var(--bg-rgb),.96)}

/* ---------------- 2026-10-01: closer to the Security pages ---------------- */
/* emoji are now line icons (restyle.py): icons sit in the same blue badge as the "How cGuard runs it" step numbers */
.page-legacy .legacy .ico{display:inline-grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:10px;font-size:0;line-height:0;
  color:var(--blue);background:rgba(var(--glow-blue),.08);border:1px solid rgba(var(--glow-blue),.4);transition:border-color .3s, box-shadow .3s, color .3s}
.page-legacy .legacy .ico .ico-svg{width:22px;height:22px;display:block}
.page-legacy .legacy .defense-list .ico,.page-legacy .legacy .ico.jr-step-emoji{width:36px;height:36px;border-radius:8px}
.page-legacy .legacy .defense-list .ico .ico-svg,.page-legacy .legacy .ico.jr-step-emoji .ico-svg{width:18px;height:18px}
.page-legacy .legacy :is(.uc-card,.ind-card,.pt-card,.st-card,.rfp-card,.pr-card,.jf-card,.defense-list li):hover .ico{color:var(--ice);border-color:rgba(var(--glow-ice),.9);
  box-shadow:0 0 16px rgba(var(--glow-blue),.55), inset 0 0 10px rgba(var(--glow-blue),.3)}
.page-legacy .legacy .defense-list li:hover .ico{transform:none}
.page-legacy .legacy .ico-inline{display:inline-block;width:1.1em;height:1.1em;vertical-align:-.18em;margin-right:8px;color:var(--ice)}
.page-legacy #jr-emoji{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:12px;color:var(--blue);background:rgba(var(--glow-blue),.08);border:1px solid rgba(var(--glow-blue),.4)}
.page-legacy #jr-emoji svg{width:26px;height:26px}

/* card numbers read like the Security page step numbers */
.page-legacy .legacy .uc-num{color:var(--blue)}

/* "what you get" style rows: no boxed emoji tiles, the Security page row with a hairline */
.page-legacy .legacy .defense-list li{background:var(--panel);border:1px solid rgba(255,255,255,.07);border-radius:6px;align-items:center}
.page-legacy .legacy .defense-list li:hover{border-color:rgba(var(--glow-ice),.28);background:linear-gradient(90deg, rgba(var(--glow-blue),.1), var(--panel))}
.page-legacy .legacy .defense-list li strong{font-weight:500;color:var(--ink)}
.page-legacy .legacy .defense-list li span:not(.ico){color:var(--body-soft, #9AA5AF)}

/* answer box: no coloured left bar (not used anywhere on the Security pages) */
.page-legacy .legacy .answer-box{border:1px solid rgba(var(--glow-blue),.28);border-left-width:1px;border-left-color:rgba(var(--glow-blue),.28);
  background:linear-gradient(120deg, rgba(0,48,132,.3), var(--panel) 70%);padding:clamp(22px, 1vw + 16px, 36px)}
.page-legacy .legacy .answer-box::after{display:none}

/* plan labels: one style, no rainbow of metal colours */
.page-legacy .legacy :is(.pr-metal,.pkg-metal){color:var(--ice);border-color:rgba(var(--glow-blue),.45);background:rgba(var(--glow-blue),.06)}
.page-legacy .legacy :is(.pr-metal-gold,.pkg-metal-gold){color:var(--gold);border-color:rgba(var(--glow-gold),.45);background:rgba(var(--glow-gold),.06)}

/* four cards never leave one alone on a row */
@media (min-width:900px){ .page-legacy .legacy .uc-grid:has(> :nth-child(4):last-child){grid-template-columns:repeat(2, minmax(0,1fr))} }

/* the cGuard Security Suite tiles before the closing card, as on every Security page */
.page-legacy .legacy .suite-band{padding-block:clamp(32px, 2vw + 20px, 72px) 0}
.page-legacy .legacy .suite-band .kicker::before{content:"// "}
.page-legacy .legacy .suite-band .suite-tile{color:var(--ink-3);text-decoration:none}
.page-legacy .legacy .suite-band .suite-tile:hover{color:#fff;text-shadow:none}
/* old cg.css resets padding and margins on everything in .legacy; restore the column and tiles for the suite band */
.page-legacy .legacy .suite-band .wrap{padding-inline:var(--gut);margin-inline:auto}
.page-legacy .legacy .suite-band .kicker{font-size:var(--t-mono);letter-spacing:.14em;color:var(--mute-2);margin:0}
.page-legacy .legacy .suite-band .suite-grid{margin-top:24px;gap:12px}
.page-legacy .legacy .suite-band .suite-tile{padding:16px 18px;gap:12px;font-size:var(--t-body);border-radius:6px}
/* old cg.css forces "background:none !important; border:none !important" on every *-emoji class, which hid the badge;
   the badge must win for the icon version, so it is !important here too (scoped to .ico only) */
.page-legacy .legacy .ico{background:rgba(var(--glow-blue),.08) !important;border:1px solid rgba(var(--glow-blue),.4) !important}
.page-legacy .legacy :is(.uc-card,.ind-card,.pt-card,.st-card,.rfp-card,.pr-card,.jf-card,.defense-list li):hover .ico{border-color:rgba(var(--glow-ice),.9) !important}
.page-legacy .legacy .suite-band{padding-bottom:clamp(16px, 1vw + 8px, 32px)}
/* native checkboxes and radios draw dark with a blue tick instead of bright white squares */
.page-legacy .legacy :is(input[type="checkbox"],input[type="radio"]){color-scheme:dark;accent-color:var(--blue)}
/* icons do not wobble or scale (the Security pages do not); the emergency card's icon pulses with a glow instead */
.page-legacy .legacy .pt-card:hover .ico.pt-emoji{transform:none}
.page-legacy .legacy .pt-urgent .ico{animation:icoAlert 2.4s ease-in-out infinite}
@keyframes icoAlert{50%{box-shadow:0 0 18px rgba(var(--glow-blue),.65), inset 0 0 10px rgba(var(--glow-blue),.35)}}

/* ---------------- Out of Band: the bay (services/out-of-band/, built by compose.py) ----------------
   Nine tiles; a tile opens its service as a panel under the tile's row (site.js moves it there), joined to
   the tile by a lit line. Without script every panel is listed below the tiles. */
.page-legacy .legacy .bay-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
@media (max-width:1023px){ .page-legacy .legacy .bay-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:639px){ .page-legacy .legacy .bay-grid{grid-template-columns:minmax(0,1fr)} }
.page-legacy .legacy .bay-port{display:flex;flex-direction:column}
.page-legacy .legacy .bay-k{font-family:var(--mono);font-size:var(--t-mono-s);letter-spacing:.14em;text-transform:uppercase;color:var(--mute-2);margin-bottom:8px}
.page-legacy .legacy .bay-port[aria-expanded="true"]{border-color:rgba(var(--glow-blue),.55);
  box-shadow:0 0 0 1px rgba(var(--glow-blue),.3),0 0 26px rgba(var(--glow-blue),.22)}
.page-legacy .legacy .bay-port[aria-expanded="true"] .ico{color:var(--ice);border-color:rgba(var(--glow-ice),.9) !important}
.page-legacy .legacy .bay-port .ind-go span{display:inline-block;transition:transform var(--dur-hover, .35s)}
.page-legacy .legacy .bay-port[aria-expanded="true"] .ind-go span{transform:rotate(180deg)}
.page-legacy .legacy .bay-modules{display:grid;gap:var(--gap);margin-top:var(--gap)}
.page-legacy .legacy .bay-module{position:relative;grid-column:1/-1;min-width:0;border:1px solid rgba(var(--glow-blue),.32);border-radius:8px;
  background:rgba(var(--bg-rgb),.6);box-shadow:0 0 0 1px rgba(0,0,0,.4),0 0 32px rgba(var(--glow-blue),.12);
  padding:clamp(22px, 2vw + 8px, 64px);scroll-margin-top:110px}
.page-legacy .legacy .bay.is-live .bay-modules{display:none}
.page-legacy .legacy .bay.is-live .bay-module.is-open{display:block}
/* the lit line from the open tile down to its panel */
.page-legacy .legacy .bay.is-live .bay-module.is-open::before{content:"";position:absolute;bottom:100%;left:var(--cable-x, 50%);width:2px;
  height:calc(var(--gap) + 1px);margin-left:-1px;border-radius:2px;background:linear-gradient(var(--blue), var(--ice));
  box-shadow:0 0 8px rgba(var(--glow-ice),.8),0 0 20px rgba(var(--glow-blue),.5);transform-origin:top}
.page-legacy .legacy .bay.is-live .bay-module.is-open::after{content:"";position:absolute;top:-4px;left:var(--cable-x, 50%);width:8px;height:8px;
  margin-left:-4px;border-radius:50%;background:var(--ice);box-shadow:0 0 8px rgba(var(--glow-ice),.9),0 0 18px rgba(var(--glow-blue),.6)}
.page-legacy .legacy .bay-module.is-entering{animation:bayIn var(--dur-reveal, .8s) cubic-bezier(.2,.8,.2,1)}
.page-legacy .legacy .bay-module.is-entering::before{animation:bayCable .45s cubic-bezier(.2,.9,.2,1)}
@keyframes bayIn{from{opacity:0;transform:translateY(28px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
@keyframes bayCable{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.page-legacy .legacy .bay-module .reveal{opacity:1;transform:none}
.page-legacy .legacy .bm-head{max-width:62em}
.page-legacy .legacy .bm-title{font-size:var(--t-h2);max-width:22ch}
.page-legacy .legacy .bm-title:focus:not(:focus-visible){outline:none}
.page-legacy .legacy .bm-lede{margin-bottom:0}
.page-legacy .legacy .bm-lede + .bm-lede{margin-top:12px}
.page-legacy .legacy .bm-figs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:10px;margin-top:clamp(18px, 1vw + 10px, 32px)}
.page-legacy .legacy .bm-body section{padding:clamp(32px, 2vw + 16px, 72px) 0 0}
.page-legacy .legacy .bm-body .section-inner,.page-legacy .legacy .bm-body .defense-inner{max-width:none}
.page-legacy .legacy .bm-body h2{font-size:clamp(24px, 1.1vw + 14px, 40px)}
.page-legacy .legacy .bm-close{margin-top:clamp(32px, 2vw + 16px, 72px);padding-top:clamp(24px, 1.5vw + 12px, 48px);border-top:1px solid rgba(255,255,255,.08)}
.page-legacy .legacy .bm-close h3{font-size:clamp(22px, 0.9vw + 14px, 34px);font-weight:400;letter-spacing:-.02em}
.page-legacy .legacy .bm-close p{color:var(--ink-4);font-size:var(--t-lede);max-width:40em;margin:10px 0 0}
.page-legacy .legacy .bm-close .cta-group{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin-top:20px}
.page-legacy .legacy .bm-back{margin-top:clamp(20px, 1vw + 12px, 36px)}
.page-legacy .legacy .bm-back a{font-family:var(--mono);font-size:var(--t-mono);letter-spacing:.1em;text-transform:uppercase}
.page-legacy .legacy .hub-oob-link{margin-top:clamp(24px, 2vw, 48px)}
@media (prefers-reduced-motion:reduce){
  .page-legacy .legacy .bay-module.is-entering,.page-legacy .legacy .bay-module.is-entering::before{animation:none}
  .page-legacy .legacy .bay-port .ind-go span{transition:none}
}