:root {
  color-scheme: dark;
  --ink: #07111f;
  --surface: #f5f7fb;
  --white: #ffffff;
  --text: #101828;
  --muted: #5d6b82;
  --line: #dce3ed;
  --blue: #087cf0;
  --blue-bright: #32a1ff;
  --blue-soft: #e7f2ff;
  --violet: #705cf6;
  --green: #27c99a;
  --shadow: 0 24px 70px rgb(10 31 62 / 12%);
  font-family: "Segoe UI Variable", "Segoe UI", Inter, system-ui, sans-serif;
  font-synthesis: none;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--text); background: var(--surface); }
a { color: inherit; text-decoration: none; }
svg { display: block; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.skip-link { position: fixed; z-index: 100; top: 12px; left: 12px; padding: 10px 14px; color: white; background: var(--blue); border-radius: 8px; transform: translateY(-180%); }
.skip-link:focus { transform: translateY(0); }

.site-header { position: fixed; z-index: 30; top: 0; left: 0; display: flex; width: 100%; min-height: 64px; padding-inline: clamp(20px, 2.5vw, 46px); align-items: center; justify-content: space-between; color: white; border-bottom: 1px solid #173550; background: linear-gradient(100deg, #06111e, #091b2e); box-shadow: 0 8px 24px rgb(2 13 25 / 14%); }
.brand { display: inline-flex; align-items: center; gap: 10px; font-size: 16px; font-weight: 500; letter-spacing: -.02em; }
.brand strong { color: var(--blue-bright); font-weight: 750; }
.brand-mark { display: grid; width: 34px; height: 34px; overflow: hidden; place-items: center; border: 1px solid rgb(102 183 255 / 55%); border-radius: 10px; background: #020812; box-shadow: inset 0 1px 0 rgb(255 255 255 / 18%), 0 6px 18px rgb(0 86 181 / 20%); }
.brand-mark img { display: block; width: 100%; height: 100%; object-fit: cover; }
.site-nav { display: flex; align-items: center; gap: 28px; font-size: 12px; }
.site-nav a:not(.nav-cta) { color: #b8c6d9; transition: color 160ms ease; }
.site-nav a:not(.nav-cta):hover { color: white; }
.site-nav a:not(.nav-cta)[aria-current] { position: relative; color: white; }
.site-nav a:not(.nav-cta)[aria-current]::after { position: absolute; right: 0; bottom: -20px; left: 0; height: 2px; border-radius: 2px 2px 0 0; background: linear-gradient(90deg, var(--blue), var(--blue-bright)); content: ""; }
.nav-cta { padding: 9px 15px; border: 1px solid rgb(120 186 255 / 35%); border-radius: 999px; background: rgb(15 55 96 / 60%); backdrop-filter: blur(12px); }
.nav-cta:hover { border-color: var(--blue-bright); background: rgb(19 80 143 / 65%); }
.nav-cta[aria-current] { color: white; border-color: var(--blue-bright); background: rgb(19 80 143 / 78%); box-shadow: 0 0 0 2px rgb(50 161 255 / 10%); }

.hero { position: relative; display: grid; min-height: 780px; padding: 164px max(24px, calc((100vw - 1180px) / 2)) 110px; grid-template-columns: minmax(0, 1fr) minmax(420px, .86fr); align-items: center; gap: 86px; overflow: hidden; color: white; background: radial-gradient(circle at 78% 43%, rgb(6 119 239 / 26%), transparent 24%), radial-gradient(circle at 14% 20%, rgb(35 100 178 / 18%), transparent 27%), linear-gradient(135deg, #050b14 0%, #081525 46%, #06101e 100%); }
.hero::before { position: absolute; inset: 0; opacity: .23; background-image: linear-gradient(rgb(94 161 229 / 13%) 1px, transparent 1px), linear-gradient(90deg, rgb(94 161 229 / 13%) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to right, black, transparent 63%); content: ""; }
.hero::after { position: absolute; right: -10%; bottom: -210px; width: 700px; height: 420px; border: 1px solid rgb(48 157 255 / 32%); border-radius: 50%; content: ""; transform: rotate(-8deg); }
.hero-copy, .hero-visual { position: relative; z-index: 1; }
.eyebrow { display: flex; margin: 0 0 22px; align-items: center; gap: 10px; color: var(--blue); font-size: 12px; font-weight: 750; letter-spacing: .13em; text-transform: uppercase; }
.eyebrow span { display: inline-block; width: 28px; height: 1px; background: currentColor; }
.hero .eyebrow { color: #69b7ff; }
.hero h1 { max-width: 720px; margin: 0; font-size: clamp(56px, 6.1vw, 88px); font-weight: 670; letter-spacing: -.066em; line-height: .98; }
.hero h1 em { color: var(--blue-bright); font-style: normal; font-weight: inherit; }
.hero-lede { max-width: 610px; margin: 30px 0 0; color: #aebdd0; font-size: clamp(18px, 1.6vw, 21px); line-height: 1.65; }
.hero-integration { max-width: 610px; margin: 18px 0 0; padding: 12px 16px; color: #b9cce0; border-left: 2px solid var(--blue-bright); border-radius: 0 10px 10px 0; background: rgb(15 50 84 / 48%); font-size: 13px; line-height: 1.5; }
.hero-integration span { margin-right: 8px; color: #62b6ff; font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.hero-actions { display: flex; margin-top: 38px; flex-wrap: wrap; gap: 12px; }
.button { display: inline-flex; min-height: 50px; padding: 0 21px; align-items: center; justify-content: center; gap: 11px; border: 1px solid transparent; border-radius: 12px; font-size: 14px; font-weight: 700; transition: transform 160ms ease, background 160ms ease, border-color 160ms ease, box-shadow 160ms ease; }
.button svg { width: 19px; height: 19px; transition: transform 160ms ease; }
.button:hover { transform: translateY(-2px); }
.button:hover svg { transform: translateX(3px); }
.button-primary { color: white; background: linear-gradient(135deg, #168cff, #0067d5); box-shadow: 0 14px 32px rgb(0 113 227 / 28%); }
.button-primary:hover { box-shadow: 0 18px 38px rgb(0 113 227 / 38%); }
.button-secondary { color: #dce8f8; border-color: #273b54; background: rgb(18 38 62 / 72%); }
.button-secondary:hover { border-color: #486b92; background: #132b47; }
.button-intent { color: #07111f; border-color: #7bc6ff; background: #b9e1ff; }
.button-intent:hover { border-color: white; background: white; box-shadow: 0 14px 32px rgb(50 161 255 / 20%); }
.button-intent svg { width: 17px; }
.hero-facts { display: flex; margin: 58px 0 0; gap: 0; }
.hero-facts div { display: grid; min-width: 142px; padding-right: 28px; grid-template-columns: auto 1fr; align-items: center; gap: 10px; }
.hero-facts div + div { padding-left: 28px; border-left: 1px solid #24364c; }
.hero-facts dt { color: white; font-size: 24px; font-weight: 730; letter-spacing: -.04em; }
.hero-facts dd { margin: 0; color: #768aa4; font-size: 11px; line-height: 1.35; text-transform: uppercase; }
.hero-visual { justify-self: end; width: min(100%, 560px); padding-block: 56px; }
.hero-story { display: grid; gap: 12px; }
.hero-story figure { position: relative; height: clamp(190px, 20vh, 230px); margin: 0; overflow: hidden; border: 1px solid rgb(72 158 248 / 38%); border-radius: 22px; background: #020812; box-shadow: 0 24px 60px rgb(0 0 0 / 34%); }
.hero-story figure::after { position: absolute; inset: 0; border: 1px solid rgb(255 255 255 / 7%); border-radius: inherit; background: linear-gradient(180deg, transparent 48%, rgb(2 8 18 / 82%)); content: ""; pointer-events: none; }
.hero-story img { display: block; width: 100%; height: 100%; object-fit: cover; }
.hero-story figure:first-child img { object-position: center 54%; }
.hero-story figure:last-child img { object-position: center 48%; }
.hero-story figcaption { position: absolute; z-index: 2; right: 18px; bottom: 14px; left: 18px; display: flex; align-items: end; justify-content: space-between; gap: 16px; color: white; }
.hero-story figcaption span { color: #72bcff; font-size: 8px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.hero-story figcaption strong { font-size: clamp(12px, 1vw, 15px); letter-spacing: -.02em; text-align: right; }
.hero-art-frame { position: relative; }
.portrait-frame { position: relative; overflow: hidden; border: 1px solid rgb(72 158 248 / 38%); border-radius: 32px; background: black; box-shadow: 0 44px 100px rgb(0 0 0 / 48%), 0 0 90px rgb(0 111 232 / 14%); }
.portrait-frame::after { position: absolute; inset: 0; border: 1px solid rgb(255 255 255 / 9%); border-radius: inherit; content: ""; }
.portrait-frame img { display: block; width: 100%; height: auto; transform: scale(1.01); }
.orbit { position: absolute; z-index: 2; border: 1px solid rgb(44 149 255 / 40%); border-radius: 50%; pointer-events: none; }
.orbit-one { inset: 3% 20% 8% 7%; }
.orbit-two { inset: 13% 9% 2% 24%; }
.signal-card { position: absolute; z-index: 4; display: flex; min-height: 48px; padding: 11px 15px; align-items: center; gap: 10px; border: 1px solid rgb(121 190 255 / 28%); border-radius: 12px; color: #dcecff; background: rgb(7 22 40 / 82%); box-shadow: 0 18px 42px rgb(0 0 0 / 32%); backdrop-filter: blur(14px); font-size: 12px; font-weight: 650; }
.signal-card svg { width: 20px; height: 20px; color: var(--blue-bright); }
.signal-card-top { top: 32px; right: 8px; }
.signal-card-bottom { bottom: 32px; left: 8px; }
.signal-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px rgb(39 201 154 / 12%), 0 0 16px var(--green); }
.llc-concepts { position: relative; z-index: 3; margin-top: 18px; padding: 12px; border: 1px solid rgb(90 169 244 / 24%); border-radius: 16px; background: rgb(4 14 26 / 82%); box-shadow: 0 16px 40px rgb(0 0 0 / 24%); backdrop-filter: blur(12px); }
.llc-concepts > p { display: flex; margin: 0 0 9px; align-items: center; justify-content: space-between; color: #d8e8f8; font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.llc-concepts > p span { color: #698099; font-size: 7px; }
.llc-concepts > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
.llc-concepts figure { position: relative; min-width: 0; margin: 0; overflow: hidden; border: 1px solid #1d3b59; border-radius: 9px; background: #02070d; }
.llc-concepts img { display: block; width: 100%; height: 58px; object-fit: contain; }
.llc-concepts figcaption { padding: 5px 7px; color: #8ca3bb; border-top: 1px solid #17334e; font-size: 7px; font-weight: 700; letter-spacing: .06em; text-align: center; text-transform: uppercase; }
.image-modal-trigger { position: absolute; z-index: 4; inset: 0; width: 100%; padding: 0; border: 0; border-radius: inherit; background: transparent; cursor: zoom-in; }
.image-modal-trigger:hover { box-shadow: inset 0 0 0 2px rgb(83 177 255 / 76%); }
.image-modal-trigger:focus-visible { outline: 3px solid var(--blue-bright); outline-offset: -4px; box-shadow: inset 0 0 0 2px #06111e; }
.image-modal { width: min(94vw, 1600px); max-width: none; max-height: 94vh; padding: 0; overflow: visible; border: 1px solid #37678e; border-radius: 22px; color: white; background: #030a13; box-shadow: 0 36px 120px rgb(0 0 0 / 70%); }
.image-modal::backdrop { background: rgb(1 7 14 / 86%); backdrop-filter: blur(8px); }
.image-modal-content { position: relative; display: grid; max-height: 94vh; padding: 14px; grid-template-rows: minmax(0, 1fr) auto; }
.image-modal-content > img { display: block; width: auto; max-width: 100%; height: auto; max-height: calc(94vh - 74px); margin: auto; border-radius: 12px; object-fit: contain; }
.image-modal-content > p { margin: 12px 44px 1px; color: #a9bfd4; font-size: 12px; line-height: 1.45; text-align: center; }
.image-modal-close { position: absolute; z-index: 2; top: 22px; right: 22px; display: grid; width: 40px; height: 40px; padding: 0; place-items: center; border: 1px solid rgb(123 193 255 / 48%); border-radius: 50%; color: white; background: rgb(4 20 36 / 86%); box-shadow: 0 8px 24px rgb(0 0 0 / 35%); cursor: pointer; font: inherit; font-size: 26px; line-height: 1; }
.image-modal-close:hover { border-color: var(--blue-bright); background: #0c4c83; }
.image-modal-close:focus-visible { outline: 3px solid var(--blue-bright); outline-offset: 3px; }

.section-shell { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
.products { padding-block: 118px 126px; }
.section-heading { display: grid; margin-bottom: 52px; grid-template-columns: minmax(0, 1.2fr) minmax(320px, .7fr); align-items: end; gap: 80px; }
.section-heading h2, .approach-intro h2, .closing h2 { margin: 0; font-size: clamp(38px, 4.2vw, 58px); font-weight: 680; letter-spacing: -.052em; line-height: 1.04; }
.section-heading > p { margin: 0; color: var(--muted); font-size: 17px; line-height: 1.7; }
.product-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.product-card { position: relative; display: flex; min-height: 680px; padding: 34px; flex-direction: column; overflow: hidden; border: 1px solid var(--line); border-radius: 28px; background: var(--white); box-shadow: 0 1px 2px rgb(16 24 40 / 3%); transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease; }
.product-card::after { position: absolute; top: -120px; right: -120px; width: 290px; height: 290px; border-radius: 50%; background: radial-gradient(circle, var(--card-glow), transparent 70%); content: ""; pointer-events: none; }
.product-card:hover { border-color: #c6d6e9; box-shadow: var(--shadow); transform: translateY(-7px); }
.size-card { --card-accent: var(--violet); --card-soft: #f0edff; --card-glow: rgb(112 92 246 / 14%); }
.plan-card { --card-accent: var(--blue); --card-soft: var(--blue-soft); --card-glow: rgb(8 124 240 / 15%); }
.map-card { --card-accent: #6756f5; --card-soft: #eeecff; --card-glow: rgb(103 86 245 / 15%); }
.plot-card { --card-accent: #0d9fd8; --card-soft: #e7f8ff; --card-glow: rgb(13 159 216 / 15%); }
.notes-card { --card-accent: #24a66a; --card-soft: #e9f9f1; --card-glow: rgb(36 166 106 / 14%); }
.pulse-card { --card-accent: #f58a1f; --card-soft: #fff3e5; --card-glow: rgb(245 138 31 / 16%); }
.card-topline { position: absolute; top: 0; right: 34px; left: 34px; height: 3px; border-radius: 0 0 8px 8px; background: linear-gradient(90deg, transparent, var(--card-accent), transparent); opacity: .8; }
.product-meta { position: relative; z-index: 1; display: flex; align-items: flex-start; justify-content: space-between; }
.product-icon { display: grid; width: 62px; height: 62px; place-items: center; border: 1px solid color-mix(in srgb, var(--card-accent) 18%, white); border-radius: 18px; color: var(--card-accent); background: var(--card-soft); box-shadow: inset 0 1px 0 white; }
.product-icon svg { width: 33px; height: 33px; }
.status { display: inline-flex; padding: 7px 10px; align-items: center; gap: 7px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); background: #fafbfd; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.status i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 3px rgb(39 201 154 / 13%); }
.product-visual { position: relative; height: 275px; margin-top: 28px; overflow: hidden; border: 1px solid color-mix(in srgb, var(--card-accent) 22%, #142643); border-radius: 20px; background: #030a13; box-shadow: inset 0 0 42px color-mix(in srgb, var(--card-accent) 12%, transparent); }
.product-visual::after { position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%); content: ""; pointer-events: none; }
.product-visual img { display: block; width: 100%; height: 100%; object-fit: contain; transition: transform 260ms ease; }
.product-card:hover .product-visual img { transform: scale(1.035); }
.product-copy { margin-top: 34px; }
.product-number { margin: 0 0 11px; color: var(--card-accent); font-size: 11px; font-weight: 760; letter-spacing: .14em; text-transform: uppercase; }
.product-copy h3 { margin: 0; font-size: clamp(31px, 3vw, 42px); font-weight: 700; letter-spacing: -.045em; }
.product-copy > p:last-child { max-width: 510px; margin: 20px 0 0; color: var(--muted); font-size: 16px; line-height: 1.72; }
.product-integration { margin: 20px 0 26px; padding: 14px 16px; border-left: 3px solid var(--card-accent); border-radius: 0 12px 12px 0; background: color-mix(in srgb, var(--card-accent) 8%, white); }
.product-integration span { display: block; color: var(--card-accent); font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.product-integration p { margin: 7px 0 0; color: #435169; font-size: 12px; line-height: 1.45; }
.feature-list { display: grid; margin: 30px 0 40px; padding: 0; gap: 12px; list-style: none; }
.feature-list li { display: flex; align-items: center; gap: 11px; color: #344258; font-size: 13px; }
.feature-list span { width: 6px; height: 6px; border: 1px solid var(--card-accent); border-radius: 2px; background: var(--card-soft); transform: rotate(45deg); }
.product-footer { display: flex; margin-top: auto; padding-top: 23px; align-items: center; justify-content: space-between; border-top: 1px solid var(--line); color: var(--muted); font-size: 12px; font-weight: 650; letter-spacing: .06em; text-transform: uppercase; }
.card-arrow { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 50%; color: var(--card-accent); background: var(--card-soft); font-size: 18px; }
.product-demo-button { min-height: 42px; padding-inline: 17px; color: white; background: linear-gradient(135deg, #168cff, #0067d5); box-shadow: 0 10px 24px rgb(0 113 227 / 22%); letter-spacing: 0; text-transform: none; }
.product-demo-button:hover { box-shadow: 0 14px 30px rgb(0 113 227 / 32%); }
.product-demo-button span { font-size: 16px; }

.approach { display: grid; padding-block: 112px; grid-template-columns: .84fr 1.16fr; gap: 100px; border-top: 1px solid var(--line); }
.approach-intro { position: sticky; top: 40px; align-self: start; }
.approach-intro p:last-child { margin: 27px 0 0; color: var(--muted); font-size: 17px; line-height: 1.72; }
.approach-link { display: inline-flex; margin-top: 26px; align-items: center; gap: 10px; color: var(--blue); font-size: 14px; font-weight: 750; }
.approach-link span { font-size: 18px; transition: transform 160ms ease; }
.approach-link:hover span { transform: translateX(4px); }
.principle-grid { display: grid; gap: 14px; }
.principle-card { position: relative; min-height: 196px; padding: 32px 34px 32px 92px; overflow: hidden; border: 1px solid var(--line); border-radius: 20px; background: var(--white); }
.principle-card::after { position: absolute; top: 0; right: 0; width: 4px; height: 100%; background: linear-gradient(transparent, var(--blue), transparent); content: ""; opacity: 0; transition: opacity 180ms ease; }
.principle-card:hover::after { opacity: 1; }
.principle-number { position: absolute; top: 36px; left: 32px; color: var(--blue); font-size: 12px; font-weight: 800; }
.principle-card h3 { margin: 0 0 13px; font-size: 22px; letter-spacing: -.03em; }
.principle-card p { margin: 0; color: var(--muted); line-height: 1.65; }
.closing { position: relative; display: flex; min-height: 340px; margin-bottom: 34px; padding: 62px 70px; align-items: center; justify-content: space-between; overflow: hidden; color: white; border-radius: 30px; background: linear-gradient(125deg, #071423, #0a2a4e 64%, #075aa9); box-shadow: 0 28px 80px rgb(6 32 61 / 20%); }
.closing::before { position: absolute; right: -80px; width: 390px; height: 390px; border: 1px solid rgb(120 193 255 / 26%); border-radius: 50%; content: ""; box-shadow: 0 0 0 52px rgb(49 145 235 / 5%), 0 0 0 104px rgb(49 145 235 / 4%); }
.closing > * { position: relative; z-index: 1; }
.eyebrow-light { color: #75bfff; }
.closing h2 { font-size: clamp(44px, 5vw, 66px); }
.button-light { color: #0b3158; background: white; box-shadow: 0 16px 34px rgb(0 0 0 / 17%); }
.button-light:hover { background: #eaf5ff; }
.site-footer.master-footer { position: fixed; z-index: 30; right: 0; bottom: 0; left: 0; display: grid; width: 100%; min-height: 42px; padding-inline: clamp(20px, 2.5vw, 46px); grid-template-columns: auto 1fr auto; align-items: center; gap: 24px; color: #7890a7; border-top: 1px solid #173550; background: linear-gradient(100deg, #06111e, #091b2e); box-shadow: 0 -8px 24px rgb(2 13 25 / 12%); font-size: 9px; }
.master-footer .footer-brand { color: white; font-size: 11px; }
.master-footer .brand-mark { width: 24px; height: 24px; border-radius: 7px; }
.master-footer > p { margin: 0; }
.master-footer > p:nth-of-type(1) { text-align: center; }
.master-footer > p:last-child { font-size: 8px; letter-spacing: .025em; text-align: right; }
.footer-brand { color: var(--text); }
.footer-brand .brand-mark { color: white; background: var(--ink); border-color: var(--ink); box-shadow: none; }
a:focus-visible { outline: 3px solid var(--blue-bright); outline-offset: 4px; border-radius: 5px; }

/* Products workspace */
.products-page:not(.tabs-engaged) { height: 100dvh; overflow: hidden; }
.products-page:not(.tabs-engaged) .hero { height: 100dvh; min-height: 0; }
.products-page:not(.tabs-engaged) .product-tabs-shell, .products-page:not(.tabs-engaged) #products, .products-page:not(.tabs-engaged) .approach, .products-page:not(.tabs-engaged) .closing { display: none !important; }
[data-product-panel][hidden] { display: none !important; }
.products-page.tabs-engaged { height: 100dvh; overflow: hidden; }
.products-page.tabs-engaged .hero, .products-page.tabs-engaged .approach, .products-page.tabs-engaged .closing { display: none; }
.products-page.tabs-engaged main { height: calc(100dvh - 42px); padding-top: 64px; overflow: hidden; }
.products-page.tabs-engaged .product-tabs-shell { position: relative; top: auto; display: flex; min-height: 128px; margin-top: 0; align-items: stretch; color: white; border-color: #173550; background: linear-gradient(100deg, #06111e, #0a2037); box-shadow: 0 12px 30px rgb(2 13 25 / 24%); }
.product-tabs-shell .theory-tabs-layout { width: auto; min-width: 0; margin: 0; flex: 1 1 auto; }
.product-tabs-shell .theory-overview-button { color: #b9cee2; border-color: #23415d; background: rgb(17 48 78 / 72%); }
.product-tabs-shell .theory-overview-button:hover { color: white; background: #123557; }
.product-tabs-shell .product-tablist button { color: #a9bdd0; border-color: #23415d; }
.product-tabs-shell .product-tablist button:first-child { border-left-color: #23415d; }
.product-tabs-shell .product-tablist button:hover { color: white; background: #102a44; }
.product-tabs-shell .product-tablist button[aria-selected="true"] { color: white; background: #0c2742; }
.products-page.tabs-engaged .theory-overview-button { display: inline-flex; flex: 0 0 auto; }
.products-page.tabs-engaged #products { width: calc(100% - 48px); max-width: 1680px; height: calc(100dvh - 236px); padding-block: clamp(18px, 2.5vh, 28px); overflow: hidden; }
.products-page.tabs-engaged #products > .section-heading { display: none; }
.products-page.tabs-engaged .product-grid { display: block; height: 100%; }
.products-page.tabs-engaged .product-card { display: grid; width: 100%; height: 100%; min-height: 0; padding: clamp(22px, 3vh, 36px); grid-template-columns: minmax(400px, .9fr) minmax(0, 1.1fr); grid-template-rows: auto minmax(0, 1fr) auto auto; align-items: stretch; gap: 16px clamp(28px, 4vw, 60px); border-radius: 26px; transform: none; }
.products-page.tabs-engaged .product-card:hover { transform: none; }
.products-page.tabs-engaged .product-overview-panel { display: grid; height: 100%; grid-template-columns: minmax(330px, .78fr) minmax(0, 1.22fr); align-items: center; gap: clamp(28px, 5vw, 76px); color: white; border: 1px solid #244764; border-radius: 26px; background: linear-gradient(135deg, #071625, #0b2945); overflow: hidden; }
.product-overview-panel > header { padding: clamp(28px, 4vw, 60px); }
.product-overview-panel h3 { max-width: 620px; margin: 12px 0 20px; font-size: clamp(42px, 5vw, 68px); letter-spacing: -.055em; line-height: 1; }
.product-overview-panel header > p:last-of-type { max-width: 610px; color: #abc0d6; font-size: clamp(15px, 1.25vw, 18px); line-height: 1.65; }
.product-overview-panel header .button { margin-top: 24px; }
.product-overview-panel > ol { display: grid; height: 100%; margin: 0; padding: 0; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 1fr); list-style: none; }
.product-overview-panel li { display: grid; min-height: 0; padding: clamp(12px, 2vh, 24px); grid-template-columns: 86px 1fr; align-items: center; gap: 12px; border-left: 1px solid #244764; border-bottom: 1px solid #244764; }
.product-overview-panel li:nth-last-child(-n + 2) { border-bottom: 0; }
.product-overview-panel img { width: 86px; height: 86px; object-fit: contain; }
.product-overview-panel li span { color: #55b1ff; font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.product-overview-panel li strong { display: block; margin-top: 4px; font-size: 18px; }
.product-overview-panel li p { margin: 6px 0 0; color: #91a9c0; font-size: 11px; line-height: 1.45; }
.products-page.tabs-engaged .product-meta { grid-column: 2; grid-row: 1; }
.products-page.tabs-engaged .product-visual { width: 100%; height: 100%; min-height: 0; margin: 0; grid-column: 1; grid-row: 1 / 5; align-self: stretch; }
.products-page.tabs-engaged .product-visual img { width: 100%; height: 100%; object-fit: contain; }
.products-page.tabs-engaged .product-copy { margin: 0; align-self: center; grid-column: 2; grid-row: 2; }
.products-page.tabs-engaged .product-copy h3 { font-size: clamp(42px, 5vw, 68px); }
.products-page.tabs-engaged .product-copy > p:last-child { max-width: 680px; margin-top: 18px; font-size: clamp(15px, 1.35vw, 19px); line-height: 1.6; }
.products-page.tabs-engaged .product-integration { margin: 0; grid-column: 2; grid-row: 3; }
.products-page.tabs-engaged .product-footer { margin: 0; grid-column: 2; grid-row: 4; }

/* Smaller Chunks Theory */
.theory-page { background: #050c16; }
.theory-page:not(.tabs-engaged) { height: 100dvh; overflow: hidden; }
.theory-page:not(.tabs-engaged) .theory-tabs-shell, .theory-page:not(.tabs-engaged) [data-theory-panel], .theory-page:not(.tabs-engaged) .theory-closing { display: none !important; }
.master-header [aria-current="page"] { color: white !important; }
.theory-hero { position: relative; display: grid; height: 100dvh; min-height: 0; padding: clamp(118px, 16vh, 176px) max(24px, calc((100vw - 1180px) / 2)) clamp(52px, 10vh, 118px); grid-template-columns: minmax(0, 1.2fr) minmax(340px, .65fr); align-items: center; gap: 90px; overflow: hidden; color: white; background: radial-gradient(circle at 80% 40%, rgb(35 132 232 / 22%), transparent 25%), linear-gradient(135deg, #050b14, #08192c 58%, #071423); }
.theory-hero::before { position: absolute; inset: 0; opacity: .2; background-image: linear-gradient(rgb(94 161 229 / 14%) 1px, transparent 1px), linear-gradient(90deg, rgb(94 161 229 / 14%) 1px, transparent 1px); background-size: 68px 68px; mask-image: linear-gradient(110deg, black, transparent 72%); content: ""; }
.theory-hero::after { position: absolute; top: 100px; right: -250px; width: 650px; height: 650px; border: 1px solid rgb(50 161 255 / 20%); border-radius: 50%; box-shadow: 0 0 0 80px rgb(50 161 255 / 3%), 0 0 0 160px rgb(50 161 255 / 2%); content: ""; }
.theory-hero-copy, .theory-premise { position: relative; z-index: 1; }
.theory-hero .eyebrow { color: #69b7ff; }
.theory-hero h1 { max-width: 820px; margin: 0; font-size: clamp(54px, 6vw, 84px); font-weight: 670; letter-spacing: -.062em; line-height: .99; }
.theory-hero h1 em { color: var(--blue-bright); font-style: normal; font-weight: inherit; }
.theory-declaration { max-width: 730px; margin: 30px 0 0; color: #afc0d4; font-size: clamp(19px, 1.8vw, 23px); line-height: 1.6; }
.theory-actions { display: flex; margin-top: 38px; flex-wrap: wrap; gap: 12px; }

/* How We Think */
.approach-page { color: white; background: #071423; }
.approach-page .section-shell { width: min(1180px, calc(100% - 48px)); }
.approach-hero { display: grid; min-height: 520px; padding-block: 136px 72px; grid-template-columns: 1.12fr .88fr; align-items: center; gap: 90px; }
.approach-hero h1 { max-width: 720px; margin: 0; font-size: clamp(54px, 6vw, 80px); letter-spacing: -.06em; line-height: .98; }
.approach-hero-copy { display: grid; gap: 22px; }
.approach-hero-copy p { margin: 0; color: #aec1d5; font-size: 19px; line-height: 1.7; }
.approach-hero-copy .approach-origin { padding: 18px 20px; color: #d8e7f6; border-left: 2px solid var(--blue-bright); border-radius: 0 12px 12px 0; background: rgb(15 50 84 / 48%); font-size: 15px; line-height: 1.6; }
.approach-principles { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid #274761; border-radius: 22px; overflow: hidden; }
.approach-principles article { min-height: 270px; padding: 30px; border-right: 1px solid #274761; border-bottom: 1px solid #274761; background: #091d30; }
.approach-principles article:nth-child(3n) { border-right: 0; }
.approach-principles article:nth-last-child(-n + 3) { border-bottom: 0; }
.approach-principles span { color: #56b2ff; font-size: 9px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.approach-principles h2 { margin: 42px 0 12px; font-size: 24px; letter-spacing: -.03em; }
.approach-principles p { margin: 0; color: #9fb4c9; font-size: 14px; line-height: 1.6; }
.approach-connection { display: grid; margin-block: 80px; padding: 46px; grid-template-columns: .8fr 1.2fr; gap: 28px 70px; border: 1px solid #28506f; border-radius: 24px; background: linear-gradient(140deg, #0a2036, #0b2b49); }
.approach-connection h2 { margin: 8px 0 16px; font-size: 38px; letter-spacing: -.04em; }
.approach-connection > div:first-child > p:last-child { color: #a6bcd1; line-height: 1.65; }
.approach-connection ol { display: grid; margin: 0; padding: 0; grid-template-columns: repeat(2, 1fr); align-self: stretch; list-style: none; }
.approach-connection li { display: flex; padding: 14px 16px; flex-direction: column; justify-content: center; border-left: 1px solid #2a5271; border-bottom: 1px solid #2a5271; }
.approach-connection li:nth-last-child(-n + 2) { border-bottom: 0; }
.approach-connection li strong { font-size: 14px; }
.approach-connection li span { margin-top: 4px; color: #7fa1bd; font-size: 10px; }
.approach-actions { display: flex; grid-column: 1 / -1; gap: 12px; }
.approach-page, .install-page { padding-bottom: 42px; }

/* Azure DevOps extension availability */
.install-page { color: white; background: #071423; }
.install-page .section-shell { width: min(1180px, calc(100% - 48px)); }
.install-hero { display: grid; min-height: 650px; padding-block: 92px 74px; grid-template-columns: minmax(0, 1.15fr) minmax(340px, .65fr); align-items: center; gap: clamp(48px, 7vw, 100px); }
.install-hero h1 { max-width: 760px; margin: 0; font-size: clamp(50px, 6vw, 78px); letter-spacing: -.06em; line-height: 1; }
.install-hero-copy > p:not(.eyebrow) { max-width: 720px; margin: 28px 0 0; color: #b4c7dc; font-size: 20px; line-height: 1.65; }
.install-status { display: flex; max-width: 650px; margin-top: 32px; padding: 16px 18px; align-items: center; gap: 12px; border: 1px solid #254765; border-radius: 12px; color: #a9bdd2; background: #0b2137; font-size: 13px; line-height: 1.5; }
.install-status i { width: 11px; height: 11px; flex: 0 0 auto; border-radius: 50%; background: #ffb84d; box-shadow: 0 0 0 6px rgb(255 184 77 / 10%); }
.install-status strong { display: block; color: white; }
.install-route { padding: 34px; border: 1px solid #29506f; border-radius: 22px; background: #0a2036; box-shadow: 0 28px 70px rgb(0 0 0 / 25%); }
.install-route > span, .offer-card > span { color: #68b9ff; font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.install-route h2 { margin: 12px 0 24px; font-size: 28px; }
.install-route ol { margin: 0 0 28px; padding: 0; list-style: none; counter-reset: install-step; }
.install-route li { display: grid; padding: 13px 0; grid-template-columns: 32px 1fr; align-items: center; border-top: 1px solid #24435f; color: #c4d3e3; font-size: 13px; counter-increment: install-step; }
.install-route li::before { color: #45aaff; font-size: 10px; font-weight: 800; content: "0" counter(install-step); }
.button-coming-soon { width: 100%; justify-content: center; color: #7f94a9; border-color: #29445d; background: #10283d; cursor: not-allowed; box-shadow: none; }
.install-route > p { margin: 14px 0 0; color: #748aa0; font-size: 11px; line-height: 1.5; }
.install-offers { padding-block: 90px; border-top: 1px solid #17334d; }
.install-offers > header { display: grid; margin-bottom: 38px; grid-template-columns: 1fr 1fr; gap: 8px 80px; }
.install-offers > header .section-kicker { grid-column: 1 / -1; }
.install-offers h2 { max-width: 600px; margin: 0; font-size: clamp(38px, 4.5vw, 58px); letter-spacing: -.045em; line-height: 1.02; }
.install-offers > header > p:last-child { margin: 0; align-self: end; color: #9db2c8; line-height: 1.65; }
.offer-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.offer-card { display: flex; min-height: 410px; padding: 38px; flex-direction: column; border: 1px solid #284761; border-radius: 22px; background: #0a1d30; }
.offer-card-suite { border-color: #157bc9; background: linear-gradient(145deg, #0b2743, #091c2e); }
.offer-card h3 { max-width: 500px; margin: 14px 0 12px; font-size: 29px; letter-spacing: -.025em; }
.offer-card p, .offer-card li { color: #a8bdd1; line-height: 1.55; }
.offer-card ul { margin: 10px 0 28px; padding-left: 19px; }
.offer-card .button { margin-top: auto; }
.suite-products { display: grid; margin: 18px 0 30px; grid-template-columns: repeat(2, 1fr); gap: 8px; }
.suite-products span { padding: 11px 13px; border: 1px solid #275577; border-radius: 9px; color: #dcecff; background: #0d2b46; font-size: 12px; font-weight: 700; }
.pricing-model { padding-block: 88px; border-top: 1px solid #17334d; }
.pricing-model > header { display: grid; margin-bottom: 36px; grid-template-columns: 1.1fr .9fr; gap: 8px 80px; }
.pricing-model > header .section-kicker { grid-column: 1 / -1; }
.pricing-model h2 { max-width: 720px; margin: 0; font-size: clamp(38px, 4.5vw, 58px); letter-spacing: -.045em; line-height: 1.02; }
.pricing-model > header > p:last-child { margin: 0; align-self: end; color: #9db2c8; line-height: 1.65; }
.pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.pricing-card { display: flex; min-width: 0; min-height: 500px; padding: 32px; flex-direction: column; border: 1px solid #294963; border-radius: 20px; background: #091b2c; }
.pricing-card-featured { border-color: #1885da; background: linear-gradient(150deg, #0c2e4e, #091b2d); box-shadow: 0 22px 55px rgb(0 105 197 / 15%); }
.pricing-label { color: #60b8ff; font-size: 10px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.pricing-card h3 { margin: 12px 0 20px; font-size: 28px; }
.pricing-amount { min-height: 92px; margin: 0; padding-bottom: 22px; border-bottom: 1px solid #25435c; }
.pricing-amount strong { display: block; color: white; font-size: 42px; letter-spacing: -.04em; }
.pricing-amount span { display: block; margin-top: 5px; color: #8199b0; font-size: 11px; line-height: 1.4; }
.pricing-card > p:not(.pricing-amount) { color: #a9bdd1; line-height: 1.55; }
.pricing-card ul { margin: 8px 0 26px; padding-left: 18px; color: #a9bdd1; font-size: 13px; line-height: 1.8; }
.pricing-status { margin-top: auto; padding: 11px 13px; border: 1px solid #294963; border-radius: 9px; color: #8aa2b8; background: #10283d; font-size: 10px; font-weight: 800; letter-spacing: .06em; text-align: center; text-transform: uppercase; }
.pricing-disclaimer { margin: 18px 0 0; padding: 14px 18px; color: #758da4; border-left: 2px solid #2a6c9f; background: #091a2a; font-size: 11px; line-height: 1.55; }
.pricing-disclaimer strong { color: #a9bdd1; }
.install-fit { display: grid; margin-bottom: 80px; padding: 42px; grid-template-columns: minmax(260px, .8fr) minmax(300px, 1.2fr) auto; align-items: center; gap: 38px; border: 1px solid #294966; border-radius: 22px; background: #0a1d30; }
.install-fit h2 { margin: 8px 0 0; font-size: 32px; letter-spacing: -.035em; }
.install-fit > p { margin: 0; color: #a9bdd1; line-height: 1.6; }
.theory-premise { padding: 34px; border: 1px solid rgb(101 176 247 / 26%); border-radius: 22px; background: rgb(10 29 50 / 78%); box-shadow: 0 32px 80px rgb(0 0 0 / 28%); backdrop-filter: blur(16px); }
.premise-label { color: #70bdff; font-size: 11px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.theory-premise > p { margin: 20px 0 30px; color: #dce8f6; font-size: 21px; line-height: 1.55; }
.theory-premise strong { color: white; }
.premise-sequence { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: #8096b1; font-size: 10px; font-weight: 750; letter-spacing: .09em; text-transform: uppercase; }
.premise-sequence i { height: 1px; flex: 1; background: linear-gradient(90deg, #237ec9, #775df5); }
.theory-tabs-shell { position: sticky; z-index: 20; top: 0; margin-top: 72px; border-block: 1px solid #d5e0eb; background: rgb(247 249 252 / 94%); box-shadow: 0 12px 30px rgb(9 35 63 / 8%); backdrop-filter: blur(16px); }
.theory-tabs-layout { display: flex; align-items: stretch; }
.theory-overview-button { display: none; min-width: 106px; padding: 12px 16px; align-items: center; justify-content: center; gap: 8px; border: 0; border-inline: 1px solid #dce4ed; color: #31516e; background: #eaf3fc; cursor: pointer; font: inherit; font-size: 11px; font-weight: 750; }
.theory-overview-button span { color: var(--blue); font-size: 15px; }
.theory-overview-button:hover { color: #075fae; background: white; }
.theory-overview-button[aria-selected="true"] { color: #075fae; background: white; box-shadow: inset 0 -2px 0 var(--blue); }
.theory-manifesto-button { min-width: 98px; padding: 12px 14px; flex: 0 0 auto; border: 0; border-inline: 1px solid #dce4ed; color: #31516e; background: #eef4fb; cursor: pointer; font: inherit; font-size: 10px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.theory-manifesto-button:hover { color: #075fae; background: white; }
.theory-manifesto-button:focus-visible { z-index: 1; outline: 3px solid var(--blue-bright); outline-offset: -4px; }
.theory-related-links { display: flex; margin-top: 12px; flex-wrap: wrap; gap: 7px; }
.theory-related-links button, .theory-reference-back { padding: 7px 10px; border: 1px solid #b8d3eb; border-radius: 8px; color: #0969bd; background: #edf6ff; cursor: pointer; font: inherit; font-size: 9px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.theory-related-links button:hover, .theory-reference-back:hover { color: white; border-color: #087cf0; background: #087cf0; }
.theory-reference-back { position: fixed; z-index: 30; top: 94px; right: 18px; box-shadow: 0 8px 20px rgb(10 48 82 / 12%); }
.theory-tablist { display: flex; min-width: 0; min-height: 84px; flex: 1 1 auto; align-items: stretch; overflow-x: auto; scrollbar-width: thin; scrollbar-color: #a8bdd1 transparent; }
.theory-tablist button { position: relative; min-width: 145px; padding: 16px 18px; flex: 1 0 auto; border: 0; border-right: 1px solid #dce4ed; color: #617086; background: transparent; cursor: pointer; font: inherit; font-size: 12px; font-weight: 700; line-height: 1.3; text-align: left; transition: color 160ms ease, background 160ms ease; }
.theory-tablist button:first-child { border-left: 1px solid #dce4ed; }
.theory-tablist button::after { position: absolute; right: 16px; bottom: -1px; left: 16px; height: 3px; border-radius: 5px 5px 0 0; background: linear-gradient(90deg, var(--blue), var(--violet)); content: ""; opacity: 0; transform: scaleX(.45); transition: opacity 160ms ease, transform 160ms ease; }
.theory-tablist button span { display: block; margin-bottom: 9px; color: #91a0b4; font-size: 9px; font-weight: 800; letter-spacing: .1em; }
.theory-tablist button:hover { color: #123452; background: #eef5fc; }
.theory-tablist button[aria-selected="true"] { color: #075fae; background: white; }
.theory-tablist button[aria-selected="true"] span { color: var(--blue); }
.theory-tablist button[aria-selected="true"]::after { opacity: 1; transform: scaleX(1); }
.theory-tablist button:focus-visible { z-index: 1; outline: 3px solid var(--blue-bright); outline-offset: -4px; }
.theory-icon-tablist button { display: flex; min-width: 132px; padding: 4px 7px; align-items: center; justify-content: center; gap: 4px; }
.theory-icon-tablist button > span:first-child { margin: 0; flex: 0 0 auto; }
.theory-icon-tablist button .theory-nav-icon { display: block; width: 74px; height: 74px; margin: 0; color: inherit; font-size: inherit; letter-spacing: normal; }
.theory-nav-icon img { display: block; width: 100%; height: 100%; object-fit: contain; }
.theory-suite-overview-tab { min-width: 104px; padding: 4px 10px; }
.theory-suite-overview-tab .theory-nav-icon { display: block; width: 78px; height: 70px; color: inherit; font-size: inherit; }
.theory-manifesto-icon-button { display: flex; min-width: 98px; padding: 4px 10px; align-items: center; justify-content: center; }
.theory-manifesto-icon-button .theory-nav-icon { display: block; width: 72px; height: 72px; }
.theory-manifesto-icon-button[aria-pressed="true"] { color: #075fae; background: white; box-shadow: inset 0 -3px 0 var(--blue); }
.product-tablist { min-height: 128px; overflow-y: hidden; }
.product-tablist button { display: flex; min-width: 156px; padding: 0 4px; align-items: center; justify-content: center; gap: 4px; }
.product-tablist button > span:first-child { margin: 0; flex: 0 0 auto; align-self: center; }
.product-tablist button .product-tab-title { display: flex; margin: 0; align-items: center; color: inherit; font-size: inherit; font-weight: inherit; letter-spacing: normal; }
.product-tablist button .product-tab-title img { width: 128px; height: 128px; max-width: none; flex: 0 0 128px; border-radius: 8px; object-fit: contain; }
.product-tabs-shell .product-overview-tab { min-width: 150px; padding: 5px 8px; flex-direction: column; gap: 0; color: #b9cee2; border-color: #23415d; background: transparent; }
.product-tabs-shell .product-overview-tab:hover { color: white; background: #102a44; }
.product-tabs-shell .product-overview-tab[aria-selected="true"] { color: white; background: #0c2742; box-shadow: inset 0 -3px 0 var(--blue); }
.product-overview-tab .product-overview-icon { display: block; width: 112px; height: 86px; margin: 0; color: inherit; font-size: inherit; }
.product-overview-tab .product-overview-icon img { display: block; width: 100%; height: 100%; object-fit: contain; }
.product-tablist button .product-tab-placeholder { display: grid; width: 128px; height: 128px; margin: 0; padding: 12px; place-content: center; border: 1px solid #276492; border-radius: 18px; color: white; background: radial-gradient(circle at 50% 42%, #1177c8, #071b30 70%); box-shadow: inset 0 1px 0 rgb(255 255 255 / 16%); letter-spacing: -.04em; text-align: center; text-transform: uppercase; }
.product-tablist button .product-tab-placeholder small, .product-tablist button .product-tab-placeholder strong { display: block; margin: 0; color: inherit; letter-spacing: inherit; }
.product-tablist button .product-tab-placeholder small { color: #74c4ff; font-size: 13px; }
.product-tablist button .product-tab-placeholder strong { font-size: 27px; line-height: 1; }
.product-visual-placeholder { display: grid; padding: 30px; place-content: center; text-align: center; background: radial-gradient(circle at center, #103c65, #030a13 70%); }
.product-visual-placeholder > span { color: #6ebcff; font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.product-visual-placeholder > strong { margin-top: 14px; color: white; font-size: clamp(38px, 5vw, 68px); letter-spacing: -.055em; }
.product-visual-placeholder > small { margin-top: 8px; color: #9eb8ce; font-size: 13px; }
.products-page.tabs-engaged [data-product-panel] { height: 100%; }
[data-theory-panel] { min-height: 620px; scroll-margin-top: 84px; }
[data-theory-panel][hidden] { display: none !important; }
[data-theory-reference-panel][hidden] { display: none !important; }
.theory-page.tabs-engaged { height: 100dvh; overflow: hidden; }
.tabs-engaged .theory-hero, .tabs-engaged .stakes-statement, .tabs-engaged .theory-closing { display: none; }
.tabs-engaged main { height: calc(100dvh - 42px); padding-top: 64px; overflow: hidden; }
.tabs-engaged .theory-tabs-shell { position: relative; top: auto; margin-top: 0; }
.theory-page.tabs-engaged .theory-tabs-shell { display: flex; min-height: 128px; align-items: stretch; color: white; border-color: #173550; background: linear-gradient(100deg, #06111e, #0a2037); box-shadow: 0 12px 30px rgb(2 13 25 / 24%); }
.theory-page.tabs-engaged .theory-tabs-layout { width: auto; min-width: 0; margin: 0; flex: 1 1 auto; }
.tabs-engaged .theory-overview-button { display: inline-flex; flex: 0 0 auto; }
.tabs-engaged .theory-tablist { flex: 1 1 auto; }
.theory-page.tabs-engaged .theory-overview-button { min-width: 150px; padding: 5px 8px; color: #b9cee2; border-color: #23415d; background: transparent; }
.theory-page.tabs-engaged .theory-overview-button:hover { color: white; background: #102a44; }
.theory-page.tabs-engaged .theory-overview-button[aria-selected="true"] { color: white; background: #0c2742; box-shadow: inset 0 -3px 0 var(--blue); }
.theory-page.tabs-engaged .theory-suite-overview-tab .theory-nav-icon { width: 112px; height: 86px; }
.theory-page.tabs-engaged .theory-tablist { min-height: 128px; overflow-y: hidden; scrollbar-color: #54718d transparent; }
.theory-page.tabs-engaged .theory-tablist button { min-width: 156px; padding: 0 4px; flex: 1 1 0; color: #a9bdd0; border-color: #23415d; }
.theory-page.tabs-engaged .theory-tablist button:first-child { border-left-color: #23415d; }
.theory-page.tabs-engaged .theory-tablist button:hover { color: white; background: #102a44; }
.theory-page.tabs-engaged .theory-tablist button[aria-selected="true"] { color: white; background: #0c2742; }
.theory-page.tabs-engaged .theory-tablist button[aria-selected="true"] span { color: var(--blue-bright); }
.theory-page.tabs-engaged .theory-icon-tablist button .theory-nav-icon { width: 128px; height: 118px; }
.theory-page.tabs-engaged .theory-manifesto-button { min-width: 156px; padding: 0 4px; flex: 0 0 calc((100% - 150px) / 7); color: #a9bdd0; border-color: #23415d; background: transparent; }
.theory-page.tabs-engaged .theory-manifesto-button:hover { color: white; background: #102a44; }
.theory-page.tabs-engaged .theory-manifesto-icon-button .theory-nav-icon { width: 112px; height: 112px; }
.theory-page.tabs-engaged .theory-manifesto-icon-button[aria-pressed="true"] { color: white; background: #0c2742; box-shadow: inset 0 -3px 0 var(--blue); }
.tabs-engaged [data-theory-panel] { height: calc(100dvh - 236px); min-height: 0; padding-block: clamp(32px, 5vh, 64px); overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
.tabs-engaged [data-manifesto-panel] { height: calc(100dvh - 236px); min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
.tabs-engaged [data-theory-reference-panel] { height: calc(100dvh - 236px); min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
.tabs-engaged [data-theory-panel].section-shell,
.tabs-engaged [data-manifesto-panel].section-shell,
.tabs-engaged [data-theory-reference-panel].section-shell { width: 100%; max-width: none; margin-inline: 0; padding-inline: max(24px, calc((100vw - 1680px) / 2)); }
.tabs-engaged [data-theory-panel] > .section-shell,
.tabs-engaged [data-manifesto-panel] > .section-shell,
.tabs-engaged [data-theory-reference-panel] > .section-shell { width: calc(100% - 48px); max-width: 1680px; margin-inline: auto; }
.tabs-engaged .theory-section-heading { margin-bottom: clamp(30px, 4vh, 48px); }
.tabs-engaged .theory-section-heading h2, .tabs-engaged .split-heading h2 { font-size: clamp(36px, 4vw, 56px); }
.tabs-engaged .limit-card { min-height: 220px; }
.tabs-engaged .autonomy-section { margin-top: 60px; padding-top: 50px; }
.tabs-engaged .theory-figure { margin-bottom: 40px; }
.tabs-engaged .theory-figure img { max-height: 55vh; object-fit: contain; background: #061421; }
.tabs-engaged #theory { padding-block: clamp(24px, 3.5vh, 42px); overflow: hidden; }
.tabs-engaged #theory .core-theory-shell, .tabs-engaged #theory .core-theory-layout { height: 100%; }
.tabs-engaged #theory .core-theory-intro { display: grid; min-height: 0; grid-template-rows: auto auto minmax(0, 1fr); gap: 12px; }
.tabs-engaged #theory .theory-section-heading { margin: 0; }
.tabs-engaged #theory .separate-equal-principle { display: grid; padding: clamp(12px, 1.6vh, 18px); grid-template-columns: minmax(170px, .62fr) minmax(0, 1.38fr); align-items: center; gap: 8px 18px; border: 1px solid #244765; border-radius: 16px; background: rgb(8 29 49 / 82%); }
.tabs-engaged #theory .separate-equal-principle span { color: #68b8ff; font-size: 8px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.tabs-engaged #theory .separate-equal-principle h3 { margin: 6px 0 0; font-size: clamp(15px, 1.25vw, 18px); letter-spacing: -.025em; }
.tabs-engaged #theory .separate-equal-principle > p { margin: 0; color: #9eb0c5; font-size: clamp(9px, .72vw, 11px); line-height: 1.38; }
.tabs-engaged #theory .plan-backlog-coupling { display: grid; grid-column: 1 / -1; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 10px; }
.tabs-engaged #theory .plan-backlog-coupling strong { padding: 6px 10px; border: 1px solid #295276; border-radius: 8px; color: #d7e9f9; background: #0b2238; font-size: clamp(9px, .72vw, 11px); text-align: center; }
.tabs-engaged #theory .plan-backlog-coupling small { display: block; margin-top: 2px; color: #68b8ff; font-size: 7px; font-weight: 700; letter-spacing: .04em; }
.tabs-engaged #theory .plan-backlog-coupling i { color: #7c70ff; font-size: 8px; font-style: normal; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }

.tabs-engaged #chunk-plan-theory { padding-block: clamp(18px, 2.6vh, 30px); overflow: hidden; }
.tabs-engaged #chunk-plan-theory .plan-theory-shell, .tabs-engaged #chunk-plan-theory .plan-theory-layout { height: 100%; }
.plan-theory-layout { display: grid; grid-template-columns: minmax(390px, .82fr) minmax(0, 1.18fr); grid-template-rows: auto auto minmax(0, 1fr); gap: 14px 20px; }
.plan-theory-heading { margin: 0; grid-column: 1; grid-row: 1; }
.plan-theory-heading .section-kicker { margin-bottom: 10px; }
.plan-theory-heading h2 { font-size: clamp(29px, 3vw, 44px); }
.plan-theory-heading > p:last-child { margin-top: 12px; font-size: clamp(11px, .9vw, 13px); line-height: 1.48; }
.plan-coupling-principle { display: grid; padding: clamp(13px, 1.7vh, 20px); grid-column: 1; grid-row: 2; grid-template-columns: minmax(150px, .62fr) minmax(0, 1.38fr); align-items: center; gap: 9px 18px; border: 1px solid #244765; border-radius: 16px; background: rgb(8 29 49 / 82%); }
.plan-coupling-principle span, .plan-definition span { color: #68b8ff; font-size: 8px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.plan-coupling-principle h3 { margin: 6px 0 0; font-size: clamp(15px, 1.25vw, 18px); }
.plan-coupling-principle > p { margin: 0; color: #9eb0c5; font-size: clamp(9px, .72vw, 11px); line-height: 1.38; }
.plan-coupling-principle .plan-backlog-coupling { display: grid; grid-column: 1 / -1; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 10px; }
.plan-coupling-principle .plan-backlog-coupling strong { padding: 6px 10px; border: 1px solid #295276; border-radius: 8px; color: #d7e9f9; background: #0b2238; font-size: clamp(9px, .72vw, 11px); text-align: center; }
.plan-coupling-principle .plan-backlog-coupling small { display: block; margin-top: 2px; color: #68b8ff; font-size: 7px; }
.plan-coupling-principle .plan-backlog-coupling i { color: #7c70ff; font-size: 8px; font-style: normal; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.plan-definition { display: grid; min-height: 0; padding: clamp(14px, 1.8vh, 21px); grid-column: 1; grid-row: 3; grid-template-rows: 1fr auto; gap: 14px; border: 1px solid #244765; border-radius: 16px; background: #071725; }
.plan-definition > div { display: flex; align-content: start; flex-wrap: wrap; gap: 8px; }
.plan-definition > div span { width: 100%; margin-bottom: 4px; }
.plan-definition > div strong { padding: 7px 10px; border: 1px solid #294965; border-radius: 8px; color: #cfe2f3; background: #0b2238; font-size: clamp(9px, .75vw, 11px); }
.plan-definition > p { margin: 0; color: #93a8bd; font-size: clamp(9px, .72vw, 11px); line-height: 1.4; }
.plan-definition > p strong { color: white; }
.plan-method { display: grid; min-height: 0; margin: 0; padding: 0; grid-column: 2; grid-row: 1 / 4; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(3, minmax(0, 1fr)); overflow: hidden; border: 1px solid #244765; border-radius: 18px; list-style: none; }
.plan-method li { display: grid; min-height: 0; padding: clamp(14px, 1.8vh, 22px); grid-template-columns: 26px 1fr; gap: 12px; border-right: 1px solid #244765; border-bottom: 1px solid #244765; }
.plan-method li:nth-child(2n) { border-right: 0; }
.plan-method li:nth-last-child(-n + 2) { border-bottom: 0; }
.plan-method li > span { color: #40a8ff; font-size: 9px; font-weight: 800; }
.plan-method small { color: #55b2ff; font-size: 8px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.plan-method h3 { margin: clamp(8px, 1.1vh, 13px) 0 6px; font-size: clamp(15px, 1.25vw, 19px); line-height: 1.15; }
.plan-method p { margin: 0; color: #9db0c4; font-size: clamp(9px, .72vw, 11px); line-height: 1.4; }
.tabs-engaged #theory .theory-figure { display: grid; min-height: 0; height: 100%; margin: 0; grid-template-rows: minmax(0, 1fr) auto; }
.tabs-engaged #theory .theory-figure img { width: 100%; height: 100%; max-height: none; aspect-ratio: auto; object-fit: contain; background: #061421; }
.tabs-engaged #theory .theory-cycle { height: 100%; grid-template-rows: repeat(3, minmax(0, 1fr)); }
.tabs-engaged #theory .theory-cycle li { min-height: 0; padding: clamp(14px, 1.9vh, 22px); grid-template-columns: 32px 1fr; gap: 9px; }
.tabs-engaged #theory .theory-cycle small { margin-bottom: 4px; font-size: 8px; }
.tabs-engaged #theory .theory-cycle h3 { margin-bottom: 6px; font-size: clamp(15px, 1.4vw, 19px); }
.tabs-engaged #theory .theory-cycle p { font-size: clamp(10px, .82vw, 12px); line-height: 1.4; }
.tabs-engaged #problem { padding-block: clamp(20px, 3vh, 34px); overflow-x: hidden; overflow-y: auto; }
.tabs-engaged #chunk-contract { display: grid; padding-block: clamp(18px, 2.6vh, 30px); grid-template-columns: minmax(420px, .85fr) minmax(0, 1.15fr); grid-template-rows: auto minmax(0, 1.12fr) minmax(0, .88fr); gap: 14px 20px; overflow-x: hidden; overflow-y: auto; }
.tabs-engaged #chunk-contract > .split-heading { margin: 0; grid-column: 1 / -1; grid-row: 1; grid-template-columns: minmax(0, 1fr) minmax(300px, .62fr); gap: 34px; }
.tabs-engaged #chunk-contract > .split-heading h2 { font-size: clamp(30px, 3.1vw, 46px); }
.tabs-engaged #chunk-contract > .split-heading .section-kicker { margin-bottom: 10px; }
.tabs-engaged #chunk-contract > .split-heading > p { max-width: 600px; font-size: clamp(12px, 1vw, 15px); line-height: 1.5; }
.tabs-engaged #chunk-contract .contract-layout { display: contents; }
.tabs-engaged #chunk-contract .contract-card { min-height: 0; padding: clamp(18px, 2.2vh, 27px); grid-column: 1; grid-row: 2 / 4; }
.tabs-engaged #chunk-contract .contract-top { padding-bottom: clamp(10px, 1.4vh, 16px); }
.tabs-engaged #chunk-contract .contract-card dl { height: calc(100% - 38px); grid-template-rows: repeat(7, minmax(0, 1fr)); }
.tabs-engaged #chunk-contract .contract-card dl div { min-height: 0; padding: clamp(7px, 1.2vh, 13px) 0; align-items: center; grid-template-columns: 96px 1fr; gap: 14px; }
.tabs-engaged #chunk-contract .contract-card dd { font-size: clamp(11px, .88vw, 13px); line-height: 1.35; }
.tabs-engaged #chunk-contract > .theory-figure { display: grid; min-height: 0; height: 100%; margin: 0; grid-column: 2; grid-row: 2; grid-template-rows: minmax(0, 1fr) auto; }
.tabs-engaged #chunk-contract > .forecast-figure { width: min(100%, 620px); height: 100%; min-height: 0; max-height: 100%; aspect-ratio: auto; align-self: stretch; justify-self: center; }
.tabs-engaged #chunk-contract > .theory-figure img { width: 100%; height: 100%; max-height: none; aspect-ratio: auto; object-fit: contain; background: #eef3f8; }
.tabs-engaged #chunk-contract > .forecast-figure img { height: 100%; min-height: 0; aspect-ratio: auto; object-fit: contain; }
.tabs-engaged #chunk-contract > .theory-figure .theory-image-placeholder { width: 100%; height: 100%; min-height: 0; aspect-ratio: auto; padding: clamp(20px, 3vw, 46px); }
.tabs-engaged #chunk-contract > .theory-figure figcaption { padding: 10px 15px; grid-template-columns: 125px 1fr; gap: 14px; }
.tabs-engaged #chunk-contract > .theory-figure figcaption p { font-size: 11px; line-height: 1.35; }
.tabs-engaged #chunk-contract .contract-notes { min-height: 0; height: 100%; grid-column: 2; grid-row: 3; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 10px; }
.tabs-engaged #chunk-contract .contract-notes article { min-height: 0; padding: clamp(12px, 1.5vh, 18px); }
.tabs-engaged #chunk-contract .contract-notes h3 { margin: clamp(8px, 1vh, 12px) 0 5px; font-size: clamp(13px, 1.1vw, 16px); }
.tabs-engaged #chunk-contract .contract-notes p { font-size: clamp(10px, .78vw, 12px); line-height: 1.4; }
.tabs-engaged #operating-system { padding-block: clamp(18px, 2.6vh, 30px); overflow-x: hidden; overflow-y: auto; }
.tabs-engaged #operating-system > .section-shell { display: grid; height: 100%; grid-template-columns: minmax(390px, .82fr) minmax(0, 1.18fr); grid-template-rows: auto minmax(0, 1fr) auto; gap: 14px 20px; }
.tabs-engaged #operating-system .theory-section-heading { margin: 0; grid-column: 1; grid-row: 1; }
.tabs-engaged #operating-system .theory-section-heading .section-kicker { margin-bottom: 10px; }
.tabs-engaged #operating-system .theory-section-heading h2 { font-size: clamp(29px, 3vw, 44px); }
.tabs-engaged #operating-system .theory-section-heading > p:last-child { margin-top: 12px; font-size: clamp(11px, .9vw, 13px); line-height: 1.45; }
.tabs-engaged #operating-system .work-levels { min-height: 0; margin: 0; grid-column: 1; grid-row: 2; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(0, 1fr)); align-items: stretch; gap: 10px; }
.tabs-engaged #operating-system .plot-figure { display: grid; width: min(100%, 520px); max-width: 100%; height: auto; min-height: 0; margin: 0; aspect-ratio: auto; align-self: start; grid-column: 1; grid-row: 2; grid-template-rows: auto auto; justify-self: center; overflow: hidden; border: 1px solid #cbd9e7; border-radius: 18px; background: #061421; }
.tabs-engaged #operating-system .plot-figure img { width: 100%; height: auto; min-height: 0; aspect-ratio: 3 / 2; object-fit: cover; }
.tabs-engaged #operating-system .plot-figure figcaption { display: grid; padding: 10px 14px; grid-template-columns: 95px 1fr; gap: 12px; color: #a9bdd1; background: #081727; font-size: clamp(9px, .72vw, 11px); line-height: 1.35; }
.tabs-engaged #operating-system .plot-figure figcaption span { color: #65b7ff; font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.tabs-engaged #operating-system .plot-figure figcaption p { margin: 0; }
.tabs-engaged #operating-system .work-levels > i { display: none; }
.tabs-engaged #operating-system .work-levels article { min-height: 0; padding: clamp(12px, 1.6vh, 18px); }
.tabs-engaged #operating-system .work-levels article strong { margin: clamp(10px, 1.5vh, 17px) 0 5px; font-size: clamp(16px, 1.35vw, 20px); }
.tabs-engaged #operating-system .work-levels article p { font-size: clamp(10px, .8vw, 12px); line-height: 1.4; }
.tabs-engaged #operating-system .cadence-grid { min-height: 0; grid-column: 2; grid-row: 1 / 4; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(3, minmax(0, 1fr)); gap: 10px; }
.tabs-engaged #operating-system .cadence-grid article { min-height: 0; padding: clamp(13px, 1.7vh, 20px); }
.tabs-engaged #operating-system .cadence-grid h3 { margin: clamp(10px, 1.5vh, 18px) 0 6px; font-size: clamp(15px, 1.3vw, 19px); }
.tabs-engaged #operating-system .cadence-grid p { font-size: clamp(10px, .8vw, 12px); line-height: 1.4; }
.tabs-engaged #operating-system .tool-role { min-height: 0; margin: 0; padding: clamp(14px, 1.8vh, 21px); grid-column: 1; grid-row: 3; grid-template-columns: minmax(150px, .72fr) minmax(0, 1.28fr); gap: 18px; }
.tabs-engaged #operating-system .tool-role .section-kicker { margin-bottom: 8px; font-size: 9px; }
.tabs-engaged #operating-system .tool-role h3 { font-size: clamp(17px, 1.5vw, 22px); }
.tabs-engaged #operating-system .tool-role li { padding: clamp(5px, .72vh, 8px) 0; grid-template-columns: 78px 1fr; gap: 9px; }
.tabs-engaged #operating-system .tool-role li strong, .tabs-engaged #operating-system .tool-role li span { font-size: clamp(9px, .72vw, 11px); line-height: 1.3; }
.tabs-engaged #visibility-maps { padding-block: clamp(14px, 2vh, 24px); overflow-x: hidden; overflow-y: auto; }
.tabs-engaged #visibility-maps > .section-shell { display: grid; height: 100%; grid-template-rows: auto minmax(0, 1fr); gap: 16px; }
.tabs-engaged #visibility-maps .visibility-maxim { min-height: 0; margin: 0; padding: clamp(12px, 1.7vh, 18px) clamp(18px, 2vw, 30px); grid-template-columns: 145px minmax(350px, 1.2fr) minmax(280px, .8fr); gap: 24px; border-radius: 16px; }
.tabs-engaged #visibility-maps .visibility-maxim strong { font-size: clamp(24px, 2.5vw, 35px); }
.tabs-engaged #visibility-maps .visibility-maxim p { padding-left: 20px; font-size: clamp(10px, .8vw, 12px); line-height: 1.4; }
.tabs-engaged #visibility-maps .theory-section-heading { display: grid; max-width: none; margin: 0; grid-template-columns: minmax(0, 1fr) minmax(360px, .72fr); align-items: end; gap: 40px; }
.tabs-engaged #visibility-maps .theory-section-heading .section-kicker { margin-bottom: 8px; }
.tabs-engaged #visibility-maps .theory-section-heading h2 { font-size: clamp(27px, 2.8vw, 41px); }
.tabs-engaged #visibility-maps .theory-section-heading > p:last-child { margin: 0; font-size: clamp(10px, .82vw, 12px); line-height: 1.45; }
.tabs-engaged #visibility-maps .mapping-theory-grid { width: min(100%, 1240px); min-height: 0; margin-inline: auto; grid-template-columns: repeat(2, minmax(0, 1fr)); align-self: start; justify-self: center; gap: 16px; }
.tabs-engaged #visibility-maps .mapping-theory-card { min-height: 0; grid-template-columns: 1fr; grid-template-rows: auto auto; align-self: start; border-radius: 17px; }
.tabs-engaged #visibility-maps .mapping-theory-card-reverse .mapping-theory-copy, .tabs-engaged #visibility-maps .mapping-theory-card-reverse .mapping-image { order: initial; }
.tabs-engaged #visibility-maps .mapping-theory-card-reverse .mapping-image { border-right: 0; border-left: 1px solid #2a4866; }
.tabs-engaged #visibility-maps .mapping-theory-copy { display: grid; min-height: 0; padding: clamp(14px, 1.8vh, 21px); grid-template-columns: minmax(180px, .78fr) minmax(0, 1.22fr); grid-template-rows: auto auto; align-items: start; gap: 8px 24px; overflow: hidden; border-bottom: 1px solid #2a4866; }
.tabs-engaged #visibility-maps .mapping-theory-copy > span { grid-column: 1; grid-row: 1; }
.tabs-engaged #visibility-maps .mapping-theory-copy h3 { margin: 0; grid-column: 1; grid-row: 2; font-size: clamp(19px, 1.65vw, 25px); line-height: 1.08; }
.tabs-engaged #visibility-maps .mapping-theory-copy > p:not(.mapping-question) { margin: 0; grid-column: 2; grid-row: 1; font-size: clamp(9px, .72vw, 11px); line-height: 1.45; }
.tabs-engaged #visibility-maps .mapping-theory-copy h4 { margin: clamp(8px, 1.1vh, 13px) 0 6px; font-size: 8px; }
.tabs-engaged #visibility-maps .mapping-theory-copy ul { gap: 3px; font-size: clamp(8px, .65vw, 10px); line-height: 1.3; }
.tabs-engaged #visibility-maps .mapping-theory-copy li { padding-left: 12px; }
.tabs-engaged #visibility-maps .mapping-theory-copy .mapping-question { margin: 0; padding-top: 8px; grid-column: 2; grid-row: 2; font-size: clamp(9px, .7vw, 10px); line-height: 1.4; }
.tabs-engaged #visibility-maps .mapping-image, .tabs-engaged #visibility-maps .mapping-photo { min-height: 0; height: 100%; margin: 0; border-left: 0; }
.tabs-engaged #visibility-maps .mapping-photo img { object-fit: cover; object-position: center; background: #061421; }
.tabs-engaged #visibility-maps .compact-map-figure { min-height: 0; height: auto; }
.tabs-engaged #visibility-maps .compact-map-figure img { height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
.tabs-engaged #visibility-maps .mapping-image { padding: 16px; place-content: center; }
.tabs-engaged #visibility-maps .mapping-image strong { margin-top: 8px; font-size: clamp(15px, 1.35vw, 20px); }
.tabs-engaged #visibility-maps .mapping-image p { margin-top: 8px; font-size: clamp(9px, .7vw, 11px); line-height: 1.35; }
.tabs-engaged #visibility-maps .map-model { min-height: 0; margin: 0; grid-template-columns: 1fr 30px 1fr 30px 1fr; }
.tabs-engaged #visibility-maps .map-model div { min-height: 0; padding: clamp(10px, 1.4vh, 15px) 18px; }
.tabs-engaged #visibility-maps .map-model span { margin-bottom: 7px; font-size: 8px; }
.tabs-engaged #visibility-maps .map-model strong { font-size: clamp(12px, 1vw, 15px); }
.tabs-engaged #measurement { display: grid; padding-block: clamp(14px, 2vh, 24px); grid-template-columns: minmax(430px, .78fr) minmax(0, 1.22fr); grid-template-rows: auto auto minmax(0, 1fr) auto; gap: 10px 14px; overflow: hidden; }
.tabs-engaged #measurement > .split-heading { margin: 0; grid-column: 1 / -1; grid-row: 1; grid-template-columns: minmax(0, 1fr) minmax(420px, .85fr); align-items: end; gap: 30px; }
.tabs-engaged #measurement > .split-heading .section-kicker { margin-bottom: 8px; }
.tabs-engaged #measurement > .split-heading h2 { font-size: clamp(29px, 3vw, 44px); }
.tabs-engaged #measurement > .split-heading > p { font-size: clamp(10px, .82vw, 12px); line-height: 1.45; }
.tabs-engaged #measurement .metrics-thesis { margin: 0; padding: clamp(10px, 1.4vh, 15px) 20px; grid-column: 1 / -1; grid-row: 2; grid-template-columns: 210px 1fr; align-items: center; gap: 22px; }
.tabs-engaged #measurement .metrics-thesis strong { font-size: clamp(10px, .82vw, 12px); }
.tabs-engaged #measurement .metrics-thesis p { font-size: clamp(10px, .8vw, 12px); line-height: 1.4; }
.tabs-engaged #measurement .measure-grid { min-height: 0; grid-column: 1; grid-row: 3; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(3, minmax(0, 1fr)); gap: 8px; }
.tabs-engaged #measurement .measure-grid article { min-height: 0; padding: clamp(11px, 1.5vh, 17px); }
.tabs-engaged #measurement .measure-grid h3 { margin: clamp(8px, 1.1vh, 13px) 0 5px; font-size: clamp(14px, 1.15vw, 17px); }
.tabs-engaged #measurement .measure-grid p { font-size: clamp(9px, .72vw, 11px); line-height: 1.35; }
.tabs-engaged #measurement .metric-decisions { display: grid; min-height: 0; margin: 0; grid-column: 2; grid-row: 3; grid-template-rows: auto repeat(4, minmax(0, 1fr)); border-radius: 15px; }
.tabs-engaged #measurement .metric-decisions-heading, .tabs-engaged #measurement .metric-decisions article { min-height: 0; grid-template-columns: .78fr 1fr 1.12fr; align-items: center; gap: 14px; }
.tabs-engaged #measurement .metric-decisions-heading { padding: clamp(7px, .9vh, 10px) 14px; font-size: 8px; }
.tabs-engaged #measurement .metric-decisions article { padding: clamp(7px, 1vh, 11px) 14px; }
.tabs-engaged #measurement .metric-decisions article strong { font-size: clamp(9px, .72vw, 11px); line-height: 1.3; }
.tabs-engaged #measurement .metric-decisions article p, .tabs-engaged #measurement .metric-decisions article span { font-size: clamp(8px, .67vw, 10px); line-height: 1.35; }
.tabs-engaged #measurement .measure-guardrail { margin: 0; padding: clamp(10px, 1.4vh, 15px) 20px; grid-column: 1 / -1; grid-row: 4; grid-template-columns: 160px 1fr; align-items: center; gap: 22px; }
.tabs-engaged #measurement .measure-guardrail strong { font-size: 9px; }
.tabs-engaged #measurement .measure-guardrail p { font-size: clamp(10px, .8vw, 12px); line-height: 1.4; }
.tabs-engaged #early-warning { padding-block: clamp(14px, 2vh, 24px); overflow: hidden; }
.tabs-engaged #early-warning > .section-shell { display: grid; height: 100%; grid-template-rows: auto auto minmax(0, 1fr) auto; gap: 10px; }
.tabs-engaged #early-warning .theory-section-heading { display: grid; max-width: none; margin: 0; grid-template-columns: minmax(0, 1.12fr) minmax(380px, .88fr); align-items: end; gap: 32px; }
.tabs-engaged #early-warning .theory-section-heading .section-kicker { margin-bottom: 8px; }
.tabs-engaged #early-warning .theory-section-heading h2 { font-size: clamp(28px, 2.85vw, 42px); }
.tabs-engaged #early-warning .theory-section-heading > p:last-child { margin: 0; font-size: clamp(10px, .8vw, 12px); line-height: 1.4; }
.tabs-engaged #early-warning .warning-principle { min-height: 0; margin: 0; grid-template-columns: 1fr 30px 1fr 30px 1fr; }
.tabs-engaged #early-warning .warning-principle div { min-height: 0; padding: clamp(9px, 1.3vh, 14px) 18px; }
.tabs-engaged #early-warning .warning-principle span { margin-bottom: 6px; font-size: 8px; }
.tabs-engaged #early-warning .warning-principle strong { font-size: clamp(12px, 1vw, 15px); }
.tabs-engaged #early-warning .warning-grid { min-height: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.tabs-engaged #early-warning .warning-card { min-height: 0; grid-template-columns: 1fr; grid-template-rows: minmax(0, 1.65fr) minmax(90px, .65fr); border-radius: 17px; }
.tabs-engaged #early-warning .warning-card-reverse .warning-copy, .tabs-engaged #early-warning .warning-card-reverse .warning-image { order: initial; }
.tabs-engaged #early-warning .warning-copy { min-height: 0; padding: clamp(11px, 1.5vh, 17px); overflow: hidden; }
.tabs-engaged #early-warning .warning-number { font-size: 8px; }
.tabs-engaged #early-warning .warning-copy h3 { margin: clamp(7px, 1vh, 11px) 0 6px; font-size: clamp(17px, 1.5vw, 22px); line-height: 1.1; }
.tabs-engaged #early-warning .warning-copy > p { font-size: clamp(9px, .68vw, 10px); line-height: 1.32; }
.tabs-engaged #early-warning .warning-copy h4 { margin: clamp(7px, 1vh, 11px) 0 5px; font-size: 8px; }
.tabs-engaged #early-warning .warning-copy ul { gap: 2px; font-size: clamp(8px, .63vw, 10px); line-height: 1.28; }
.tabs-engaged #early-warning .warning-copy li { padding-left: 12px; }
.tabs-engaged #early-warning .warning-copy .warning-action { margin-top: clamp(6px, .85vh, 10px); padding-top: clamp(6px, .85vh, 10px); font-size: clamp(8px, .64vw, 10px); line-height: 1.3; }
.tabs-engaged #early-warning .warning-image, .tabs-engaged #early-warning .warning-card-reverse .warning-image { min-height: 0; height: 100%; margin: 0; padding: 10px 14px; border-top: 1px solid #25425f; border-right: 0; border-left: 0; place-content: center; }
.tabs-engaged #early-warning .warning-image > span { font-size: 7px; }
.tabs-engaged #early-warning .warning-image strong { margin-top: 5px; font-size: clamp(13px, 1.1vw, 17px); }
.tabs-engaged #early-warning .warning-image p { margin-top: 5px; font-size: clamp(8px, .6vw, 9px); line-height: 1.25; }
.tabs-engaged #early-warning .warning-outcome { min-height: 0; margin: 0; padding: clamp(10px, 1.4vh, 15px) 20px; grid-template-columns: 160px 1fr; align-items: center; gap: 22px; }
.tabs-engaged #early-warning .warning-outcome strong { font-size: 9px; }
.tabs-engaged #early-warning .warning-outcome p { font-size: clamp(10px, .8vw, 12px); line-height: 1.4; }
.tabs-engaged #transparency { display: grid; padding-block: clamp(14px, 2vh, 24px); grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr); grid-template-rows: auto auto minmax(0, 1fr) auto; gap: 10px 24px; overflow-x: hidden; overflow-y: auto; }
.tabs-engaged #transparency .transparency-statement { max-width: none; grid-column: 1; grid-row: 1; }
.tabs-engaged #transparency .transparency-statement .section-kicker { margin-bottom: 8px; }
.tabs-engaged #transparency .transparency-statement h2 { font-size: clamp(27px, 2.7vw, 40px); }
.tabs-engaged #transparency .transparency-statement > p:last-child { max-width: none; margin-top: 10px; font-size: clamp(10px, .78vw, 12px); line-height: 1.4; }
.tabs-engaged #transparency .transparency-quote { margin: 0; padding: 0 0 2px 22px; align-self: end; grid-column: 2; grid-row: 1; border-left: 2px solid var(--blue); font-size: clamp(18px, 1.75vw, 26px); line-height: 1.18; }
.tabs-engaged #transparency .transparency-loop { min-height: 0; grid-column: 1 / -1; grid-row: 2; grid-template-columns: 1fr 22px 1fr 22px 1fr 22px 1fr; }
.tabs-engaged #transparency .transparency-loop article { min-height: 0; padding: clamp(10px, 1.35vh, 15px); }
.tabs-engaged #transparency .transparency-loop article h3 { margin: clamp(7px, 1vh, 11px) 0 5px; font-size: clamp(13px, 1.05vw, 16px); }
.tabs-engaged #transparency .transparency-loop article p { font-size: clamp(9px, .68vw, 10px); line-height: 1.35; }
.tabs-engaged #transparency .transparency-layout { width: min(100%, 1200px); min-height: 0; height: auto; margin: 0 auto; align-self: start; justify-self: center; grid-column: 1 / -1; grid-row: 3; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); border-radius: 17px; }
.tabs-engaged #transparency .transparency-contract { display: grid; min-height: 0; padding: clamp(13px, 1.7vh, 20px); grid-template-rows: auto auto minmax(0, 1fr); }
.tabs-engaged #transparency .transparency-contract .section-kicker { margin-bottom: 7px; font-size: 8px; }
.tabs-engaged #transparency .transparency-contract h3 { margin: 0 0 7px; font-size: clamp(18px, 1.55vw, 23px); }
.tabs-engaged #transparency .transparency-contract ul { min-height: 0; grid-template-rows: repeat(6, minmax(0, 1fr)); }
.tabs-engaged #transparency .transparency-contract li { min-height: 0; padding: clamp(4px, .7vh, 7px) 0; align-items: center; grid-template-columns: 92px 1fr; gap: 10px; }
.tabs-engaged #transparency .transparency-contract li strong { font-size: clamp(9px, .7vw, 11px); }
.tabs-engaged #transparency .transparency-contract li span { font-size: clamp(8px, .65vw, 10px); line-height: 1.3; }
.tabs-engaged #transparency .transparency-image { min-height: 0; height: 100%; margin: 0; padding: 16px; place-content: center; }
.tabs-engaged #transparency .transparency-image > span { font-size: 8px; }
.tabs-engaged #transparency .transparency-image strong { margin-top: 8px; font-size: clamp(18px, 1.7vw, 25px); }
.tabs-engaged #transparency .transparency-image p { margin-top: 8px; font-size: clamp(9px, .7vw, 11px); line-height: 1.35; }
.tabs-engaged #transparency .transparency-guardrails { min-height: 0; margin: 0; grid-column: 1 / -1; grid-row: 4; gap: 10px; }
.tabs-engaged #transparency .transparency-guardrails article { padding: clamp(9px, 1.25vh, 14px) 16px; }
.tabs-engaged #transparency .transparency-guardrails span { font-size: 8px; }
.tabs-engaged #transparency .transparency-guardrails p { margin-top: 6px; font-size: clamp(9px, .7vw, 11px); line-height: 1.35; }
.tabs-engaged #anti-patterns { padding-block: clamp(20px, 3vh, 34px); overflow: hidden; }
.tabs-engaged #anti-patterns > .section-shell { display: grid; height: 100%; grid-template-rows: auto minmax(0, 1fr); gap: clamp(16px, 2.5vh, 28px); }
.tabs-engaged #anti-patterns .theory-section-heading { display: grid; max-width: none; margin: 0; grid-template-columns: minmax(0, 1fr) minmax(380px, .7fr); grid-template-rows: auto auto; align-items: end; gap: 4px 42px; }
.tabs-engaged #anti-patterns .theory-section-heading .section-kicker { margin: 0; grid-column: 1; grid-row: 1; }
.tabs-engaged #anti-patterns .theory-section-heading h2 { grid-column: 1; grid-row: 2; font-size: clamp(32px, 3.4vw, 50px); }
.tabs-engaged #anti-patterns .theory-section-heading > p:last-child { max-width: 600px; margin: 0; grid-column: 2; grid-row: 1 / 3; font-size: clamp(11px, .88vw, 13px); line-height: 1.45; }
.tabs-engaged #anti-patterns .anti-grid { min-height: 0; height: 100%; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(0, 1fr)); }
.tabs-engaged #anti-patterns .anti-grid article { display: flex; min-height: 0; padding: clamp(18px, 2.5vh, 28px); flex-direction: column; }
.tabs-engaged #anti-patterns .anti-grid h3 { margin: auto 0 clamp(8px, 1.2vh, 13px); font-size: clamp(16px, 1.4vw, 21px); line-height: 1.2; }
.tabs-engaged #anti-patterns .anti-grid p { font-size: clamp(10px, .8vw, 12px); line-height: 1.45; }
.tabs-engaged #manifesto { display: grid; padding-block: clamp(20px, 3vh, 34px); grid-template-columns: minmax(360px, .68fr) minmax(0, 1.32fr); grid-template-rows: auto minmax(0, 1fr); gap: clamp(18px, 3vh, 34px) clamp(30px, 4vw, 64px); overflow: hidden; }
.tabs-engaged #manifesto .manifesto-heading { max-width: none; margin: 0; grid-column: 1; grid-row: 1; }
.tabs-engaged #manifesto .manifesto-heading .eyebrow { margin-bottom: 12px; }
.tabs-engaged #manifesto .manifesto-heading h2 { font-size: clamp(34px, 3.8vw, 54px); line-height: 1.02; }
.tabs-engaged #manifesto .manifesto-lines { display: grid; min-height: 0; height: 100%; grid-column: 2; grid-row: 1 / 3; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(3, minmax(0, 1fr)); border: 1px solid var(--line); border-radius: 20px; overflow: hidden; background: var(--line); gap: 1px; }
.tabs-engaged #manifesto .manifesto-lines p { min-height: 0; padding: clamp(12px, 1.8vh, 20px); grid-template-columns: 28px 58px 1fr; align-items: center; border: 0; background: white; font-size: clamp(11px, .9vw, 14px); line-height: 1.38; }
.tabs-engaged #manifesto .manifesto-lines p > span:first-child { padding-top: 2px; font-size: 8px; }
.tabs-engaged #manifesto .manifesto-line-copy { min-width: 0; }
.manifesto-product-icon { display: block; width: 52px; height: 52px; object-fit: contain; }
.manifesto-product-placeholder { display: grid; width: 52px; height: 52px; place-items: center; border: 1px solid #9bc9ee; border-radius: 12px; color: #0870cf; background: #e9f5ff; font-size: 9px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.manifesto-line-copy small { display: block; margin-bottom: 7px; color: var(--blue); font-size: 9px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.manifesto-line-copy strong { display: inline; }
.tabs-engaged #manifesto blockquote { margin: 0; align-self: end; grid-column: 1; grid-row: 2; font-size: clamp(28px, 3.1vw, 45px); line-height: 1.08; }
.stakes-statement { display: grid; margin-top: 72px; padding: 46px 54px; grid-template-columns: minmax(0, 1fr) 260px; align-items: end; gap: 60px; color: white; border-radius: 24px; background: linear-gradient(125deg, #0b1c30, #0a3763); box-shadow: 0 24px 60px rgb(12 47 85 / 15%); }
.stakes-statement p { max-width: 820px; margin: 0; font-size: clamp(30px, 3.6vw, 48px); font-weight: 620; letter-spacing: -.045em; line-height: 1.12; }
.stakes-statement p strong { color: #61b6ff; }
.stakes-statement > span { padding-left: 22px; border-left: 1px solid rgb(112 183 246 / 35%); color: #9eb4cc; font-size: 13px; line-height: 1.65; }
.problem-stakes { width: 100%; margin: 0 0 82px; }
.theory-section { padding-block: 124px; scroll-margin-top: 20px; }
.theory-section-heading { max-width: 850px; margin-bottom: 58px; }
.section-kicker { margin: 0 0 20px; color: var(--blue); font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.theory-section h2 { margin: 0; font-size: clamp(40px, 4.6vw, 64px); font-weight: 670; letter-spacing: -.055em; line-height: 1.04; }
.theory-section-heading > p:last-child, .split-heading > p { max-width: 720px; margin: 26px 0 0; color: var(--muted); font-size: 18px; line-height: 1.72; }
.limit-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.limit-card { min-height: 265px; padding: 30px; border: 1px solid var(--line); border-radius: 19px; background: white; box-shadow: 0 1px 2px rgb(16 24 40 / 3%); }
.limit-card > span, .contract-notes article > span, .measure-grid article > span, .anti-grid article > span { color: var(--blue); font-size: 10px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.limit-card h3 { margin: 48px 0 13px; font-size: 21px; letter-spacing: -.03em; line-height: 1.25; }
.limit-card p, .contract-notes p, .measure-grid p, .anti-grid p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.65; }
.theory-callout { display: grid; margin-top: 24px; padding: 30px 34px; grid-template-columns: 150px 1fr; align-items: start; gap: 30px; border-left: 3px solid var(--violet); border-radius: 0 14px 14px 0; background: #efedff; }
.theory-callout strong { color: var(--violet); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.theory-callout p { margin: 0; color: #354157; font-size: 17px; line-height: 1.65; }
.human-problem-dashboard { display: flex; min-height: 100%; flex-direction: column; gap: clamp(10px, 1.5vh, 16px); }
.human-problem-heading { display: grid; grid-template-columns: 1.05fr .95fr; align-items: end; gap: 55px; }
.human-problem-heading h2 { margin: 0; font-size: clamp(35px, 4.1vw, 55px); font-weight: 670; letter-spacing: -.052em; line-height: 1.02; }
.human-problem-heading > p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.6; }
.human-model-grid { display: grid; min-height: 0; flex: 1 1 auto; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.human-model { min-height: 0; padding: clamp(19px, 2.4vh, 27px); border-radius: 18px; }
.human-model > span { font-size: 9px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.human-model h3 { margin: clamp(17px, 2.5vh, 26px) 0 13px; font-size: clamp(17px, 1.6vw, 21px); letter-spacing: -.03em; line-height: 1.23; }
.human-model ul { display: grid; margin: 0; padding: 0; gap: 7px; font-size: 12px; line-height: 1.42; list-style: none; }
.human-model li { position: relative; padding-left: 14px; }
.human-model li::before { position: absolute; top: .62em; left: 0; width: 5px; height: 5px; border-radius: 50%; content: ""; }
.human-model-image { min-height: 0; height: 100%; margin: 0; padding: 0; overflow: hidden; border: 1px solid #9eb6cc; border-radius: 18px; background-color: #071522; color: var(--text); }
.human-model-image img { display: block; width: 100%; height: 100%; object-fit: contain; }
.human-model-image strong { margin-top: 10px; font-size: clamp(19px, 2vw, 27px); }
.human-model-image p { margin-top: 10px; color: var(--muted); font-size: 12px; }
.human-foundation { display: grid; padding: 14px 18px; grid-template-columns: 1.15fr .85fr; align-items: center; gap: 24px; border: 1px solid #cfdce9; border-radius: 14px; background: white; }
.human-foundation > div { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.human-foundation span { margin-right: 6px; color: var(--blue); font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.human-foundation > div strong { padding: 6px 8px; border-radius: 7px; color: #224967; background: #eaf3fb; font-size: 10px; }
.human-foundation > p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.45; }
.human-foundation > p strong { color: var(--text); }
.human-flow { display: grid; grid-template-columns: 1.25fr .75fr; align-items: center; gap: 18px; }
.human-flow > p { margin: 0; color: #4d657c; font-size: 10px; line-height: 1.45; }
.human-flow > p strong { color: #0873d4; }
.human-limits { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; }
.human-limits span { padding: 5px 9px; border: 1px solid var(--line); border-radius: 99px; color: #69778a; background: #f2f5f8; font-size: 9px; font-weight: 700; }
.human-principle { margin: 0; color: #163958; font-size: clamp(19px, 2.2vw, 28px); font-weight: 650; letter-spacing: -.035em; line-height: 1.16; text-align: center; }
.human-stakes { margin: 0; color: #456078; font-size: 11px; text-align: center; }
.human-stakes strong { color: #0873d4; }
.autonomy-section { margin-top: 92px; padding-top: 84px; border-top: 1px solid var(--line); }
.autonomy-heading { max-width: 860px; }
.autonomy-heading h3 { margin: 0; font-size: clamp(36px, 4.4vw, 58px); letter-spacing: -.052em; line-height: 1.05; }
.autonomy-heading > p:last-child { max-width: 740px; margin: 25px 0 0; color: var(--muted); font-size: 17px; line-height: 1.72; }
.autonomy-contrast { display: grid; margin-top: 55px; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.autonomy-contrast article { padding: 35px; border-radius: 20px; }
.autonomy-contrast article > span, .autonomy-contract > span { font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.autonomy-contrast h4 { margin: 40px 0 22px; font-size: 24px; letter-spacing: -.035em; line-height: 1.25; }
.autonomy-contrast ul { display: grid; margin: 0; padding: 0; gap: 11px; font-size: 14px; line-height: 1.55; list-style: none; }
.autonomy-contrast li { position: relative; padding-left: 18px; }
.autonomy-contrast li::before { position: absolute; top: .62em; left: 0; width: 6px; height: 6px; border-radius: 50%; content: ""; }
.gatekeeper-model { border: 1px solid #e4d5d5; background: #fff7f7; }
.gatekeeper-model > span { color: #b34b4b; }
.gatekeeper-model li { color: #735d62; }
.gatekeeper-model li::before { background: #d56d6d; }
.autonomous-model { border: 1px solid #cce4dc; background: #f1fbf7; }
.autonomous-model > span { color: #16845f; }
.autonomous-model li { color: #496a61; }
.autonomous-model li::before { background: #27b484; }
.autonomy-layout { display: grid; margin-top: 22px; grid-template-columns: .9fr 1.1fr; overflow: hidden; border: 1px solid #244765; border-radius: 22px; background: #081827; }
.autonomy-contract { padding: 40px; color: white; }
.autonomy-contract > span { color: #66b7ff; }
.autonomy-contract h4 { margin: 18px 0 24px; font-size: 27px; letter-spacing: -.035em; }
.autonomy-contract dl { display: grid; margin: 0; }
.autonomy-contract dl div { display: grid; padding: 15px 0; grid-template-columns: 90px 1fr; gap: 18px; border-top: 1px solid #203b54; }
.autonomy-contract dt { color: #66b7ff; font-size: 11px; font-weight: 750; text-transform: uppercase; }
.autonomy-contract dd { margin: 0; color: #aabaca; font-size: 13px; line-height: 1.5; }
.autonomy-contract > p { margin: 26px 0 0; padding-top: 22px; border-top: 1px solid #203b54; color: #aabaca; font-size: 13px; line-height: 1.65; }
.autonomy-contract > p strong { color: white; }
.autonomy-image { min-height: 100%; margin: 0; border: 0; border-left: 1px solid #244765; border-radius: 0; background-color: #071522; }
.autonomy-image strong { max-width: 540px; }
.autonomy-principle { max-width: 1000px; margin: 68px 0 0; color: #163958; font-size: clamp(27px, 3.5vw, 46px); font-weight: 640; letter-spacing: -.04em; line-height: 1.18; }
.theory-section-dark { color: white; background: linear-gradient(145deg, #050c16, #091c31 65%, #082440); }
.theory-heading-light > p:last-child { color: #9eb0c5; }
.core-theory-layout { display: grid; grid-template-columns: minmax(0, .88fr) minmax(500px, 1.12fr); align-items: stretch; gap: 24px; }
.core-theory-intro { display: flex; min-width: 0; flex-direction: column; }
.core-theory-intro .theory-section-heading { margin-bottom: 25px; }
.core-theory-intro .theory-section-heading h2 { font-size: clamp(32px, 3.5vw, 50px); }
.core-theory-intro .theory-section-heading > p:last-child { margin-top: 16px; font-size: 14px; line-height: 1.55; }
.core-theory-intro .theory-figure { margin: auto 0 0; }
.core-theory-intro .theory-figure figcaption { padding: 13px 16px; grid-template-columns: 135px 1fr; gap: 14px; }
.image-placeholder { display: grid; min-height: 330px; margin-bottom: 66px; padding: 42px; place-content: center; border: 1px dashed #326793; border-radius: 24px; text-align: center; background: repeating-linear-gradient(135deg, rgb(27 82 129 / 9%) 0, rgb(27 82 129 / 9%) 1px, transparent 1px, transparent 16px); }
.image-placeholder > span { color: #56acfa; font-size: 10px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.image-placeholder strong { margin-top: 14px; font-size: clamp(25px, 3vw, 37px); letter-spacing: -.035em; }
.image-placeholder p { max-width: 660px; margin: 16px auto 0; color: #93a9c1; font-size: 14px; line-height: 1.65; }
.theory-figure { margin: 0 0 66px; overflow: hidden; border-radius: 24px; }
.theory-figure img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
.theory-image-placeholder { display: grid; width: 100%; min-height: 260px; aspect-ratio: 3 / 2; padding: clamp(28px, 5vw, 70px); place-content: center; text-align: center; background: radial-gradient(circle at 50% 25%, #dcecff, #edf3f9 58%, #e4ebf3); }
.theory-image-placeholder span { color: var(--blue); font-size: 10px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.theory-image-placeholder strong { max-width: 620px; margin: 13px auto 8px; color: var(--ink); font-size: clamp(23px, 2.4vw, 38px); letter-spacing: -.035em; line-height: 1.05; }
.theory-image-placeholder p { margin: 0; color: var(--muted); font-size: clamp(12px, 1vw, 15px); }
.theory-figure figcaption { display: grid; padding: 24px 28px; grid-template-columns: 190px 1fr; align-items: start; gap: 28px; }
.theory-figure figcaption span { color: #61b5ff; font-size: 10px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.theory-figure figcaption p { margin: 0; font-size: 14px; line-height: 1.65; }
.theory-figure-dark { border: 1px solid #244a6e; background: #071625; box-shadow: 0 28px 70px rgb(0 0 0 / 24%); }
.theory-figure-dark figcaption p { color: #a5b7ca; }
.theory-figure-light { margin: 24px 0 0; border: 1px solid var(--line); background: white; box-shadow: var(--shadow); }
.theory-figure-light figcaption span { color: var(--blue); }
.theory-figure-light figcaption p { color: var(--muted); }
.theory-cycle { display: grid; margin: 0; padding: 0; grid-template-columns: repeat(2, 1fr); gap: 1px; border: 1px solid #1f3b58; border-radius: 22px; overflow: hidden; list-style: none; background: #1f3b58; }
.theory-cycle li { display: grid; min-height: 190px; padding: 34px; grid-template-columns: 48px 1fr; gap: 18px; background: #081726; }
.theory-cycle li > span { color: #58afff; font-size: 11px; font-weight: 800; }
.theory-cycle small { display: block; margin-bottom: 7px; color: #58afff; font-size: 9px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.theory-cycle h3 { margin: 0 0 12px; font-size: 21px; letter-spacing: -.025em; }
.theory-cycle p { margin: 0; color: #92a6bd; font-size: 14px; line-height: 1.65; }
.split-heading { display: grid; margin-bottom: 58px; grid-template-columns: minmax(0, 1.2fr) minmax(300px, .7fr); align-items: end; gap: 80px; }
.split-heading > p { margin: 0; }
.contract-layout { display: grid; grid-template-columns: 1.1fr .9fr; gap: 18px; }
.contract-card { padding: 34px; border-radius: 22px; color: white; background: linear-gradient(145deg, #071523, #0a3158); box-shadow: 0 24px 60px rgb(8 45 80 / 15%); }
.contract-top { display: flex; padding-bottom: 25px; align-items: center; justify-content: space-between; border-bottom: 1px solid rgb(125 187 242 / 22%); font-size: 11px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.contract-top span { color: #69b8ff; }
.contract-top strong { padding: 7px 10px; border-radius: 99px; color: #66dbb8; background: rgb(39 201 154 / 10%); }
.contract-card dl { display: grid; margin: 9px 0 0; }
.contract-card dl div { display: grid; padding: 18px 0; grid-template-columns: 105px 1fr; gap: 20px; border-bottom: 1px solid rgb(125 187 242 / 14%); }
.contract-card dl div:last-child { border-bottom: 0; }
.contract-card dt { color: #68b7ff; font-size: 11px; font-weight: 750; text-transform: uppercase; }
.contract-card dd { margin: 0; color: #d4e0ed; font-size: 14px; }
.contract-notes { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.contract-notes article { padding: 27px; border: 1px solid var(--line); border-radius: 18px; background: white; }
.contract-notes h3 { margin: 28px 0 12px; font-size: 18px; letter-spacing: -.025em; line-height: 1.3; }
.image-placeholder-light { min-height: 230px; margin: 24px 0 0; color: var(--text); border-color: #aabdd2; background-color: #f2f6fb; }
.image-placeholder-light p { color: var(--muted); }
.theory-operating { background: #eef3f8; }
.plot-figure { margin: 0 0 64px; overflow: hidden; border: 1px solid #cbd9e7; border-radius: 22px; background: #061421; }
.plot-figure img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: contain; }
.plot-figure figcaption { display: grid; padding: 16px 20px; grid-template-columns: 120px 1fr; gap: 18px; color: #a9bdd1; background: #081727; font-size: 12px; }
.plot-figure figcaption span { color: #65b7ff; font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.plot-figure figcaption p { margin: 0; }
.work-levels { display: grid; margin-bottom: 64px; grid-template-columns: 1fr 30px 1fr 30px 1fr 30px 1fr; align-items: center; }
.work-levels article { min-height: 180px; padding: 27px; border: 1px solid #d4dfeb; border-radius: 18px; background: white; }
.work-levels article span { color: var(--blue); font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.work-levels article strong { display: block; margin: 34px 0 8px; font-size: 22px; }
.work-levels article p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.5; }
.work-levels > i { height: 1px; background: #9bb6ce; }
.cadence-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.cadence-grid article { min-height: 240px; padding: 30px; border-top: 3px solid var(--blue); border-radius: 0 0 18px 18px; background: white; box-shadow: 0 10px 30px rgb(21 50 82 / 5%); }
.cadence-time { color: var(--blue); font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.cadence-grid h3 { margin: 42px 0 12px; font-size: 20px; letter-spacing: -.03em; }
.cadence-grid p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.65; }
.tool-role { display: grid; margin-top: 60px; padding: 48px; grid-template-columns: .8fr 1.2fr; gap: 70px; border-radius: 24px; color: white; background: #081727; }
.tool-role h3 { margin: 0; font-size: 31px; letter-spacing: -.04em; line-height: 1.12; }
.tool-role ul { display: grid; margin: 0; padding: 0; gap: 0; list-style: none; }
.tool-role li { display: grid; padding: 16px 0; grid-template-columns: 125px 1fr; gap: 20px; border-bottom: 1px solid #1c344d; }
.tool-role li:last-child { border-bottom: 0; }
.tool-role li strong { color: #65b7ff; font-size: 13px; }
.tool-role li span { color: #a2b4c8; font-size: 13px; }
.visibility-maps { color: white; background: radial-gradient(circle at 12% 12%, rgb(112 92 246 / 16%), transparent 23%), linear-gradient(145deg, #07111f, #0b2440 64%, #091a2d); }
.visibility-maxim { display: grid; margin-bottom: 120px; padding: 46px 52px; grid-template-columns: 170px 1.2fr .8fr; align-items: center; gap: 42px; border: 1px solid #2a4b6d; border-radius: 23px; background: rgb(8 24 41 / 74%); box-shadow: 0 28px 70px rgb(0 0 0 / 18%); }
.visibility-maxim span { color: #68b8ff; font-size: 10px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.visibility-maxim strong { font-size: clamp(31px, 4vw, 52px); letter-spacing: -.05em; line-height: 1.08; }
.visibility-maxim p { margin: 0; padding-left: 28px; border-left: 1px solid #2a4b6d; color: #9fb2c7; font-size: 14px; line-height: 1.7; }
.mapping-theory-grid { display: grid; gap: 28px; }
.mapping-theory-card { display: grid; grid-template-columns: minmax(0, .9fr) minmax(430px, 1.1fr); overflow: hidden; border: 1px solid #2a4866; border-radius: 24px; background: #091a2b; }
.mapping-theory-card-reverse .mapping-theory-copy { order: 2; }
.mapping-theory-card-reverse .mapping-image { order: 1; border-right: 1px solid #2a4866; border-left: 0; }
.mapping-theory-copy { padding: 44px; }
.mapping-theory-copy > span { color: #65b7ff; font-size: 10px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.mapping-theory-copy h3 { margin: 23px 0 18px; font-size: clamp(28px, 3.1vw, 42px); letter-spacing: -.045em; line-height: 1.12; }
.mapping-theory-copy > p { margin: 0; color: #a9b9ca; line-height: 1.7; }
.mapping-theory-copy h4 { margin: 35px 0 15px; color: #70bcff; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.mapping-theory-copy ul { display: grid; margin: 0; padding: 0; gap: 10px; color: #d2deeb; font-size: 13px; line-height: 1.55; list-style: none; }
.mapping-theory-copy li { position: relative; padding-left: 17px; }
.mapping-theory-copy li::before { position: absolute; top: .62em; left: 0; width: 5px; height: 5px; border-radius: 50%; background: #7b6bff; content: ""; }
.mapping-theory-copy .mapping-question { margin-top: 32px; padding-top: 24px; border-top: 1px solid #27425e; color: #9fb1c4; font-size: 13px; }
.mapping-question strong { color: white; }
.mapping-image { min-height: 100%; margin: 0; border: 0; border-left: 1px solid #2a4866; border-radius: 0; background-color: #071522; }
.mapping-image strong { max-width: 560px; }
.mapping-photo { position: relative; min-height: 100%; margin: 0; overflow: hidden; border-left: 1px solid #2a4866; background: #061421; }
.mapping-photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.mapping-photo figcaption { position: absolute; right: 18px; bottom: 18px; padding: 9px 12px; border: 1px solid rgb(102 183 255 / 34%); border-radius: 99px; color: #d9ebfb; background: rgb(5 20 34 / 82%); backdrop-filter: blur(10px); font-size: 9px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.map-model { display: grid; margin-top: 55px; grid-template-columns: 1fr 60px 1fr 60px 1fr; align-items: center; }
.map-model div { min-height: 125px; padding: 25px; border: 1px solid #2a4866; border-radius: 17px; background: rgb(10 31 51 / 75%); }
.map-model span { display: block; margin-bottom: 30px; color: #68b8ff; font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.map-model strong { font-size: 17px; letter-spacing: -.02em; }
.map-model > i { height: 1px; background: linear-gradient(90deg, #315b80, #744ff2); }
.metrics-thesis { display: grid; margin-bottom: 24px; padding: 32px; grid-template-columns: 240px 1fr; gap: 35px; border-left: 3px solid var(--blue); border-radius: 0 16px 16px 0; background: #e8f3ff; }
.metrics-thesis strong { color: #0873d4; font-size: 13px; }
.metrics-thesis p { margin: 0; color: #405069; line-height: 1.65; }
.measure-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.measure-grid article { min-height: 230px; padding: 30px; border: 1px solid var(--line); border-radius: 18px; background: white; }
.measure-grid h3 { margin: 52px 0 12px; font-size: 21px; letter-spacing: -.03em; }
.metric-decisions { margin-top: 28px; overflow: hidden; border: 1px solid var(--line); border-radius: 19px; background: white; }
.metric-decisions-heading, .metric-decisions article { display: grid; grid-template-columns: .8fr 1fr 1.15fr; gap: 30px; }
.metric-decisions-heading { padding: 15px 26px; color: #607087; background: #eef3f8; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.metric-decisions article { padding: 24px 26px; align-items: start; border-top: 1px solid var(--line); }
.metric-decisions article strong { font-size: 14px; line-height: 1.5; }
.metric-decisions article p, .metric-decisions article span { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.6; }
.metric-decisions article span { color: #294866; }
.measure-guardrail { display: grid; margin-top: 20px; padding: 32px; grid-template-columns: 190px 1fr; gap: 30px; border-radius: 17px; color: white; background: #142840; }
.measure-guardrail strong { color: #62b5ff; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; }
.measure-guardrail p { margin: 0; color: #bdcadd; line-height: 1.65; }
.warning-system { color: white; background: radial-gradient(circle at 85% 10%, rgb(26 123 214 / 18%), transparent 25%), linear-gradient(145deg, #06101d, #0a2139 62%, #071624); }
.warning-principle { display: grid; margin-bottom: 64px; grid-template-columns: 1fr 60px 1fr 60px 1fr; align-items: center; }
.warning-principle div { min-height: 126px; padding: 26px; border: 1px solid #25425f; border-radius: 17px; background: rgb(12 32 53 / 72%); }
.warning-principle span { display: block; margin-bottom: 30px; color: #58b0ff; font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.warning-principle strong { font-size: 18px; letter-spacing: -.025em; }
.warning-principle > i { height: 1px; background: linear-gradient(90deg, #315b80, #744ff2); }
.warning-grid { display: grid; gap: 28px; }
.warning-card { display: grid; grid-template-columns: minmax(0, .86fr) minmax(430px, 1.14fr); align-items: stretch; overflow: hidden; border: 1px solid #25425f; border-radius: 24px; background: #091929; }
.warning-card-reverse .warning-copy { order: 2; }
.warning-card-reverse .warning-image { order: 1; border-right: 1px solid #25425f; border-left: 0; }
.warning-copy { padding: 43px; }
.warning-number { color: #5cb3ff; font-size: 10px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.warning-copy h3 { margin: 22px 0 18px; font-size: clamp(29px, 3vw, 42px); letter-spacing: -.045em; }
.warning-copy > p { margin: 0; color: #a7b8ca; line-height: 1.7; }
.warning-copy h4 { margin: 34px 0 14px; color: #6ebaff; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.warning-copy ul { display: grid; margin: 0; padding: 0; gap: 10px; color: #d2deeb; font-size: 13px; line-height: 1.55; list-style: none; }
.warning-copy li { position: relative; padding-left: 17px; }
.warning-copy li::before { position: absolute; top: .62em; left: 0; width: 5px; height: 5px; border-radius: 50%; background: var(--blue-bright); content: ""; }
.warning-copy .warning-action { margin-top: 32px; padding-top: 24px; border-top: 1px solid #25425f; color: #9fb2c6; font-size: 13px; }
.warning-action strong { color: white; }
.warning-image { min-height: 100%; margin: 0; border: 0; border-left: 1px solid #25425f; border-radius: 0; background-color: #071420; }
.warning-image strong { max-width: 550px; }
.warning-outcome { display: grid; margin-top: 28px; padding: 34px; grid-template-columns: 190px 1fr; gap: 30px; border-left: 3px solid #6d5cf6; border-radius: 0 16px 16px 0; background: #111f35; }
.warning-outcome strong { color: #8e80ff; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; }
.warning-outcome p { margin: 0; color: #c3cfdd; font-size: 16px; line-height: 1.65; }
.transparency-section { padding-top: 140px; }
.transparency-statement { max-width: 980px; }
.transparency-statement h2 { max-width: 940px; }
.transparency-statement > p:last-child { max-width: 760px; margin: 28px 0 0; color: var(--muted); font-size: 18px; line-height: 1.72; }
.transparency-quote { margin: 76px 0; padding: 0; color: #173755; font-size: clamp(31px, 4.3vw, 56px); font-weight: 620; letter-spacing: -.045em; line-height: 1.15; }
.transparency-quote strong { color: #0873d4; font-weight: 690; }
.transparency-loop { display: grid; grid-template-columns: 1fr 28px 1fr 28px 1fr 28px 1fr; align-items: center; }
.transparency-loop article { min-height: 230px; padding: 28px; border: 1px solid var(--line); border-radius: 18px; background: white; }
.transparency-loop article span { color: var(--blue); font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.transparency-loop article h3 { margin: 38px 0 12px; font-size: 19px; letter-spacing: -.03em; }
.transparency-loop article p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.62; }
.transparency-loop > i { color: #7793ad; text-align: center; font-style: normal; }
.transparency-layout { display: grid; margin-top: 65px; grid-template-columns: .9fr 1.1fr; overflow: hidden; border: 1px solid #244765; border-radius: 24px; background: #071725; }
.transparency-contract { padding: 44px; color: white; }
.transparency-contract h3 { margin: 0 0 26px; font-size: 29px; letter-spacing: -.04em; }
.transparency-contract ul { display: grid; margin: 0; padding: 0; list-style: none; }
.transparency-contract li { display: grid; padding: 16px 0; grid-template-columns: 105px 1fr; gap: 18px; border-top: 1px solid #203c55; }
.transparency-contract li strong { color: #68b8ff; font-size: 12px; }
.transparency-contract li span { color: #a9b8c8; font-size: 13px; line-height: 1.55; }
.transparency-image { min-height: 100%; margin: 0; border: 0; border-left: 1px solid #244765; border-radius: 0; background-color: #081c2d; }
.transparency-image strong { max-width: 520px; }
.transparency-guardrails { display: grid; margin-top: 24px; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.transparency-guardrails article { padding: 27px; border: 1px solid var(--line); border-radius: 17px; background: white; }
.transparency-guardrails span { color: var(--blue); font-size: 10px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.transparency-guardrails p { margin: 25px 0 0; color: var(--muted); font-size: 14px; line-height: 1.65; }
.anti-patterns { color: white; background: #07111f; }
.anti-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; border: 1px solid #213449; border-radius: 22px; overflow: hidden; background: #213449; }
.anti-grid article { min-height: 230px; padding: 30px; background: #0b1828; }
.anti-grid article > span { color: #8b9bae; }
.anti-grid h3 { margin: 42px 0 12px; font-size: 19px; letter-spacing: -.025em; }
.anti-grid p { color: #91a3b8; }
.manifesto { padding-top: 140px; }
.manifesto-heading { max-width: 920px; margin-bottom: 76px; }
.manifesto-heading h2 { font-size: clamp(44px, 5.4vw, 72px); }
.manifesto-lines { border-top: 1px solid var(--line); }
.manifesto-lines p { display: grid; margin: 0; padding: 28px 0; grid-template-columns: 62px 76px 1fr; align-items: center; border-bottom: 1px solid var(--line); font-size: clamp(18px, 2vw, 27px); letter-spacing: -.025em; line-height: 1.32; }
.manifesto-lines p > span:first-child { padding-top: 7px; color: var(--blue); font-size: 10px; font-weight: 800; letter-spacing: .1em; }
.manifesto-line-copy { display: block; }
.manifesto-lines p strong { color: #0b6dc7; font-weight: 680; }

/* Unified dark Theory workspace */
.theory-page.tabs-engaged [data-theory-panel],
.theory-page.tabs-engaged [data-manifesto-panel],
.theory-page.tabs-engaged [data-theory-reference-panel] {
  --text: #f5f9ff;
  --muted: #9eb0c5;
  --line: #244765;
  --white: #0b2238;
  color: var(--text);
  background: linear-gradient(145deg, #050c16, #091c31 65%, #082440);
}
.theory-page.tabs-engaged :is([data-theory-panel], [data-manifesto-panel], [data-theory-reference-panel]) :is(.theory-section-heading > p:last-child, .split-heading > p, .human-problem-heading > p, .transparency-statement > p:last-child) { color: var(--muted); }
.theory-page.tabs-engaged :is([data-theory-panel], [data-manifesto-panel], [data-theory-reference-panel]) :is(.contract-notes article, .work-levels article, .cadence-grid article, .measure-grid article, .metric-decisions, .transparency-loop article, .transparency-guardrails article, .human-foundation, .theory-figure-light, .manifesto-lines p) {
  color: var(--text);
  border-color: var(--line);
  background: #0b2238;
  box-shadow: none;
}
.theory-page.tabs-engaged :is([data-theory-panel], [data-manifesto-panel], [data-theory-reference-panel]) :is(.contract-notes p, .work-levels article p, .cadence-grid p, .measure-grid p, .metric-decisions article p, .metric-decisions article span, .transparency-loop article p, .transparency-guardrails p, .theory-figure-light figcaption p, .human-foundation > p) { color: #9eb0c5; }
.theory-page.tabs-engaged .theory-callout { background: #171d3b; }
.theory-page.tabs-engaged .theory-callout p { color: #bac5d7; }
.theory-page.tabs-engaged .gatekeeper-model { color: #f3dede; border-color: #633b46; background: #281722; }
.theory-page.tabs-engaged .gatekeeper-model li { color: #d4aeb6; }
.theory-page.tabs-engaged .autonomous-model { color: #def7ee; border-color: #285c4d; background: #10291f; }
.theory-page.tabs-engaged .autonomous-model li { color: #a8d3c3; }
.theory-page.tabs-engaged .human-foundation > div strong { color: #cfe7fa; background: #12324e; }
.theory-page.tabs-engaged .human-foundation > p strong { color: white; }
.theory-page.tabs-engaged .human-flow > p { color: #9eb0c5; }
.theory-page.tabs-engaged .human-flow > p strong { color: #58afff; }
.theory-page.tabs-engaged .human-limits span { color: #afc2d5; border-color: #294965; background: #0b2238; }
.theory-page.tabs-engaged :is(.human-principle, .autonomy-principle, .transparency-quote) { color: #e8f3ff; }
.theory-page.tabs-engaged #chunk-contract > .theory-figure img { background: #061421; }
.theory-page.tabs-engaged .image-placeholder-light { color: white; border-color: #326793; background-color: #091d30; }
.theory-page.tabs-engaged .image-placeholder-light p { color: #9eb0c5; }
.theory-page.tabs-engaged .metrics-thesis { background: #0b2946; }
.theory-page.tabs-engaged .metrics-thesis strong { color: #62b5ff; }
.theory-page.tabs-engaged .metrics-thesis p { color: #bac9d8; }
.theory-page.tabs-engaged .metric-decisions-heading { color: #8fa8c0; background: #102a44; }
.theory-page.tabs-engaged .metric-decisions article { border-color: #244765; }
.theory-page.tabs-engaged #manifesto .manifesto-lines { border-color: #244765; background: #244765; }
.theory-page.tabs-engaged #manifesto .manifesto-lines p { color: #e8f3ff; border-color: #244765; background: #0b2238; }
.theory-page.tabs-engaged #manifesto .manifesto-lines p strong { color: #62b5ff; }
.theory-page.tabs-engaged #manifesto blockquote { color: #dcecff; }
.theory-page.tabs-engaged .manifesto-product-placeholder { color: #75c2ff; border-color: #326793; background: #102a44; }

/* Chunk Obeya: one clear comparison, not a wall of micro-content */
.theory-page.tabs-engaged #problem .human-problem-dashboard { display: grid; grid-template-rows: auto minmax(0, 1fr) auto auto; gap: 12px; }
.theory-page.tabs-engaged #problem .human-problem-heading { align-items: center; gap: clamp(36px, 5vw, 80px); }
.theory-page.tabs-engaged #problem .human-problem-heading h2 { font-size: clamp(34px, 3.5vw, 49px); }
.theory-page.tabs-engaged #problem .theory-related-links button { color: #68b8ff; border-color: #294d6d; background: #0b2238; }
.theory-page.tabs-engaged #problem .theory-related-links button:hover { color: white; border-color: var(--blue); background: #0d5fad; }
.theory-page.tabs-engaged #problem .human-model-grid { grid-template-columns: minmax(0, .95fr) minmax(0, .95fr) minmax(360px, 1fr); gap: 14px; }
.theory-page.tabs-engaged #problem .compact-autonomy-figure { width: min(100%, 520px); height: auto; min-height: 0; aspect-ratio: 3 / 2; align-self: center; justify-self: center; }
.theory-page.tabs-engaged #problem .compact-autonomy-figure img { height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
.theory-page.tabs-engaged #problem .human-model { border: 1px solid #294965; border-top-width: 3px; background: #0b2238; }
.theory-page.tabs-engaged #problem .gatekeeper-model { border-top-color: #c85e72; }
.theory-page.tabs-engaged #problem .autonomous-model { border-top-color: #28b987; }
.theory-page.tabs-engaged #problem .human-foundation { padding: 12px 16px; border-color: #294965; background: #0b2238; }
.theory-page.tabs-engaged #problem .human-flow,
.theory-page.tabs-engaged #problem .human-stakes { display: none; }
.theory-page.tabs-engaged #problem .human-principle { padding: 10px 18px 0; color: #dcecff; font-size: clamp(18px, 1.8vw, 25px); line-height: 1.15; }
.theory-page.tabs-engaged #transparency .transparency-photo { display: block; width: 100%; max-width: 100%; height: auto; min-height: 0; margin: 0; padding: 0; align-self: center; justify-self: stretch; overflow: hidden; border: 1px solid #294965; border-radius: 0 17px 17px 0; background: #061421; }
.theory-page.tabs-engaged #transparency .transparency-photo img { display: block; width: 100%; height: auto; object-fit: contain; }
.theory-page.tabs-engaged #transparency .compact-release-figure { height: auto; min-height: 0; aspect-ratio: 1693 / 929; align-self: center; }
.theory-page.tabs-engaged #transparency .compact-release-figure img { height: auto; aspect-ratio: 1693 / 929; object-fit: cover; }
.manifesto blockquote { margin: 90px 0 0; padding: 0; color: #123356; font-size: clamp(35px, 5vw, 68px); font-weight: 690; letter-spacing: -.055em; line-height: 1.13; }
.theory-closing { position: relative; margin-top: 30px; margin-bottom: 34px; padding: 76px 70px; overflow: hidden; color: white; border-radius: 30px; background: linear-gradient(125deg, #071423, #0a2a4e 64%, #075aa9); box-shadow: 0 28px 80px rgb(6 32 61 / 20%); }
.theory-closing::after { position: absolute; top: -90px; right: -90px; width: 380px; height: 380px; border: 1px solid rgb(117 192 255 / 22%); border-radius: 50%; box-shadow: 0 0 0 60px rgb(69 162 245 / 4%); content: ""; }
.theory-closing > * { position: relative; z-index: 1; }
.theory-closing h2 { max-width: 820px; margin: 0; font-size: clamp(45px, 5.6vw, 72px); font-weight: 680; letter-spacing: -.055em; line-height: 1.05; }
.theory-closing > p:not(.eyebrow) { max-width: 680px; margin: 28px 0 36px; color: #b7c8da; font-size: 18px; line-height: 1.65; }

@media (max-width: 1200px) and (min-width: 681px) {
  .tabs-engaged #theory .core-theory-intro .theory-section-heading h2 { font-size: clamp(28px, 3.4vw, 40px); }
  .tabs-engaged #theory .core-theory-intro .theory-section-heading > p:last-child { font-size: 12px; line-height: 1.45; }
  .tabs-engaged #theory .theory-figure figcaption { padding: 10px 12px; grid-template-columns: 115px 1fr; }
  .tabs-engaged #theory .theory-figure figcaption p { font-size: 11px; }
}
@media (max-width: 980px) {
  .products-page:not(.tabs-engaged) { height: auto; overflow-y: auto; }
  .products-page:not(.tabs-engaged) .hero { height: auto; min-height: 100dvh; }
  .hero { min-height: auto; padding-top: 150px; grid-template-columns: 1fr; gap: 70px; }
  .hero-copy { max-width: 760px; }
  .hero-visual { width: min(640px, 92%); justify-self: center; }
  .section-heading { grid-template-columns: 1fr; gap: 24px; }
  .section-heading > p { max-width: 660px; }
  .product-grid { grid-template-columns: 1fr; }
  .product-card { min-height: 680px; }
  .approach { grid-template-columns: 1fr; gap: 52px; }
  .approach-intro { position: static; max-width: 720px; }
  .theory-hero { height: 100dvh; min-height: 0; padding-top: 120px; grid-template-columns: 1fr; gap: 38px; }
  .theory-premise { display: none; }
  .theory-tablist button { min-width: 138px; }
  .product-tablist button { min-width: 156px; }
  .core-theory-layout { grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); gap: 16px; }
  .tabs-engaged [data-theory-panel].section-shell, .tabs-engaged [data-theory-panel] > .section-shell { width: calc(100% - 32px); }
  .stakes-statement { grid-template-columns: 1fr; gap: 30px; }
  .stakes-statement > span { max-width: 500px; padding: 20px 0 0; border-top: 1px solid rgb(112 183 246 / 35%); border-left: 0; }
  .limit-grid, .cadence-grid, .measure-grid, .anti-grid { grid-template-columns: repeat(2, 1fr); }
  .contract-layout { grid-template-columns: 1fr; }
  .tabs-engaged #chunk-contract .contract-layout { grid-template-columns: 1fr; }
  .autonomy-layout { grid-template-columns: 1fr; }
  .autonomy-image { min-height: 390px; border-top: 1px solid #244765; border-left: 0; }
  .work-levels { grid-template-columns: repeat(2, 1fr); gap: 14px; }
  .work-levels > i { display: none; }
  .tool-role { grid-template-columns: 1fr; gap: 35px; }
  .visibility-maxim { grid-template-columns: 1fr; gap: 24px; }
  .visibility-maxim p { padding: 22px 0 0; border-top: 1px solid #2a4b6d; border-left: 0; }
  .mapping-theory-card { grid-template-columns: 1fr; }
  .mapping-theory-card-reverse .mapping-theory-copy, .mapping-theory-card-reverse .mapping-image { order: initial; }
  .mapping-image, .mapping-photo, .mapping-theory-card-reverse .mapping-image { min-height: 390px; border-top: 1px solid #2a4866; border-right: 0; border-left: 0; }
  .map-model { grid-template-columns: 1fr 30px 1fr 30px 1fr; }
  .tabs-engaged #visibility-maps { overflow-y: auto; }
  .tabs-engaged #visibility-maps > .section-shell { display: block; height: auto; }
  .tabs-engaged #visibility-maps .visibility-maxim, .tabs-engaged #visibility-maps .theory-section-heading, .tabs-engaged #visibility-maps .mapping-theory-grid { margin-bottom: 24px; }
  .tabs-engaged #visibility-maps .visibility-maxim, .tabs-engaged #visibility-maps .theory-section-heading, .tabs-engaged #visibility-maps .mapping-theory-grid, .tabs-engaged #visibility-maps .mapping-theory-card { grid-template-columns: 1fr; }
  .tabs-engaged #visibility-maps .mapping-theory-copy { display: block; }
  .tabs-engaged #visibility-maps .mapping-theory-copy h3 { margin: 12px 0 8px; }
  .tabs-engaged #visibility-maps .mapping-theory-copy .mapping-question { margin-top: 14px; }
  .tabs-engaged #visibility-maps .mapping-theory-card { margin-bottom: 14px; }
  .tabs-engaged #visibility-maps .mapping-image, .tabs-engaged #visibility-maps .mapping-photo { min-height: 300px; height: auto; border-top: 1px solid #2a4866; border-left: 0; }
  .tabs-engaged #visibility-maps .compact-map-figure { min-height: 0; }
  .tabs-engaged #early-warning { overflow-y: auto; }
  .tabs-engaged #early-warning > .section-shell { display: block; height: auto; }
  .tabs-engaged #early-warning .theory-section-heading, .tabs-engaged #early-warning .warning-principle, .tabs-engaged #early-warning .warning-grid { margin-bottom: 24px; }
  .tabs-engaged #early-warning .warning-grid { grid-template-columns: 1fr; }
  .tabs-engaged #early-warning .warning-card { min-height: 0; margin-bottom: 14px; grid-template-rows: auto auto; }
  .tabs-engaged #early-warning .warning-image, .tabs-engaged #early-warning .warning-card-reverse .warning-image { min-height: 260px; height: auto; }
  .warning-principle { grid-template-columns: 1fr 30px 1fr 30px 1fr; }
  .warning-card { grid-template-columns: 1fr; }
  .warning-card-reverse .warning-copy, .warning-card-reverse .warning-image { order: initial; }
  .warning-image, .warning-card-reverse .warning-image { min-height: 390px; border-top: 1px solid #25425f; border-right: 0; border-left: 0; }
  .transparency-loop { grid-template-columns: repeat(2, 1fr); gap: 14px; }
  .transparency-loop > i { display: none; }
  .transparency-layout { grid-template-columns: 1fr; }
  .transparency-image { min-height: 390px; border-top: 1px solid #244765; border-left: 0; }
  .transparency-image.compact-release-figure { min-height: 0; }
}
@media (max-height: 720px) and (min-width: 981px) {
  .theory-hero { padding-top: 105px; padding-bottom: 42px; }
  .theory-hero h1 { font-size: clamp(48px, 5.4vw, 68px); }
  .theory-declaration { margin-top: 20px; font-size: 18px; }
  .theory-actions { margin-top: 25px; }
  .theory-premise { padding: 27px; }
  .theory-premise > p { margin-block: 15px 23px; font-size: 18px; }
}
@media (max-width: 680px) {
  .site-header { min-height: 58px; padding-inline: 14px; }
  .install-page .section-shell { width: calc(100% - 32px); }
  .approach-page .section-shell { width: calc(100% - 32px); }
  .approach-hero { display: block; min-height: 0; padding-block: 112px 64px; }
  .approach-hero h1 { font-size: clamp(44px, 13vw, 60px); }
  .approach-hero-copy { margin-top: 28px; gap: 18px; }
  .approach-hero-copy p { font-size: 16px; }
  .approach-principles, .approach-connection { grid-template-columns: 1fr; }
  .approach-principles article { min-height: 0; border-right: 0; border-bottom: 1px solid #274761; }
  .approach-principles article:nth-last-child(-n + 3) { border-bottom: 1px solid #274761; }
  .approach-principles article:last-child { border-bottom: 0; }
  .approach-principles h2 { margin-top: 26px; }
  .approach-connection { margin-block: 52px; padding: 28px; gap: 28px; }
  .approach-connection ol { grid-template-columns: 1fr; }
  .approach-connection li { border-left: 0; border-bottom: 1px solid #2a5271; }
  .approach-connection li:nth-last-child(-n + 2) { border-bottom: 1px solid #2a5271; }
  .approach-connection li:last-child { border-bottom: 0; }
  .approach-actions { flex-direction: column; }
  .install-hero { display: block; min-height: 0; padding-block: 70px; }
  .install-hero h1 { font-size: clamp(43px, 13vw, 60px); }
  .install-hero-copy > p:not(.eyebrow) { font-size: 17px; }
  .install-route { margin-top: 42px; padding: 26px; }
  .install-offers { padding-block: 70px; }
  .install-offers > header, .offer-grid, .pricing-model > header, .pricing-grid, .install-fit { grid-template-columns: 1fr; }
  .install-offers > header { gap: 18px; }
  .offer-card { min-height: 0; padding: 28px; }
  .pricing-model { padding-block: 70px; }
  .pricing-model > header { gap: 18px; }
  .pricing-card { min-height: 0; padding: 28px; }
  .install-fit { margin-bottom: 48px; padding: 28px; gap: 24px; }
  .site-nav > a:not(.nav-cta) { display: none; }
  .nav-cta { padding: 9px 13px; font-size: 12px; }
  .hero { padding: 124px 18px 82px; }
  .hero h1 { font-size: clamp(48px, 15vw, 68px); }
  .hero-facts { display: grid; grid-template-columns: repeat(3, 1fr); }
  .hero-facts div { min-width: 0; padding: 0 12px; grid-template-columns: 1fr; gap: 4px; }
  .hero-facts div:first-child { padding-left: 0; }
  .hero-facts div + div { padding-left: 12px; }
  .hero-visual { padding-block: 52px; }
  .hero-story figure { height: clamp(190px, 48vw, 230px); }
  .hero-story figcaption { right: 13px; bottom: 11px; left: 13px; }
  .signal-card-top { top: 28px; right: 6px; }
  .signal-card-bottom { bottom: 28px; left: 6px; }
  .llc-concepts { margin-top: 14px; padding: 10px; }
  .llc-concepts img { height: 52px; }
  .tabs-engaged #chunk-plan-theory { overflow-y: auto; }
  .tabs-engaged #chunk-plan-theory .plan-theory-shell, .tabs-engaged #chunk-plan-theory .plan-theory-layout { height: auto; }
  .plan-theory-layout { display: block; }
  .plan-theory-heading, .plan-coupling-principle, .plan-definition, .plan-method { margin-bottom: 18px; }
  .plan-coupling-principle, .plan-coupling-principle .plan-backlog-coupling, .plan-method { grid-template-columns: 1fr; }
  .plan-method { grid-template-rows: none; }
  .plan-method li, .plan-method li:nth-child(2n), .plan-method li:nth-last-child(-n + 2) { border-right: 0; border-bottom: 1px solid #244765; }
  .plan-method li:last-child { border-bottom: 0; }
  .section-shell { width: calc(100% - 32px); }
  .products, .approach { padding-block: 82px; }
  .product-card { min-height: 0; padding: 25px; border-radius: 22px; }
  .product-visual { height: auto; aspect-ratio: 1.85; }
  .product-copy { margin-top: 32px; }
  .product-footer { gap: 16px; }
  .products-page.tabs-engaged .product-tabs-shell { min-height: 132px; }
  .product-tabs-shell .theory-overview-button { min-width: 64px; padding-inline: 6px; }
  .product-tabs-shell .product-overview-tab { min-width: 82px; padding: 4px; }
  .product-overview-tab .product-overview-icon { width: 68px; height: 82px; }
  .products-page.tabs-engaged main { height: calc(100dvh - 38px); padding-top: 58px; }
  .products-page.tabs-engaged #products { width: calc(100% - 32px); height: calc(100dvh - 230px); padding-block: 18px; overflow-y: auto; }
  .products-page.tabs-engaged .product-grid { height: auto; }
  .products-page.tabs-engaged .product-card { display: flex; height: auto; min-height: calc(100dvh - 190px); padding: 22px; gap: 0; }
  .products-page.tabs-engaged .product-overview-panel { display: block; height: auto; padding: 0; overflow-y: auto; }
  .product-overview-panel > header { padding: 28px; }
  .product-overview-panel h3 { font-size: clamp(38px, 11vw, 52px); }
  .product-overview-panel > ol { height: auto; grid-template-columns: 1fr; grid-template-rows: none; }
  .product-overview-panel li { min-height: 118px; border-top: 1px solid #244764; border-left: 0; border-bottom: 0; }
  .products-page.tabs-engaged .product-visual { width: 100%; height: auto; min-height: 0; margin-top: 22px; aspect-ratio: 1.5; }
  .products-page.tabs-engaged .product-copy { margin-top: 24px; }
  .products-page.tabs-engaged .product-copy h3 { font-size: clamp(34px, 11vw, 48px); }
  .products-page.tabs-engaged .product-integration { margin: 18px 0 22px; }
  .products-page.tabs-engaged .product-footer { margin-top: auto; }
  .principle-card { padding: 70px 25px 26px; }
  .principle-number { top: 25px; left: 25px; }
  .closing { min-height: 390px; padding: 45px 28px; flex-direction: column; align-items: flex-start; justify-content: space-between; }
  .site-footer.master-footer { min-height: 38px; padding-inline: 12px; grid-template-columns: auto 1fr; gap: 10px; }
  .master-footer > p:nth-of-type(1) { display: none; }
  .master-footer > p:last-child { font-size: 7px; }
  .theory-hero { padding: 128px 18px 80px; }
  .theory-hero h1 { font-size: clamp(46px, 14vw, 66px); }
  .theory-premise { padding: 25px; }
  .theory-tabs-shell { margin-top: 45px; }
  .theory-tablist { width: 100%; min-height: 72px; }
  .product-tablist { min-height: 132px; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; overscroll-behavior-y: none; scroll-snap-type: x mandatory; scroll-padding-inline: 0; touch-action: pan-x; }
  .theory-tablist button { min-width: 126px; padding: 13px 14px; font-size: 11px; }
  .theory-icon-tablist button { min-width: 112px; padding: 3px 5px; }
  .theory-icon-tablist button .theory-nav-icon { width: 64px; height: 64px; }
  .theory-suite-overview-tab { min-width: 76px; padding: 3px; }
  .theory-suite-overview-tab .theory-nav-icon { width: 66px; height: 62px; }
  .theory-manifesto-icon-button { min-width: 72px; padding: 3px; }
  .theory-manifesto-icon-button .theory-nav-icon { width: 62px; height: 62px; }
  .product-tablist button { width: 100%; min-width: 100%; height: 132px; padding: 2px 4px; flex: 0 0 100%; scroll-snap-align: start; scroll-snap-stop: always; }
  [data-theory-panel] { min-height: 0; scroll-margin-top: 72px; }
  .theory-tabs-layout { width: 100%; }
  .theory-overview-button { min-width: 76px; padding-inline: 9px; flex-direction: column; gap: 2px; font-size: 9px; }
  .theory-manifesto-button { min-width: 72px; padding-inline: 7px; font-size: 8px; }
  .theory-page.tabs-engaged main { height: calc(100dvh - 38px); padding-top: 58px; }
  .theory-page.tabs-engaged .theory-tabs-shell { min-height: 132px; }
  .theory-page.tabs-engaged .theory-overview-button { min-width: 82px; padding: 4px; }
  .theory-page.tabs-engaged .theory-suite-overview-tab .theory-nav-icon { width: 68px; height: 82px; }
  .theory-page.tabs-engaged .theory-tablist { min-height: 132px; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; overscroll-behavior-y: none; scroll-snap-type: x mandatory; touch-action: pan-x; }
  .theory-page.tabs-engaged .theory-tablist button { width: 100%; min-width: 100%; height: 132px; padding: 2px 4px; flex: 0 0 100%; scroll-snap-align: start; scroll-snap-stop: always; }
  .theory-page.tabs-engaged .theory-icon-tablist button .theory-nav-icon { width: 112px; height: 112px; }
  .theory-page.tabs-engaged .theory-manifesto-button { min-width: 82px; padding: 3px; flex: 0 0 82px; }
  .theory-page.tabs-engaged .theory-manifesto-icon-button .theory-nav-icon { width: 72px; height: 72px; }
  .tabs-engaged [data-theory-panel], .tabs-engaged [data-manifesto-panel], .tabs-engaged [data-theory-reference-panel] { height: calc(100dvh - 230px); }
  .tabs-engaged [data-theory-panel] { padding-block: 38px; }
  .stakes-statement { margin-top: 45px; padding: 34px 28px; }
  .problem-stakes { margin-top: 0; }
  .theory-section { padding-block: 84px; }
  .core-theory-layout { grid-template-columns: 1fr; }
  .tabs-engaged #theory { overflow-y: auto; }
  .tabs-engaged #theory .core-theory-shell, .tabs-engaged #theory .core-theory-layout, .tabs-engaged #theory .theory-cycle { height: auto; }
  .tabs-engaged #theory .core-theory-intro { display: flex; }
  .tabs-engaged #theory .separate-equal-principle { grid-template-columns: 1fr; }
  .tabs-engaged #theory .plan-backlog-coupling { grid-template-columns: 1fr; }
  .tabs-engaged #theory .theory-figure { display: block; height: auto; }
  .tabs-engaged #theory .theory-figure img { height: auto; aspect-ratio: 3 / 2; }
  .tabs-engaged #problem { overflow-y: auto; }
  .tabs-engaged #chunk-contract { display: block; overflow-y: auto; }
  .tabs-engaged #chunk-contract > .split-heading { display: grid; margin-bottom: 24px; }
  .tabs-engaged #chunk-contract .contract-layout { display: grid; grid-template-columns: 1fr; gap: 14px; }
  .tabs-engaged #chunk-contract .contract-card { height: auto; }
  .tabs-engaged #chunk-contract .contract-card dl { height: auto; display: grid; }
  .tabs-engaged #chunk-contract .contract-notes { height: auto; grid-template-columns: 1fr; grid-template-rows: none; }
  .tabs-engaged #chunk-contract > .theory-figure { display: block; height: auto; margin-top: 14px; }
  .tabs-engaged #chunk-contract > .forecast-figure { width: 100%; aspect-ratio: auto; }
  .tabs-engaged #chunk-contract > .theory-figure img { height: auto; aspect-ratio: 3 / 2; }
  .tabs-engaged #operating-system { overflow-y: auto; }
  .tabs-engaged #operating-system > .section-shell { display: block; height: auto; }
  .tabs-engaged #operating-system .theory-section-heading, .tabs-engaged #operating-system .work-levels, .tabs-engaged #operating-system .plot-figure, .tabs-engaged #operating-system .cadence-grid, .tabs-engaged #operating-system .tool-role { margin-bottom: 24px; }
  .tabs-engaged #operating-system .work-levels, .tabs-engaged #operating-system .cadence-grid { grid-template-columns: 1fr; grid-template-rows: none; }
  .tabs-engaged #operating-system .work-levels article, .tabs-engaged #operating-system .cadence-grid article { min-height: 0; }
  .tabs-engaged #operating-system .plot-figure { display: block; width: 100%; height: auto; aspect-ratio: auto; }
  .tabs-engaged #operating-system .plot-figure img { height: auto; aspect-ratio: 3 / 2; }
  .tabs-engaged #operating-system .tool-role { grid-template-columns: 1fr; }
  .tabs-engaged #measurement { display: block; overflow-y: auto; }
  .tabs-engaged #measurement > .split-heading, .tabs-engaged #measurement .metrics-thesis, .tabs-engaged #measurement .measure-grid, .tabs-engaged #measurement .metric-decisions { margin-bottom: 18px; }
  .tabs-engaged #measurement .metrics-thesis, .tabs-engaged #measurement .measure-grid, .tabs-engaged #measurement .metric-decisions-heading, .tabs-engaged #measurement .metric-decisions article, .tabs-engaged #measurement .measure-guardrail { grid-template-columns: 1fr; }
  .tabs-engaged #measurement .measure-grid { grid-template-rows: none; }
  .tabs-engaged #measurement .metric-decisions { display: block; }
  .tabs-engaged #measurement .metric-decisions-heading { display: none; }
  .tabs-engaged #transparency { display: block; overflow-y: auto; }
  .tabs-engaged #transparency .transparency-statement, .tabs-engaged #transparency .transparency-quote, .tabs-engaged #transparency .transparency-loop, .tabs-engaged #transparency .transparency-layout { margin-bottom: 20px; }
  .tabs-engaged #transparency .transparency-quote { padding-left: 16px; }
  .tabs-engaged #transparency .transparency-loop, .tabs-engaged #transparency .transparency-layout, .tabs-engaged #transparency .transparency-guardrails { grid-template-columns: 1fr; }
  .tabs-engaged #transparency .transparency-loop > i { display: none; }
  .tabs-engaged #transparency .transparency-image { min-height: 280px; height: auto; border-top: 1px solid #244765; border-left: 0; }
  .theory-page.tabs-engaged #transparency .transparency-photo { width: 100%; height: auto; aspect-ratio: auto; }
  .theory-page.tabs-engaged #transparency .transparency-photo img { height: auto; }
  .tabs-engaged #transparency .compact-release-figure { min-height: 0; }
  .tabs-engaged #transparency .transparency-contract ul { grid-template-rows: none; }
  .tabs-engaged #anti-patterns { overflow-y: auto; }
  .tabs-engaged #anti-patterns > .section-shell { display: block; height: auto; }
  .tabs-engaged #anti-patterns .theory-section-heading { display: block; margin-bottom: 24px; }
  .tabs-engaged #anti-patterns .theory-section-heading > p:last-child { margin-top: 14px; }
  .tabs-engaged #anti-patterns .anti-grid { height: auto; grid-template-columns: 1fr; grid-template-rows: none; }
  .tabs-engaged #anti-patterns .anti-grid article { min-height: 180px; }
  .tabs-engaged #manifesto { display: block; overflow-y: auto; }
  .tabs-engaged #manifesto .manifesto-heading, .tabs-engaged #manifesto .manifesto-lines { margin-bottom: 30px; }
  .tabs-engaged #manifesto .manifesto-lines { height: auto; grid-template-columns: 1fr; grid-template-rows: none; }
  .tabs-engaged #manifesto .manifesto-lines p { min-height: 90px; }
  .tabs-engaged #manifesto blockquote { margin-top: 0; }
  .human-problem-heading, .human-foundation, .human-flow { grid-template-columns: 1fr; gap: 14px; }
  .human-model-grid { grid-template-columns: 1fr; }
  .human-model-image { min-height: 280px; }
  .human-model-image.compact-autonomy-figure { min-height: 0; }
  .limit-grid, .theory-cycle, .contract-notes, .cadence-grid, .measure-grid, .anti-grid { grid-template-columns: 1fr; }
  .limit-card { min-height: 230px; }
  .theory-callout, .measure-guardrail { grid-template-columns: 1fr; gap: 15px; }
  .autonomy-section { margin-top: 70px; padding-top: 65px; }
  .autonomy-contrast { grid-template-columns: 1fr; }
  .autonomy-contrast article { padding: 28px 25px; }
  .autonomy-contract { padding: 32px 25px; }
  .autonomy-contract dl div { grid-template-columns: 1fr; gap: 6px; }
  .autonomy-image { min-height: 330px; }
  .split-heading { grid-template-columns: 1fr; gap: 24px; }
  .contract-card { padding: 25px; }
  .contract-card dl div { grid-template-columns: 82px 1fr; }
  .work-levels { grid-template-columns: 1fr; }
  .tool-role { padding: 30px 25px; }
  .tool-role li { grid-template-columns: 1fr; gap: 6px; }
  .image-placeholder { min-height: 280px; padding: 28px; }
  .visibility-maxim { margin-bottom: 82px; padding: 32px 28px; }
  .mapping-theory-copy { padding: 30px 25px; }
  .mapping-image, .mapping-photo, .mapping-theory-card-reverse .mapping-image { min-height: 330px; }
  .mapping-photo.compact-map-figure { min-height: 0; }
  .map-model { grid-template-columns: 1fr; gap: 10px; }
  .map-model > i { width: 1px; height: 18px; margin-left: 28px; }
  .metrics-thesis { grid-template-columns: 1fr; gap: 14px; }
  .metric-decisions-heading { display: none; }
  .metric-decisions article { grid-template-columns: 1fr; gap: 9px; }
  .theory-figure { border-radius: 18px; }
  .theory-figure figcaption { grid-template-columns: 1fr; gap: 10px; }
  .warning-principle { grid-template-columns: 1fr; gap: 10px; }
  .warning-principle > i { width: 1px; height: 18px; margin-left: 28px; }
  .warning-copy { padding: 30px 25px; }
  .warning-image, .warning-card-reverse .warning-image { min-height: 330px; }
  .warning-outcome { grid-template-columns: 1fr; gap: 14px; }
  .transparency-loop { grid-template-columns: 1fr; }
  .transparency-contract { padding: 32px 25px; }
  .transparency-contract li { grid-template-columns: 1fr; gap: 7px; }
  .transparency-image { min-height: 330px; }
  .transparency-guardrails { grid-template-columns: 1fr; }
  .manifesto-lines p { grid-template-columns: 32px 58px 1fr; }
  .theory-closing { padding: 52px 29px; }
}
@media (max-width: 380px) {
  .product-tabs-shell .theory-overview-button { min-width: 58px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition-duration: .01ms !important; } }
@media (forced-colors: active) { .brand-mark, .button, .product-card, .principle-card, .closing, .status { border: 1px solid CanvasText; } .hero, .closing { background: Canvas; } .hero h1 em, .brand strong, .eyebrow, .product-number { color: LinkText; } }

/* Support sign-in */
.support-page { min-height: 100vh; background: #eef3f7; }
.support-signin-shell { min-height: calc(100vh - 168px); padding: 72px 24px 88px; background: radial-gradient(circle at 82% 5%, rgba(31, 153, 129, .16), transparent 32%), linear-gradient(145deg, #07111f 0, #102b42 49%, #eef3f7 49.1%); }
.support-signin { width: min(1160px, 100%); margin: 0 auto; }
.support-signin-copy { width: min(720px, 100%); color: #fff; }
.support-signin-copy h1 { max-width: 690px; margin: 18px 0; font-size: clamp(42px, 6vw, 76px); line-height: .98; letter-spacing: -.055em; }
.support-signin-copy > p:last-of-type { max-width: 610px; color: #c9d7e3; font-size: 18px; line-height: 1.65; }
.support-trust { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 28px; }
.support-trust span { padding: 8px 12px; border: 1px solid #3b5b72; border-radius: 999px; color: #dce8f0; font-size: 12px; font-weight: 700; }
.support-signin-options { display: grid; grid-template-columns: 1.15fr .85fr; gap: 18px; margin-top: 64px; }
.support-signin-options article { padding: 36px; border: 1px solid #d3dde5; border-radius: 24px; background: #fff; box-shadow: 0 24px 65px rgba(7, 17, 31, .15); }
.support-signin-options h2, .support-access-note h2 { margin: 10px 0 12px; color: #07111f; font-size: 28px; letter-spacing: -.025em; }
.support-signin-options p, .support-access-note p { color: #4c6171; line-height: 1.65; }
.support-option-label { color: #177c69; font-size: 11px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.support-signin-options .button { margin-top: 24px; }
.support-microsoft-button { display: inline-flex; align-items: center; gap: 12px; }
.microsoft-mark { display: grid; grid-template-columns: repeat(2, 8px); gap: 2px; }
.microsoft-mark i { width: 8px; height: 8px; background: #f25022; }
.microsoft-mark i:nth-child(2) { background: #7fba00; }.microsoft-mark i:nth-child(3) { background: #00a4ef; }.microsoft-mark i:nth-child(4) { background: #ffb900; }
.support-admin-option { border-top: 4px solid #1f9981 !important; }
.support-admin-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.support-access-note { max-width: 760px; margin: 22px 0 0 auto; padding: 26px 30px; border-left: 4px solid #1f9981; background: rgba(255, 255, 255, .88); }
.support-access-note h2 { font-size: 20px; }
@media (max-width: 760px) { .support-signin-shell { padding: 48px 18px 65px; background: linear-gradient(160deg, #07111f 0, #102b42 40%, #eef3f7 40.1%); } .support-signin-options { grid-template-columns: 1fr; margin-top: 46px; } .support-signin-options article { padding: 28px 24px; } .support-access-note { margin-top: 18px; } }

/* Entra-protected billing administration */
.billing-admin-page { min-height: 100vh; background: #eef3f7; }
.billing-admin-shell { width: min(1160px, calc(100% - 40px)); margin: 0 auto; padding: 64px 0 90px; }
.billing-admin-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; }
.billing-admin-heading h1 { margin: 8px 0 0; color: #07111f; font-size: clamp(40px, 6vw, 72px); letter-spacing: -.055em; }
.sandbox-badge { padding: 10px 15px; border: 1px solid #16806c; border-radius: 999px; color: #116453; background: #dff6ef; font-size: 12px; font-weight: 800; text-transform: uppercase; }
.admin-auth-card { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 12px; margin: 38px 0 24px; padding: 26px 28px; border-radius: 20px; color: #fff; background: #0d2538; }
.admin-auth-card h2 { margin: 0 0 7px; }.admin-auth-card p { margin: 0; color: #c9d7e3; line-height: 1.5; }.admin-auth-card > p:last-child { grid-column: 1 / -1; padding-top: 12px; border-top: 1px solid #315066; }
.billing-tools { display: grid; grid-template-columns: 1.1fr .9fr; gap: 18px; }
.billing-tools > section { padding: 30px; border: 1px solid #d1dde5; border-radius: 20px; background: #fff; box-shadow: 0 15px 45px rgba(7, 17, 31, .08); }
.billing-tools h2 { margin: 8px 0 12px; color: #07111f; font-size: 26px; }.billing-tools p { color: #526878; line-height: 1.55; }
.sandbox-checkout-card form { display: grid; grid-template-columns: 1fr 120px; gap: 14px; margin-top: 22px; }
.sandbox-checkout-card label { display: grid; gap: 7px; color: #294357; font-size: 12px; font-weight: 800; text-transform: uppercase; }
.sandbox-checkout-card select, .sandbox-checkout-card input { min-height: 46px; padding: 9px 12px; border: 1px solid #b9c9d5; border-radius: 9px; background: #fff; font: inherit; }
.sandbox-checkout-card button { grid-column: 1 / -1; justify-self: start; }
.sandbox-cards table { width: 100%; margin-top: 18px; border-collapse: collapse; }.sandbox-cards th, .sandbox-cards td { padding: 11px 8px; border-bottom: 1px solid #dce5eb; text-align: left; }.sandbox-cards th { color: #526878; font-size: 11px; text-transform: uppercase; }.sandbox-cards code { white-space: nowrap; color: #0b5f50; }
.sandbox-links { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 22px; }.sandbox-links h2, .sandbox-links .support-option-label { width: 100%; }.sandbox-links a { color: #126e5e; font-weight: 800; }
@media (max-width: 800px) { .billing-admin-heading, .admin-auth-card { display: grid; grid-template-columns: 1fr; align-items: start; }.billing-tools { grid-template-columns: 1fr; }.sandbox-links { grid-column: 1; }.sandbox-checkout-card form { grid-template-columns: 1fr; }.sandbox-checkout-card button { grid-column: 1; } }