/* standards: quieter cards, plain plus, homepage rhythm */
.st-card{border-top:1px solid rgba(27,27,27,.12)!important;padding-top:clamp(24px,2.4vw,34px)!important;background:none!important;box-shadow:none!important;border-radius:0!important}
.st-card .st-ico{display:block;margin-bottom:clamp(20px,2.2vw,32px)}
.st-card .st-ico .sbadge,.st-card .st-ico .sbadge.cert{display:inline-block!important;width:clamp(52px,4.6vw,64px)!important;height:auto!important;background:none!important;border:0!important;box-shadow:none!important}
.st-card .st-ico .sbadge>svg,.st-card .st-ico .seal{width:100%!important;height:auto!important;display:block}
.st-card .st-t{margin:0 0 10px!important}
.st-card .st-p{margin:0!important;max-width:40ch}
.st-plus{position:absolute;top:clamp(24px,2.4vw,34px);right:0;width:18px!important;height:18px!important;
  background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--f-ui);font-size:19px;line-height:1;font-weight:400;color:rgba(27,27,27,.45)!important;transition:color .2s,transform .2s}
.st-card{position:relative}
.st-card:hover .st-plus{color:var(--ink)!important}
.st-card[aria-expanded="true"] .st-plus{transform:rotate(45deg)}
.st-grid{gap:clamp(24px,2.8vw,44px)!important}


/* the loop headline holds its two authored lines */
[data-screen-label="Human in the loop"] .sx-h{max-width:none!important}
@media(max-width:760px){[data-screen-label="Human in the loop"] .sx-h{text-wrap:pretty}}

footer{background:#1B1B1B!important;background-image:none!important}

/* Get started: centred on the viewport, the same air above and below, then the footer rule */
main#main>section#waitlist,main#main>#waitlist,body #waitlist{padding:0!important;margin:0!important;width:100%!important;max-width:none!important}
#waitlist .cta-band{width:100%!important;max-width:none!important;margin:0!important;padding:clamp(120px,12.5vw,186px) var(--gut) clamp(72px,7.5vw,114px)!important;min-height:0!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important}
#waitlist .cta-band>*{margin-left:auto!important;margin-right:auto!important}
#waitlist .cta-band>*:last-child{margin-bottom:0!important}
footer{padding-top:0!important;margin-top:0!important;background:#1B1B1B!important;background-image:none!important}
footer .fwrap{padding-top:clamp(24px,2.6vw,40px)!important;margin-top:0!important}
footer .fgrid,footer .ftop{margin-top:0!important}
main#main>*:last-child:not(#waitlist){padding-bottom:0!important;margin-bottom:0!important}


/* the footer sits on the page column, centred */
footer .fwrap{max-width:1360px!important;margin-left:auto!important;margin-right:auto!important;padding-left:var(--gut)!important;padding-right:var(--gut)!important;box-sizing:border-box}
footer .fgrid{max-width:none!important;margin-left:0!important;margin-right:0!important}


/* whatever precedes Get started ends flush: the band's own padding sets the air, identical on every page */
main#main>*:has(+ #waitlist){margin-bottom:0!important}

#standards .st-card,.st-card,#standards .st-card:hover{border-top:0!important;padding-top:0!important}
.exrail .expan,.expan{border-radius:14px!important}
.expan .ex-prog{display:none!important}

#standards .sectable{border-top:1px solid rgba(16,26,44,.14);margin-top:clamp(34px,4vw,58px)}
#standards .secr{display:grid;grid-template-columns:minmax(180px,.22fr) minmax(220px,.34fr) minmax(0,.44fr);gap:clamp(20px,3vw,56px);align-items:center;padding:clamp(28px,3.1vw,46px) 0;border-bottom:1px solid rgba(16,26,44,.14)}
#standards .secr-l{display:flex;align-items:center;gap:14px;font-family:var(--f-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:rgba(16,26,44,.6)}
#standards .secr-ic{display:block;width:clamp(38px,3vw,48px);height:clamp(38px,3vw,48px);flex:0 0 auto}
#standards .secr-ic .st-ico,#standards .secr-ic .sbadge{display:block;width:100%;height:100%;margin:0}
#standards .secr-ic svg{width:100%;height:100%;display:block}
#standards .secr-t{font-family:var(--f-display);font-weight:500;font-size:clamp(19px,1.65vw,27px);letter-spacing:-.015em;line-height:1.14;color:#101A2C}
#standards .secr-d{font-family:var(--f-ui);font-size:clamp(14px,1.05vw,16.5px);line-height:1.6;color:rgba(16,26,44,.72);text-wrap:pretty}
@media(max-width:900px){#standards .secr{grid-template-columns:1fr;gap:10px;padding:24px 0}}


.ndpanel .ndcol.two,.ndpanel .ndcol{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:660px!important;gap:4px 28px!important}
.ndd:has(>.ndl[href*="Industries"]) .ndpanel .ndcol{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:960px!important;gap:4px 24px!important}
.ndd:has(>.ndl[href*="Industries"]) .ndwrap{grid-template-columns:1fr 320px!important}


@media(min-width:1025px){
body footer .fwrap{max-width:min(2200px,calc(100vw - 2 * clamp(28px,4vw,120px)))!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}
body footer .ftop{max-width:none!important}
body footer .fgrid{grid-template-columns:minmax(260px,1.1fr) minmax(0,3fr)!important;gap:clamp(40px,6vw,140px)!important}
}


#standards .sectable{border-top:1px solid rgba(16,26,44,.14);margin-top:clamp(34px,4vw,58px)}
#standards .secr{display:block;padding:0;border-bottom:1px solid rgba(16,26,44,.14)}
#standards .secr-head{display:grid;grid-template-areas:"l t p";grid-template-columns:minmax(190px,30%) minmax(0,1fr) auto;gap:clamp(20px,3vw,56px);align-items:center;width:100%;padding:clamp(24px,2.7vw,38px) 0;background:none;border:0;text-align:left;font:inherit;color:inherit;cursor:pointer}
#standards .secr-l{grid-area:l;display:flex;align-items:center;gap:16px}
#standards .secr-lx{font-family:var(--f-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:rgba(16,26,44,.62)}
#standards .secr-ic{display:block;width:clamp(58px,4.8vw,76px);height:clamp(58px,4.8vw,76px);flex:0 0 auto}
#standards .secr-ic .st-ico,#standards .secr-ic .sbadge{display:block;width:100%;height:100%;margin:0}
#standards .secr-ic svg{width:100%;height:100%;display:block}
#standards .secr-t{grid-area:t;font-family:var(--f-display);font-weight:500;font-size:clamp(19px,1.65vw,27px);letter-spacing:-.015em;line-height:1.14;color:#101A2C;transition:color .25s}
#standards .secr-plus{grid-area:p;position:relative;width:26px;height:26px;color:rgba(16,26,44,.55);flex:0 0 auto;transition:transform .35s cubic-bezier(.3,.8,.2,1),color .25s}
#standards .secr-plus::before,#standards .secr-plus::after{content:"";position:absolute;left:50%;top:50%;width:15px;height:1.5px;background:currentColor;transform:translate(-50%,-50%)}
#standards .secr-plus::after{transform:translate(-50%,-50%) rotate(90deg)}
#standards .secr-head:hover .secr-plus{color:#101A2C}
#standards .secr.open .secr-plus{transform:rotate(45deg);color:#101A2C}
#standards .secr-body{display:grid;grid-template-columns:minmax(190px,30%) minmax(0,1fr) auto;gap:clamp(20px,3vw,56px);max-height:0;overflow:hidden;opacity:0;transition:max-height .5s cubic-bezier(.3,.8,.2,1),opacity .35s,padding .5s}
#standards .secr-body>p{grid-column:2;margin:0}
#standards .secr.open .secr-body{max-height:260px;opacity:1;padding-bottom:clamp(24px,2.6vw,36px)}
#standards .secr-d{font-family:var(--f-ui);font-size:clamp(14px,1.05vw,16.5px);line-height:1.6;color:rgba(16,26,44,.72);text-wrap:pretty;max-width:62ch}
@media(max-width:900px){
  #standards .secr-head{grid-template-areas:"l p" "t t";grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:22px 0}
  #standards .secr-body{grid-template-columns:minmax(0,1fr)}
  #standards .secr-body>p{grid-column:1}
  #standards .secr.open .secr-body{max-height:340px}
}


/* the ink band, the CTA and the footer read as one field of #1B1B1B */
.secx .sx-sec.tint[data-screen-label="Human in the loop"]{background:#1B1B1B!important;padding-bottom:0!important;margin-bottom:0!important}
section[data-screen-label="Human in the loop"]+*{margin-top:0!important}
#waitlist{background:#1B1B1B!important;margin-top:0!important;margin-bottom:0!important;padding-top:clamp(72px,8vw,120px)!important}
/* the reveal transform would leave a light strip between the two ink blocks */
#waitlist.reveal{opacity:1!important;transform:none!important}
#waitlist .cta-band{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
#waitlist .cta-band::after{display:none!important}
body footer{background:#1B1B1B!important;margin-top:0!important;border-radius:0!important}


/* hero keeps its colour and gradients; the diagonal light streaks are off,
   replaced by one soft, directionless glow so the ground still has depth */
.pghero.skyhero{
  background:
    radial-gradient(52% 62% at 20% 10%,rgba(214,228,242,.22),transparent 68%),
    radial-gradient(70% 56% at 78% 6%,rgba(206,222,238,.12),transparent 70%),
    radial-gradient(90% 60% at 50% 104%,rgba(160,180,204,.14),transparent 72%),
    linear-gradient(168deg,#1B2734 0%,#16212D 30%,#121B26 56%,#0D141D 80%,#0A1017 100%)!important;
}
.pghero.skyhero .skymist i{display:none!important}
.pghero.skyhero::after{opacity:.1!important}


/* long, banding-free fade from the dark hero into the page canvas */
.pghero.skyhero{padding-bottom:clamp(150px,16vw,230px)!important}
.pghero.skyhero::before{
  display:block!important;content:"";position:absolute;left:-1px;right:-1px;bottom:-1px;
  height:clamp(200px,26vw,360px);z-index:3;pointer-events:none;
  background:linear-gradient(to bottom,
    rgba(247,245,242,0) 0%,
    rgba(247,245,242,.015) 10%,
    rgba(247,245,242,.05) 20%,
    rgba(247,245,242,.105) 30%,
    rgba(247,245,242,.18) 39%,
    rgba(247,245,242,.27) 47%,
    rgba(247,245,242,.375) 55%,
    rgba(247,245,242,.49) 63%,
    rgba(247,245,242,.61) 71%,
    rgba(247,245,242,.725) 78%,
    rgba(247,245,242,.83) 85%,
    rgba(247,245,242,.915) 91%,
    rgba(247,245,242,.97) 96%,
    rgba(247,245,242,1) 100%)}
.pghero.skyhero>.wrap{position:relative;z-index:4}
.pghero.skyhero::after{z-index:2!important}


/* deployment + guardrails: editorial rows on ink, host marks kept */
.dpr{display:flex;flex-direction:column;border-top:1px solid rgba(247,245,242,.13);margin-left:clamp(0px,3vw,64px)}
.dpr-row{display:grid;grid-template-columns:minmax(96px,124px) minmax(0,1fr) minmax(0,1.15fr) 104px;
  align-items:start;gap:clamp(16px,2.2vw,36px);padding:clamp(24px,2.8vw,38px) 0;border-bottom:1px solid rgba(247,245,242,.13)}
.dpr-k{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(247,245,242,.45);padding-top:.45em}
main .dpr-t{font-family:var(--f-display)!important;font-weight:400!important;font-size:clamp(18px,1.55vw,24px)!important;letter-spacing:-.015em;line-height:1.3!important;color:#F7F5F2!important;align-self:start}
main .dpr-d{font-family:var(--f-ui)!important;font-size:14.5px!important;line-height:1.55!important;color:rgba(247,245,242,.56)!important;max-width:40ch;padding-top:.28em}
.dpr-lg{display:flex;align-items:center;gap:8px;justify-content:flex-end;padding-top:.15em}
.dpr-lg img{width:26px;height:26px;object-fit:contain;opacity:.92}
.dpr-lg em{font-style:normal;font-family:var(--f-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(247,245,242,.58);border:1px solid rgba(247,245,242,.2);border-radius:999px;padding:6px 11px;white-space:nowrap}
@media(max-width:900px){
  .dpr{margin-left:0}
  .dpr-row{grid-template-columns:minmax(0,1fr) auto;row-gap:8px}
  .dpr-k{grid-column:1/-1;padding-top:0}
  .dpr-d{grid-column:1/-1;max-width:none}
}


/* more air between headline and its description */
.secx .sx-head .sx-h{margin-bottom:0!important}
.secx .sx-head .sx-sub{margin-top:clamp(18px,1.8vw,26px)!important}
.secx .sx-head .kicker{margin-bottom:clamp(14px,1.4vw,20px)!important}
.sechome .secgl-sub{margin-top:clamp(18px,1.8vw,26px)!important}


/* the whole page is one ink field; the hero fades into it */
html,body,main#main,.secx{background:#0B0B0C!important}
.secx .sx-sec,.secx .sx-sec.tint,#deployment,#standards,#waitlist,footer{background:#0B0B0C!important;background-image:none!important;box-shadow:none!important;border:0!important}
.secx .sx-h{color:#F7F5F2!important;font-weight:400!important}
.secx .sx-sub{color:rgba(247,245,242,.62)!important}
.secx .kicker{color:rgba(247,245,242,.5)!important}
.pghero.skyhero::before{
  display:block!important;content:"";position:absolute;left:-1px;right:-1px;bottom:-1px;
  height:clamp(200px,26vw,360px);z-index:3;pointer-events:none;
  background:linear-gradient(to bottom,rgba(11,11,12,0) 0%,rgba(11,11,12,.02) 12%,rgba(11,11,12,.07) 24%,rgba(11,11,12,.15) 36%,rgba(11,11,12,.26) 47%,rgba(11,11,12,.4) 58%,rgba(11,11,12,.55) 68%,rgba(11,11,12,.7) 77%,rgba(11,11,12,.84) 86%,rgba(11,11,12,.94) 93%,rgba(11,11,12,1) 100%)!important}

/* deployment + guardrails: one centred column, head above the rows */
@media(min-width:1081px){
  #deployment>.wrap,.sx-sec[data-screen-label="Guardrails"]>.wrap,.sx-sec[data-screen-label="Human in the loop"]>.wrap{display:block}
  #standards .sx-head .sx-h,#deployment .sx-head .sx-h,.sx-sec[data-screen-label="Guardrails"] .sx-head .sx-h,.sx-sec[data-screen-label="Human in the loop"] .sx-head .sx-h{max-width:none!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important}
  #standards .sx-head{text-align:center!important}
  #standards .sx-head .sx-sub{margin-left:auto!important;margin-right:auto!important}
  #deployment .sx-head,.sx-sec[data-screen-label="Guardrails"] .sx-head,.sx-sec[data-screen-label="Human in the loop"] .sx-head{
    margin:0 auto clamp(48px,5.2vw,80px)!important;text-align:center;max-width:none}
  #deployment .sx-head .sx-sub,.sx-sec[data-screen-label="Guardrails"] .sx-head .sx-sub,.sx-sec[data-screen-label="Human in the loop"] .sx-head .sx-sub{margin-left:auto!important;margin-right:auto!important}
  #deployment .dpr,.sx-sec[data-screen-label="Guardrails"] .dpr,.sx-sec[data-screen-label="Human in the loop"] .dpr{margin:0 auto;max-width:1180px}
}


/* Standards: PE foundation tiles, left hairline and sheen, on ink */
.secx .sx-sec.sx-ink{background:#0B0B0C!important;padding:clamp(80px,8.6vw,132px) 0!important}
.sx-ink .sx-h{color:#F7F5F2!important;font-weight:400!important}
.sx-ink .sx-sub{color:rgba(247,245,242,.62)!important;max-width:46ch!important}
.sx-ink .kicker{color:rgba(247,245,242,.5)!important}
.sx-ink .sx-head{margin-bottom:clamp(48px,5.4vw,84px)!important}
.secgl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(32px,3.6vw,56px) clamp(24px,2.6vw,40px)}
.secgl-c{position:relative;display:flex;flex-direction:column;
  padding:clamp(24px,2.4vw,36px) 0 clamp(20px,2vw,30px) clamp(24px,2.4vw,36px);
  min-height:clamp(240px,22vw,300px);background:none;border:0;border-radius:0}
.secgl-c::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;
  background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,.08))}
.secgl-c::after{content:"";position:absolute;left:1px;top:0;bottom:0;width:120px;
  background:linear-gradient(90deg,rgba(255,255,255,.035),transparent);pointer-events:none}
.secgl-c svg{width:28px;height:28px;color:#F7F5F2;flex:0 0 auto}
.secgl-c h3{font-family:var(--f-display)!important;font-weight:400!important;font-size:clamp(19px,1.5vw,23px)!important;letter-spacing:-.015em;line-height:1.2;color:#F7F5F2!important;margin:auto 0 clamp(14px,1.4vw,20px)!important}
main .secgl-c p{font-family:var(--f-ui)!important;font-size:15px!important;line-height:1.55!important;color:rgba(247,245,242,.6)!important;margin:0!important;max-width:36ch}
@media(max-width:1024px){.secgl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.secgl{grid-template-columns:1fr;gap:28px}.secgl-c{min-height:0}.secgl-c h3{margin-top:36px!important}}


.secx .sx-sec[data-screen-label="Human in the loop"],
.secx .sx-sec[data-screen-label="Human in the loop"].tint{background:#0B0B0C!important;background-image:none!important;box-shadow:none!important;border:0!important}