/* =====================================================================
   DESIGNED LAYER — applies to every brand kit, never to the wireframe.
   Everything here reads tokens; each kit in kits.css supplies them.
   ===================================================================== */
html:not([data-kit="wire"]){--s-H:var(--oxblood-deep);--s-M:var(--oxblood);--s-L:var(--turq-text);--s-N:var(--accent-2);--s-R:var(--risk);--s-U:var(--u-grey)}
html:not([data-kit="wire"]) body{background:var(--paper);color:var(--ink)}
html:not([data-kit="wire"]) section{padding:var(--rhythm) var(--gutter)}
html:not([data-kit="wire"]) h1,html:not([data-kit="wire"]) h2,html:not([data-kit="wire"]) h3{font-weight:var(--display-weight)}
html:not([data-kit="wire"]) .hero h1,html:not([data-kit="wire"]) .page-head h1{font-weight:var(--hero-weight)}
html:not([data-kit="wire"]) a{text-decoration-color:color-mix(in srgb,var(--oxblood) 35%,transparent)}
html:not([data-kit="wire"]) a:hover{text-decoration-color:var(--oxblood);color:var(--oxblood-deep)}

/* telemetry voice */
html:not([data-kit="wire"]) .eyebrow,html:not([data-kit="wire"]) .crumb,html:not([data-kit="wire"]) .embed-tag,html:not([data-kit="wire"]) .equation-line,html:not([data-kit="wire"]) .dline,html:not([data-kit="wire"]) .dbox em,html:not([data-kit="wire"]) .mot .when,html:not([data-kit="wire"]) .systems .ex,html:not([data-kit="wire"]) .timeline .yr,html:not([data-kit="wire"]) .cards .more,html:not([data-kit="wire"]) .cards .uses{font-family:var(--mono)}
html:not([data-kit="wire"]) .sitemap h3{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:500;color:var(--ink-soft)}
html:not([data-kit="wire"]) .pill-tag{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;color:var(--oxblood-deep);border:1px solid var(--rule);background:var(--panel);border-radius:var(--btn-radius)}
html:not([data-kit="wire"]) .note{font-style:normal;color:var(--ink-soft);font-size:.86rem}
html:not([data-kit="wire"]) .three .role,html:not([data-kit="wire"]) .people .role,html:not([data-kit="wire"]) .mot .owner,html:not([data-kit="wire"]) .proof .basis,html:not([data-kit="wire"]) .compare h4,html:not([data-kit="wire"]) .ledger .k,html:not([data-kit="wire"]) .specs .k,html:not([data-kit="wire"]) .ba .hd{font-style:normal}
html:not([data-kit="wire"]) .moments .ms,html:not([data-kit="wire"]) .proof .big,html:not([data-kit="wire"]) .stat-num{font-family:var(--mono);font-weight:400;color:var(--oxblood);letter-spacing:-.03em}
html:not([data-kit="wire"]) .moments .ms small,html:not([data-kit="wire"]) .proof .big small{font-family:var(--font);color:var(--ink-soft)}
html:not([data-kit="wire"]) .proof .big small{color:var(--ink)}

/* header, buttons */
html:not([data-kit="wire"]) .site-header{background:color-mix(in srgb,var(--paper) 96%,transparent);border-bottom-color:var(--rule)}
html:not([data-kit="wire"]) .wordmark-text{font-family:var(--font-display);font-size:1.2rem;font-weight:var(--display-weight);letter-spacing:-.01em}
html:not([data-kit="wire"]) .logo-slot{border:0;width:2.1rem;height:2.1rem;background:center/contain no-repeat;color:transparent;font-size:0}
html:not([data-kit="wire"]) .logo-lg{display:block;width:9rem;height:9rem;background:center/contain no-repeat;color:transparent;font-size:0;border:0;margin:.4rem 0 1.4rem}
html:not([data-kit="wire"]) .site-nav a[aria-current="page"]{text-decoration:none;color:var(--oxblood);font-weight:500}
html:not([data-kit="wire"]) .site-nav ul a:hover{text-decoration:none;color:var(--oxblood)}
html:not([data-kit="wire"]) .btn{border-radius:var(--btn-radius);border:1px solid var(--oxblood-deep);color:var(--oxblood-deep);background:transparent;font-family:var(--font);font-size:.95rem;font-weight:500;padding:.7rem 1.25rem}
html:not([data-kit="wire"]) .btn:hover{background:var(--oxblood-deep);color:#fff;border-color:var(--oxblood-deep)}
html:not([data-kit="wire"]) .btn.primary{background:var(--oxblood);border-color:var(--oxblood);color:#fff}
html:not([data-kit="wire"]) .btn.primary:hover{background:var(--oxblood-deep);border-color:var(--oxblood-deep)}
html:not([data-kit="wire"]) .btn.quiet{border-color:transparent;background:transparent;color:var(--oxblood-deep);text-decoration:none;padding-left:.4rem;padding-right:.4rem}
html:not([data-kit="wire"]) .btn.quiet::after{content:" →"}
html:not([data-kit="wire"]) .btn.quiet:hover{background:transparent;color:var(--oxblood)}

/* panels: 1px hairline, radius, never touching */
html:not([data-kit="wire"]) section,html:not([data-kit="wire"]) .page-head{border-bottom-color:var(--rule)}
html:not([data-kit="wire"]) .eq,html:not([data-kit="wire"]) .mot > div,html:not([data-kit="wire"]) .systems > div,html:not([data-kit="wire"]) .loop li,html:not([data-kit="wire"]) .levers li,html:not([data-kit="wire"]) .dbox,html:not([data-kit="wire"]) .embed,html:not([data-kit="wire"]) .swatch,html:not([data-kit="wire"]) .progress li,html:not([data-kit="wire"]) .loop-back,html:not([data-kit="wire"]) .img-slot,html:not([data-kit="wire"]) .people .portrait,html:not([data-kit="wire"]) .moment-list a,html:not([data-kit="wire"]) .stat-hero{
  background:var(--panel);border:1px solid var(--rule);border-radius:var(--radius);outline:0}
html:not([data-kit="wire"]) .mot{border:0;gap:.8rem}
html:not([data-kit="wire"]) .systems > div{padding:1.1rem 1.1rem .4rem}
html:not([data-kit="wire"]) .progress{gap:.8rem}
html:not([data-kit="wire"]) .progress li{padding:1rem 1.1rem}
html:not([data-kit="wire"]) .swatch{overflow:hidden}
html:not([data-kit="wire"]) .eq.result,html:not([data-kit="wire"]) .mot .ours,html:not([data-kit="wire"]) .systems .ours,html:not([data-kit="wire"]) .progress li:last-child{background:var(--paper-wash);border-color:var(--oxblood)}
html:not([data-kit="wire"]) .mot .ours .owner{color:var(--oxblood-deep)}
html:not([data-kit="wire"]) .op{color:var(--oxblood)}
html:not([data-kit="wire"]) .dbox.core{border-color:var(--oxblood)}
html:not([data-kit="wire"]) .dbox em{color:var(--oxblood)}
html:not([data-kit="wire"]) .dloop::before{border-top:1px solid var(--rule)}
html:not([data-kit="wire"]) .dloop span{background:var(--panel);border-color:var(--rule);font-family:var(--mono);font-size:.68rem}
html:not([data-kit="wire"]) .embed-tag{border-bottom:1px solid var(--rule);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-style:normal}
html:not([data-kit="wire"]) .img-slot{background:repeating-linear-gradient(135deg,var(--panel) 0 10px,var(--paper-wash) 10px 20px)}
html:not([data-kit="wire"]) .img-slot figcaption{background:var(--panel);border-top:1px solid var(--rule)}
html:not([data-kit="wire"]) .stack li.core b::after{border:1px solid var(--rule);border-radius:var(--radius);color:var(--oxblood);font-family:var(--mono)}
html:not([data-kit="wire"]) .timeline li.now{background:var(--paper-wash)}
html:not([data-kit="wire"]) .timeline li.now .yr,html:not([data-kit="wire"]) .timeline li.now b{color:var(--oxblood-deep)}
html:not([data-kit="wire"]) .band{background:var(--paper-wash)}
html:not([data-kit="wire"]) .picker-row button{border-radius:var(--btn-radius);background:var(--panel);border-color:var(--rule)}
html:not([data-kit="wire"]) .picker-row button[aria-pressed="true"]{background:var(--oxblood);border-color:var(--oxblood);color:#fff}
html:not([data-kit="wire"]) .form input,html:not([data-kit="wire"]) .form select,html:not([data-kit="wire"]) .form textarea{background:var(--panel);border-color:var(--rule);border-radius:var(--radius)}
html:not([data-kit="wire"]) .form input:focus,html:not([data-kit="wire"]) .form select:focus,html:not([data-kit="wire"]) .form textarea:focus{outline:2px solid color-mix(in srgb,var(--oxblood) 35%,transparent);border-color:var(--oxblood)}
html:not([data-kit="wire"]) .photo-toggle{border-radius:var(--btn-radius);background:var(--panel);font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}

/* the hero stat */
html:not([data-kit="wire"]) .stat-hero{padding:2.2rem 2.2rem 2rem}
html:not([data-kit="wire"]) .stat-num{font-size:clamp(6rem,13vw,10rem);font-weight:400}
html:not([data-kit="wire"]) .stat-num span{color:var(--ink-soft)}
html:not([data-kit="wire"]) .stat-sub{font-family:var(--font-display);font-weight:var(--display-weight)}

/* cards: products and solutions */
html:not([data-kit="wire"]) .cards{border-top:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;max-width:68rem}
html:not([data-kit="wire"]) .cards.solution-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
html:not([data-kit="wire"]) .cards li{display:flex}
html:not([data-kit="wire"]) .cards li a{display:flex;flex-direction:column;gap:.5rem;width:100%;padding:1.4rem 1.4rem 1.2rem;border:1px solid var(--rule);border-radius:var(--radius);background:var(--panel);transition:border-color .15s,transform .15s}
html:not([data-kit="wire"]) .cards li a:hover{border-color:var(--oxblood);transform:translateY(-2px)}
html:not([data-kit="wire"]) .cards .ico{display:block;box-sizing:content-box;width:24px;height:24px;padding:10px;border-radius:var(--radius);background:var(--paper-wash);color:var(--oxblood);margin-bottom:.4rem}
html:not([data-kit="wire"]) .cards h3{font-family:var(--font-display);font-size:1.3rem;text-decoration:none;grid-row:auto}
html:not([data-kit="wire"]) .cards p{font-size:.94rem;color:var(--ink-soft)}
html:not([data-kit="wire"]) .cards .uses{color:var(--turq-text);font-size:.72rem;letter-spacing:.04em;margin-top:.6rem}
html:not([data-kit="wire"]) .cards .more{display:block;margin-top:auto;padding-top:.6rem;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--oxblood-deep)}
html:not([data-kit="wire"]) .cards .more::after{content:" →"}
html:not([data-kit="wire"]) .cards.compact li a{padding:1.1rem 1.1rem 1rem}
html:not([data-kit="wire"]) .cards.compact h3{font-size:1.1rem}
html:not([data-kit="wire"]) .moment-list .ico{display:block;color:var(--oxblood);margin-bottom:.5rem}
html:not([data-kit="wire"]) .head-ico{display:inline-flex;width:28px;height:28px;padding:12px;box-sizing:content-box;border-radius:var(--radius);background:var(--paper-wash);color:var(--oxblood);margin-bottom:1rem}
html:not([data-kit="wire"]) .head-ico .ico{width:28px;height:28px}
@media (max-width:980px){html:not([data-kit="wire"]) .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){html:not([data-kit="wire"]) .cards,html:not([data-kit="wire"]) .cards.solution-cards{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){html:not([data-kit="wire"]) .cards li a{transition:none}html:not([data-kit="wire"]) .cards li a:hover{transform:none}}

/* the score, as a card: white square, letter centered, the one shaded element */
html:not([data-kit="wire"]){--card-shadow:0 1px 1px rgba(10,20,40,.06),0 2px 4px rgba(10,20,40,.06),0 10px 18px -10px rgba(10,20,40,.28)}
html:not([data-kit="wire"]) .ladder li{grid-template-columns:4.6rem 8rem minmax(0,1fr);align-items:center;padding:.85rem 0}
html:not([data-kit="wire"]) .ladder .letter,html:not([data-kit="wire"]) .ledger .score,html:not([data-kit="wire"]) .sim .picker button{display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(180deg,#FFFFFF 0%,#FFFFFF 70%,#F7F9FA 100%);border:1px solid rgba(10,20,40,.06);border-radius:3px;box-shadow:var(--card-shadow);font-family:var(--mono);font-weight:500;line-height:1}
html:not([data-kit="wire"]) .ladder .letter{width:3.4rem;height:3.4rem;font-size:1.7rem}
html:not([data-kit="wire"]) .ladder li:nth-child(1) .letter{color:var(--s-H)}
html:not([data-kit="wire"]) .ladder li:nth-child(2) .letter{color:var(--s-M)}
html:not([data-kit="wire"]) .ladder li:nth-child(3) .letter{color:var(--s-L)}
html:not([data-kit="wire"]) .ladder li:nth-child(4) .letter{color:var(--s-N)}
html:not([data-kit="wire"]) .ladder li.risk .letter{color:var(--s-R)}
html:not([data-kit="wire"]) .ladder li:nth-child(6) .letter{color:var(--s-U)}
html:not([data-kit="wire"]) .ledger .score{width:2.9rem;height:2.9rem;font-size:1.45rem;margin-right:.7rem;vertical-align:middle;color:var(--s-H)}
html:not([data-kit="wire"]) .ledger .score.s-M{color:var(--s-M)}
html:not([data-kit="wire"]) .ledger .score.s-L{color:var(--s-L)}
html:not([data-kit="wire"]) .ledger .score.s-N{color:var(--s-N)}
html:not([data-kit="wire"]) .ledger .score.s-R{color:var(--s-R)}
html:not([data-kit="wire"]) .ledger .score.s-U{color:var(--s-U)}
html:not([data-kit="wire"]) .ledger .row{align-items:center}
html:not([data-kit="wire"]) .sim .picker{gap:.7rem;margin-bottom:1.4rem}
html:not([data-kit="wire"]) .sim .picker button{width:3.1rem;height:3.1rem;font-size:1.35rem;transition:transform .15s,box-shadow .15s}
html:not([data-kit="wire"]) .sim .picker button:hover{transform:translateY(-1px)}
html:not([data-kit="wire"]) .sim .picker button[data-s="H"]{color:var(--s-H)}
html:not([data-kit="wire"]) .sim .picker button[data-s="M"]{color:var(--s-M)}
html:not([data-kit="wire"]) .sim .picker button[data-s="L"]{color:var(--s-L)}
html:not([data-kit="wire"]) .sim .picker button[data-s="N"]{color:var(--s-N)}
html:not([data-kit="wire"]) .sim .picker button[data-s="R"]{color:var(--s-R)}
html:not([data-kit="wire"]) .sim .picker button[data-s="U"]{color:var(--s-U)}
html:not([data-kit="wire"]) .sim .picker button[aria-pressed="true"]{background:#fff;transform:translateY(-3px);outline:2px solid currentColor;outline-offset:2px;
  box-shadow:0 1px 1px rgba(10,20,40,.06),0 4px 8px rgba(10,20,40,.08),0 16px 24px -12px rgba(10,20,40,.35)}
@media (prefers-reduced-motion:reduce){html:not([data-kit="wire"]) .sim .picker button{transition:none}}
@media (max-width:640px){html:not([data-kit="wire"]) .ladder li{grid-template-columns:3.8rem minmax(0,1fr)}html:not([data-kit="wire"]) .ladder .letter{width:2.9rem;height:2.9rem;font-size:1.45rem;grid-row:span 2}}

/* the call-to-action box and the footer */
html:not([data-kit="wire"]) .closing{background:var(--ink);color:#fff}
html:not([data-kit="wire"]) .closing h2{color:#fff}
html:not([data-kit="wire"]) .closing p{color:color-mix(in srgb,#fff 78%,var(--ink))}
html:not([data-kit="wire"]) .closing .note{color:color-mix(in srgb,#fff 55%,var(--ink))}
html:not([data-kit="wire"]) .closing .btn.primary{background:#fff;border-color:#fff;color:var(--ink)}
html:not([data-kit="wire"]) .closing .btn.primary:hover{background:var(--paper-wash);border-color:var(--paper-wash);color:var(--ink)}
html:not([data-kit="wire"]) .closing .btn.quiet{color:#fff}
html:not([data-kit="wire"]) .site-footer{background:var(--panel);border-top:1px solid var(--rule)}
html:not([data-kit="wire"]) .footer-brand p{color:var(--ink-soft)}
html:not([data-kit="wire"]) .hero h1 em{font-style:normal;color:var(--oxblood)}

/* ---- illustrations (v12): drawn in kit tokens; each one replaces its image placeholder ---- */
html:not([data-kit="wire"]) .art{display:block;margin:2rem 0 0}
html:not([data-kit="wire"]) .art + .img-slot{display:none}
.art svg{display:block;width:100%;height:auto;font-family:var(--font)}
.art .a-bg{fill:var(--paper-wash)}
.art .a-panel{fill:var(--panel);stroke:var(--rule);stroke-width:2}
.art .a-row{fill:var(--paper);stroke:var(--rule);stroke-width:2}
.art .a-panel-line{fill:var(--panel);stroke:var(--embed);stroke-width:2}
.art .a-rule{stroke:var(--rule);stroke-width:2}
.art .a-rule-strong{stroke:var(--embed);stroke-width:4}
.art .a-ring{fill:none;stroke:var(--embed);stroke-width:4}
.art .a-arrow{fill:none;stroke:var(--ink-soft);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.art .a-link{fill:none;stroke:var(--embed);stroke-width:3;stroke-dasharray:6 8}
.art .a-dash{fill:none;stroke:var(--embed);stroke-width:2;stroke-dasharray:8 8}
.art .a-dot{fill:var(--rule)}
.art .a-dotfill{fill:var(--embed)}
.art .a-dot-off{fill:none;stroke:var(--embed);stroke-width:2;stroke-dasharray:4 5}
.art .a-line-fill{fill:var(--rule)}
.art .a-ink-fill{fill:var(--ink)}
.art .a-pri-fill{fill:var(--oxblood)}
.art .a-tint-fill{fill:var(--paper-wash)}
.art .a-onpri-fill{fill:#fff}
.art .a-ink{fill:var(--ink)}
.art .a-soft{fill:var(--ink-soft)}
.art .a-pri{fill:var(--oxblood)}
.art .a-onpri{fill:#fff}
.art .a-ico{stroke:var(--ink)}
.art .a-ico-pri{stroke:var(--oxblood)}
.art .a-ico-soft{stroke:var(--ink-soft)}
.art .a-card rect{fill:#fff;stroke:rgba(10,20,40,.06)}
.art .a-letter{font-family:var(--mono);font-weight:500}
.art .s-H{fill:var(--s-H)}.art .s-M{fill:var(--s-M)}.art .s-L{fill:var(--s-L)}.art .s-N{fill:var(--s-N)}.art .s-R{fill:var(--s-R)}.art .s-U{fill:var(--s-U)}
.art .a-s-H{fill:var(--s-H)}.art .a-s-M{fill:var(--s-M)}.art .a-s-L{fill:var(--s-L)}.art .a-s-N{fill:var(--s-N)}.art .a-s-R{fill:var(--s-R)}.art .a-s-U{fill:var(--s-U)}
.art .a-cycle{cursor:pointer}
.art .a-cycle:focus{outline:none}
.art .a-cycle:focus rect,.art .a-cycle:hover rect{stroke:var(--oxblood);stroke-width:2}
.art .a-label{fill:var(--ink);font-family:var(--mono);letter-spacing:3px}
.art .a-hint{fill:var(--ink-soft);font-family:var(--mono)}
.art .a-dark{fill:var(--ink)}
.art .a-dark-2{fill:var(--oxblood)}
.art .a-ico-on{stroke:#fff}
.art .a-onpri-soft{fill:rgba(255,255,255,.7)}