/* UI3-LIVE-C1 CURRENT PRESENTATION LAYER
   Rolled up at D4-R3 presentation-governance hygiene.
   This file is the sole active refinement layer downstream of the B1-B4
   page-family foundations. Future polish amends this file in place; stage-
   numbered refinement stylesheets are prohibited.

   Historical cascade provenance retained in order below: D1 -> D2 -> D3 -> D4. */

/* ===== HISTORICAL CASCADE SOURCE: ui3-c1-d1.css ===== */
/* UI3-LIVE-C1-D1 — cross-browser section composition closure
   Purpose: make viewport framing, section rhythm, and fold handoff intentional.
   This layer changes presentation only. It does not alter Ask/runtime ownership. */

:root{
  --c1-d1-section:clamp(72px,6.2vw,96px);
  --c1-d1-section-compact:clamp(58px,5vw,78px);
  --c1-d1-hero-top:clamp(48px,4.6vw,70px);
  --c1-d1-hero-bottom:clamp(52px,4.8vw,76px);
}

html{scroll-padding-top:76px}
main>section{scroll-margin-top:76px}
main>section>*{min-width:0}
main :is(figure,article,aside,div,nav,ol,ul){min-width:0}
main :is(h1,h2,h3,p,li,strong,span){overflow-wrap:normal;word-break:normal;hyphens:none}
main :is(img,svg,video,canvas){max-width:100%}

/* --------------------------------------------------------------------------
   HOME — first viewport is a composed proposition, not a centred billboard.
   -------------------------------------------------------------------------- */
.home-page .c1-home-arrival{
  min-height:0;
  align-items:start;
  padding:var(--c1-d1-hero-top) 0 var(--c1-d1-hero-bottom);
}
.home-page .c1-home-arrival__grid{
  grid-template-columns:minmax(0,.94fr) minmax(520px,1.06fr);
  gap:clamp(38px,4vw,62px);
  align-items:start;
}
.home-page .c1-home-arrival__intro{padding-top:clamp(18px,2.1vw,34px)}
.home-page .c1-home-arrival .c1-display{
  max-width:680px;
  font-size:clamp(50px,3.7vw,59px);
  line-height:.985;
}
.home-page .c1-home-arrival .c1-display>span{display:block;white-space:nowrap}
.home-page .c1-home-arrival__lede{margin-top:22px;font-size:clamp(17px,1.24vw,19px);line-height:1.52;max-width:620px}
.home-page .c1-home-arrival .c1-actions{margin-top:26px}
.home-page .c1-home-arrival .c1-unity-window{height:440px;transform:none}
.home-page :is(.c1-home-proof,.c1-home-continuity,.c1-home-orientation,.c1-home-ask){padding-block:var(--c1-d1-section)}
.home-page .c1-home-orientation__head{margin-bottom:clamp(34px,4vw,52px)}

/* --------------------------------------------------------------------------
   PRODUCT — keep the product tableau substantial without making every section
   a full-screen pause.
   -------------------------------------------------------------------------- */
.product-page .c1-product-arrival{padding:var(--c1-d1-hero-top) 0 clamp(68px,6vw,88px)}
.product-page .c1-product-arrival__copy{margin-bottom:38px;gap:clamp(38px,5vw,68px)}
.product-page .c1-product-stage{height:min(590px,62svh);min-height:500px}
.product-page .c1-product-movement{padding:var(--c1-d1-section) 0}
.product-page .c1-product-close{padding-block:var(--c1-d1-section)}
.product-page .c1-product-movement__grid{gap:clamp(46px,6vw,84px)}

/* --------------------------------------------------------------------------
   HOW IT WORKS + PLATFORM
   -------------------------------------------------------------------------- */
.how-page .b2-how-form{padding:var(--c1-d1-hero-top) 0 0}
.how-page .b2-how-form__intro{gap:clamp(40px,5.2vw,74px)}
.how-page :is(.b2-how-know,.b2-how-think,.b2-how-authority,.b2-how-settle){padding:var(--c1-d1-section) 0}
.platform-page .b2-platform-products{padding:var(--c1-d1-hero-top) 0 var(--c1-d1-section)}
.platform-page :is(.b2-platform-gradient,.b2-platform-resources,.b2-platform-compose,.b2-platform-proof,.b2-platform-close){padding:var(--c1-d1-section) 0}
.platform-page .b2-platform-products__intro{gap:clamp(38px,5vw,76px)}

/* --------------------------------------------------------------------------
   SOVEREIGN COGNITION
   -------------------------------------------------------------------------- */
.b3-sc-page .b3-firewall-hero{padding:var(--c1-d1-hero-top) 0 var(--c1-d1-hero-bottom)}
.b3-sc-page .b3-hero-grid{gap:clamp(42px,5vw,72px);align-items:start}
.b3-sc-page .b3-hero-copy{padding-top:clamp(12px,1.5vw,24px)}
.b3-sc-page .b3-firewalls__plane{min-height:390px}
.b3-sc-page :is(.b3-whole-act,.b3-cumulative,.b3-powers,.b3-inference){padding:var(--c1-d1-section) 0}
.b3-sc-page .b3-separation{min-height:620px}
.b3-sc-page .b3-close{margin-top:72px;padding-top:52px}

/* --------------------------------------------------------------------------
   INTEGRATIONS + TECHNOLOGY
   -------------------------------------------------------------------------- */
.b4-page :is(.b4-int-hero,.b4-tech-hero){
  min-height:0;
  padding:var(--c1-d1-hero-top) 0 var(--c1-d1-hero-bottom);
  align-items:start;
}
.b4-page :is(.b4-int-hero__grid,.b4-tech-hero__grid){gap:clamp(44px,5vw,70px);align-items:start}
.b4-page .b4-hero-copy{padding-top:clamp(8px,1vw,16px)}
.b4-page h1{font-size:clamp(52px,5vw,76px);line-height:.94;max-width:12.4ch;margin-bottom:24px}
.b4-page .b4-eyebrow{margin-bottom:18px}
.b4-page .b4-lede{font-size:clamp(17px,1.3vw,20px);line-height:1.5;margin-bottom:26px}
.b4-page :is(.b4-dark,.b4-systems,.b4-effects,.b4-invariant,.b4-models,.b4-consequence){padding:var(--c1-d1-section) 0}
.b4-page .b4-intro{gap:clamp(42px,5vw,72px);margin-bottom:48px}
.b4-page .b4-close{padding:var(--c1-d1-section-compact) 0}
.b4-page .b4-close>.b4-rail{gap:clamp(48px,6vw,82px)}

/* --------------------------------------------------------------------------
   ASK + supporting estate. These pages retain their own visual identities but
   share a tighter editorial rhythm and less ceremonial lead-in.
   -------------------------------------------------------------------------- */
.ask-page .ask-arrival{min-height:0;padding-top:var(--c1-d1-hero-top);padding-bottom:var(--c1-d1-hero-bottom);align-items:flex-start}
.ask-page .ask-arrival__statement{margin-top:0}
.ask-page .ask-arrival__statement .eyebrow{margin-bottom:16px}
.ask-page .ask-arrival__lede{margin-top:22px}

body:not(.home-page):not(.product-page):not(.how-page):not(.platform-page):not(.b3-sc-page):not(.b4-page) .field{
  padding-block:var(--c1-d1-section);
}
body:not(.home-page):not(.product-page):not(.how-page):not(.platform-page):not(.b3-sc-page):not(.b4-page) :is(.interior-hero,.legal-hero,.not-found-hero){
  min-height:0;
  justify-content:flex-start;
  padding-top:var(--c1-d1-hero-top);
  padding-bottom:var(--c1-d1-hero-bottom);
}
.reference-applications-page .reference-hero__inner{padding-top:var(--c1-d1-hero-top);padding-bottom:var(--c1-d1-hero-bottom)}
.reference-applications-page :is(.portfolio-theatre,.foundation-section,.engine-section){padding-top:var(--c1-d1-section);padding-bottom:var(--c1-d1-section)}
.reference-applications-page .reference-hero h1{font-size:clamp(50px,5.7vw,82px);max-width:1080px}
.reference-applications-page .reference-hero__facts{margin-top:36px}

/* Product-detail pages are generated static public pages. */
.application-detail-page :is(.application-detail-hero,.application-detail-problem,.application-detail-theatre,.application-detail-sovereign,.application-detail-architecture,.application-detail-code,.application-detail-proof,.launch-closing){
  scroll-margin-top:76px;
}

/* --------------------------------------------------------------------------
   Narrow desktop / browser-chrome-sensitive band. This is the band that was
   previously pathological around ~1050 CSS px: proof minimums won while the
   proposition wrapped into a billboard.
   -------------------------------------------------------------------------- */
@media (max-width:1180px) and (min-width:901px){
  .home-page .c1-rail{width:min(100% - 52px,var(--c1-wide))}
  .home-page .c1-home-arrival{padding-top:46px;padding-bottom:54px}
  .home-page .c1-home-arrival__grid{grid-template-columns:minmax(0,.96fr) minmax(430px,1.04fr);gap:36px}
  .home-page .c1-home-arrival__intro{padding-top:12px}
  .home-page .c1-home-arrival .c1-display{font-size:clamp(44px,4.45vw,51px);max-width:520px}
  .home-page .c1-home-arrival__lede{font-size:16.5px;line-height:1.48;margin-top:19px}
  .home-page .c1-home-arrival .c1-actions{margin-top:21px}
  .home-page .c1-home-arrival .c1-unity-window{height:405px}
  .home-page .c1-home-arrival .c1-unity-layout{grid-template-columns:118px minmax(0,1fr) 174px}
  .home-page .c1-home-arrival .c1-unity-scroll{padding:18px}

  .b4-page .b4-rail{width:min(100% - 56px,1120px)}
  .b4-page h1{font-size:clamp(46px,4.8vw,58px);max-width:10.9ch}
  .b4-page :is(.b4-int-hero__grid,.b4-tech-hero__grid){grid-template-columns:minmax(0,1fr) minmax(430px,.96fr);gap:38px}
  .b4-page :is(.b4-int-hero,.b4-tech-hero){padding-top:48px;padding-bottom:56px}
}

/* Tablet is an authored composition, not a desktop collapse. */
@media (max-width:900px){
  :root{--c1-d1-section:clamp(64px,8vw,78px);--c1-d1-hero-top:44px;--c1-d1-hero-bottom:56px}
  html{scroll-padding-top:68px} main>section{scroll-margin-top:68px}
  .home-page .c1-home-arrival__grid{grid-template-columns:1fr;gap:34px}
  .home-page .c1-home-arrival__intro{padding-top:0;max-width:760px}
  .home-page .c1-home-arrival .c1-display{font-size:clamp(46px,6.4vw,56px);max-width:690px}
  .home-page .c1-home-arrival .c1-display>span{display:inline;white-space:normal}
  .home-page .c1-home-arrival .c1-unity-window{height:430px;max-width:820px}
  .product-page .c1-product-stage{height:520px;min-height:0}
  .b3-sc-page .b3-hero-grid{gap:38px}
  .b3-sc-page .b3-firewalls__plane{min-height:360px}
  .b4-page :is(.b4-int-hero__grid,.b4-tech-hero__grid){grid-template-columns:1fr;gap:34px}
  .b4-page .b4-hero-copy{padding-top:0;max-width:760px}
}

/* Mobile first viewport: statement + explanatory sentence + next action/proof
   are prioritised before any scaled desktop tableau. */
@media (max-width:620px){
  :root{--c1-d1-section:56px;--c1-d1-section-compact:52px;--c1-d1-hero-top:30px;--c1-d1-hero-bottom:38px}
  html{scroll-padding-top:64px} main>section{scroll-margin-top:64px}
  .home-page .c1-home-arrival{min-height:0;padding-top:30px;padding-bottom:34px}
  .home-page .c1-home-arrival__grid{gap:22px}
  .home-page .c1-home-arrival .c1-display{font-size:clamp(39px,11.4vw,46px);line-height:1.01}
  .home-page .c1-home-arrival__lede{font-size:16px;line-height:1.46;margin-top:17px}
  .home-page .c1-home-arrival .c1-actions{margin-top:18px}
  .home-page .c1-home-mobile-proof{margin-top:2px}
  .product-page .c1-product-arrival{padding-top:30px;padding-bottom:46px}
  .product-page .c1-product-arrival__copy{margin-bottom:22px}
  .product-page .c1-product-stage{height:auto;min-height:0}
  .how-page .b2-how-form{padding-top:32px}
  .platform-page .b2-platform-products{padding-top:32px}
  .b3-sc-page .b3-firewall-hero{padding-top:32px;padding-bottom:48px}
  .b4-page :is(.b4-int-hero,.b4-tech-hero){padding-top:32px;padding-bottom:42px}
  .b4-page h1{font-size:clamp(38px,10.6vw,43px);line-height:.98;margin-bottom:20px}
  .b4-page .b4-eyebrow{margin-bottom:14px}
  .b4-page .b4-lede{font-size:16.5px;line-height:1.47;margin-bottom:22px}
  .ask-page .ask-arrival{padding-top:30px;padding-bottom:40px}
  body:not(.home-page):not(.product-page):not(.how-page):not(.platform-page):not(.b3-sc-page):not(.b4-page) :is(.interior-hero,.legal-hero,.not-found-hero){padding-top:30px;padding-bottom:42px}
  .reference-applications-page .reference-hero__inner{padding-top:34px;padding-bottom:44px}
  .reference-applications-page .reference-hero h1{font-size:clamp(40px,11.5vw,52px);line-height:.98}
  .reference-applications-page .reference-hero__facts{margin-top:28px}
}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

/* --------------------------------------------------------------------------
   SUPPORTING ESTATE — every public section receives the same intentional
   vertical-rhythm discipline, while retaining its own composition system.
   -------------------------------------------------------------------------- */
.atlas-page :is(.atlas-hero,.atlas-workbench,.atlas-inspector,.atlas-laws,.atlas-case,.atlas-value,.atlas-boundary){
  padding-block:var(--c1-d1-section);
}
.atlas-page .atlas-hero{padding-top:var(--c1-d1-hero-top);padding-bottom:var(--c1-d1-hero-bottom);min-height:0}
.contact-page :is(.contact-ask-summary,.contact-review){padding-block:var(--c1-d1-section)}
.legal-page .legal-section{padding-block:var(--c1-d1-section)}
.announcements-ledger{padding-block:var(--c1-d1-section)}
.application-detail-page :is(.application-detail-hero,.application-detail-problem,.application-detail-theatre,.application-detail-sovereign,.application-detail-architecture,.application-detail-code,.application-detail-proof,.launch-closing){
  padding-top:var(--c1-d1-section);
  padding-bottom:var(--c1-d1-section);
}
.application-detail-page .application-detail-hero{padding-top:var(--c1-d1-hero-top);padding-bottom:var(--c1-d1-hero-bottom);min-height:0}
.application-detail-page .application-detail-section-heading{margin-bottom:clamp(32px,3.8vw,52px)}
.application-detail-page .application-detail-switch{margin-block:0}

@media (max-width:620px){
  .atlas-page :is(.atlas-hero,.atlas-workbench,.atlas-inspector,.atlas-laws,.atlas-case,.atlas-value,.atlas-boundary),
  .contact-page :is(.contact-ask-summary,.contact-review),
  .legal-page .legal-section,
  .announcements-ledger,
  .application-detail-page :is(.application-detail-hero,.application-detail-problem,.application-detail-theatre,.application-detail-sovereign,.application-detail-architecture,.application-detail-code,.application-detail-proof,.launch-closing){
    padding-top:56px;
    padding-bottom:56px;
  }
  .atlas-page .atlas-hero,.application-detail-page .application-detail-hero{padding-top:32px;padding-bottom:42px}
}

/* --------------------------------------------------------------------------
   D1 refinement court — first-movement framing and supporting-property scale.
   These rules follow rendered section-ledger findings rather than blanket
   density reduction.
   -------------------------------------------------------------------------- */

/* Platform: the three full reference theatres are proof, not permission to
   turn the opening movement into a 1100px poster. On wide screens retain the
   three distinct products but compress their chrome; at narrower desktop and
   tablet widths use the already-governed product index and reserve full
   product theatre for the dedicated Reference Applications property. */
@media (min-width:1121px){
  .platform-page .b2-app-theatre{margin-top:38px;gap:18px}
  .platform-page .b2-app__meta{min-height:48px;padding-bottom:9px}
  .platform-page .b2-phone{width:min(100%,262px);border-width:7px;border-radius:30px}
  .platform-page .b2-phone__body{min-height:352px;padding:14px 12px 16px}
  .platform-page .b2-phone h2{font-size:16px;margin:10px 0 10px}
  .platform-page .b2-ios-answer{padding:10px}
  .platform-page .b2-ios-source{margin-top:6px;padding:7px 0}
  .platform-page .b2-material-app>header,.platform-page .b2-carbon-app>header{min-height:40px}
  .platform-page .b2-material-layout,.platform-page .b2-carbon-layout{min-height:390px}
  .platform-page .b2-material-layout>section,.platform-page .b2-carbon-layout>section{padding:14px}
  .platform-page .b2-material-grid{margin-top:13px;gap:6px}
  .platform-page .b2-material-grid article{min-height:108px;padding:9px}
  .platform-page .b2-material-decision{margin-top:8px;padding:10px}
  .platform-page .b2-carbon-app table{margin-top:13px}
  .platform-page .b2-carbon-app th,.platform-page .b2-carbon-app td{padding:7px 6px}
  .platform-page .b2-carbon-callout{margin-top:11px;padding:10px 11px}
}

@media (max-width:1120px){
  .platform-page .b2-platform-products{padding-bottom:var(--c1-d1-hero-bottom)}
  .platform-page .b2-platform-products__intro{gap:26px}
  .platform-page .b2-mobile-handoff{display:grid;margin-top:26px;border:1px solid var(--b2-line)}
  .platform-page .b2-platform-mobile-index{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
  .platform-page .b2-platform-mobile-index>span{display:grid;grid-template-columns:44px 1fr;gap:2px 8px;padding:14px 15px;border-right:1px solid var(--b2-line);border-bottom:0}
  .platform-page .b2-platform-mobile-index>span:last-child{border-right:0}
  .platform-page .b2-platform-mobile-index b{grid-row:1/span 2;align-self:center;color:var(--b2-green);font-size:9px;letter-spacing:.08em;text-transform:uppercase}
  .platform-page .b2-platform-mobile-index strong{font-size:13px;line-height:1.15}
  .platform-page .b2-platform-mobile-index em{color:#747b74;font-size:10px;font-style:normal}
  .platform-page .b2-app-theatre{display:none}
}

@media (max-width:700px){
  .platform-page .b2-platform-mobile-index{grid-template-columns:1fr}
  .platform-page .b2-platform-mobile-index>span{border-right:0;border-bottom:1px solid var(--b2-line);padding:11px 0}
  .platform-page .b2-platform-mobile-index>span:last-child{border-bottom:0}
  .platform-page .b2-mobile-handoff{border-inline:0}
}

/* Legacy Engineering is a bridge, not another ceremonial landing page. */
.engineering-legacy-page .engineering-legacy-hero{
  min-height:0;
  align-items:start;
  padding-top:var(--c1-d1-hero-top);
  padding-bottom:var(--c1-d1-hero-bottom);
}
.engineering-legacy-page .engineering-legacy-hero h1{
  font-size:clamp(52px,6.2vw,88px);
  max-width:900px;
}
.engineering-legacy-page .engineering-legacy-map article{min-height:260px}

/* Reference application detail pages should read like product dossiers, not
   billboard campaigns. Keep the product name legible while leaving the actual
   interface proof visible in the same first movement. */
.application-detail-page .application-detail-hero h1{
  font-size:clamp(48px,5.2vw,78px);
  line-height:.94;
  letter-spacing:-.055em;
  max-width:10.8ch;
  margin:16px 0 24px;
}
.application-detail-page .application-detail-hero .lede{
  font-size:clamp(17px,1.35vw,21px);
  line-height:1.5;
}
.application-detail-page .application-detail-hero__meta{margin-top:24px}
.application-detail-page .application-detail-hero__actions{margin-top:22px}

/* B4 headings gain a little measure so desktop pages resolve as statements,
   not four-line typographic monuments. */
@media (min-width:1181px){
  .b4-page h1{font-size:clamp(50px,4.55vw,69px);max-width:14.2ch}
  .b4-page :is(.b4-int-hero__grid,.b4-tech-hero__grid){grid-template-columns:minmax(0,1.05fr) minmax(500px,.95fr)}
}

@media (max-width:1100px) and (min-width:761px){
  .application-detail-page .application-detail-hero h1{
    font-size:clamp(46px,5.7vw,62px);
    max-width:15.5ch;
  }
  .engineering-legacy-page .engineering-legacy-hero h1{font-size:clamp(48px,7vw,68px)}
}

@media (max-width:760px){
  .application-detail-page .application-detail-hero h1{
    font-size:clamp(39px,10.5vw,46px);
    line-height:.98;
    max-width:14ch;
    margin:12px 0 18px;
  }
  .application-detail-page .application-detail-hero__meta{margin-top:19px}
  .application-detail-page .application-detail-hero__actions{margin-top:18px}
  .engineering-legacy-page .engineering-legacy-hero h1{font-size:clamp(42px,12vw,54px);line-height:.96}
  .engineering-legacy-page .engineering-legacy-map article{min-height:0}
}

/* --------------------------------------------------------------------------
   D1 fold closure — when a rich proof cannot be framed whole, change the
   composition rather than presenting an accidental half-interface.
   -------------------------------------------------------------------------- */

/* Product keeps Unity visible on narrow desktop, but as a compact two-pane
   proof that resolves inside the first viewport. */
@media (max-width:1320px) and (min-width:861px){
  .product-page .c1-product-arrival{padding-top:46px;padding-bottom:44px}
  .product-page .c1-product-arrival__copy{margin-bottom:30px;gap:34px}
  .product-page .c1-product-stage{height:350px;min-height:0}
  .product-page .c1-product-stage .c1-unity-layout{grid-template-columns:140px minmax(0,1fr);height:calc(100% - 42px)}
  .product-page .c1-product-stage .c1-unity-topbar{min-height:42px}
  .product-page .c1-product-stage .c1-unity-workbench{display:none}
  .product-page .c1-product-stage .c1-unity-side{padding:8px 7px}
  .product-page .c1-product-stage .c1-unity-side-label{margin:9px 7px 4px;font-size:8px}
  .product-page .c1-product-stage .c1-unity-nav,
  .product-page .c1-product-stage .c1-unity-workitem{padding:6px 7px;font-size:9px}
  .product-page .c1-product-stage .c1-unity-head{padding:9px 14px 8px}
  .product-page .c1-product-stage .c1-unity-scroll{padding:13px 20px}
  .product-page .c1-product-stage .c1-unity-question{margin-bottom:9px;padding:6px 9px;font-size:9px}
  .product-page .c1-product-stage .c1-unity-answer h3{font-size:21px}
  .product-page .c1-product-stage .c1-unity-answer>p{font-size:9.5px;line-height:1.4}
  .product-page .c1-product-stage .c1-unity-decision{margin-top:8px;padding:7px 9px}
  .product-page .c1-product-stage .c1-unity-decision p{display:none}
  .product-page .c1-product-stage .c1-unity-composer{margin:0 13px 9px;padding:7px 9px}
}

/* How It Works and Sovereign Cognition already own compact constitutional
   handoffs. Promote those at narrow desktop/tablet instead of duplicating a
   full proof below them and forcing a mid-card fold. */
@media (max-width:1100px){
  .how-page .b2-how-mobile-handoff{display:grid;margin-top:24px;border-block:1px solid rgba(255,255,255,.2);padding:14px 0;gap:8px;color:#f4f1e8}
  .how-page .b2-how-mobile-handoff>span{color:rgba(255,255,255,.52);font-size:10px;letter-spacing:.055em;text-transform:uppercase}
  .how-page .b2-how-mobile-handoff>strong{font-size:19px;line-height:1.1;letter-spacing:-.025em}
  .how-page .b2-how-mobile-handoff>div{display:flex;flex-wrap:wrap;gap:6px 10px}
  .how-page .b2-how-mobile-handoff em{color:rgba(255,255,255,.66);font-size:10px;font-style:normal}
  .how-page .b2-how-form .b2-act-contract{display:none}
  .how-page .b2-how-form__intro{gap:24px}
  .how-page .b2-act-spine{margin-top:30px}

  .b3-sc-page .b3-mobile-firewall-handoff{display:grid;margin-top:24px;border:1px solid var(--b3-ink)}
  .b3-sc-page .b3-mobile-firewall-handoff p{margin:0;padding:12px 14px;border-bottom:1px solid var(--b3-ink);display:grid;grid-template-columns:120px 1fr;gap:12px}
  .b3-sc-page .b3-mobile-firewall-handoff span{font-size:9px;text-transform:uppercase;letter-spacing:.1em}
  .b3-sc-page .b3-mobile-firewall-handoff strong{font-size:12px;line-height:1.35}
  .b3-sc-page .b3-mobile-firewall-handoff footer{padding:11px 14px;font-size:10px;line-height:1.4;letter-spacing:.05em}
  .b3-sc-page .b3-firewalls{display:none}
  .b3-sc-page .b3-hero-grid{gap:24px}
}

@media (max-width:760px){
  .b3-sc-page .b3-mobile-firewall-handoff p{grid-template-columns:100px 1fr}
}

/* The dedicated application theatre later on each detail page is the complete
   interface proof. Narrower hero compositions should not duplicate it as a
   half-visible device beneath the product statement. */
@media (max-width:1100px){
  .application-detail-page .application-detail-hero__theatre{display:none}
  .application-detail-page .application-detail-hero{grid-template-columns:1fr}
  .application-detail-page .application-detail-hero__copy{max-width:900px}
}

/* Ask's reference-question library is a second movement. The opening movement
   now ends after the usable public-reference composer instead of leaking a
   row of half-cards across the fold. */
.ask-reference-questions{
  padding:var(--c1-d1-section-compact) var(--pad);
  border-bottom:1px solid var(--line-light);
  background:#f6f3eb;
}
.ask-reference-questions__inner{width:min(100%,var(--max));margin:0 auto}
.ask-reference-questions__head{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:baseline;margin-bottom:22px}
.ask-reference-questions__head span{color:var(--ask-muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.ask-reference-questions__head strong{font-size:16px;font-weight:600}
.ask-reference-questions .ask-prompts{margin-top:0}
.ask-reference-questions .ask-prompts-more{margin-top:14px}
.ask-page .ask-arrival{border-bottom:0}

@media (max-width:760px){
  .ask-reference-questions{padding:48px 18px}
  .ask-reference-questions__head{grid-template-columns:1fr;gap:5px;margin-bottom:16px}
}

/* Reference-application explanatory prose must retain editorial measure even
   after the layout collapses from a two-column introduction. */
.reference-applications-page .reference-hero__lede,
.reference-applications-page .foundation-section__intro p:last-child{max-width:760px}

/* --------------------------------------------------------------------------
   D1 final fold choreography — visual adjudication after the measured court.
   A first viewport may preview the next movement, but it may not strand half
   of a proof object or half of the next movement's governing headline.
   -------------------------------------------------------------------------- */
@media (max-width:620px){
  /* Product: the role-bound continuing-matter handoff IS the mobile first-
     viewport proof. Do not reserve a viewport for a second, scaled Unity
     theatre immediately underneath it. */
  .product-page .c1-product-arrival__copy{
    min-height:0;
    grid-template-rows:auto auto auto;
    align-content:start;
    gap:16px;
  }
  .product-page .c1-product-mobile-handoff{align-self:auto;margin-top:10px;padding-top:13px}
  .product-page .c1-product-arrival{padding-bottom:34px}
  .product-page .c1-product-stage{display:none}

  /* How It Works already carries the governed five-office summary above the
     fold. The full act spine belongs to larger compositions. */
  .how-page .b2-how-form .b2-act-spine{display:none}
  .how-page .b2-how-form{padding-bottom:42px}

  /* Ask must close the public-reference composer as one object. Override the
     older ceremonial statement offset and trim utility chrome, not meaning. */
  .ask-page .ask-arrival{padding-top:22px;padding-bottom:30px}
  .ask-page .ask-arrival__statement{margin-top:0!important}
  .ask-page .ask-arrival__statement .eyebrow{margin-bottom:10px}
  .ask-page .ask-arrival h1{font-size:clamp(42px,11.35vw,45px);line-height:.98}
  .ask-page .ask-arrival__lede{margin-top:14px;font-size:16px;line-height:1.44}
  .ask-page .ask-arrival__conversion--primary{margin-top:17px;padding:14px 15px;gap:10px}
  .ask-page .ask-arrival__conversion--primary span{font-size:10px}
  .ask-page .ask-arrival__conversion--primary strong{font-size:15px}
  .ask-page .ask-arrival__conversion--primary a{min-height:42px;padding-inline:14px}
  .ask-page .ask-arrival__reference-intro{margin-top:17px;gap:3px}
  .ask-page .ask-arrival__reference-intro p{font-size:13.5px;line-height:1.42}
  .ask-page .ask-composer--arrival{margin-top:9px}
  .ask-page .ask-composer--arrival textarea{min-height:68px;padding:16px 17px 7px;font-size:16px}
  .ask-page .ask-composer--arrival .ask-composer__footer{min-height:48px;padding:6px 7px 7px 16px;gap:10px}
  .ask-page .ask-composer--arrival .ask-composer__footer p{font-size:10px}
  .ask-page .ask-composer--arrival .ask-send{min-width:104px;min-height:34px;font-size:12px}

  /* Sovereign Cognition: retain the deliberate glimpse of movement 01, but
     fit its governing statement rather than cutting it mid-headline. */
  .b3-sc-page .b3-whole-act{padding-top:50px}
  .b3-sc-page .b3-whole-act .b3-title{font-size:34px;line-height:.98;letter-spacing:-.045em}

  /* Technology: keep all four layers of the product boundary visible as one
     compact constitutional figure instead of cutting the deployment row. */
  .b4-page .b4-tech-hero{padding-top:28px;padding-bottom:32px}
  .b4-page .b4-tech-hero__grid{gap:20px}
  .b4-page .b4-tech-hero h1{font-size:clamp(37px,9.8vw,40px);line-height:.96}
  .b4-page .b4-tech-hero .b4-lede{font-size:16px;line-height:1.43;margin-bottom:18px}
  .b4-page .b4-tech-hero .b4-text-link{padding-bottom:6px}
  .b4-page .b4-tech-hero .b4-product-boundary figcaption{padding:10px 14px}
  .b4-page .b4-tech-hero .b4-product-boundary figcaption strong{font-size:16px}
  .b4-page .b4-tech-hero .b4-product-boundary__stack section{min-height:46px;padding:7px 14px;grid-template-columns:84px 1fr;gap:10px}
  .b4-page .b4-tech-hero .b4-product-boundary__stack section strong{font-size:12px;line-height:1.22}

  /* Atlas is an orientation surface, not a manifesto. Preserve both
     explanatory paragraphs and the system sequence while making the complete
     orientation movement available in the first mobile viewport. */
  .atlas-page .atlas-hero{padding-top:28px;padding-bottom:34px}
  .atlas-page .atlas-hero h1{font-size:47px;line-height:.93;margin:10px 0 10px}
  .atlas-page .atlas-hero__declaration{font-size:22px;line-height:1.06;margin-bottom:20px}
  .atlas-page .atlas-hero__copy{gap:12px}
  .atlas-page .atlas-hero__copy p{font-size:14px;line-height:1.42}
  .atlas-page .atlas-hero__rail{display:flex;grid-template-columns:none;flex-wrap:wrap;margin-top:24px;padding-top:14px;gap:5px 7px;font-size:9px;line-height:1.3}
  .atlas-page .atlas-hero__rail i:nth-of-type(5){transform:none}
}

@media (max-width:620px){
  /* Cognitive Canon: the release card is the point of the hero; close its
     border inside the viewport instead of wasting a trailing blank field. */
  .canon-page .canon-hero{padding-top:42px!important;padding-bottom:18px!important}
  .canon-page .canon-hero__main .section-lede{margin-top:20px}
}

/* --------------------------------------------------------------------------
   D1 strengthened fold court repairs — governing section statements are
   composed wholly inside a viewport when previewed; they are never stranded
   half above and half below the fold.
   -------------------------------------------------------------------------- */

/* Home: at browser-chrome-sensitive desktop widths, the proof editorial must
   start with its record instead of being vertically centred beside it. */
@media (max-width:1180px) and (min-width:901px){
  .home-page .c1-home-proof{padding-top:42px}
  .home-page .c1-home-proof__grid{align-items:start}
}

/* Product: if Information is visible as the first handoff, expose its whole
   governing statement instead of only the upper half of the heading. */
@media (max-width:900px){
  .product-page #information{padding-top:14px}
}
@media (max-width:620px){
  .product-page #information{padding-top:10px}
  .product-page #information .c1-section-title{font-size:31px;line-height:1.01;max-width:13.5ch}
}

/* How It Works: the Knowledge movement needs enough editorial measure to
   resolve as a statement alongside its proof rather than a narrow billboard. */
@media (min-width:1101px){
  .how-page .b2-how-know{padding-top:24px}
  .how-page .b2-how-know .b2-split{grid-template-columns:minmax(470px,.9fr) minmax(0,1.1fr);gap:58px;align-items:start}
  .how-page .b2-how-know .b2-title{font-size:44px;line-height:1.01;max-width:640px}
}
@media (max-width:620px){
  .how-page .b2-how-know{padding-top:10px}
  .how-page .b2-how-know .b2-title{font-size:31px;line-height:1.01}
}

/* Sovereign Cognition: the whole-act movement must open as an intelligible
   proposition, not as a four-line headline squeezed beside a large proof. */
@media (min-width:1101px){
  .b3-sc-page .b3-whole-act{padding-top:28px}
  .b3-sc-page .b3-whole-act .b3-split{grid-template-columns:minmax(500px,.9fr) minmax(0,1.1fr);gap:58px;align-items:start}
  .b3-sc-page .b3-whole-act .b3-title{font-size:46px;line-height:.99;max-width:16ch}
}
@media (max-width:1100px) and (min-width:621px){
  .b3-sc-page .b3-whole-act{padding-top:18px}
  .b3-sc-page .b3-whole-act .b3-title{font-size:40px;line-height:1;max-width:18ch}
}

/* Integrations: the Evidence movement is a deliberate immediate handoff. */
.b4-integrations main>.b4-dark{padding-top:28px}
.b4-integrations main>.b4-dark .b4-split{align-items:start}
.b4-integrations main>.b4-dark h2{font-size:clamp(40px,3.7vw,56px);max-width:13.5ch}

/* Technology: bring the invariant into the same first-screen narrative field
   and keep its title at editorial, rather than billboard, scale. */
.b4-technology main>.b4-invariant{padding-top:26px}
.b4-technology main>.b4-invariant h2{font-size:clamp(38px,3.35vw,50px);line-height:.97;max-width:15ch}
@media (max-width:900px){
  .b4-technology main>.b4-invariant{padding-top:14px}
}

/* Reference Applications: the contested-state theatre is the intended next
   movement, so its heading should arrive whole when the hero hands off. */
.reference-applications-page .portfolio-theatre{padding-top:22px}
@media (max-width:620px){
  .reference-applications-page .portfolio-theatre{padding-top:12px}
  .reference-applications-page .portfolio-theatre h2{font-size:32px;line-height:1.01}
}

/* Ask: close the public composer as one complete first-screen object in the
   common 1280-ish browser-chrome band. */
@media (max-width:1320px) and (min-width:901px){
  .ask-page .ask-arrival{padding-top:38px;padding-bottom:40px}
  .ask-page .ask-arrival__conversion--primary{margin-top:18px}
  .ask-page .ask-arrival__reference-intro{margin-top:18px}
  .ask-page .ask-composer--arrival{margin-top:10px}
  .ask-page .ask-composer--arrival textarea{min-height:76px;padding-top:18px}
  .ask-page .ask-composer--arrival .ask-composer__footer{min-height:46px;padding-block:6px}
}

/* Atlas: the workbench is an immediate continuation of the hero, not another
   ceremonial opening. */
@media (max-width:620px){
  .atlas-page .atlas-workbench{padding-top:12px}
  .atlas-page .atlas-workbench h2{font-size:34px;line-height:.98;margin-top:7px}
}

/* Canon: secondary-estate authority is dense and editorial. Its governing
   statements must not inherit launch-hero typography. */
.canon-page .canon-thesis{padding-top:28px}
.canon-page :is(.canon-thesis h2,.canon-section-heading h2,.canon-correction h2,.canon-boundary h2){
  font-size:clamp(38px,3.85vw,58px);
  line-height:.99;
  max-width:760px;
}
.canon-page .canon-thesis__layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(38px,5vw,72px)}
@media (max-width:800px){
  .canon-page .canon-thesis{padding-top:18px}
  .canon-page :is(.canon-thesis h2,.canon-section-heading h2,.canon-correction h2,.canon-boundary h2){font-size:clamp(34px,6.7vw,48px);max-width:17ch}
}
@media (max-width:620px){
  .canon-page .canon-thesis{padding-top:10px}
  .canon-page :is(.canon-thesis h2,.canon-section-heading h2,.canon-correction h2,.canon-boundary h2){font-size:33px;line-height:1}
}

/* Application detail pages: at narrow desktop the problem statement belongs
   in the first handoff, not as a multi-line billboard beneath the hero. */
@media (max-width:1100px) and (min-width:761px){
  .application-detail-page .application-detail-problem{padding-top:28px;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:42px}
  .application-detail-page .application-detail-problem h2{font-size:44px;line-height:.99;max-width:14ch}
}

/* Contact: tablet is a single-column task surface. Put the explanatory brief
   before a long form without a ceremonial vertical offset. */
@media (max-width:900px){
  .contact-page .contact-section{padding-top:30px}
  .contact-page .contact-stage{gap:32px}
  .contact-page .contact-brief h2{font-size:36px;line-height:1.04}
}

/* D1 fold-court iteration 2 — exact breakpoint choreography. */

/* Tablet Product: use the entire first browser field for the product arrival;
   the Information movement begins cleanly on the next viewport instead of
   exposing 66px of a governing statement. */
@media (max-width:900px) and (min-width:621px){
  .product-page .c1-product-arrival{min-height:calc(100svh - 64px)}
  .product-page #information{padding-top:18px}
}

/* Wide How: remove the last ceremonial offset before the Knowledge statement. */
@media (min-width:1101px){
  .how-page .b2-how-know{padding-top:0}
  .how-page .b2-how-know .b2-title{font-size:42px;max-width:680px}
}

/* At 1280-ish SC becomes an editorial stack. This is a genuinely different
   composition, not a squeezed version of the 1512 split-screen proof. */
@media (max-width:1320px) and (min-width:1101px){
  .b3-sc-page .b3-whole-act{padding-top:10px}
  .b3-sc-page .b3-whole-act .b3-split{grid-template-columns:1fr;gap:34px}
  .b3-sc-page .b3-whole-act .b3-editorial{max-width:850px}
  .b3-sc-page .b3-whole-act .b3-title{font-size:38px;line-height:1;max-width:24ch}
}
@media (max-width:1100px) and (min-width:621px){
  .b3-sc-page .b3-whole-act{padding-top:8px}
  .b3-sc-page .b3-whole-act .b3-title{font-size:36px;line-height:1;max-width:24ch}
}

/* On phones the B4 product-boundary heroes intentionally own the complete
   first browser field. Content remains top-aligned; the extra field is a clean
   section close, not vertical centring. */
@media (max-width:620px){
  .b4-page :is(.b4-int-hero,.b4-tech-hero){min-height:calc(100svh - 64px)}
}

/* At 1050 the Technology invariant can resolve wholly if its heading begins
   immediately; the default section rhythm is retained below. */
@media (max-width:1180px) and (min-width:901px){
  .b4-technology main>.b4-invariant{padding-top:0}
}

/* Supporting estate specificity must outrank the generic .field rhythm. */
@media (max-width:620px){
  body.atlas-page main>.atlas-workbench{padding-top:12px}
  body.atlas-page main>.atlas-workbench h2{font-size:34px;line-height:.98;margin-top:7px}
}

body.canon-page main>.canon-thesis{padding-top:20px}
body.canon-page main>.canon-index{padding-top:22px}
@media (max-width:800px){
  body.canon-page main>.canon-thesis{padding-top:16px}
  body.canon-page main>.canon-index{padding-top:18px}
}
@media (max-width:620px){
  body.canon-page main>.canon-thesis{padding-top:10px}
  body.canon-page main>.canon-index{padding-top:12px}
}

/* Product dossiers at 1050: compact the application switch and give the
   problem statement enough measure to be read as editorial argument. */
@media (max-width:1100px) and (min-width:761px){
  .application-detail-page .application-detail-hero{padding-bottom:40px}
  .application-detail-page .application-detail-switch a{padding:11px 18px;gap:2px}
  .application-detail-page .application-detail-switch a span{font-size:9px}
  .application-detail-page .application-detail-switch a strong{font-size:14px}
  .application-detail-page .application-detail-problem{padding-top:8px;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:34px}
  .application-detail-page .application-detail-problem h2{font-size:38px;line-height:1;max-width:18ch;margin-top:8px}
}

/* D1 fold-court iteration 3 — page authority must outrank generic field law. */
@media (max-width:1320px) and (min-width:1101px){
  .b3-sc-page .b3-firewall-hero{padding-bottom:30px}
}
@media (max-width:620px){
  body.atlas-page main>.atlas-workbench{padding-top:12px!important}
}
body.canon-page main>.canon-thesis{padding-top:20px!important}
body.canon-page main>.canon-index{padding-top:22px!important}
@media (max-width:800px){
  body.canon-page main>.canon-thesis{padding-top:16px!important}
  body.canon-page main>.canon-index{padding-top:18px!important}
}
@media (max-width:620px){
  body.canon-page main>.canon-thesis{padding-top:10px!important}
  body.canon-page main>.canon-index{padding-top:12px!important}
}

/* ===== HISTORICAL CASCADE SOURCE: ui3-c1-d2.css ===== */
/*
 * UI3-LIVE-C1-D2 — refinement audit and compositional closure.
 *
 * D2 does not change product or cognition semantics. It resolves the optical
 * shell, editorial rhythm, proof-family alignment, Unity tableau fidelity,
 * typography, and decorative architecture exposed by the D1 estate.
 */

:root{
  --d2-tight:clamp(54px,5.3vw,76px);
  --d2-section:clamp(72px,7vw,102px);
  --d2-hairline:color-mix(in srgb,var(--line-light,#d7d5ce) 82%,transparent);
}

/* --------------------------------------------------------------------------
   Editorial typography — finished publication, not architecture annotation.
   -------------------------------------------------------------------------- */

:is(h1,h2,h3,.c1-display,.c1-title,.b2-display,.b2-title,.b3-display,.b3-title,.b4-title){
  text-wrap:balance;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}

:is(p,.lede,.c1-copy,.b2-copy,.b3-copy,.b4-copy,.section-lede){
  text-wrap:pretty;
  overflow-wrap:normal;
  word-break:normal;
}

/* Eyebrows remain useful orientation, but stop looking like machine labels. */
:is(.eyebrow,.c1-eyebrow,.b2-eyebrow,.b3-eyebrow,.b4-eyebrow){
  text-transform:none !important;
  letter-spacing:.018em !important;
  font-weight:650 !important;
}

/* --------------------------------------------------------------------------
   Corporate shell — logo, editorial rail, and footer share one leading axis.
   -------------------------------------------------------------------------- */

@media (min-width:1181px){
  body.home-page,
  body.product-page{--d2-shell-width:1280px}

  body.how-page,
  body.platform-page,
  body.b4-page{--d2-shell-width:1320px}

  body.b3-sc-page{--d2-shell-width:1240px}

  body.reference-applications-page,
  body.application-detail-page{--d2-shell-width:1400px}

  body:not(.home-page):not(.product-page):not(.how-page):not(.platform-page):not(.b3-sc-page):not(.b4-page):not(.reference-applications-page):not(.application-detail-page){--d2-shell-width:1180px}

  body .masthead__inner,
  body .footer__inner{
    width:min(var(--d2-shell-width,1180px),calc(100vw - 72px));
    max-width:none;
    padding-left:0;
    padding-right:0;
  }

  /* The old Engineering bridge used a narrower historic rail. D2 resolves it
     onto the same corporate shell instead of moving the logo off-axis. */
  .engineering-legacy-page :is(.engineering-legacy-hero>div,.engineering-legacy-map>div){
    width:min(1180px,calc(100vw - 72px));
    max-width:none;
  }
}

/* At intermediate widths, principal-page chrome follows the same logical
   gutters as its page rail. */
@media (min-width:701px) and (max-width:1180px){
  :is(.home-page,.product-page) :is(.masthead__inner,.footer__inner){width:calc(100% - 48px);padding-inline:0}
  :is(.how-page,.platform-page,.b4-page) :is(.masthead__inner,.footer__inner){width:calc(100% - 56px);padding-inline:0}
  .b3-sc-page :is(.masthead__inner,.footer__inner){width:calc(100% - 64px);padding-inline:0}
  :is(.reference-applications-page,.application-detail-page) :is(.masthead__inner,.footer__inner){width:calc(100% - 56px);padding-inline:0}
}

/* Header brand should sit as a mark of custody, not a decorative island. */
@media (min-width:901px){
  .brand-lockup--header{width:132px}
  .masthead__inner{min-height:68px}
}

/* Footer: align the mark and statement at their top edge, then let navigation
   form one quiet baseline below. */
.footer__inner{padding-top:46px;padding-bottom:30px}
.footer__top{align-items:start;gap:clamp(36px,5vw,72px);padding-bottom:36px}
.footer__brand{align-items:flex-start}
.footer__brand .brand-lockup--footer,
.footer__brand .brand-lockup--footer.indwel-brand-mark{
  width:clamp(210px,17vw,262px);
  --indwel-brand-width:clamp(210px,17vw,262px);
}
.footer__statement{align-self:start;text-align:left;line-height:1.18;padding-top:1px}
.footer__bottom{align-items:start;gap:42px;padding-top:24px}
.footer__navs{align-items:start}
.footer__group strong{line-height:1.2}

/* --------------------------------------------------------------------------
   Section composition — editorial copy and proof should share a top axis.
   -------------------------------------------------------------------------- */

@media (min-width:901px){
  :is(.c1-product-movement__grid,.b2-split,.b3-split,.b4-split){align-items:start}
}

/* D1 solved gross fold failures. D2 removes residual ceremonial air without
   flattening distinct page rhythms. */
:is(.b2-platform-gradient,.b2-platform-resources,.b2-platform-proof,.b3-cumulative,.b3-powers,.b3-inference,.b4-systems,.b4-effects,.b4-models,.b4-consequence){
  padding-top:var(--d2-section);
  padding-bottom:var(--d2-section);
}

/* --------------------------------------------------------------------------
   De-scaffolding — retain meaning; remove decorative sequence machinery.
   -------------------------------------------------------------------------- */

/* These numbers are presentation indexes, not evidence/citation numbers. */
.b2-resource-model__spine article>i,
.b2-act-spine>span>i,
.b4-boundary__track>section>small,
.b4-spine>article>span,
.engineering-legacy-map article>span,
.atlas-case__steps>li>span,
.atlas-value__grid>article>span,
.contact-brief li>span,
.deployment-grid>article>span,
.announcement-empty__path li>span,
.application-detail-sovereign li>span,
.application-detail-architecture li>span{
  display:none !important;
}

.b2-resource-model__spine article{grid-template-columns:minmax(150px,.78fr) minmax(0,1.22fr)}
.b2-act-spine>span{grid-template-columns:minmax(0,1fr)}
.b4-boundary__track>section{grid-template-columns:1fr}
.b4-spine>article{grid-template-columns:minmax(0,1fr)}
.engineering-legacy-map article{grid-template-columns:1fr}
.atlas-case__steps li{grid-template-columns:1fr}
.atlas-case__steps strong{margin-top:0}
.atlas-value__grid h3{margin-top:8px}
.contact-brief li{grid-template-columns:1fr;gap:0}
.deployment-grid h3{margin-top:6px}
.announcement-empty__path li{grid-template-columns:1fr}
.application-detail-sovereign li{grid-template-columns:1fr;gap:0}
.application-detail-architecture li{justify-content:flex-start;gap:9px;min-height:142px}

/* Reference-question lists are prompts, not a numbered architecture. */
.ask-prompts--reference button>span:first-child{display:none}
.ask-prompts--reference button{grid-template-columns:minmax(0,1fr) auto}

/* Application dossier code chapters retain ordering through their spatial list,
   not visible chapter numerals. Evidence-source numerals inside the iPhone
   itself remain because they are citation identities. */
.application-detail-page .detail-code-chapters button>span{display:none}
.application-detail-page .detail-code-chapters button{grid-template-columns:1fr;gap:4px}

/* --------------------------------------------------------------------------
   Platform proof family — three distinct products, one compositional family.
   -------------------------------------------------------------------------- */

@media (min-width:1121px){
  .platform-page .b2-app-theatre{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
    align-items:start;
  }
  .platform-page .b2-app{
    display:grid;
    grid-template-rows:54px 418px auto;
    min-width:0;
    align-content:start;
  }
  .platform-page .b2-app__meta{
    min-height:0;
    height:54px;
    padding:0 2px 10px;
    align-items:end;
  }
  .platform-page .b2-app__meta span{font-size:12.5px;line-height:1.15}
  .platform-page .b2-app__meta em{font-size:10px;line-height:1.15}
  .platform-page .b2-app__meta strong{font-size:9.5px;padding:5px 8px}
  .platform-page .b2-phone{
    width:min(230px,100%);
    height:418px;
    border-width:7px;
    border-radius:28px;
    align-self:start;
  }
  .platform-page .b2-phone__body{min-height:0;height:calc(100% - 62px);overflow:hidden;padding:12px 11px}
  .platform-page .b2-phone h2{font-size:15px;line-height:1.16;margin:9px 0}
  .platform-page .b2-ios-answer{padding:9px}
  .platform-page .b2-ios-answer strong{font-size:10.5px}
  .platform-page .b2-ios-answer p{font-size:8.5px;line-height:1.38}
  .platform-page .b2-ios-source{margin-top:5px;padding:6px 0}
  .platform-page .b2-material-app,
  .platform-page .b2-carbon-app{height:418px;align-self:start}
  .platform-page .b2-material-app>header,
  .platform-page .b2-carbon-app>header{height:44px;min-height:44px;font-size:8.5px}
  .platform-page .b2-material-app>header b,
  .platform-page .b2-carbon-app>header b{font-size:8px}
  .platform-page .b2-material-layout,
  .platform-page .b2-carbon-layout{height:374px;min-height:0}
  .platform-page .b2-material-layout{grid-template-columns:82px minmax(0,1fr)}
  .platform-page .b2-carbon-layout{grid-template-columns:88px minmax(0,1fr)}
  .platform-page .b2-material-layout>section,
  .platform-page .b2-carbon-layout>section{padding:12px}
  .platform-page .b2-material-title h2,
  .platform-page .b2-carbon-title h2{font-size:17px;line-height:1.13}
  .platform-page .b2-material-grid{margin-top:11px;gap:5px}
  .platform-page .b2-material-grid article{min-height:100px;padding:8px}
  .platform-page .b2-material-grid p{font-size:7.8px;line-height:1.36}
  .platform-page .b2-material-decision{padding:9px;margin-top:7px}
  .platform-page .b2-carbon-app table{margin-top:11px;font-size:7.8px}
  .platform-page .b2-carbon-app th,
  .platform-page .b2-carbon-app td{padding:6px 5px}
  .platform-page .b2-carbon-callout{margin-top:9px;padding:9px 10px}
  .platform-page .b2-app>a{align-self:start;margin-top:12px;font-size:11.5px}
}

/* --------------------------------------------------------------------------
   Unity public tableaux — move closer to the current Mineral application shell.
   This is a deterministic marketing tableau, not a second Unity implementation.
   -------------------------------------------------------------------------- */

@media (min-width:1121px){
  :is(.home-page,.product-page) .c1-unity-topbar{
    min-height:56px;
    height:56px;
    gap:14px;
    padding:9px 16px 9px 18px;
    background:color-mix(in srgb,#f6f8f5 88%,#fff);
  }
  :is(.home-page,.product-page) .c1-unity-brand{
    flex:0 0 128px;
    font-size:22px;
    font-weight:720;
    letter-spacing:-.034em;
  }
  :is(.home-page,.product-page) .c1-unity-scope{
    height:38px;
    display:flex;
    align-items:center;
    max-width:300px;
    padding:0 10px;
    border-color:transparent;
    background:transparent;
    border-radius:10px;
    font-size:11.5px;
  }
  :is(.home-page,.product-page) .c1-unity-avatar{width:32px;height:32px;font-size:10px}
  .product-page .c1-product-stage .c1-unity-layout{
    height:calc(100% - 56px);
    grid-template-columns:226px minmax(0,1fr) 300px;
  }
  .home-page .c1-home-arrival .c1-unity-layout{
    height:calc(100% - 56px);
    grid-template-columns:158px minmax(0,1fr) 218px;
  }
  :is(.home-page,.product-page) .c1-unity-side{padding:13px 10px;background:#f5f7f4}
  :is(.home-page,.product-page) .c1-unity-side-label{
    margin:12px 8px 5px;
    font-size:10px;
    letter-spacing:.035em;
    text-transform:none;
    font-weight:620;
  }
  :is(.home-page,.product-page) :is(.c1-unity-nav,.c1-unity-workitem){
    min-height:36px;
    padding:9px 10px;
    border-radius:10px;
    font-size:11.5px;
  }
  :is(.home-page,.product-page) .c1-unity-nav--active{background:#e7ebe6}
  :is(.home-page,.product-page) .c1-unity-head{padding:13px 18px 12px}
  :is(.home-page,.product-page) .c1-unity-kicker{font-size:9.5px;letter-spacing:.025em;text-transform:none}
  :is(.home-page,.product-page) .c1-unity-title{font-size:16.5px}
  :is(.home-page,.product-page) .c1-unity-objective{font-size:10.5px}
  :is(.home-page,.product-page) .c1-unity-question{font-size:11.5px}
  :is(.home-page,.product-page) .c1-unity-answer-label{font-size:9.5px}
  :is(.home-page,.product-page) .c1-unity-answer>p{font-size:11px}
  :is(.home-page,.product-page) .c1-unity-decision small{font-size:8.5px}
  :is(.home-page,.product-page) .c1-unity-decision strong{font-size:13px}
  :is(.home-page,.product-page) .c1-unity-composer{font-size:10.5px}
  :is(.home-page,.product-page) .c1-workbench-head{font-size:11.5px}
}

/* Narrow desktop tableau should stay legible when D1 removes the third pane. */
@media (min-width:701px) and (max-width:1120px){
  .product-page .c1-product-stage .c1-unity-topbar{min-height:48px;height:48px}
  .product-page .c1-product-stage .c1-unity-layout{height:calc(100% - 48px);grid-template-columns:152px minmax(0,1fr)}
  .product-page .c1-product-stage :is(.c1-unity-nav,.c1-unity-workitem){font-size:10px;line-height:1.22}
  .product-page .c1-product-stage .c1-unity-answer>p{font-size:10px}
}

/* --------------------------------------------------------------------------
   Controls and microcopy — no graceless wrapping inside proof chrome.
   -------------------------------------------------------------------------- */

:is(.masthead nav a,.nav-cta,.nav-utility,.c1-action,.b2-text-link,.b3-text-link,.b4-text-link,
    .application-detail-hero__actions a,.application-detail-switch a strong,
    .c1-unity-status,.c1-unity-chip,.b2-app__meta strong){
  white-space:nowrap;
}

/* Keep compact labels compact; allow prose to wrap naturally. */
:is(.c1-unity-scope,.c1-unity-title,.b2-app__meta span,.b2-app__meta em){
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Supporting-estate cards should read as editorial content, not numbered tiles. */
:is(.deployment-grid article,.engineering-legacy-map article,.atlas-value__grid article){
  align-content:start;
}

/* Legal labels become named sections rather than a numbered mini-constitution. */
.legal-page .eyebrow{font-size:11.5px}

/* --------------------------------------------------------------------------
   Mobile refinement — preserve the D1 fold court and improve text grace.
   -------------------------------------------------------------------------- */

@media (max-width:700px){
  :is(.masthead__inner,.footer__inner){width:calc(100% - 40px);padding-inline:0}
  .footer__top{gap:28px;padding-bottom:30px}
  .footer__brand .brand-lockup--footer,
  .footer__brand .brand-lockup--footer.indwel-brand-mark{width:min(68vw,248px);--indwel-brand-width:min(68vw,248px)}
  .footer__statement{font-size:17px;gap:1px}
  .footer__statement span{white-space:normal}
  :is(.eyebrow,.c1-eyebrow,.b2-eyebrow,.b3-eyebrow,.b4-eyebrow){font-size:10.5px !important;line-height:1.35}
  :is(h1,h2,h3){text-wrap:balance}
  .application-detail-architecture li{min-height:0}
  .atlas-value__grid h3{margin-top:4px}
}

/* 1280×800 pressure band: use the available fold for one complete Engineering
   handoff instead of slicing the Build/Integrate/Operate headings. */
@media (min-width:1181px) and (max-width:1350px) and (max-height:850px){
  .engineering-legacy-page .engineering-legacy-hero{padding-bottom:48px}
}
@media (min-width:1181px) and (max-width:1350px){
  .engineering-legacy-page .engineering-legacy-hero{padding-bottom:48px !important}
}

/* Supporting properties that historically applied a second inline pad inside
   the field rail now resolve directly onto the corporate leading axis. */
.atlas-page .atlas-hero,
.announcements-hero{padding-left:0;padding-right:0}

@media (max-width:1180px) and (min-width:701px){
  .engineering-legacy-page .engineering-legacy-hero>div{width:100%}
}

/* Contact's former one-column conversion kept both the desktop grid gap and a
   mobile support margin, creating a conspicuous blank field. One rhythm owns
   the handoff now. */
@media (max-width:900px){
  .contact-page .contact-hero__inner{gap:0}
  .contact-page .contact-hero__support{margin-top:26px}
}
@media (max-width:620px){
  .contact-page .contact-hero{padding-top:34px;padding-bottom:42px}
  .contact-page .contact-hero__support{margin-top:22px;padding-top:18px}
}

/* Product dossiers favour a naturally resolved statement over artificially
   equalised line lengths; balanced wrapping was creating a two-word orphan. */
.application-detail-page .application-detail-hero h1,
.application-detail-page .application-detail-problem h2{ text-wrap:pretty }

/* --------------------------------------------------------------------------
   D2 audit calibration — intermediate rails and proof typography.
   The live audit showed that legacy page-family max-widths still moved the
   masthead mark 12–16 px off the editorial leading edge between 901–1180 px.
   At those widths the page's own --pad is the authoritative editorial gutter.
   -------------------------------------------------------------------------- */
@media (min-width:901px) and (max-width:1180px){
  :is(.home-page,.product-page,.how-page,.platform-page,.reference-applications-page,.application-detail-page)
    :is(.masthead__inner,.footer__inner){
      width:100%;
      padding-left:var(--pad);
      padding-right:var(--pad);
  }
  /* B3 and B4 own bespoke rails; keep chrome on those exact axes. */
  .b3-sc-page :is(.masthead__inner,.footer__inner){width:var(--b3-rail);padding-inline:0}
  .b4-page :is(.masthead__inner,.footer__inner){width:var(--b4-rail);padding-inline:0}
}

/* D1's compact Home/Product rail is 20 px at tablet widths. Bind chrome to it
   instead of letting a historic 24 px shell survive beside the content. */
@media (min-width:701px) and (max-width:900px){
  :is(.home-page,.product-page) :is(.masthead__inner,.footer__inner){width:calc(100% - 40px);padding-inline:0}
}

@media (max-width:700px){
  /* One mobile leading edge for the flagship story pages. */
  :is(.home-page,.product-page) .c1-rail{width:calc(100% - 40px)}
  .b4-page{--b4-rail:calc(100% - 40px)}
  .engineering-legacy-page .engineering-legacy-hero>div{width:100%;max-width:none}
}

/* Product proof labels remain compact but must never fall into sub-8px
   annotation territory on desktop. */
@media (min-width:901px){
  .product-page .c1-product-stage .c1-unity-workitem small{font-size:8.25px;line-height:1.25}
}

/* The three Platform demonstrations are deliberately miniature, but their
   smallest explanatory text must remain marketing-legible. */
@media (min-width:1121px){
  .platform-page .b2-ios-source small,
  .platform-page .b2-ios-source em,
  .platform-page .b2-material-grid small,
  .platform-page .b2-material-grid em,
  .platform-page .b2-material-decision span,
  .platform-page .b2-material-title>span,
  .platform-page .b2-carbon-title>span{font-size:8px;line-height:1.25}

  .platform-page .b2-material-grid p,
  .platform-page .b2-material-decision p,
  .platform-page .b2-carbon-app table{font-size:8.15px;line-height:1.34}
}

/* Final optical-shell calibration after the 1280/1050 audit. */
@media (min-width:1181px) and (max-width:1399px){
  :is(.home-page,.product-page,.how-page,.platform-page,.reference-applications-page,.application-detail-page)
    :is(.masthead__inner,.footer__inner){
      width:100%;
      padding-left:var(--pad);
      padding-right:var(--pad);
  }
}
@media (min-width:901px) and (max-width:1180px){
  .home-page :is(.masthead__inner,.footer__inner){width:calc(100% - 52px);padding-inline:0}
  :is(.product-page,.how-page,.platform-page,.reference-applications-page,.application-detail-page)
    :is(.masthead__inner,.footer__inner){width:100%;padding-left:var(--pad);padding-right:var(--pad)}
}
@media (min-width:701px) and (max-width:900px){
  :is(.how-page,.platform-page,.reference-applications-page,.application-detail-page)
    :is(.masthead__inner,.footer__inner){width:100%;padding-left:var(--pad);padding-right:var(--pad)}
}

/* Bespoke C1 rails own their shell geometry at every width. */
.b3-sc-page :is(.masthead__inner,.footer__inner){width:var(--b3-rail);max-width:none;padding-inline:0}
.b4-page :is(.masthead__inner,.footer__inner){width:min(1320px,calc(100% - 88px));max-width:none;padding-inline:0}
@media (max-width:1100px){.b4-page :is(.masthead__inner,.footer__inner){width:min(1120px,calc(100% - 56px))}}
@media (max-width:820px){.b4-page :is(.masthead__inner,.footer__inner){width:calc(100% - 40px)}}
@media (max-width:390px){.b4-page :is(.masthead__inner,.footer__inner){width:calc(100% - 40px)}}
:is(.detail-state-controls button,.detail-code-language button,.detail-code-main>footer button,.detail-code-main>footer a){white-space:nowrap}

/* --------------------------------------------------------------------------
   D2 public microtype floor.
   Outside deliberately miniature product tableaux and code, no explanatory
   public text may collapse into 8–9px systems-annotation scale. Existing
   larger type remains unchanged; the floor only lifts undersized leaf text.
   -------------------------------------------------------------------------- */
:where(main) :where(span,small,em,strong,b,dt,dd,time,i,label,p):not(:where(figure *,.c1-unity-window *,.b2-app-theatre *,.detail-device *,.detail-code-viewer *,pre *,code *)){
  font-size:max(10px,1em) !important;
}

/* Sovereign Cognition: at compact desktop and phone widths the firewall hero
   owns a complete first browser field. The whole-act heading therefore begins
   cleanly after the fold instead of being bisected by browser chrome. */
@media (min-width:901px) and (max-width:1100px), (max-width:620px){
  .b3-sc-page .b3-firewall-hero{min-height:calc(100svh - 64px)}
}

/* --------------------------------------------------------------------------
   D2 legibility/fold reconciliation.
   Raising public explanatory microtype to a humane floor is not allowed to
   create new half-headings or half-proofs. Recompose the pressure bands rather
   than shrinking text back into systems-annotation scale.
   -------------------------------------------------------------------------- */

/* Home wide: the continuing-matter movement begins early enough that its
   statement resolves within the first browser field instead of being sliced. */
@media (min-width:1400px){
  .home-page .c1-home-proof{padding-top:40px}
}

/* Home phone: use the same complete matter, but compose its last two states as
   peer cells so the whole proof—not a cropped third row—fits in the arrival. */
@media (max-width:620px){
  .home-page .c1-home-arrival{padding-top:24px;padding-bottom:24px}
  .home-page .c1-home-arrival__grid{gap:18px}
  .home-page .c1-home-arrival__lede{margin-top:12px}
  .home-page .c1-home-arrival .c1-actions{margin-top:14px}
  .home-page .c1-home-mobile-proof{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);margin-top:0}
  .home-page .c1-home-mobile-proof__head{grid-column:1/-1;padding:8px 10px}
  .home-page .c1-home-mobile-proof__body{padding:9px 10px 8px;border-right:1px solid #d9ddd7}
  .home-page .c1-home-mobile-proof__body strong{font-size:16px;line-height:1.18}
  .home-page .c1-home-mobile-proof__body p{font-size:10px;line-height:1.35}
  .home-page .c1-home-mobile-proof__next{display:grid;align-content:start;gap:5px;padding:9px 10px;border-top:0}
  .home-page .c1-home-mobile-proof__next strong{font-size:10px;line-height:1.3}
}

/* How It Works: the five-stage rail remains legible at 1280 without crossing
   the fold; on phones the next governing statement begins wholly afterwards. */
@media (min-width:1101px) and (max-width:1320px){
  .how-page .b2-act-spine>span{min-height:88px;padding:14px 16px}
}
@media (max-width:620px){
  .how-page .b2-how-know{padding-top:92px}
}

/* Sovereign Cognition: at 1280 trim only ceremonial lead-in around the full
   firewall proof; at wide desktop give the next movement a clean fold entry. */
@media (min-width:1181px) and (max-width:1320px){
  .b3-sc-page .b3-firewall-hero{padding-top:55px}
}
@media (min-width:1400px){
  .b3-sc-page .b3-whole-act{padding-top:100px}
}

/* Technology tablet: the operating-model statement belongs to the available
   portrait viewport rather than beginning behind the browser's lower edge. */
@media (min-width:701px) and (max-width:900px){
  .b4-technology main>.b4-invariant{padding-top:28px}
}

/* Atlas wide: Workbench is an immediate continuation, not a second hero. */
@media (min-width:1400px){
  body.atlas-page main>.atlas-workbench{padding-top:0}
  body.atlas-page main>.atlas-workbench h2{margin-top:0}
}

/* Application dossiers at 1050: preserve the 10px metadata floor by making
   the hero itself more editorial and less billboard-like. */
@media (min-width:901px) and (max-width:1100px){
  .application-detail-page .application-detail-hero{padding-top:34px;padding-bottom:26px}
  .application-detail-page .application-detail-hero h1{font-size:48px;line-height:.96;max-width:16ch;margin:10px 0 16px}
  .application-detail-page .application-detail-hero .lede{font-size:17px;line-height:1.44}
  .application-detail-page .application-detail-hero__meta{margin-top:16px}
  .application-detail-page .application-detail-hero__actions{margin-top:16px}
}

/* --------------------------------------------------------------------------
   D2 final fold adjudication.
   These three adjustments came from the inherited D1 court after the D2
   legibility floor: use existing dead field before adding new whitespace.
   -------------------------------------------------------------------------- */
@media (min-width:1400px){
  /* Home: reclaim the proof movement's ceremonial lead-in so its governing
     statement resolves completely inside the first browser field. */
  .home-page .c1-home-proof{padding-top:0}

  /* Atlas: D1's supporting-estate !important rule was still reinstating a
     full section pad above Workbench. Workbench is an immediate continuation
     of the Atlas declaration, not another hero. */
  body.atlas-page main>.atlas-workbench{padding-top:0 !important}
  body.atlas-page main>.atlas-workbench h2{margin-top:0 !important}
}
@media (min-width:701px) and (max-width:900px){
  /* Technology portrait tablet: the product-boundary proof already closes the
     hero. Remove the redundant trailing field and tighten the invariant entry
     so the next statement is wholly visible rather than bisected. */
  .b4-technology .b4-tech-hero{padding-bottom:0}
  .b4-technology main>.b4-invariant{padding-top:18px}
}

/* Home proof optical alignment: on wide desktop the editorial statement and
   proof record share a top axis. This is stronger than vertically centring a
   three-line heading beside the middle of the record merely to satisfy fold. */
@media (min-width:1400px){
  .home-page .c1-home-proof{padding-top:40px}
  .home-page .c1-home-proof__grid{align-items:start}
}

/* ===== HISTORICAL CASCADE SOURCE: ui3-c1-d3.css ===== */
/* UI3-LIVE-C1-D3 — Figure Constitutionalisation and Pixel Polish
   Jurisdiction: public visual artefacts only. No cognition/runtime authority. */

:root{
  --d3-figure-line:rgba(20,23,20,.20);
  --d3-figure-line-soft:rgba(20,23,20,.10);
  --d3-figure-shadow:0 26px 76px rgba(18,20,17,.115);
  --d3-figure-radius:16px;
  --d3-micro:10px;
  --d3-small:11px;
}

/* --------------------------------------------------------------------------
   Constitutional figure finish — every public figure is a finished object
   -------------------------------------------------------------------------- */
main figure{min-width:0}
main figure :is(strong,span,p,small,em,dt,dd,th,td){overflow-wrap:normal;word-break:normal}
main figure :is(h2,h3,strong){text-wrap:balance}
main figure :is(p,dd,td,small){text-wrap:pretty}
main figure figcaption{line-height:1.45}

/* --------------------------------------------------------------------------
   Sovereign Cognition — information graphics, not architecture scaffolds
   -------------------------------------------------------------------------- */
.b3-sc-page .b3-firewalls{
  border-color:rgba(16,19,16,.72);
  border-radius:14px;
  box-shadow:var(--d3-figure-shadow);
  overflow:hidden;
}
.b3-sc-page .b3-firewalls figcaption{
  grid-template-columns:180px minmax(0,1fr);
  min-height:62px;
  gap:24px;
  padding:14px 20px;
  background:#eeebe3;
}
.b3-sc-page .b3-firewalls figcaption span{align-self:center}
.b3-sc-page .b3-firewalls figcaption strong{font-size:13px;line-height:1.35}
.b3-sc-page .b3-firewalls__plane{
  grid-template-columns:minmax(132px,.82fr) 112px minmax(170px,1.08fr) 112px minmax(132px,.82fr);
  min-height:390px;
  background:#f8f5ee;
}
.b3-sc-page .b3-firewalls__source,
.b3-sc-page .b3-firewalls__models{padding:28px 22px;justify-content:center}
.b3-sc-page .b3-firewalls__source strong,
.b3-sc-page .b3-firewalls__models strong{font-size:17px;line-height:1.24;margin:12px 0}
.b3-sc-page .b3-firewalls__source small,
.b3-sc-page .b3-firewalls__models small{font-size:11px;line-height:1.45}
.b3-sc-page .b3-firewall{
  writing-mode:horizontal-tb;
  transform:none;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  text-align:left;
  padding:24px 14px;
  gap:8px;
  border-left:1px solid rgba(16,19,16,.56);
  border-right:1px solid rgba(16,19,16,.56);
}
.b3-sc-page .b3-firewall span{font-size:9px;line-height:1.25;letter-spacing:.10em}
.b3-sc-page .b3-firewall strong{font-size:12px;line-height:1.35}
.b3-sc-page .b3-firewall small{display:block;font-size:10px;line-height:1.4;opacity:.66}
.b3-sc-page .b3-work-core{
  min-height:264px;
  margin:auto 16px;
  padding:26px 18px;
  border-radius:12px;
  box-shadow:0 18px 42px rgba(16,19,16,.16);
}
.b3-sc-page .b3-work-core strong{font-size:27px;margin:12px 0 14px}
.b3-sc-page .b3-work-core span{padding:9px 0;font-size:11px;letter-spacing:.07em}
.b3-sc-page .b3-work-core em{font-size:10px;line-height:1.4}
.b3-sc-page .b3-sovereign-spine{background:#f0ede5}
.b3-sc-page .b3-sovereign-spine span{
  min-height:42px;
  display:grid;
  place-items:center;
  padding:9px 6px;
  font-size:9px;
  letter-spacing:.09em;
}

.b3-sc-page .b3-act{border-radius:14px;overflow:hidden;box-shadow:0 28px 70px rgba(0,0,0,.19)}
.b3-sc-page .b3-act__objective,.b3-sc-page .b3-act__contract{grid-template-columns:152px minmax(0,1fr);min-height:68px;padding:16px 22px}
.b3-sc-page .b3-act__flow{grid-template-columns:repeat(3,minmax(0,1fr))}
.b3-sc-page .b3-act__flow li{min-height:136px;padding:20px 21px;gap:24px}
.b3-sc-page .b3-act__flow strong{font-size:14px;line-height:1.4}
.b3-sc-page .b3-act footer{align-items:center;min-height:58px;padding:15px 22px}

.b3-sc-page .b3-context-economy{border-radius:14px;overflow:hidden;box-shadow:var(--d3-figure-shadow);grid-template-columns:minmax(0,1.45fr) 148px minmax(292px,.72fr)}
.b3-sc-page .b3-durable-estate header{padding:22px 24px}
.b3-sc-page .b3-estate-lines p{grid-template-columns:142px minmax(0,1fr) 118px;gap:18px;min-height:64px;padding:13px 24px}
.b3-sc-page .b3-estate-lines em{font-size:10px;line-height:1.35}
.b3-sc-page .b3-compile{padding:22px 15px}
.b3-sc-page .b3-work-brief{padding:28px}

.b3-sc-page .b3-separation{min-height:650px;border-radius:16px;overflow:hidden;box-shadow:var(--d3-figure-shadow)}
.b3-sc-page .b3-office{width:calc(50% - 136px);min-height:166px;padding:22px;border-radius:12px;box-shadow:0 14px 32px rgba(20,23,20,.07)}
.b3-sc-page .b3-office strong{font-size:16px;line-height:1.32}
.b3-sc-page .b3-office small{font-size:11px;line-height:1.45}
.b3-sc-page .b3-separation__center{width:220px;height:220px}

.b3-sc-page .b3-inference-map{border-radius:14px;overflow:hidden}
.b3-sc-page .b3-inference-map__law{grid-template-columns:170px minmax(0,1fr) minmax(250px,.7fr);gap:26px;padding:27px 30px}
.b3-sc-page .b3-inference-map__venues section{min-height:218px;padding:26px 28px}
.b3-sc-page .b3-inference-map__venues h3{font-size:24px;line-height:1.15}
.b3-sc-page .b3-inference-map__composition{grid-template-columns:180px minmax(0,.9fr) minmax(0,1.1fr);gap:26px;padding:22px 28px}
.b3-sc-page .b3-close nav a{grid-template-columns:112px minmax(0,1fr) 24px;gap:18px;min-height:68px;padding:14px 0}
.b3-sc-page .b3-close nav span{font-size:10px;line-height:1.25}
.b3-sc-page .b3-close nav strong{font-size:13px;line-height:1.4}

/* --------------------------------------------------------------------------
   Platform — three real applications, one shared constitutional platform
   -------------------------------------------------------------------------- */
.platform-page .b2-platform-products{padding-bottom:clamp(82px,8vw,124px)}
.platform-page .b2-app-theatre{
  display:grid;
  grid-template-columns:1fr;
  gap:32px;
  align-items:stretch;
  margin-top:58px;
}
.platform-page .b2-app{
  display:grid;
  grid-template-columns:246px minmax(0,1fr);
  grid-template-rows:auto auto;
  column-gap:28px;
  min-width:0;
  padding:24px;
  border:1px solid rgba(23,26,23,.18);
  border-radius:18px;
  background:rgba(255,255,255,.58);
  box-shadow:0 18px 54px rgba(22,25,21,.07);
}
.platform-page .b2-app__meta{
  grid-column:1;
  grid-row:1;
  display:block;
  min-height:0;
  padding:6px 2px 0;
}
.platform-page .b2-app__meta>span{display:block;font-size:19px;line-height:1.1;letter-spacing:-.025em}
.platform-page .b2-app__meta>strong{display:inline-flex;grid-row:auto;margin-top:11px;padding:5px 8px;font-size:9px}
.platform-page .b2-app__meta>em{display:block;margin-top:10px;font-size:10px;line-height:1.35}
.platform-page .b2-app__purpose{margin:18px 0 0;color:#555d55;font-size:12px;line-height:1.5}
.platform-page .b2-app__facts{margin:18px 0 0;border-top:1px solid rgba(23,26,23,.13)}
.platform-page .b2-app__facts div{display:grid;grid-template-columns:58px minmax(0,1fr);gap:8px;padding:9px 0;border-bottom:1px solid rgba(23,26,23,.09)}
.platform-page .b2-app__facts dt{color:#777e77;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.platform-page .b2-app__facts dd{margin:0;color:#343a34;font-size:10px;line-height:1.4}
.platform-page .b2-app> :is(.b2-phone,.b2-material-app,.b2-carbon-app){grid-column:2;grid-row:1 / span 2;align-self:center}
.platform-page .b2-app--company .b2-phone{width:310px;margin-inline:auto}
.platform-page .b2-app--company{background:linear-gradient(110deg,rgba(255,255,255,.75),rgba(240,245,250,.72))}
.platform-page .b2-app--vendor{background:linear-gradient(110deg,rgba(255,255,255,.75),rgba(246,242,252,.78))}
.platform-page .b2-app--release{background:linear-gradient(110deg,rgba(255,255,255,.75),rgba(242,242,242,.85))}
.platform-page .b2-app>a{grid-column:1;grid-row:2;align-self:end;margin-top:22px;padding-top:12px;border-top:1px solid rgba(23,26,23,.13);font-size:11px}

/* Native application surfaces get readable product-scale text now that they
   are no longer compressed into thirds of one row. */
.platform-page .b2-material-app>header,.platform-page .b2-carbon-app>header{font-size:11px}
.platform-page .b2-material-app>header b,.platform-page .b2-carbon-app>header b{font-size:10px}
.platform-page .b2-material-logo{width:30px;height:30px;font-size:9px}
.platform-page .b2-material-layout{min-height:440px;grid-template-columns:128px minmax(0,1fr)}
.platform-page .b2-material-layout>aside{padding:16px 10px}
.platform-page .b2-material-layout>aside span{padding:9px 10px;font-size:10px}
.platform-page .b2-material-layout>section{padding:24px 26px}
.platform-page .b2-material-title small{font-size:10px}
.platform-page .b2-material-title h2{max-width:620px;font-size:25px;line-height:1.13}
.platform-page .b2-material-title>span{padding:6px 9px;font-size:9px;white-space:nowrap}
.platform-page .b2-material-grid{gap:12px;margin-top:22px}
.platform-page .b2-material-grid article{min-height:138px;padding:14px}
.platform-page .b2-material-grid small,.platform-page .b2-material-grid em,.platform-page .b2-material-decision span{font-size:9px}
.platform-page .b2-material-grid strong{font-size:15px}
.platform-page .b2-material-grid p,.platform-page .b2-material-decision p{font-size:10px}
.platform-page .b2-material-decision{margin-top:14px;padding:15px}
.platform-page .b2-material-decision strong{font-size:14px}

.platform-page .b2-carbon-layout{min-height:446px;grid-template-columns:138px minmax(0,1fr)}
.platform-page .b2-carbon-layout>aside{padding:12px 0}
.platform-page .b2-carbon-layout>aside span{padding:10px 14px;font-size:10px}
.platform-page .b2-carbon-layout>section{padding:24px 26px}
.platform-page .b2-carbon-title small{font-size:10px}
.platform-page .b2-carbon-title h2{max-width:620px;font-size:26px;line-height:1.13}
.platform-page .b2-carbon-title>span{padding:6px 9px;font-size:9px;white-space:nowrap}
.platform-page .b2-carbon-app table{margin-top:22px;font-size:10px}
.platform-page .b2-carbon-app th,.platform-page .b2-carbon-app td{padding:12px 10px}
.platform-page .b2-carbon-callout{margin-top:18px;padding:15px 16px}
.platform-page .b2-carbon-callout strong{font-size:13px}
.platform-page .b2-carbon-callout p{font-size:10px}

.platform-page .b2-phone__status{font-size:9px}
.platform-page .b2-phone__nav{font-size:10px}
.platform-page .b2-phone__body{min-height:480px;padding:18px 16px 24px}
.platform-page .b2-ios-chip{font-size:9px}
.platform-page .b2-phone h2{font-size:19px}
.platform-page .b2-ios-answer small{font-size:9px}
.platform-page .b2-ios-answer strong{font-size:13px}
.platform-page .b2-ios-answer p{font-size:10px}
.platform-page .b2-ios-source strong{font-size:10px}
.platform-page .b2-ios-source small,.platform-page .b2-ios-source em{font-size:9px}

/* Shared resource figure: remove decorative sequence numbers and use an
   optical three-column ledger with a real row axis. */
.platform-page .b2-resource-model{border-radius:14px;box-shadow:var(--d3-figure-shadow)}
.platform-page .b2-resource-model__spine{padding:10px 20px 16px}
.platform-page .b2-resource-model__spine article{grid-template-columns:172px minmax(0,1fr);gap:18px;min-height:62px;padding:11px 0}
.platform-page .b2-resource-model__spine article>i{display:none}
.platform-page .b2-resource-model__spine span{font-size:9px}
.platform-page .b2-resource-model__spine strong{font-size:12px;line-height:1.35}
.platform-page .b2-resource-model__spine p{font-size:11px;line-height:1.45}
.platform-page .b2-resource-model__apps span{font-size:11px;padding:13px 12px}
.platform-page .b2-compose-surface,.platform-page .b2-proof-packet{border-radius:14px;box-shadow:var(--d3-figure-shadow)}

/* --------------------------------------------------------------------------
   Unity — faithful public tableau derived from the actual Mineral shell law
   (42px topbar, 48px rail, 320px sidebar family, 10/12/16/20 radius system)
   -------------------------------------------------------------------------- */
:is(.home-page,.product-page) .c1-unity-window{
  --d3-unity-bg:#f2efe7;
  --d3-unity-surface:#f7f4ed;
  --d3-unity-subtle:#ebe7dc;
  --d3-unity-sidebar:#e8e4d9;
  --d3-unity-line:#d0cabd;
  --d3-unity-text:#151714;
  --d3-unity-muted:#716e66;
  border-color:var(--d3-unity-line);
  border-radius:20px;
  background:var(--d3-unity-bg);
  box-shadow:0 30px 82px rgba(31,28,23,.15);
}
:is(.home-page,.product-page) .c1-unity-topbar{
  min-height:42px;
  height:42px;
  gap:8px;
  padding:4px 12px 4px 15px;
  border-bottom-color:var(--d3-unity-line);
  background:var(--d3-unity-surface);
}
:is(.home-page,.product-page) .c1-unity-brand{font-size:17px;font-weight:700;letter-spacing:-.022em}
:is(.home-page,.product-page) .c1-unity-scope{height:32px;display:flex;align-items:center;max-width:220px;padding:0 9px;border-color:var(--d3-unity-line);border-radius:7px;background:var(--d3-unity-surface);font-size:10px}
:is(.home-page,.product-page) .c1-unity-avatar{width:32px;height:32px;background:#4a443b;font-size:10px}
:is(.home-page,.product-page) .c1-unity-layout{grid-template-columns:260px minmax(0,1fr) 300px;background:var(--d3-unity-bg)}
:is(.home-page,.product-page) .c1-unity-side{
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  align-content:start;
  padding:0;
  border-right-color:var(--d3-unity-line);
  background:var(--d3-unity-sidebar);
}
:is(.home-page,.product-page) .c1-unity-rail{
  grid-column:1;
  grid-row:1 / span 99;
  min-height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:5px;
  padding:9px 6px;
  border-right:1px solid var(--d3-unity-line);
  background:#e1ddd1;
}
:is(.home-page,.product-page) .c1-unity-rail span{
  width:36px;height:36px;display:grid;place-items:center;border:1px solid transparent;border-radius:9px;
  color:#68645c;font-size:13px;font-weight:650;
}
:is(.home-page,.product-page) .c1-unity-rail span.is-active{border-color:#c9c2b4;background:var(--d3-unity-surface);color:#282a26}
:is(.home-page,.product-page) .c1-unity-pane{grid-column:2;padding:13px 10px 12px;min-width:0}
:is(.home-page,.product-page) .c1-unity-side-label{margin:13px 10px 5px;font-size:9px;letter-spacing:.02em;text-transform:none;color:var(--d3-unity-muted)}
:is(.home-page,.product-page) .c1-unity-nav,
:is(.home-page,.product-page) .c1-unity-workitem{min-height:36px;padding:8px 10px;border-radius:9px;font-size:10.5px;color:#41423d}
:is(.home-page,.product-page) .c1-unity-nav--active,
:is(.home-page,.product-page) .c1-unity-workitem--active{background:rgba(247,244,237,.72);box-shadow:none;font-weight:610}
:is(.home-page,.product-page) .c1-unity-workitem small{font-size:9px;line-height:1.3}
:is(.home-page,.product-page) .c1-unity-main{background:var(--d3-unity-bg)}
:is(.home-page,.product-page) .c1-unity-head{padding:13px 18px 12px;border-bottom-color:var(--d3-unity-line);background:var(--d3-unity-surface)}
:is(.home-page,.product-page) .c1-unity-kicker{font-size:9px;letter-spacing:.035em;text-transform:none}
:is(.home-page,.product-page) .c1-unity-origin{border-radius:7px;background:#e7e0d4;color:#655a4d}
:is(.home-page,.product-page) .c1-unity-title{font-size:18px;font-weight:660}
:is(.home-page,.product-page) .c1-unity-status{border-radius:8px;background:#e3eadf;color:#416044;font-size:9px}
:is(.home-page,.product-page) .c1-unity-objective{font-size:10px;line-height:1.42}
:is(.home-page,.product-page) .c1-unity-scroll{padding:24px 30px}
:is(.home-page,.product-page) .c1-unity-question{border-radius:12px;background:#e7e2d8;font-size:10px}
:is(.home-page,.product-page) .c1-unity-answer-label{font-size:9px}
:is(.home-page,.product-page) .c1-unity-answer h3{font-size:24px;line-height:1.12}
:is(.home-page,.product-page) .c1-unity-answer>p{font-size:10.5px;line-height:1.48}
:is(.home-page,.product-page) .c1-unity-decision{border-color:var(--d3-unity-line);border-radius:12px;background:var(--d3-unity-surface)}
:is(.home-page,.product-page) .c1-unity-decision small{font-size:9px}
:is(.home-page,.product-page) .c1-unity-decision strong{font-size:13px}
:is(.home-page,.product-page) .c1-unity-decision p{font-size:10px}
:is(.home-page,.product-page) .c1-unity-composer{min-height:52px;margin:0 16px 14px;padding:9px 11px;border-color:#bfb8aa;border-radius:16px;background:var(--d3-unity-surface);box-shadow:0 10px 28px rgba(31,28,23,.07)}
:is(.home-page,.product-page) .c1-unity-chip{border-color:var(--d3-unity-line);border-radius:10px;font-size:9px}
:is(.home-page,.product-page) .c1-unity-send{border-radius:10px;background:#3e3a34}
:is(.home-page,.product-page) .c1-unity-workbench{border-left-color:var(--d3-unity-line);background:var(--d3-unity-surface)}
:is(.home-page,.product-page) .c1-workbench-head{min-height:42px;align-items:center;padding:10px 12px;border-bottom-color:var(--d3-unity-line)}
:is(.home-page,.product-page) .c1-workbench-tabs{border-bottom-color:var(--d3-unity-line)}
:is(.home-page,.product-page) .c1-workbench-tabs span{padding:9px 3px;font-size:8.5px}
:is(.home-page,.product-page) .c1-mini-card{border-color:var(--d3-unity-line);border-radius:12px;background:#fbf8f1}

/* Responsive figure transformation is explicit, not accidental shrinkage. */
@media(max-width:1180px){
  .platform-page .b2-app{grid-template-columns:210px minmax(0,1fr);column-gap:22px;padding:20px}
  .platform-page .b2-material-layout{grid-template-columns:108px minmax(0,1fr)}
  .platform-page .b2-carbon-layout{grid-template-columns:116px minmax(0,1fr)}
  :is(.home-page,.product-page) .c1-unity-layout{grid-template-columns:226px minmax(0,1fr) 270px}
}
@media(max-width:900px){
  .platform-page .b2-app{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:18px}
  .platform-page .b2-app__meta{grid-column:1;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 12px}
  .platform-page .b2-app__meta>span{grid-column:1}
  .platform-page .b2-app__meta>strong{grid-column:2;grid-row:1;margin-top:0;align-self:start}
  .platform-page .b2-app__meta>em,.platform-page .b2-app__purpose,.platform-page .b2-app__facts{grid-column:1 / -1}
  .platform-page .b2-app> :is(.b2-phone,.b2-material-app,.b2-carbon-app){grid-column:1;grid-row:2}
  .platform-page .b2-app>a{grid-column:1;grid-row:3;margin-top:0}
  .platform-page .b2-material-title,.platform-page .b2-carbon-title{gap:10px}
  .platform-page .b2-material-title h2,.platform-page .b2-carbon-title h2{font-size:22px}
  .b3-sc-page .b3-context-economy{grid-template-columns:1fr}
  .b3-sc-page .b3-compile{min-height:116px}
}
@media(max-width:720px){
  .platform-page .b2-app-theatre{gap:22px;margin-top:34px}
  .platform-page .b2-app{padding:16px;border-radius:14px}
  .platform-page .b2-app--company .b2-phone{width:min(100%,310px)}
  .platform-page .b2-material-layout{grid-template-columns:1fr;min-height:0}
  .platform-page .b2-material-layout>aside{display:flex;gap:4px;overflow:hidden;padding:8px;background:#f4f1f9}
  .platform-page .b2-material-layout>aside span{flex:0 0 auto;padding:7px 8px}
  .platform-page .b2-material-layout>section{padding:18px 16px}
  .platform-page .b2-material-title{display:block}
  .platform-page .b2-material-title>span{display:inline-flex;margin-top:10px}
  .platform-page .b2-material-grid{grid-template-columns:1fr}
  .platform-page .b2-material-grid article{min-height:0}
  .platform-page .b2-carbon-layout{grid-template-columns:1fr;min-height:0}
  .platform-page .b2-carbon-layout>aside{display:flex;gap:2px;overflow:hidden;padding:0;background:#262626}
  .platform-page .b2-carbon-layout>aside span{flex:0 0 auto;padding:9px 10px;border-left:0;border-bottom:3px solid transparent}
  .platform-page .b2-carbon-layout>aside .is-active{border-bottom-color:#0f62fe}
  .platform-page .b2-carbon-layout>section{padding:18px 16px}
  .platform-page .b2-carbon-title{display:block}
  .platform-page .b2-carbon-title>span{display:inline-block;margin-top:10px}
  .platform-page .b2-carbon-app table{font-size:9px}
  .platform-page .b2-carbon-app th,.platform-page .b2-carbon-app td{padding:10px 6px}
  .platform-page .b2-resource-model__spine article{grid-template-columns:1fr;gap:5px}
  .platform-page .b2-resource-model__apps{grid-template-columns:1fr}
  .platform-page .b2-resource-model__apps span{border-right:0;border-bottom:1px solid var(--b2-line);text-align:left}
  .b3-sc-page .b3-estate-lines p{grid-template-columns:1fr;gap:5px}
  .b3-sc-page .b3-estate-lines em{text-align:left}
}

/* D3 visual adjudication repair: the two firewalls need enough horizontal
   measure to read as sovereign boundaries, not cramped architecture labels. */
@media (min-width:761px){
  .b3-sc-page .b3-firewalls__plane{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(158px,.92fr) minmax(0,1fr);
    grid-template-rows:minmax(236px,1fr) auto;
    min-height:390px;
  }
  .b3-sc-page .b3-firewalls__source{grid-column:1;grid-row:1}
  .b3-sc-page .b3-firewall--evidence{grid-column:1;grid-row:2}
  .b3-sc-page .b3-work-core{grid-column:2;grid-row:1 / 3;align-self:stretch;min-height:0;margin:18px 14px}
  .b3-sc-page .b3-firewalls__models{grid-column:3;grid-row:1}
  .b3-sc-page .b3-firewall--inference{grid-column:3;grid-row:2}
  .b3-sc-page .b3-firewalls__source,
  .b3-sc-page .b3-firewalls__models{padding:24px 20px;justify-content:center}
  .b3-sc-page .b3-firewalls__source>span,
  .b3-sc-page .b3-firewalls__models>span{white-space:normal;font-size:9px;line-height:1.35;letter-spacing:.11em}
  .b3-sc-page .b3-firewalls__source strong,
  .b3-sc-page .b3-firewalls__models strong{font-size:15px;line-height:1.28;margin:10px 0}
  .b3-sc-page .b3-firewall{
    min-height:118px;
    padding:16px 18px 17px;
    border-left:0;
    border-right:0;
    border-top:1px solid rgba(16,19,16,.56);
    justify-content:flex-start;
  }
  .b3-sc-page .b3-firewall span{white-space:normal;font-size:8.5px;letter-spacing:.09em}
  .b3-sc-page .b3-firewall strong{font-size:11.5px;line-height:1.35}
  .b3-sc-page .b3-firewall small{font-size:9.5px}
  .b3-sc-page .b3-work-core small{font-size:9px}
  .b3-sc-page .b3-work-core strong{font-size:24px}
  .b3-sc-page .b3-work-core span{font-size:10.5px}
}

/* Compact native app chrome must recompose, never gracelessly wrap. */
@media (max-width:600px){
  .platform-page .b2-material-app>header{
    min-height:58px;
    display:grid;
    grid-template-columns:30px minmax(0,1fr) auto;
    grid-template-rows:auto auto;
    gap:1px 8px;
    padding:7px 9px;
    align-items:center;
  }
  .platform-page .b2-material-app>header .b2-material-logo{grid-column:1;grid-row:1 / 3}
  .platform-page .b2-material-app>header strong{grid-column:2;grid-row:1;min-width:0;white-space:nowrap}
  .platform-page .b2-material-app>header>span{grid-column:2;grid-row:2;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .platform-page .b2-material-app>header i{display:none}
  .platform-page .b2-material-app>header b{grid-column:3;grid-row:1 / 3;max-width:76px;text-align:right;line-height:1.25;white-space:normal}
  .platform-page .b2-carbon-app>header{
    min-height:56px;
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    grid-template-rows:auto auto;
    gap:2px 8px;
    padding:7px 10px;
    align-items:center;
  }
  .platform-page .b2-carbon-app>header strong{grid-column:1;grid-row:1;white-space:nowrap}
  .platform-page .b2-carbon-app>header>span{grid-column:2;grid-row:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .platform-page .b2-carbon-app>header i{display:none}
  .platform-page .b2-carbon-app>header b{grid-column:1 / -1;grid-row:2;justify-self:end;white-space:nowrap;font-size:8.5px}
}

/* Mineral navigation rail: product-like pictograms instead of placeholder
   letter badges. The DOM labels remain available through title attributes. */
:is(.home-page,.product-page) .c1-unity-rail span{
  position:relative;
  color:transparent;
  font-size:0;
}
:is(.home-page,.product-page) .c1-unity-rail span::before,
:is(.home-page,.product-page) .c1-unity-rail span::after{
  content:"";
  position:absolute;
  box-sizing:border-box;
  color:#68645c;
}
:is(.home-page,.product-page) .c1-unity-rail span:nth-child(1)::before{width:12px;height:1.5px;background:currentColor}
:is(.home-page,.product-page) .c1-unity-rail span:nth-child(1)::after{width:1.5px;height:12px;background:currentColor}
:is(.home-page,.product-page) .c1-unity-rail span:nth-child(2)::before{width:11px;height:11px;border:1.5px solid currentColor;border-radius:50%;transform:translate(-1px,-1px)}
:is(.home-page,.product-page) .c1-unity-rail span:nth-child(2)::after{width:6px;height:1.5px;background:currentColor;transform:translate(5px,5px) rotate(45deg);transform-origin:left center}
:is(.home-page,.product-page) .c1-unity-rail span:nth-child(3)::before{width:14px;height:12px;border:1.5px solid currentColor;border-radius:3px}
:is(.home-page,.product-page) .c1-unity-rail span:nth-child(3)::after{width:7px;height:1.5px;background:currentColor;box-shadow:0 4px 0 currentColor}
:is(.home-page,.product-page) .c1-unity-rail span:nth-child(4)::before{width:13px;height:14px;border:1.5px solid currentColor;border-radius:2px;box-shadow:3px 3px 0 -1.5px var(--d3-unity-sidebar),3px 3px 0 0 currentColor}
:is(.home-page,.product-page) .c1-unity-rail span:nth-child(5)::before{width:13px;height:13px;border:1.5px solid currentColor;border-radius:3px;box-shadow:inset 0 0 0 3px var(--d3-unity-sidebar)}
:is(.home-page,.product-page) .c1-unity-rail span:nth-child(5)::after{width:1.5px;height:13px;background:currentColor}
:is(.home-page,.product-page) .c1-unity-rail span:nth-child(6)::before{width:13px;height:13px;border:1.5px solid currentColor;border-radius:50% 50% 45% 45%}
:is(.home-page,.product-page) .c1-unity-rail span:nth-child(6)::after{width:5px;height:5px;border:1.5px solid currentColor;border-radius:50%}
:is(.home-page,.product-page) .c1-unity-rail span.is-active::before,
:is(.home-page,.product-page) .c1-unity-rail span.is-active::after{color:#282a26}

/* Estate-wide figure adjudication repairs discovered by the D3 contact-sheet
   court. These are not page-level spacing changes: each repairs an internal
   visual object that was still behaving like a scaffold. */

/* Product custody tokens: three-letter type marks need their own measure. */
.product-page .c1-asset{grid-template-columns:36px minmax(0,1fr)}
.product-page .c1-asset__icon{width:36px;height:30px;font-size:8px;letter-spacing:-.01em}

/* Cognitive Capital is a dark Workbench object; Unity's light mini-card law
   must not leak into it. */
:is(.home-page,.product-page) .c1-unity-window .c1-mini-card{border-color:var(--d3-unity-line);border-radius:12px;background:#fbf8f1}
.product-page .c1-capital__rail .c1-mini-card{
  background:#1d211d;
  border-color:rgba(235,238,232,.12);
  color:#f2efe7;
}
.product-page .c1-capital__rail .c1-mini-card p{color:rgba(240,237,228,.58)}
.product-page .c1-capital__rail .c1-mini-card__label{color:rgba(240,237,228,.46)}

/* Platform composition: enough column measure for actual requirement names,
   and a connector that reads as a platform boundary rather than a narrow
   architectural annotation. */
.platform-page .b2-compose-surface{grid-template-columns:minmax(0,1.04fr) 118px minmax(0,.96fr)}
.platform-page .b2-compose-arrow{padding:0 12px}
.platform-page .b2-compose-arrow span{font-size:9px;line-height:1.35;letter-spacing:.07em}
.platform-page .b2-compose-arrow small{width:auto;max-width:88px;font-size:9px;line-height:1.4}
.platform-page .b2-compose-req{grid-template-columns:112px 96px minmax(0,1fr);gap:14px}
.platform-page .b2-compose-req span{font-size:9.5px}
.platform-page .b2-compose-req strong{font-size:10.5px}
.platform-page .b2-compose-req p{font-size:9.5px}
@media(max-width:1180px) and (min-width:761px){
  .platform-page .b2-compose-surface{grid-template-columns:minmax(0,1fr) 96px minmax(0,.92fr)}
  .platform-page .b2-compose-req{grid-template-columns:92px 82px minmax(0,1fr);gap:10px}
  .platform-page .b2-compose-arrow{padding:0 8px}
}

/* Integrations ingress/egress: five governed stages occupy one real grid.
   Arrows are connective marks, not columns that steal reading measure. */
.b4-integrations .b4-boundary__track{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  padding:28px 20px;
}
.b4-integrations .b4-boundary__track>i{display:none}
.b4-integrations .b4-boundary__track>section{
  position:relative;
  min-height:132px;
  padding:15px 11px;
  overflow:visible;
}
.b4-integrations .b4-boundary__track>section:not(:last-of-type)::after{
  content:'→';
  position:absolute;
  z-index:2;
  right:-9px;
  top:50%;
  width:10px;
  transform:translateY(-50%);
  color:#77736b;
  background:#f8f5ee;
  font-size:11px;
  text-align:center;
}
.b4-integrations .b4-boundary__track span{font-size:8.5px;line-height:1.35;letter-spacing:.065em;white-space:normal}
.b4-integrations .b4-boundary__track strong{font-size:10.5px;line-height:1.32}
.b4-integrations .b4-boundary__track section.is-core::after{background:#11120f;color:#aaa69c}

/* Technology release proof: labels and values are separate columns. */
.b4-technology .b4-release__body section{
  grid-template-columns:142px minmax(0,1fr);
  gap:5px 20px;
  align-items:start;
}
.b4-technology .b4-release__body small{
  min-width:0;
  font-size:9px;
  line-height:1.35;
  letter-spacing:.08em;
  overflow-wrap:normal;
  word-break:normal;
}
.b4-technology .b4-release__body strong{font-size:14px;line-height:1.35}
.b4-technology .b4-release__body span{font-size:11px;line-height:1.45}

/* Sovereign context-economy bridge gets explicit type custody; it was
   inheriting ordinary body scale inside a deliberately narrow compilation
   column. */
.b3-sc-page .b3-compile span{font-size:9px;line-height:1.35;letter-spacing:.1em}
.b3-sc-page .b3-compile strong{font-size:12px;line-height:1.35}
.b3-sc-page .b3-compile p{font-size:10px;line-height:1.45}

/* --------------------------------------------------------------------------
   D3 figure-court pressure-band closure
   These rules reassert the intended compact compositions after D3's richer
   desktop figure laws. They preserve legibility instead of shrinking type.
   -------------------------------------------------------------------------- */

/* Mineral remains a 42px top bar at narrow desktop. D2's old Product-only
   compact rule carried 48px forward and is now explicitly superseded. */
@media (min-width:901px) and (max-width:1100px){
  .product-page .c1-product-stage .c1-unity-topbar,
  .home-page .c1-unity-window .c1-unity-topbar{
    min-height:42px;
    height:42px;
  }
  :is(.home-page,.product-page) .c1-unity-layout{
    grid-template-columns:238px minmax(0,1fr) 254px;
  }
  :is(.home-page,.product-page) .c1-unity-pane :is(.c1-unity-nav,.c1-unity-side-label,.c1-unity-workitem){
    white-space:normal;
    overflow:visible;
  }
  .product-page .c1-custody__states{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
  }
  .product-page .c1-custody__state{
    min-width:0;
    padding:10px 9px;
  }
  .product-page .c1-custody__state strong{
    white-space:normal;
    overflow-wrap:break-word;
    font-size:9.5px;
    line-height:1.35;
  }
}

/* Platform's shared-resource and application-composition figures become
   deliberate vertical objects on phones. D3 desktop widths must not leak
   through and recreate a miniature architecture table. */
@media (max-width:760px){
  .platform-page .b2-resource-model__spine article{
    grid-template-columns:1fr;
    gap:6px;
  }
  .platform-page .b2-resource-model__spine article>div,
  .platform-page .b2-resource-model__spine article>p{
    min-width:0;
    grid-column:1;
  }
  .platform-page .b2-resource-model__spine :is(span,strong,p){
    white-space:normal;
    overflow:visible;
    overflow-wrap:break-word;
  }
  .platform-page .b2-compose-surface{
    grid-template-columns:1fr;
  }
  .platform-page .b2-compose-code,
  .platform-page .b2-compose-arrow,
  .platform-page .b2-compose-product,
  .platform-page .b2-compose-surface figcaption{
    grid-column:1;
    min-width:0;
  }
  .platform-page .b2-compose-arrow{
    min-height:70px;
    display:flex;
    justify-content:center;
    gap:14px;
    padding:10px 14px;
    border-inline:0;
    border-block:1px solid var(--b2-line);
  }
  .platform-page .b2-compose-arrow i{transform:rotate(90deg)}
  .platform-page .b2-compose-arrow small{max-width:none}
  .platform-page .b2-compose-req{
    grid-template-columns:86px minmax(0,1fr);
    gap:5px 10px;
  }
  .platform-page .b2-compose-req p{
    grid-column:1 / -1;
    white-space:normal;
    overflow-wrap:break-word;
  }
  .platform-page .b2-compose-recommendation :is(strong,p){
    white-space:normal;
    overflow-wrap:break-word;
  }
}

/* Sovereign Cognition's desktop information graphics have explicit compact
   equivalents. A 390px screen must not inherit desktop grid columns merely
   because the richer D3 rule appears later in the cascade. */
@media (max-width:760px){
  .b3-sc-page .b3-act__objective,
  .b3-sc-page .b3-act__contract{
    grid-template-columns:1fr;
    gap:7px;
  }
  .b3-sc-page .b3-act__flow{
    grid-template-columns:1fr;
  }
  .b3-sc-page .b3-act__flow li{
    min-height:0;
    padding:16px 18px;
    border-right:0!important;
    border-bottom:1px solid rgba(255,255,255,.30)!important;
  }
  .b3-sc-page .b3-act__flow li:last-child{border-bottom:0!important}
  .b3-sc-page .b3-inference-map__law,
  .b3-sc-page .b3-inference-map__composition{
    grid-template-columns:1fr;
    gap:9px;
    padding:19px 18px;
  }
  .b3-sc-page .b3-inference-map__venues{
    grid-template-columns:1fr;
  }
  .b3-sc-page .b3-inference-map__venues section{
    min-width:0;
    min-height:0;
    padding:20px 18px;
    border-right:0!important;
    border-bottom:1px solid rgba(255,255,255,.30)!important;
  }
  .b3-sc-page .b3-inference-map__venues section:last-child{border-bottom:0!important}
  .b3-sc-page .b3-inference-map :is(strong,p,h3,span){
    min-width:0;
    white-space:normal;
    overflow-wrap:break-word;
  }
}

/* Integrations deliberately substitutes the compact caption + settlement
   line for the five-stage desktop track on mobile. D3's desktop grid must
   not make that hidden track visible again. */
@media (max-width:760px){
  .b4-integrations .b4-int-hero .b4-boundary__track{display:none}
}

/* --------------------------------------------------------------------------
   D3 closure repairs — preserve real product scale while making every figure
   resolve cleanly at the pressure bands discovered by the figure court.
   -------------------------------------------------------------------------- */

/* Mineral source authority: the live Unity shell uses a 42px topbar and 48px
   rail. Earlier D2 marketing enlargements are superseded by source-faithful
   shell geometry in D3. */
@media (min-width:701px){
  :is(.home-page,.product-page) .c1-unity-topbar{
    min-height:42px;
    height:42px;
    gap:8px;
    padding:4px 12px 4px 15px;
    background:var(--d3-unity-surface);
  }
  :is(.home-page,.product-page) .c1-unity-brand{
    flex:0 0 auto;
    font-size:17px;
    font-weight:700;
    letter-spacing:-.022em;
  }
  :is(.home-page,.product-page) .c1-unity-scope{
    height:32px;
    max-width:220px;
    padding:0 9px;
    border:1px solid var(--d3-unity-line);
    background:var(--d3-unity-surface);
    border-radius:7px;
    font-size:10px;
  }
  :is(.home-page,.product-page) .c1-unity-side{padding:0}
  .product-page .c1-product-stage .c1-unity-layout{height:calc(100% - 42px)}
  .home-page .c1-home-arrival .c1-unity-layout{height:calc(100% - 42px)}
}

/* The homepage proof is a compact Mineral projection at narrow desktop. It
   keeps the real navigation rail and Work surface instead of crushing the
   full sidebar into a 400px marketing frame. */
@media (min-width:901px) and (max-width:1120px){
  .home-page .c1-home-arrival .c1-unity-layout{grid-template-columns:48px minmax(0,1fr)}
  .home-page .c1-home-arrival .c1-unity-side{grid-template-columns:48px;min-width:48px}
  .home-page .c1-home-arrival .c1-unity-pane{display:none}
}

/* Grounding state cards become rows before their prose is forced into
   graceless min-content columns. */
@media (min-width:761px) and (max-width:1180px){
  .product-page .c1-custody__states{grid-template-columns:1fr;gap:7px}
  .product-page .c1-custody__state{display:grid;grid-template-columns:82px minmax(0,1fr);gap:10px;align-items:start}
  .product-page .c1-custody__state strong{margin-top:0}
}

/* Platform supporting figures recompose into editorial rows on phones.
   D2's desktop de-scaffolding grid must not override B2's mobile intent. */
@media (max-width:720px){
  .platform-page .b2-resource-model__spine article{
    grid-template-columns:1fr;
    gap:5px;
    align-items:start;
  }
  .platform-page .b2-resource-model__spine article>span,
  .platform-page .b2-resource-model__spine article>strong,
  .platform-page .b2-resource-model__spine article>p{grid-column:1;min-width:0}
  .platform-page .b2-resource-model__spine article>span{font-size:9px}

  .platform-page .b2-compose-surface{
    grid-template-columns:1fr;
    width:auto;
    max-width:100%;
    overflow:hidden;
  }
  .platform-page .b2-compose-code,
  .platform-page .b2-compose-arrow,
  .platform-page .b2-compose-product,
  .platform-page .b2-compose-surface figcaption{grid-column:1;min-width:0}
  .platform-page .b2-compose-arrow{
    min-height:68px;
    display:flex;
    justify-content:center;
    gap:14px;
    border-inline:0;
    border-block:1px solid var(--b2-line);
  }
  .platform-page .b2-compose-arrow i{transform:rotate(90deg)}
  .platform-page .b2-compose-arrow small{max-width:none}
  .platform-page .b2-compose-product__body{padding:15px}
  .platform-page .b2-compose-req{grid-template-columns:86px minmax(0,1fr);gap:8px 10px}
  .platform-page .b2-compose-req p{grid-column:1 / -1}
  .platform-page .b2-compose-recommendation strong{font-size:16px;line-height:1.25}
}

/* Whole-act rows and the inference map are genuine mobile information
   graphics, not squeezed desktop grids. */
@media (max-width:760px){
  .b3-sc-page .b3-act__flow li{
    display:grid;
    grid-template-columns:92px minmax(0,1fr);
    gap:10px;
    min-height:0;
    padding:16px 18px;
    justify-content:initial;
  }
  .b3-sc-page .b3-act__flow li span{font-size:9px;line-height:1.35;letter-spacing:.08em}
  .b3-sc-page .b3-act__flow li strong{font-size:13px;line-height:1.42;min-width:0}

  .b3-sc-page .b3-inference-map{max-width:100%;overflow:hidden}
  .b3-sc-page .b3-inference-map__law,
  .b3-sc-page .b3-inference-map__composition{display:grid;grid-template-columns:1fr;gap:9px;padding:18px}
  .b3-sc-page .b3-inference-map__composition strong{font-size:18px;line-height:1.25}
  .b3-sc-page .b3-inference-map__composition p{font-size:12px;line-height:1.5;min-width:0}
  .b3-sc-page .b3-inference-map__venues{grid-template-columns:1fr}
  .b3-sc-page .b3-inference-map__venues section{padding:18px;min-width:0}
  .b3-sc-page .b3-inference-map__venues h3{font-size:21px}
}

/* On compact Integrations, the hero retains the governed-boundary caption and
   settlement law while the five-stage desktop track yields to the later,
   fully elaborated ingress/egress figures. */
@media (max-width:760px){
  .b4-integrations .b4-int-hero .b4-boundary__track{display:none}
}
@media (min-width:901px) and (max-width:1120px){
  .home-page .c1-home-arrival .c1-unity-workbench{display:none}
}

/* Public figure microtype floor. These are explanatory labels on the marketing
   estate, not pixels inside a scaled screenshot, so they remain readable at
   ordinary browser zoom. */
.home-page .c1-work-record__head .c1-pill{font-size:10px}
@media(max-width:760px){
  .home-page .c1-home-mobile-proof__head :is(span,b),
  .home-page .c1-home-mobile-proof__body>span,
  .home-page .c1-home-mobile-proof__next>span{font-size:9.5px}
}

.product-page .c1-custody__top span,
.product-page .c1-custody__assets>span,
.product-page .c1-asset small,
.product-page .c1-custody__detail-head span,
.product-page .c1-custody__state span,
.product-page .c1-capital__head span,
.product-page .c1-capital-item span,
.product-page .c1-capital-item p,
.product-page .c1-capital__rail>span,
.product-page .c1-capital__rail .c1-mini-card__label,
.product-page .c1-capital__rail .c1-mini-card p,
.product-page .c1-prepared__head span,
.product-page .c1-temporal__row time,
.product-page .c1-temporal__state,
.product-page .c1-reentry>span,
.product-page .c1-receipt__head b,
.product-page .c1-receipt__close span{font-size:9.5px}
.product-page .c1-asset__icon{font-size:9.5px}
.product-page .c1-pill{font-size:9.5px}

.how-page .b2-source-list article>span,
.how-page .b2-source-detail__conflict>b,
.how-page .b2-settlement__events span{font-size:9.5px}

.platform-page .b2-resource-model__spine span,
.platform-page .b2-compose-code>header :is(span,em),
.platform-page .b2-compose-arrow :is(span,small),
.platform-page .b2-compose-recommendation small,
.platform-page .b2-proof-packet :is(header b,.b2-proof-packet__summary>span,dt,footer strong){font-size:9.5px}
.platform-page .b2-compose-files span{font-size:9px}

.b3-sc-page .b3-firewalls__source>span,
.b3-sc-page .b3-firewalls__models>span,
.b3-sc-page .b3-firewall>span,
.b3-sc-page .b3-work-core>small,
.b3-sc-page .b3-sovereign-spine>span,
.b3-sc-page .b3-compile>span{font-size:9.5px}
@media(min-width:761px){
  .b3-sc-page .b3-firewall>span{font-size:9.5px}
  .b3-sc-page .b3-work-core>small{font-size:9.5px}
}

.b4-integrations .b4-boundary__track span,
.b4-integrations .b4-answer small,
.b4-integrations .b4-effect-flow span{font-size:9.5px}

.b4-technology .b4-product-boundary__stack>section>span,
.b4-technology .b4-product-boundary__stack>section>small,
.b4-technology .b4-release__body small{font-size:9.5px}
.product-page .c1-receipt__head>div>span{font-size:9.5px}
.how-page .b2-act-spine article>span,
.how-page .b2-settlement__timeline span{font-size:9.5px}
.platform-page .b2-compose-files span,
.platform-page .b2-compose-product>header>span,
.platform-page .b2-proof-packet__ledger em{font-size:9.5px}
.b3-sc-page .b3-act__flow li>span{font-size:9.5px}
.b4-technology .b4-release>header>span{font-size:9.5px}
.platform-page .b2-proof-packet>header span,
.platform-page .b2-proof-packet>footer span{font-size:9.5px}

/* D3 fold choreography: application identity belongs in the arrival; the
   three full products begin in their own product-showcase movement. */
.platform-page .b2-platform-products{padding-bottom:clamp(54px,5vw,72px)}
.platform-page .b2-platform-showcases{padding:clamp(58px,5.8vw,86px) 0 clamp(82px,8vw,124px);background:#f5f2e9}
.platform-page .b2-platform-showcases .b2-app-theatre{margin-top:0}
@media(max-width:720px){
  .platform-page .b2-platform-products{padding-bottom:44px}
  .platform-page .b2-platform-showcases{padding:42px 0 64px}
  .platform-page .b2-platform-showcases .b2-app-theatre{margin-top:0}
}

/* D3 final fold choreography: resolve the remaining inherited D1 pressure
   points without shrinking public text or re-crowding the figures. */
.platform-page .b2-platform-showcases{padding-bottom:min(100px,8vw)}
.platform-page .b2-phone .b2-app-ui-title{display:block;margin:14px 0 13px;font-size:19px;line-height:1.15;letter-spacing:-.03em}
.platform-page .b2-material-title .b2-app-ui-title{display:block;max-width:620px;margin:4px 0 0;font-size:25px;line-height:1.13;letter-spacing:-.03em}
.platform-page .b2-carbon-title .b2-app-ui-title{display:block;grid-column:1;max-width:620px;margin:4px 0 0;font-size:26px;line-height:1.13;letter-spacing:-.03em}
@media(max-width:900px){
  .platform-page .b2-material-title .b2-app-ui-title,
  .platform-page .b2-carbon-title .b2-app-ui-title{font-size:22px}
}
@media(max-width:420px){
  .home-page .c1-home-arrival{min-height:704px}
}
@media(min-width:1181px) and (max-width:1320px){
  .how-page .b2-act-spine span{min-height:124px}
}
@media(min-width:1400px){
  .b3-sc-page .b3-whole-act{padding-top:36px}
}

/* ===== HISTORICAL CASCADE SOURCE: ui3-c1-d4.css ===== */
/* UI3-LIVE-C1-D4 — Product-native optical refinement.
   D4 removes residual presentation scaffolding, restores shared editorial axes,
   makes Unity visibly Indwel, and gives native product figures enough room to
   read as finished applications rather than compressed architecture diagrams. */

/* Product arrival — the governing headline and explanatory column share one
   authored top axis. No Product/Unity eyebrow is permitted to displace it. */
.product-page .c1-product-arrival{align-items:start;padding-top:clamp(72px,7.2vw,108px)}
.product-page .c1-product-arrival__headline{align-self:start;min-width:0}
.product-page .c1-product-arrival__headline .c1-display{
  margin-top:0;
  font-family:var(--font-display);
  font-size:var(--type-display-xl);
  font-weight:520;
  line-height:var(--leading-display-xl);
  letter-spacing:var(--tracking-display-xl);
}
.product-page .c1-product-arrival__copy{align-items:start}
.product-page .c1-product-arrival__copy>div:nth-child(2){padding-top:4px}

/* Unity / Mineral — a public product proof is visibly Indwel, not an anonymous
   three-pane workbench. The nested mark is the same canonical mask used by the
   corporate shell; D3's current 42px/48px Mineral geometry remains authority. */
:is(.home-page,.product-page) .c1-unity-brand{
  flex:0 0 74px;
  width:74px;
  height:24px;
  display:flex;
  align-items:center;
  overflow:visible;
  font-size:17px;
}
:is(.home-page,.product-page) .c1-unity-brand .indwel-brand-mark{
  --indwel-brand-width:74px;
  width:74px;
  max-width:74px;
  flex:0 0 74px;
}
:is(.home-page,.product-page) .c1-unity-scope{font-size:9.5px}
.product-page .c1-unity-side-label,
.product-page .c1-unity-nav,
.product-page .c1-unity-workitem{font-size:9.5px}

/* Platform — three genuine applications get product-scale breathing room.
   Their native iPhone / Material / Carbon grammars remain distinct; the outer
   showcase rhythm, metadata rail, and action axis are what align. */
.platform-page .b2-app-theatre{gap:42px}
.platform-page .b2-app{
  grid-template-columns:282px minmax(0,1fr);
  column-gap:38px;
  padding:30px;
}
.platform-page .b2-app__meta{padding-top:2px}
.platform-page .b2-app__meta>span{font-size:21px}
.platform-page .b2-app__meta>strong{font-size:10px}
.platform-page .b2-app__meta>em{font-size:10.5px}
.platform-page .b2-app__purpose{font-size:12.5px;line-height:1.52}
.platform-page .b2-app__facts dt{font-size:9.5px}
.platform-page .b2-app__facts dd{font-size:10.5px}
.platform-page .b2-app--company .b2-phone{width:330px}
.platform-page .b2-material-layout{min-height:480px}
.platform-page .b2-carbon-layout{min-height:480px}
.platform-page .b2-material-layout>aside span,
.platform-page .b2-carbon-layout>aside span{font-size:10px}

/* Sovereign Cognition — navigation-table rows and labels share a clean axis;
   explanatory labels are no longer scaffold microtype. */
.b3-sc-page .b3-close nav a{grid-template-columns:112px minmax(0,1fr) 18px;gap:16px;min-height:62px;align-items:center}
.b3-sc-page .b3-close nav span{font-size:10px;line-height:1.3}
.b3-sc-page .b3-close nav strong{font-size:13.5px;line-height:1.35}

/* Integrations — D3's five-stage grid remains, but the final semantic label is
   compact enough to stay optically inside its cell at narrow desktop. */
.b4-integrations .b4-boundary__track span{letter-spacing:.045em}

@media (min-width:901px) and (max-width:1180px){
  .platform-page .b2-app{grid-template-columns:240px minmax(0,1fr);column-gap:26px;padding:24px}
  .platform-page .b2-app--company .b2-phone{width:310px}
  .product-page .c1-product-arrival__copy{gap:46px}
}

@media (max-width:900px){
  .product-page .c1-product-arrival__copy{gap:28px}
  .product-page .c1-product-arrival__copy>div:nth-child(2){padding-top:0}
  .platform-page .b2-app{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:20px;padding:20px}
  .platform-page .b2-app__meta{grid-column:1;grid-row:1}
  .platform-page .b2-app> :is(.b2-phone,.b2-material-app,.b2-carbon-app){grid-column:1;grid-row:2}
  .platform-page .b2-app>a{grid-column:1;grid-row:3}
  .platform-page .b2-app--company .b2-phone{width:min(100%,310px)}
}

@media (max-width:720px){
  /* Keep mobile application navigation meaningful without forcing five tiny
     architecture tabs into one phone-width rail. Full IA lives in drill-down. */
  .platform-page .b2-material-layout>aside span:nth-child(n+4),
  .platform-page .b2-carbon-layout>aside span:nth-child(n+4){display:none}
  .platform-page .b2-app{padding:16px}
  .platform-page .b2-app__meta>span{font-size:19px}
}

/* Company Answers remains a native phone application, but its proof must not
   depend on 7–8px microtype merely because the device is compact. */
.platform-page .b2-phone__status,
.platform-page .b2-ios-chip,
.platform-page .b2-ios-answer small,
.platform-page .b2-ios-source>span,
.platform-page .b2-ios-source small,
.platform-page .b2-ios-source em{font-size:9px}

/* D4 inherited fold refinements — use space more deliberately rather than
   allowing the next governing headline to be bisected by browser chrome. */
@media (max-width:620px){
  .product-page .c1-product-arrival{padding-top:38px}
}
@media (min-width:1181px) and (max-width:1320px){
  .b3-sc-page .b3-firewall-hero{padding-bottom:12px}
  .b4-integrations .b4-int-hero{padding-bottom:45px}
  .b4-technology .b4-tech-hero{padding-bottom:0}
}
@media (min-width:901px) and (max-width:1180px){
  .b4-integrations .b4-int-hero h1{max-width:none}
  .b4-technology .b4-tech-hero{padding-bottom:0}
}
@media (min-width:901px) and (max-width:1100px){
  body.atlas-page main>.atlas-hero{padding-bottom:36px!important}
  .application-detail-page--vendor .application-detail-hero{padding-bottom:0}
}
@media (max-width:620px){
  .product-page .c1-product-arrival{padding-top:26px;padding-bottom:0}
}


/* ===== UI3-LIVE-C1-D5 — FEDERAL INTENTIONALITY UPLIFT =====
   Transfer Dichotomy's craft system, not its exceptional costume. */
:where(.home-page,.product-page,.how-page,.platform-page,.b3-sc-page,.b4-integrations,.b4-technology,.ask-page,.contact-page) main :is(h1,h2){
  text-wrap:balance;
}
:where(.home-page,.product-page,.how-page,.platform-page,.b3-sc-page,.b4-integrations,.b4-technology,.ask-page,.contact-page) main p{
  text-wrap:pretty;
}
/* Stable optical geometry: emphasis may change paint, never box size. */
:where(.c1-action,.b2-action,.b3-action,.b4-text-link,.nav-cta,.contact-continue,.contact-edit) {
  box-sizing:border-box;
}
/* Integrations is a deliberate headline monument: four lines at desktop, five
   at the 834px authored tablet composition with actual Geist metrics. */
@media (min-width:1181px){
  .b4-integrations .b4-int-hero h1{max-width:14.4ch}
}
@media (min-width:761px) and (max-width:900px){
  .b4-integrations .b4-int-hero h1{max-width:10.8ch}
}
/* Tablet Contact is an authored single-column progression. No inherited
   grid-area may recreate a squeezed desktop sidebar. */
@media (min-width:621px) and (max-width:900px){
  .contact-page .contact-stage{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:none!important;gap:34px}
  .contact-page .contact-stage>*{grid-area:auto!important;min-width:0}
}

/* ========================================================================== 
   UI3-LIVE-C1-C1 — Home first-fold optical refinement
   C0 continuity law: presentation-only, Home arrival only. Copy, movement
   order, proof identity, downstream Home movements, and all other pages remain
   untouched. The product proof gains authority; Dichotomy becomes a secondary
   route; Ask Indwel becomes the primary live-product action.
   ========================================================================== */
@media (min-width:1181px){
  .home-page .c1-home-arrival__grid{
    grid-template-columns:minmax(0,.86fr) minmax(600px,1.14fr);
    gap:44px;
  }
  .home-page .c1-home-arrival__intro{padding-top:12px}
  .home-page .c1-home-arrival .c1-display{font-size:clamp(49px,3.55vw,56px);max-width:560px}
  .home-page .c1-home-arrival__lede{max-width:550px}
  .home-page .c1-home-arrival .c1-unity-window{height:500px}
  .home-page .c1-dichotomy-entry{
    margin-top:22px;
    padding:13px 0;
    grid-template-columns:96px minmax(0,1fr) auto;
    gap:14px;
  }
  .home-page .c1-dichotomy-entry strong{font-size:12.5px;line-height:1.38}
  .home-page .c1-dichotomy-entry span,
  .home-page .c1-dichotomy-entry em{font-size:9px;letter-spacing:.1em}
}

@media (min-width:901px) and (max-width:1180px){
  .home-page .c1-home-arrival__grid{grid-template-columns:minmax(0,.9fr) minmax(445px,1.1fr);gap:32px}
  .home-page .c1-home-arrival .c1-unity-window{height:430px}
  .home-page .c1-dichotomy-entry{margin-top:20px;padding:12px 0;gap:12px}
  .home-page .c1-dichotomy-entry strong{font-size:12px;line-height:1.36}
  .home-page .c1-dichotomy-entry span,
  .home-page .c1-dichotomy-entry em{font-size:9px}
}

/* Ask is the living public product surface; keep both routes, but make that
   action primary without rewriting or removing the established Product route. */
.home-page .c1-home-arrival .c1-actions .c1-action--solid{
  background:transparent;
  border-color:rgba(255,255,255,.3);
  color:#fff;
}
.home-page .c1-home-arrival .c1-actions .c1-action:nth-child(2){
  background:#efebe1;
  border-color:#efebe1;
  color:#161813;
}

@media (max-width:620px){
  .home-page .c1-home-arrival__grid{gap:14px}
  .home-page .c1-home-arrival__lede{margin-top:10px}
  .home-page .c1-home-arrival .c1-actions{margin-top:12px}
  .home-page .c1-dichotomy-entry{
    margin-top:18px;
    padding:10px 0;
    grid-template-columns:auto 1fr auto;
    gap:8px 12px;
    align-items:center;
  }
  .home-page .c1-dichotomy-entry span,
  .home-page .c1-dichotomy-entry em{font-size:9px;letter-spacing:.1em}
  .home-page .c1-dichotomy-entry strong{
    grid-column:1/-1;
    grid-row:2;
    font-size:11.5px;
    line-height:1.35;
    color:rgba(242,239,231,.78);
  }
  .home-page .c1-dichotomy-entry em{grid-column:3;grid-row:1;justify-self:end}
  .home-page .c1-home-mobile-proof{width:calc(100% - 16px);justify-self:center}
}
@media (max-width:620px){
  .home-page .c1-dichotomy-entry{grid-template-columns:auto minmax(0,1fr)}
  .home-page .c1-dichotomy-entry em{grid-column:2;grid-row:1;justify-self:end;white-space:nowrap;font-size:8.5px;letter-spacing:.08em}
}


/* ==========================================================================
   UI3-LIVE-C1-C2 — Home arrival compositional correction
   C0 continuity law: Home first fold only. The established headline, lede,
   CTA pair, Unity proof, and downstream movement order remain intact. The
   Home masthead returns to document flow so hero spacing is real rather than
   measured behind an overlay. Dichotomy is no longer promoted in the arrival.
   ========================================================================== */
.home-page .masthead{position:relative;inset:auto}
@media (min-width:1181px){
  .home-page .c1-home-arrival{padding-top:42px;padding-bottom:50px}
  .home-page .c1-home-arrival__intro{padding-top:4px}
}
@media (min-width:901px) and (max-width:1180px){
  .home-page .c1-home-arrival{padding-top:38px;padding-bottom:46px}
  .home-page .c1-home-arrival__intro{padding-top:2px}
}