/* dt-bp v1 (09.11.2026): "blueprint / editorial" identity layer. Loaded last (middleware), CSS only + dt-bp.v1.js for tiny details.
   Flat navy, hairline technical lines, mono micro-labels, big section numerals, asymmetric structures. No gradients on surfaces, no glass. */
@font-face{font-family:"JB Mono";src:url(/fonts/JBMono.vf.woff2) format("woff2");font-weight:100 800;font-display:optional}
:root{--bp-mono:"JB Mono",ui-monospace,"Cascadia Mono","SF Mono",Consolas,monospace;--bp-line:rgba(143,176,255,.2);--bp-line2:rgba(143,176,255,.38);--bp-ink:#050c1f;--bp-navy:#0a1630;--bp-navy2:#0e1f45;--bp-or:#FF6E00;--bp-r:4px}
/* mono micro-labels */
.shc,.h4,.s26-k,.s26-unit,.hubkit i,.sub2h,.ftr2 h3,.stat-note,.s26-note,small,.gx-chip,.hh h1 .h1k,.cat-tag,.pc-cat,.post-meta,.crumbs,[class*="eyebrow"]{font-family:var(--bp-mono),Heebo,sans-serif;letter-spacing:.02em}
.shc,.h4,.s26-k,.hubkit i,.ftr2 h3{text-transform:uppercase;font-size:max(12px,.78rem);font-weight:600;font-style:normal}
/* shapes: engineered, small radii, no soft shadows */
.pill{border-radius:var(--bp-r)!important;background:var(--bp-or)!important;box-shadow:4px 4px 0 0 rgba(255,255,255,.22)!important;transition:transform .18s,box-shadow .18s;min-height:44px}
.pill:hover,.pill:focus-visible{transform:translate(2px,2px);box-shadow:2px 2px 0 0 rgba(255,255,255,.35)!important}
.pill:active{transform:translate(4px,4px);box-shadow:0 0 0 0 transparent!important}
.cd,.hubkit li a,.s26-calc,.stat,.art,.s26-node,.bb,.cb{border-radius:var(--bp-r)!important}
.cd{box-shadow:none!important;border:1px solid #c9d4ea}
.art{background:var(--bp-navy2)!important}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--bp-or);outline-offset:3px}
/* hairline blueprint paper behind everything dark */
header.hero,main section.sx.sx.b0,main section.sx.sx.b1,main section.sx.proof{background-color:var(--bp-ink)!important;background-image:linear-gradient(var(--bp-line) 1px,transparent 1px),linear-gradient(90deg,var(--bp-line) 1px,transparent 1px)!important;background-size:80px 80px;background-position:-1px -1px;border-top:1px solid var(--bp-line2)!important;border-bottom:0!important;box-shadow:none!important}
header.hero{background-image:linear-gradient(rgba(143,176,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(143,176,255,.08) 1px,transparent 1px)!important}
main section.sx.sx.b1{background-color:var(--bp-navy)!important}
main section.sx.sx.b1+section.sx.sx.b1,main section.sx.sx.b0+section.sx.sx.b0{border-top-color:var(--bp-or)!important}
main section.sx.proof{border-top:1px solid var(--bp-or)!important}
/* section numerals + edge label (counter, no JS) */
main:not([data-lean]){counter-reset:bps}
main:not([data-lean])>section.sx:not(.rel-sec){counter-increment:bps;position:relative;overflow:clip}
main:not([data-lean])>section.sx:not(.rel-sec)::before{content:counter(bps,decimal-leading-zero);display:block!important;position:absolute;inset:auto;top:clamp(8px,2vw,28px);left:clamp(12px,3vw,72px);right:auto;height:auto;width:auto;background:none!important;font:800 clamp(88px,13vw,340px)/.8 var(--bp-mono);color:rgba(143,176,255,.09);pointer-events:none;z-index:0;letter-spacing:-.05em;user-select:none;direction:ltr}
main:not([data-lean])>section.sx:not(.rel-sec)::after{content:"SEC / " counter(bps,decimal-leading-zero);display:block!important;position:absolute;inset:auto;top:14px;right:clamp(14px,3vw,48px);left:auto;font:600 12px/1 var(--bp-mono);letter-spacing:.14em;color:#8fb0ff;padding-top:12px;border-top:2px solid var(--bp-or);width:max-content;height:auto;pointer-events:none;z-index:1;direction:ltr;background:none}
main:not([data-lean])>section.sx>.wrap{position:relative;z-index:1}
/* headings: start-aligned, ruled */
.h2x,main:not([data-lean]) section.sx h2{text-align:start!important}
.h2x{position:relative;margin-inline:0!important;font-weight:800;letter-spacing:-.01em;width:100%;max-width:none!important;align-self:flex-start}
.s26-in h2{max-width:none}
.leadx,.s26-lead{max-width:42em;margin-inline:0!important;align-self:flex-start;text-align:start!important}
/* PROOF: asymmetric numerals, no cards */
@media (min-width:900px){
  .proof .stats{grid-template-columns:1.5fr 1fr!important;max-width:var(--dtw,1240px);align-items:start!important;gap:0!important;border-top:1px solid var(--bp-line2);margin-top:32px}
  .proof .stat{background:transparent!important;box-shadow:none!important;border:0!important;border-inline-start:1px solid var(--bp-line2)!important;border-radius:0!important;align-items:flex-start!important;text-align:start!important;padding:clamp(28px,3vw,56px) clamp(24px,3vw,64px)!important;position:relative}
  .proof .stat:first-child{border-inline-start:0!important}
  .proof .stat:nth-child(2){margin-top:clamp(48px,6vw,120px);border-top:1px solid var(--bp-or);padding-top:clamp(28px,3vw,56px)!important}
  .proof .stat b{font:800 clamp(96px,13vw,360px)/.85 var(--bp-mono)!important;letter-spacing:-.06em;color:var(--bp-or)!important;direction:ltr;margin-bottom:22px!important}
  .proof .stat:nth-child(2) b{color:#fff!important;font-size:clamp(72px,9vw,250px)!important}
  .proof .stat span{color:#fff!important;text-align:start;margin-inline:0!important;font-weight:500!important;max-width:18em!important}
}
@media (max-width:899px){.proof .stat{background:transparent!important;border:0!important;border-top:1px solid var(--bp-line2)!important;box-shadow:none!important;align-items:flex-start;text-align:start}.proof .stat b{font:800 clamp(72px,24vw,140px)/.9 var(--bp-mono);direction:ltr;color:var(--bp-or)}.proof .stat span{margin-inline:0;color:#fff;text-align:start}}
.proof .stat-note{text-align:start!important;margin-inline:0!important;border-top:1px dashed var(--bp-line2);padding-top:18px}
.proof [data-art]{justify-content:flex-start!important}
/* SERVICES: spec-sheet frame with corner ticks */
.shw{border:1px solid var(--bp-line2);padding:clamp(18px,3vw,56px);position:relative;background:rgba(5,12,31,.6)}
.shw::before,.shw::after{content:"";position:absolute;width:18px;height:18px;border:2px solid var(--bp-or);pointer-events:none}
.shw::before{inset-block-start:-2px;inset-inline-start:-2px;border-inline-end:0;border-block-end:0}
.shw::after{inset-block-end:-2px;inset-inline-end:-2px;border-inline-start:0;border-block-start:0}
.shh{border-bottom:1px dashed var(--bp-line2);padding-bottom:14px;margin-bottom:clamp(18px,2.4vw,40px)}
.shn button{border-radius:var(--bp-r)!important;min-width:44px;min-height:44px;font-family:var(--bp-mono)}
.shx h3{font-weight:800;letter-spacing:-.01em}
.hv{border:1px dashed var(--bp-line2);border-radius:var(--bp-r)!important;background:rgba(10,22,48,.7)!important}
.hv .nd{border-radius:var(--bp-r)!important}
/* STEPS: staircase timeline with drawn connector */
@media (min-width:900px){
  .s26-flow3{counter-reset:st;gap:0!important;align-items:start;position:relative}
  .s26-flow3 .s26-line{display:none}
  .s26-flow3 .s26-pulse{display:none}
  .s26-flow3 .s26-step{text-align:start!important;position:relative;padding-inline:0 clamp(20px,2.4vw,48px);padding-top:clamp(24px,3vw,56px);border-top:2px solid var(--bp-or);margin-top:0}
  .s26-flow3 .s26-step:nth-child(4){margin-top:clamp(36px,4vw,96px)}
  .s26-flow3 .s26-step:nth-child(5){margin-top:clamp(72px,8vw,192px)}
  .s26-flow3 .s26-step::after{content:"";position:absolute;inset-block-start:-6px;inset-inline-start:0;width:10px;height:10px;background:var(--bp-or)}
  .s26-flow3 .s26-step::before{display:none}
}
.s26-node{background:transparent!important;box-shadow:none!important;border:1px solid var(--bp-line2);width:auto!important;height:auto!important;display:flex!important;align-items:flex-end;justify-content:space-between;padding:12px 16px;margin-inline:0!important;min-height:0}
.s26-num{font:800 clamp(64px,8vw,200px)/.85 var(--bp-mono)!important;color:var(--bp-or)!important;direction:ltr;letter-spacing:-.06em;background:none!important;width:auto!important;height:auto!important;position:static!important;transform:none!important}
.s26-num::before{content:"0"}
.s26-node svg{width:clamp(28px,2.4vw,44px);height:auto;opacity:.8}
.s26-step h3{text-align:start}
.s26-step p{text-align:start}
@media (max-width:899px){.s26-flow3 .s26-step{text-align:start!important;border-inline-start:2px solid var(--bp-or);padding-inline-start:18px;margin-block:14px}.s26-flow3 .s26-line,.s26-flow3 .s26-pulse{display:none}}
/* CALC: instrument panel */
.s26-calc{box-shadow:none!important;border:1px solid var(--bp-line2)}
.s26-big{font-family:var(--bp-mono)!important;font-weight:800;letter-spacing:-.05em;direction:ltr}
.s26-split b{font-family:var(--bp-mono)}
/* HUBKIT: bento, unequal cells */
@media (min-width:900px){
  .hubkit{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:0!important;border:1px solid var(--bp-line2);list-style:none;padding:0!important}
  .hubkit li{border-inline-end:1px solid var(--bp-line2);border-bottom:1px solid var(--bp-line2);margin:0!important;min-height:0}
  .hubkit li:nth-child(1){grid-column:span 4;grid-row:span 2}
  .hubkit li:nth-child(2),.hubkit li:nth-child(3){grid-column:span 2}
  .hubkit li:nth-child(4){grid-column:span 3}
  .hubkit li:nth-child(5){grid-column:span 3}
  .hubkit li a{height:100%;background:transparent!important;border:0!important;flex-direction:column;justify-content:flex-end;gap:8px;padding:clamp(18px,2vw,36px)!important;transition:background .2s}
  .hubkit li:nth-child(1) a b{font-size:clamp(26px,2.6vw,56px);line-height:1.1}
  .hubkit li a:hover{background:rgba(255,110,0,.1)!important}
}
.hubkit li a:hover b{text-decoration:underline;text-decoration-color:var(--bp-or);text-underline-offset:.2em}
.hubkit i{color:var(--bp-or)}
/* ABOUT / split sections */
.sp2.abt{grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr)!important;gap:clamp(32px,5vw,120px)!important}
.pt.ofx{border:1px solid var(--bp-line2);padding:10px;border-radius:0!important;position:relative}
.pt.ofx img{border-radius:0!important}
/* cards that appear all over (blog/post cards) */
.post-card,.pc,.bl-card,.cat-card,.ar>a{border-radius:var(--bp-r)!important;box-shadow:none!important;border:1px solid var(--bp-line2)!important;transition:border-color .2s,transform .2s}
.post-card:hover,.pc:hover,.bl-card:hover,.cat-card:hover,.ar>a:hover{border-color:var(--bp-or)!important;transform:translateY(-3px)}
/* tables (pillar pages): technical grid */
main table{border-collapse:collapse;border:1px solid var(--bp-line2)}
main th{font-family:var(--bp-mono),Heebo,sans-serif;font-size:.8rem;letter-spacing:.04em;background:rgba(255,110,0,.12)!important;text-align:start}
main td,main th{border:1px solid var(--bp-line)!important}
/* HERO flow: rectangular rows with step numerals and a plotted connector */
.dtf{counter-reset:df}
.dtf-w .dtf li{border-radius:var(--bp-r)!important;counter-increment:df}
.dtf-w .dtf li::after{content:"0" counter(df);margin-inline-start:auto;font:700 .55em var(--bp-mono);opacity:.55;letter-spacing:.1em}
.dtf-w .dtf-i{border-radius:var(--bp-r)!important}
.dtf-w .dtf-l{border-radius:0!important;background:repeating-linear-gradient(180deg,rgba(143,176,255,.5) 0 3px,transparent 3px 6px)!important}
.hh h1{letter-spacing:-.02em}
nav .l a{font-family:var(--bp-mono),Heebo,sans-serif;font-size:max(13px,.85em)}
/* footer */
.ftr2{border-top:1px solid var(--bp-or);background:var(--bp-ink)}
.ftr2 h3{color:#8fb0ff;border-bottom:1px solid var(--bp-line2);padding-bottom:10px}
/* scroll details (progressive, no JS) */
@media (prefers-reduced-motion:no-preference){
  @supports (animation-timeline:scroll()){
    body::before{content:"";position:fixed;inset-block-start:0;inset-inline:0;height:3px;background:var(--bp-or);transform-origin:right;transform:scaleX(0);z-index:9999;animation:bpprog linear both;animation-timeline:scroll(root)}
    @keyframes bpprog{to{transform:scaleX(1)}}
    main:not([data-lean])>section.sx:not(.rel-sec)::before{animation:bpnum linear both;animation-timeline:view();animation-range:entry 0% cover 60%}
    @keyframes bpnum{from{transform:translateY(40px);opacity:.15}to{transform:none;opacity:1}}
  }
}
@media (max-width:640px){
  main:not([data-lean])>section.sx:not(.rel-sec)::before{font-size:96px;inset-block-start:8px;opacity:.7}
  .shw{padding:16px}
  .pill{box-shadow:3px 3px 0 0 rgba(255,255,255,.22)!important}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.pill,.post-card,.pc{transition:none!important}}

/* flat surfaces: kill leftover radial/linear gradient panels */
.s26-out{background:#0b1d44!important;background-image:none!important;border-inline-start:1px solid var(--bp-line2)}
.s26-split>div{border-radius:var(--bp-r)!important;background:transparent!important;border:1px solid var(--bp-line2)!important}
.cfcard,.cform,.sx details,.faq,.sx .qa{border-radius:var(--bp-r)!important}
.cfcard{background:var(--bp-navy)!important;border:1px solid var(--bp-line2)!important;box-shadow:none!important}
.cform input,.cform textarea,.cform select{border-radius:var(--bp-r)!important}
.sx details{border-radius:0!important;border-inline:0!important;border-top:1px solid var(--bp-line2)!important;background:transparent!important}
.sx details>summary{min-height:44px}
.sx details>summary::marker{content:""}

main .sx>.wrap>.h2x,main .sx>.wrap>.h2x.l,main .sx>.wrap>.leadx,main .sx>.wrap>.leadx.l{text-align:start!important;margin-inline:0!important;max-width:none!important}
main .sx>.wrap>.leadx,main .sx>.wrap>.leadx.l{max-width:42em!important}
.s26-flow3 .s26-step,.s26-flow3 .s26-step h3,.s26-flow3 .s26-step p{text-align:start!important}
.s26-num{border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important;line-height:.85!important;font-size:clamp(64px,8vw,200px)!important;display:block!important;top:auto!important;left:auto!important}
.s26-node{overflow:hidden}
/* blog strip: bento, one lead card + two */
@media (min-width:900px){
  .ar.gx[data-n="3"]{display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)!important;gap:0!important;border:1px solid var(--bp-line2)}
  .ar.gx[data-n="3"]>a{grid-column:auto!important;max-width:none!important;border:0!important;border-radius:0!important;border-bottom:1px solid var(--bp-line2)!important}
  .ar.gx[data-n="3"]>a:first-child{grid-column:auto!important;grid-row:span 2;border-inline-start:1px solid var(--bp-line2)!important;border-bottom:0!important}
  .ar.gx[data-n="3"]>a:first-child h3{font-size:clamp(22px,2vw,40px)}
}
.gzb,[class*="gzb"]{border-radius:var(--bp-r)!important}
@media (max-width:899px){.proof .stats{grid-template-columns:1fr!important}.proof .stat{padding:24px 0!important}}
main section.sx.s26-darkband{background-color:var(--bp-navy)!important;background-image:linear-gradient(var(--bp-line) 1px,transparent 1px),linear-gradient(90deg,var(--bp-line) 1px,transparent 1px)!important;background-size:80px 80px;border-top:1px solid var(--bp-line2)!important}
