:root{--blue:#0655FF;--blue-2:#0443CC;--ink:#0A0A0B;--ink-2:#151518;--ink-3:#26262B;--paper:#FFFFFF;--bone:#FAFAF8;--line:rgba(10,10,11,.14);--line-d:rgba(244,239,230,.16);--sub:rgba(10,10,11,.62);--sub-d:rgba(244,239,230,.72);--rust:#C2410C;--signal:#B5FF3C;--vpad:clamp(32px,4vw,55px);--mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;--sans:'IBM Plex Sans',system-ui,sans-serif;--serif:'IBM Plex Serif',Georgia,serif;--ease:cubic-bezier(.2,.7,.2,1)}
*{margin:0;padding:0;box-sizing:border-box}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{font-family:var(--sans);font-weight:400;font-size:17px;line-height:1.65;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;overflow-x:clip; padding-bottom:10px}
img{max-width:100%;display:block}
a{color:var(--blue);text-decoration:none;text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--blue-2);text-decoration-thickness:2px}
.prose a,.qa a,.tbl td a,.faq details>p a,.prose-line a,.res-list a,.byline .rev a,.aside-card a,.steps a,.integrity a{position:relative}
.prose a::after,.qa a::after,.tbl td a::after,.faq details>p a::after,.prose-line a::after,.res-list a::after,.byline .rev a::after,.aside-card a::after,.steps a::after,.integrity a::after{content:"";position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}
h1,h2,h3{font-family:var(--sans);font-weight:600;text-wrap:pretty}
h1{font-size:clamp(36px,5.1vw,70px);line-height:1.02;letter-spacing:-.035em}
h2{font-size:clamp(27px,3.4vw,44px);line-height:1.07;letter-spacing:-.03em}
h1 em,h2 em{font-style:normal;font-weight:400;color:rgba(10,10,11,.5)}
.band h2 em,.blue-band em{color:rgba(244,239,230,.62)}
h3{font-size:17.5px;line-height:1.35;letter-spacing:-.01em}
strong,b{font-weight:600}
.wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
    display: none;
}
.wrap{max-width:1320px;margin:0 auto;padding:0 clamp(20px,4vw,32px)}
.sec,.ctasec{padding-block:var(--vpad);overflow-x:clip}
main{overflow-x:clip}
.dhint,.dhint-s{display:none}
.micro{font-family:var(--mono);font-weight:400;font-size:12px;line-height:1.5;letter-spacing:.13em;text-transform:uppercase;color:var(--sub)}
.band .micro,.blue-band .micro{color:rgba(244,239,230,.68)}
.micro .sq{display:inline-block;width:7px;height:7px;background:var(--blue);margin-right:9px;vertical-align:1px}
.lede{font-size:clamp(18px,2vw,21px);line-height:1.5;color:rgba(10,10,11,.74);max-width:820px;text-wrap:pretty}
.prose p{max-width:64ch;margin-bottom:16px;text-wrap:pretty}
.prose p:last-child{margin-bottom:0}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,52px);align-items:start}
@media(max-width:860px){.split{grid-template-columns:1fr}}
@media(max-width:1100px){.split-wide{grid-template-columns:1fr}}
.sec-head{margin-bottom:clamp(24px,3.2vw,38px)}
.sec-head .micro{margin-bottom:14px}
.band{background:var(--ink);color:#F4EFE6;position:relative;overflow:hidden}
.sec.band{padding-block:calc(var(--vpad) * 1.6)}
.band h2,.band h3{color:#fff}
.band .prose p,.band p{color:rgba(244,239,230,.86)}
.band a{color:#fff;text-decoration-color:rgba(255,255,255,.5)}
.band a:hover{color:var(--signal)}
.grid-tx{position:absolute;inset:0;background-image:linear-gradient(rgba(244,239,230,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(244,239,230,.055) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(180deg,#000,transparent 78%);-webkit-mask-image:linear-gradient(180deg,#000,transparent 78%);pointer-events:none}
/* breadcrumb */
.crumb{padding-top:14px}
.crumb ol{display:flex;flex-wrap:wrap;gap:2px 14px;list-style:none;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--sub)}
.crumb li{display:flex;align-items:center;gap:14px}
.crumb li+li::before{content:"/";color:rgba(10,10,11,.3)}
.crumb a,.crumb span{display:inline-flex;align-items:center;min-height:44px;padding:2px 0;color:var(--sub);text-decoration:none}
.crumb a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
/* HERO · full-bleed photograph, content over it */
.hero{position:relative;background:var(--ink);color:#fff;isolation:isolate;overflow:hidden;min-height:min(56.25vw,88vh)}
.hero-fig{position:absolute;inset:0;margin:0;mask-image:linear-gradient(180deg,rgba(0,0,0,.3) 0%,#000 28%,#000 74%,rgba(0,0,0,.18) 100%),linear-gradient(90deg,rgba(0,0,0,.28) 0%,rgba(0,0,0,.7) 34%,#000 62%,#000 90%,rgba(0,0,0,.4) 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.3) 0%,#000 28%,#000 74%,rgba(0,0,0,.18) 100%),linear-gradient(90deg,rgba(0,0,0,.28) 0%,rgba(0,0,0,.7) 34%,#000 62%,#000 90%,rgba(0,0,0,.4) 100%);-webkit-mask-composite:source-in}
.hero-fig .ul,.hero-fig img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:36% 52%;transform:scaleX(-1)}
.hero-fig img{z-index:1}
.hero-scrim{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(10,10,11,.62) 0%,rgba(10,10,11,.6) 42%,rgba(10,10,11,.6) 68%,rgba(10,10,11,.56) 86%,rgba(10,10,11,.54) 100%);mask-image:linear-gradient(90deg,#000 0 62%,rgba(0,0,0,.52) 80%,rgba(0,0,0,.1) 94%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 0 62%,rgba(0,0,0,.52) 80%,rgba(0,0,0,.1) 94%,transparent 100%)}
.hero-fig figcaption{position:absolute;z-index:4;right:clamp(20px,4vw,32px);bottom:18px;max-width:34ch;margin:0;padding:9px 13px;border-radius:8px;background:rgba(10,10,11,.66);font-family:var(--mono);font-size:12px;line-height:1.5;color:#fff;text-align:right}
.hero-inner{position:relative;z-index:3;padding-top:clamp(34px,4.4vw,58px);padding-bottom:clamp(92px,7vw,88px);display:grid;align-content:center;min-height:inherit}
.hero-copy{max-width:min(60%,760px)}
.hero-index{margin-bottom:16px;color:#fff}
.hero-index .sq{background:var(--signal)}
.hero-copy h1{color:#fff}
.hero-copy h1 em{color:#fff;font-weight:400}
.capsule{margin-top:20px;border-left:2px solid var(--signal);padding-left:20px;display:grid;gap:10px}
.capsule p{font-size:clamp(16.5px,1.55vw,19px);line-height:1.6;color:#fff;max-width:58ch}
.stats{margin-top:clamp(20px,2.4vw,26px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 22px;border-top:1px solid rgba(255,255,255,.28);padding-top:16px}
.stat .n{font-size:clamp(21px,2.2vw,29px);font-weight:600;letter-spacing:-.03em;line-height:1.1;color:#fff}
.stat .n span{font-size:.6em;font-weight:400}
.stat .d{margin-top:5px;font-family:var(--mono);font-size:12.5px;line-height:1.5;letter-spacing:.02em;color:rgba(255,255,255,.92)}
.hero-cta{margin-top:clamp(20px,2.4vw,26px);display:flex;flex-wrap:wrap;gap:12px}
.byline{margin-top:clamp(20px,2.4vw,26px);border-top:1px solid rgba(255,255,255,.28);padding-top:16px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 16px;align-items:center;max-width:60ch}
.byline .shot{grid-column:1;grid-row:1 / span 2;width:56px;height:56px;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.45);background:var(--ink-2)}
.byline .shot img{width:100%;height:100%;object-fit:cover;object-position:center 18%}
.byline .who{grid-column:2;grid-row:1}
.byline .rev{grid-column:2;grid-row:2}
.byline .dates{grid-column:1 / -1;grid-row:3;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.16)}
@media(max-width:600px){.byline{grid-template-columns:1fr;gap:8px}.byline .shot,.byline .who,.byline .rev,.byline .dates{grid-column:1;grid-row:auto}}
.byline .who{font-size:16.5px;font-weight:600;color:#fff;letter-spacing:-.01em}
.byline .rev{font-size:14.5px;line-height:1.45;color:rgba(255,255,255,.86)}
.byline .rev a{color:#fff;text-decoration-color:rgba(255,255,255,.6)}
.byline .rev a:hover{color:var(--signal)}
.byline .dates{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.86)}
.dotsep{opacity:.55;padding:0 2px}
@media(max-width:860px){
  .hero{min-height:0}
  .hero-copy{max-width:100%}
  .hero-fig .ul,.hero-fig img{object-position:33% 56%}
  .hero-scrim{background:linear-gradient(180deg,rgba(10,10,11,.56) 0%,rgba(10,10,11,.55) 44%,rgba(10,10,11,.55) 70%,rgba(10,10,11,.5) 88%,rgba(10,10,11,.48) 100%);mask-image:none;-webkit-mask-image:none}
  .hero-scrim{background:linear-gradient(180deg,rgba(10,10,11,.88),rgba(10,10,11,.9) 60%,rgba(10,10,11,.94)),linear-gradient(0deg,rgba(10,10,11,.34),rgba(10,10,11,0) 60%)}
  .hero-fig figcaption{left:clamp(20px,4vw,32px);right:clamp(20px,4vw,32px);text-align:left;max-width:none}
  .stats{grid-template-columns:1fr;gap:12px}
}
/* buttons */
.btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:13px 22px;border-radius:999px;font-family:var(--sans);font-weight:600;font-size:15.5px;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background .18s var(--ease),color .18s var(--ease),border-color .18s var(--ease)}
.btn .arr{transition:transform .18s var(--ease)}
.btn:hover .arr{transform:translateX(4px)}
.btn-primary{background:var(--blue);color:#fff}
.btn-primary:hover{background:var(--blue-2);color:#fff}
.btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.btn-ghost:hover{background:rgba(255,255,255,.1);color:#fff;border-color:#fff}
.btn-onblue{background:#fff;color:var(--ink)}
.btn-onblue:hover{background:var(--bone);color:var(--ink)}
.btn-ghost-d{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.btn-ghost-d:hover{background:rgba(255,255,255,.12);color:#fff}
/* section index */
.index-panel{border:1px solid var(--line);border-radius:14px;padding:clamp(20px,3vw,30px);background:var(--bone)}
.index-panel ol{margin-top:16px;list-style:none;columns:2;column-gap:40px}
@media(max-width:720px){.index-panel ol{columns:1}}
.index-panel li{break-inside:avoid}
.index-panel a{display:flex;gap:14px;align-items:center;min-height:44px;padding:4px 0;font-size:15.5px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}
.index-panel a:hover{color:var(--blue)}
.index-panel .no{font-family:var(--mono);font-size:12px;color:var(--sub);min-width:26px}
/* quick answers + fact strip */
.qa-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,34px)}
@media(max-width:820px){.qa-grid{grid-template-columns:1fr}}
.qa h3{margin-bottom:9px}
.qa p{font-size:16px;color:rgba(10,10,11,.78);max-width:56ch}
.facts{margin-top:clamp(30px,4vw,44px);position:relative;overflow:hidden;background:var(--ink);color:#F4EFE6;border-radius:14px;padding:clamp(22px,3vw,30px)}
.facts dl{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.facts .row{padding:16px 20px;border-top:1px solid var(--line-d);border-right:1px solid var(--line-d)}
.facts .row:nth-child(4n),.facts .row:last-child{border-right:0}
.facts .row:last-child{grid-column:span 2}
@media(max-width:980px){.facts dl{grid-template-columns:repeat(2,minmax(0,1fr))}.facts .row:nth-child(4n){border-right:1px solid var(--line-d)}.facts .row:nth-child(2n){border-right:0}}
@media(max-width:560px){.facts dl{grid-template-columns:1fr}.facts .row{border-right:0}.facts .row:last-child{grid-column:auto}}
.facts dt{font-family:var(--mono);font-size:12px;letter-spacing:.11em;text-transform:uppercase;color:rgba(244,239,230,.62)}
.facts dd{margin-top:6px;font-size:16px;color:#fff}
/* tables */
.tbl-hint{display:none;margin-bottom:10px}
@media(max-width:760px){.tbl-hint{display:block}}
.tbl-wrap{position:relative;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:14px;background:#fff}
.band .tbl-wrap{border-color:var(--line-d);background:var(--ink-2)}
.tbl{width:100%;min-width:640px;border-collapse:collapse;font-size:15px}
.tbl th,.tbl td{text-align:left;padding:15px 18px;border-bottom:1px solid var(--line);vertical-align:top}
.band .tbl th,.band .tbl td{border-color:var(--line-d)}
.tbl th{font-family:var(--mono);font-weight:500;font-size:12px;line-height:1.45;letter-spacing:.11em;text-transform:uppercase;color:var(--sub);background:var(--bone)}
.band .tbl th{color:rgba(244,239,230,.7);background:rgba(255,255,255,.04)}
.tbl td{color:rgba(10,10,11,.8)}
.band .tbl td{color:rgba(244,239,230,.86)}
.tbl tr:last-child td{border-bottom:0}
.tbl tr.hl td{background:rgba(6,85,255,.05);color:var(--ink);font-weight:600}
.band .tbl tr.hl td{background:rgba(6,85,255,.16);color:#fff}
/* steps */
.steps{list-style:none;counter-reset:s;display:grid;gap:2px}
.steps li{counter-increment:s;position:relative;padding:16px 0 16px 52px;border-bottom:1px solid var(--line);font-size:16px;color:rgba(10,10,11,.82)}
.steps li::before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:14px;width:32px;height:32px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-family:var(--mono);font-size:12px;color:var(--sub);transition:background .4s var(--ease),color .4s var(--ease),border-color .4s var(--ease)}
.steps li.lit::before{background:var(--blue);border-color:var(--blue);color:#fff}
/* failure + fix lists */
.fail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:820px){.fail-grid{grid-template-columns:1fr}}
.fail{counter-increment:f;position:relative;background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px 26px}
.fail-grid{counter-reset:f}
.fail h3{padding-right:44px;margin-bottom:9px}
.fail::after{content:counter(f,decimal-leading-zero);position:absolute;top:22px;right:24px;font-family:var(--mono);font-size:12px;color:var(--rust)}
.fail p{font-size:15.5px;color:rgba(10,10,11,.76)}
.fix-list{display:grid;gap:2px}
.fix{border-bottom:1px solid var(--line);padding:18px 0}
.fix h3{color:var(--blue);margin-bottom:6px}
.fix p{font-size:15.5px;color:rgba(10,10,11,.78)}
.res-list{list-style:none;display:grid;gap:2px}
.res-list li {
    padding: 18px 0;
    border-bottom: 1px solid var(--line);
    font-size: 16.5px;
    line-height: 1.5;
    border-left: none;
    border-right: none;
    border-top: 0;
}.ba{display:grid;gap:0}
.ba .hd{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1.15fr);gap:14px;padding-bottom:10px;border-bottom:1px solid var(--line-d)}
.ba .hd span{font-family:var(--mono);font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:rgba(244,239,230,.6)}
.ba .hd span:nth-child(2){grid-column:3}
.ba .r{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1.15fr);gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line-d)}
.ba .r:last-child{border-bottom:0}
.ba .k{font-family:var(--mono);font-size:12px;letter-spacing:.11em;text-transform:uppercase;color:rgba(244,239,230,.6);grid-column:1 / -1;margin-bottom:-8px}
.ba .was{font-size:17px;color:rgba(244,239,230,.55)}
.ba .to{font-family:var(--mono);font-size:15px;color:rgba(244,239,230,.4);text-align:center}
.ba .now{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.ba .now i{width:7px;height:7px;background:var(--blue);flex:none;align-self:center}
.ba .now.sig i{background:var(--signal)}
.ba .now b{font-weight:600;font-size:clamp(20px,2.2vw,26px);letter-spacing:-.02em;color:#fff}
.ba .now span{font-size:15px;color:rgba(244,239,230,.72)}
@media(max-width:620px){
  .ba .hd{display:none}
  .ba .r{grid-template-columns:1fr;gap:6px;align-items:start}
  .ba .to{text-align:left;transform:rotate(90deg);transform-origin:left center;width:0}
  .ba .k{margin-bottom:0}
}
.meaning{margin-top:clamp(26px,3.5vw,36px)}
.integrity{margin-top:22px;border-left:2px solid var(--rust);padding:14px 0 14px 20px;font-family:var(--mono);font-size:12.5px;line-height:1.65;color:var(--sub);max-width:70ch}
.aside-fact{margin-top:clamp(32px,4vw,44px);display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:baseline;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;font-size:15.5px;color:var(--sub)}
@media(max-width:600px){.aside-fact{grid-template-columns:1fr;gap:8px}}
/* pull quote · the one serif italic use */
.pull{margin:clamp(34px,4.5vw,52px) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:clamp(24px,3.5vw,38px) 0}
.pull p{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--blue);font-size:clamp(21px,2.7vw,33px);line-height:1.28;letter-spacing:-.015em;max-width:26ch;text-wrap:balance}
.band .pull{border-color:var(--line-d)}
/* figures */
.diagram{margin-top:clamp(30px,4vw,44px);background:var(--bone);border:1px solid var(--line);border-radius:14px;padding:clamp(18px,2.6vw,26px)}
.band .diagram{background:var(--ink-2);border-color:var(--line-d)}
.diagram svg{width:100%;height:auto;display:block}
.diagram.sch{padding:clamp(14px,2vw,22px)}
.diagram.sch svg{min-width:400px}
.diagram.sch .dscroll{margin:0 calc(-1 * clamp(14px,2vw,22px));padding:0 clamp(14px,2vw,22px)}
.dscroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(10,10,11,.28) transparent}
.dscroll::-webkit-scrollbar{height:6px}
.dscroll::-webkit-scrollbar-track{background:transparent}
.dscroll::-webkit-scrollbar-thumb{background:rgba(10,10,11,.26);border-radius:3px}
.band .dscroll{scrollbar-color:rgba(244,239,230,.3) transparent}
.band .dscroll::-webkit-scrollbar-thumb{background:rgba(244,239,230,.28)}
.diagram figcaption,.photo-fig figcaption{margin-top:14px;font-family:var(--mono);font-size:12px;line-height:1.55;color:var(--sub);border-top:1px solid var(--line);padding-top:12px}
.band .diagram figcaption{color:rgba(244,239,230,.7);border-color:var(--line-d)}
.photo-fig{margin:0}
.photo-fig.sm{max-width:560px}
.aside-card{display:flex;flex-direction:column;justify-content:center;gap:12px;background:var(--bone);border:1px solid var(--line);border-radius:14px;padding:clamp(22px,3vw,30px)}
.aside-card p{font-size:16.5px;line-height:1.5;color:rgba(10,10,11,.82);max-width:36ch}
.photo-fig .shot{position:relative;border-radius:14px;overflow:hidden;background:var(--ink)}
.photo-fig .shot .ul,.photo-fig .shot img{display:block;width:100%;height:auto}
.photo-fig .shot img{position:absolute;inset:0;height:100%;object-fit:cover}
/* CTA bands */
.band-title{font-family:var(--sans);font-weight:600;font-size:clamp(24px,3.2vw,38px);line-height:1.1;letter-spacing:-.03em;color:#fff}
.band-title em{font-style:normal;font-weight:400;color:rgba(255,255,255,.66)}
.cta-slim{margin-top:clamp(30px,4vw,44px);position:relative;overflow:hidden;border-radius:14px;background:linear-gradient(115deg,#0858FF 0%,#0A48E0 55%,#0334B8 100%);padding:clamp(22px,3vw,30px) clamp(24px,3.4vw,38px);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center}
.cta-slim p{position:relative;font-size:clamp(17px,2vw,21px);font-weight:600;letter-spacing:-.02em;color:#fff;max-width:34ch}
.cta-slim .btn{position:relative}
.blue-band{position:relative;overflow:hidden;background:linear-gradient(115deg,#0858FF 0%,#0A48E0 55%,#0334B8 100%);color:#fff;border-radius:22px}
.blue-band .grid-w,.cta-slim .grid-w{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(120% 90% at 30% 0%,#000 30%,transparent 78%);-webkit-mask-image:radial-gradient(120% 90% at 30% 0%,#000 30%,transparent 78%);pointer-events:none}
.blue-band .dot-a,.blue-band .dot-b,.cta-slim .dot-a,.cta-slim .dot-b{position:absolute;width:6px;height:6px;border-radius:50%}
.blue-band .dot-a,.cta-slim .dot-a{background:#fff;top:18%;right:12%}
.blue-band .dot-b,.cta-slim .dot-b{background:var(--signal);bottom:22%;left:8%}
.cta-slim .dot-a{top:22%;right:6%}
.cta-slim .dot-b{bottom:26%;left:3.5%}
.cta-band-inner{position:relative;padding:clamp(34px,5vw,60px) clamp(24px,5vw,60px);display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:26px;align-items:center}
.cta-band-inner .trust {
    margin-top: 12px;
    font-size: 14.5px;
    color: rgba(255, 255, 255, .86);
    background: none;
    padding: 0;
}.cta-band-inner .actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:flex-end}
@media(max-width:860px){.cta-band-inner{grid-template-columns:1fr}.cta-band-inner .actions{justify-content:flex-start}}
/* lead capture */
.form-grid{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(26px,5vw,60px);padding:clamp(34px,5.5vw,66px) clamp(24px,5vw,60px)}
@media(max-width:860px){.form-grid{grid-template-columns:1fr}}
.form-grid .side p{color:rgba(255,255,255,.9);margin-top:16px;font-size:15.5px;max-width:400px}
.lead-form{display:grid;gap:16px}
.lead-form .fld{display:grid;gap:7px}
.lead-form label{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#fff}
.lead-form input,.lead-form textarea{width:100%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.34);border-radius:8px;padding:14px 16px;font:inherit;font-size:15.5px;color:#fff;min-height:48px}
.lead-form textarea{min-height:112px;resize:vertical}
.lead-form input::placeholder,.lead-form textarea::placeholder{color:rgba(255,255,255,.6)}
.lead-form input:focus,.lead-form textarea:focus{outline:2px solid #fff;outline-offset:2px;border-color:#fff}
.lead-form .fld.err input,.lead-form .fld.err textarea{border-color:#FFC4B2}
.lead-form .fld .msg{display:none;font-size:13.5px;color:#FFDACE}
.lead-form .fld.err .msg{display:block}
.form-foot{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.form-foot .note{font-size:13.5px;color:rgba(255,255,255,.88);max-width:340px}
.form-ok{display:none;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.44);border-radius:14px;padding:22px 24px;color:#fff;font-size:16px}
/* FAQ */
.faq{max-width:840px}
.faq details{border-bottom:1px solid var(--line);overflow:hidden}
.faq details:not([open])>p{display:none}
.faq summary{list-style:none;cursor:pointer;display:flex;gap:16px;align-items:center;padding:14px 4px;min-height:44px;font-family:var(--sans);font-weight:600;font-size:clamp(17px,2vw,20px);line-height:1.3}
.faq summary::-webkit-details-marker{display:none}
.faq summary .qno{font-family:var(--mono);font-weight:400;font-size:12px;color:var(--sub);min-width:28px}
.faq summary .tog{margin-left:auto;color:var(--blue);font-weight:400;font-size:22px;line-height:1;transition:transform .25s var(--ease)}
.faq details[open] .tog{transform:rotate(45deg)}
.faq details>p{padding:0 4px 22px 44px;color:rgba(10,10,11,.78);font-size:15.5px;max-width:70ch}
/* cards */
.svc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media(max-width:920px){.svc-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.svc-grid{grid-template-columns:1fr}}
.svc-card{display:block;background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;text-decoration:none;color:var(--ink);transition:border-color .18s var(--ease),transform .18s var(--ease)}
.svc-card:hover{border-color:var(--ink);transform:translateY(-2px)}
.svc-card h3{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-top:12px}
.svc-card h3 .arr{color:var(--blue);transition:transform .18s var(--ease)}
.svc-card:hover h3 .arr{transform:translateX(3px)}
.svc-card p{font-size:14.5px;color:var(--sub);margin-top:8px}
.prose-line{margin-top:26px;font-size:16px;max-width:768px}
.cite-card{margin-top:clamp(38px,5vw,58px);border:1px dashed rgba(10,10,11,.3);border-radius:14px;padding:20px 24px;font-family:var(--mono);font-size:12.5px;line-height:1.7;color:var(--sub);max-width:840px}
/* sticky CTA */
.sticky-cta{position:fixed;left:50%;bottom:20px;z-index:60;display:flex;align-items:center;gap:6px;background:var(--ink);color:#fff;border-radius:999px;padding:5px 5px 5px 18px;box-shadow:0 30px 60px -30px rgba(10,10,11,.5),0 2px 6px rgba(10,10,11,.2);transform:translate(-50%,96px);opacity:0;transition:transform .42s var(--ease),opacity .42s var(--ease);max-width:calc(100vw - 28px)}
.sticky-cta.on{transform:translate(-50%,0);opacity:1}
.sticky-cta .pulse{width:7px;height:7px;border-radius:50%;background:var(--signal);margin-right:8px;flex:none;animation:pulse 2s var(--ease) infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(181,255,60,.5)}50%{box-shadow:0 0 0 6px rgba(181,255,60,0)}}
@media(prefers-reduced-motion:reduce){.sticky-cta{transition:none}.sticky-cta .pulse{animation:none}}
.sticky-cta a{color:#fff;text-decoration:none;font-weight:600;font-size:15px;padding:11px 16px;min-height:44px;display:inline-flex;align-items:center;gap:8px;border-radius:999px;white-space:nowrap}
.sticky-cta a:hover{background:var(--ink-3);color:#fff}
.sticky-cta button{background:none;border:0;color:rgba(255,255,255,.66);font-size:18px;cursor:pointer;min-width:44px;min-height:44px;border-radius:999px}
.sticky-cta button:hover{color:#fff}
/* diagram step reveal · finished state is the default, hidden state is opt-in */
.anim .d-step{transition:opacity .55s var(--ease),transform .55s var(--ease)}
.js-motion .anim .d-step{opacity:0;transform:translateY(8px)}
.js-motion .anim .d-step.in{opacity:1;transform:none}



.form-row {
    display: grid;
    gap: 14px;
    margin-bottom: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}.form-row.single { grid-template-columns: 1fr; }
.field { display: flex; flex-direction: column; gap: 6px; }
.field label { font-family: "IBM Plex Mono", monospace; font-size: 10.5px; letter-spacing: 0.06em; text-transform: uppercase; color: #fff; }
.field input, .field select, .field textarea {
     width: 100%;
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .34);
    border-radius: 8px;
    padding: 14px 16px;
    font: inherit;
    font-size: 15.5px;
    color: #fff;
    min-height: 48px;
}

input::placeholder,
textarea::placeholder {
   color: #fff;
    opacity: .8;
}
.contact_form_case .btn-primary {
    background: #fff;
    color: var(--ink);
}
.field textarea { resize: vertical; min-height: 100px; }
.field input:focus, .field select:focus, .field textarea:focus { outline: none; border-color: var(--blue); }
.field select { appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23bababa' stroke-width='2'><polyline points='6 9 12 15 18 9'/></svg>"); background-repeat: no-repeat; background-position: right 14px center; padding-right: 36px; }
.req { color: var(--blue); }
.form-foot { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-top: 8px; flex-wrap: wrap; }
.form-fine { font-family: "IBM Plex Mono", monospace; font-size: 10.5px; color: var(--muted-dark); letter-spacing: 0.04em; }
