/* SOC 2 and ISO 27001: a copy-led hero over a control crosswalk table. One accent. */

.sc-main{overflow:clip}
.sc-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.sc-link{font-size:15px;font-weight:600;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;color:var(--ink)}
.sc-link:hover{color:var(--signal)}
.sc-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:34px}

/* Hero */
.sc-hero{max-width:1000px;margin:0 auto;padding:clamp(44px,6vw,84px) clamp(20px,4vw,48px) clamp(30px,4vw,48px)}
.sc-hero h1{font-size:clamp(34px,4.6vw,66px);line-height:1.03;letter-spacing:-.04em;max-width:18ch;margin:0}
.sc-lede{margin-top:26px;font-size:clamp(17px,1.7vw,20px);line-height:1.55;color:var(--fg-505a52);max-width:60ch}

/* Crosswalk table */
.sc-map{max-width:1180px;margin:0 auto;padding:clamp(28px,4vw,52px) clamp(20px,4vw,48px) clamp(58px,7vw,96px)}
.sc-table{border-top:2px solid var(--ink)}
.sc-thead{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(24px,4vw,56px)}
.sc-thead span{font:500 12px var(--code);letter-spacing:.11em;text-transform:uppercase;color:var(--muted);padding:16px 0}
.sc-thead span+span{padding-left:clamp(24px,4vw,56px);border-left:1px solid var(--line)}
.sc-tr{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(24px,4vw,56px);border-top:1px solid var(--line)}
.sc-c{padding:28px 0}
.sc-e{padding:28px 0 28px clamp(24px,4vw,56px);border-left:1px solid var(--line)}
.sc-c b{display:block;font:600 clamp(19px,2vw,24px)/1.2 var(--display);letter-spacing:-.02em}
.sc-c small{display:block;margin-top:10px;font:500 13px var(--code);color:var(--signal-text);letter-spacing:.02em}
.sc-e p{margin:0;font-size:16px;line-height:1.62;color:var(--fg-505a52);max-width:54ch}

/* Type 2 band */
.sc-type2{background:var(--sage);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
.sc-type2-inner{max-width:1180px;margin:0 auto;padding:clamp(60px,7vw,104px) clamp(20px,4vw,48px);
  display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,80px);align-items:center}
.sc-type2 h2{margin:0;font:600 clamp(28px,3.6vw,50px)/1.07 var(--display);letter-spacing:-.035em;color:var(--ink);max-width:16ch}
.sc-type2 p{margin:0;font-size:17px;line-height:1.65;color:var(--fg-53624e)}

/* Close */
.sc-close{max-width:1180px;margin:0 auto;padding:clamp(56px,7vw,92px) clamp(20px,4vw,48px) 70px;
  display:grid;grid-template-columns:1.3fr auto;gap:48px;align-items:center}
.sc-close h2{font-size:clamp(30px,3.6vw,50px);letter-spacing:-.035em;max-width:15ch}
.sc-close p{margin:18px 0 0;font-size:17px;line-height:1.55;color:var(--fg-505a52);max-width:50ch}
.sc-close p a{color:var(--signal-text);text-decoration:underline;text-underline-offset:3px}
.sc-mascot{width:clamp(180px,22vw,290px);height:auto;justify-self:end}

@media(max-width:860px){
  .sc-thead,.sc-tr{grid-template-columns:1fr;gap:0}
  .sc-thead span+span{display:none}
  .sc-e{padding:0 0 28px;border-left:0}
  .sc-c{padding:24px 0 10px}
  .sc-type2-inner{grid-template-columns:1fr;gap:22px}
  .sc-type2 h2{max-width:none}
  .sc-close{grid-template-columns:1fr;gap:30px}
  .sc-mascot{justify-self:start;width:190px}
}
@media(prefers-reduced-motion:reduce){.sc-main *{transition:none!important}}