:root{
  --ivory:#F6F3EC;--porcelain:#FCFBF8;--stone:#DDD8CE;--charcoal:#172029;
  --slate:#243746;--deep:#10283A;--bronze:#A77A32;--white:#FCFBF8;
  --shell:1200px;--radius:12px;--shadow:0 22px 70px rgba(23,32,41,.12);
  --ease:cubic-bezier(.22,.61,.36,1)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--charcoal);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}
img{max-width:100%;height:auto;display:block}a{color:inherit}.shell{width:min(var(--shell),calc(100% - 48px));margin-inline:auto}
.skip-link{position:fixed;left:16px;top:-80px;z-index:9999;background:var(--charcoal);color:white;padding:12px 16px}.skip-link:focus{top:16px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{position:sticky;top:0;z-index:50;background:rgba(246,243,236,.93);backdrop-filter:blur(14px);border-bottom:1px solid rgba(221,216,206,.8)}
.header-inner{height:82px;display:grid;grid-template-columns:230px 1fr auto;align-items:center;gap:28px}.brand img{width:210px}.primary-nav{display:flex;justify-content:center;gap:30px}.primary-nav a{text-decoration:none;font-weight:650;font-size:14px}.header-cta{white-space:nowrap}
.menu-button{display:none;background:transparent;border:1px solid var(--stone);border-radius:6px;padding:10px}.menu-button span:not(.sr-only){display:block;width:18px;height:2px;background:var(--charcoal);margin:3px}
.section{padding:120px 0}.section--ivory{background:var(--ivory)}.section--porcelain{background:var(--porcelain)}.section--slate{background:var(--deep);color:var(--white)}.section--human{background:linear-gradient(180deg,var(--porcelain),var(--ivory))}
.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:800;color:var(--bronze);margin:0 0 18px}.eyebrow--light{color:#D6B46D}
h1,h2,h3{margin:0;text-wrap:balance;letter-spacing:-.035em}h1{font-size:clamp(56px,5.2vw,82px);line-height:1.03}h1 span,h2 span{color:var(--slate)}h2{font-size:clamp(42px,4vw,60px);line-height:1.07}.lede,.section-lede{font-size:19px;color:var(--slate);max-width:68ch}
.hero{padding-top:72px}.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:56px;align-items:center}.hero-copy{padding-block:35px}.status-badge{display:inline-grid;gap:2px;border:1px solid rgba(167,122,50,.55);border-radius:6px;padding:12px 16px;background:rgba(252,251,248,.82);margin-bottom:28px}.status-badge span{color:var(--bronze);font-size:11px;letter-spacing:.12em;font-weight:800}.status-badge strong{font-size:13px}.hero .lede{margin:28px 0 32px}.hero-media{margin:0;border-radius:22px;overflow:hidden;box-shadow:var(--shadow);aspect-ratio:16/10}.hero-media img{width:100%;height:100%;object-fit:cover}.button-row{display:flex;gap:14px;flex-wrap:wrap}
.button{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:0 24px;border-radius:5px;text-decoration:none;font-weight:750;transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s}.button:hover{transform:translateY(-2px)}.button:focus-visible{outline:3px solid rgba(167,122,50,.55);outline-offset:4px}.button--primary{background:var(--slate);color:white;box-shadow:0 10px 30px rgba(36,55,70,.15)}.button--secondary{background:transparent;border:1px solid #B8B0A4}
.phase-grid{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid rgba(167,122,50,.35);margin-top:54px}.phase-grid>div{padding:20px 24px;border-right:1px solid rgba(167,122,50,.28)}.phase-grid>div:last-child{border:0}.phase-grid span,.pilot-matrix span{display:block;color:var(--bronze);font-size:10px;font-weight:800;letter-spacing:.11em;margin-bottom:7px}.phase-grid strong{font-size:13px}
.split-heading{display:grid;grid-template-columns:1fr .82fr;gap:80px;align-items:end}.split-heading p{color:var(--slate);font-size:17px}.evidence-source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:60px}.evidence-card{padding:26px;background:var(--white);border:1px solid var(--stone);border-radius:var(--radius)}.evidence-card>span{color:var(--bronze);font-weight:800}.evidence-card h3{margin:12px 0 8px;font-size:20px}.evidence-card p{margin:0;color:var(--slate)}
.continuity-flow{position:relative;margin:70px 0 20px;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.continuity-line{position:absolute;left:8%;right:8%;top:13px;height:2px;background:linear-gradient(90deg,var(--stone),var(--bronze),var(--stone))}.workflow-node{position:relative;text-align:center;padding-top:34px}.workflow-node i{position:absolute;top:5px;left:50%;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:var(--slate);border:3px solid var(--porcelain);box-shadow:0 0 0 1px var(--stone)}.workflow-node--human i{background:var(--bronze);box-shadow:0 0 0 2px var(--bronze)}.workflow-node strong,.workflow-node span{display:block}.workflow-node span{font-size:12px;color:#66727c}.continuity-statement{text-align:center;font-weight:750;color:var(--slate);margin-top:38px}.bridge-copy{text-align:center;font-size:30px;margin-top:36px}.bridge-copy span{color:var(--slate)}
.product-intro{display:grid;grid-template-columns:330px 1fr;gap:65px;align-items:center}.product-mark{width:320px;max-height:170px;object-fit:contain}.product-intro p{color:#C9D0D4}.interface-frame{margin:62px 0 38px;border-radius:18px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.32);border:1px solid rgba(214,180,109,.4)}.workflow-rail{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.workflow-rail span{padding:16px 9px;border:1px solid #425566;border-radius:999px;text-align:center;font-size:12px}.workflow-rail .active{border-color:var(--bronze);color:#D6B46D}.workflow-rail small{display:block;font-size:9px;margin-top:4px}
.cpe h2{max-width:820px}.cpe-flow{list-style:none;margin:60px 0 45px;padding:0;display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.cpe-flow li{background:var(--white);border:1px solid var(--stone);padding:22px 16px;border-radius:10px}.cpe-flow li span{color:var(--bronze);font-weight:800}.cpe-flow h3{font-size:16px;margin:12px 0}.cpe-flow p{font-size:13px;margin:0;color:var(--slate)}.cpe-flow .human{border:2px solid var(--bronze);background:#FFF9EE}.scope-boundary{display:grid;grid-template-columns:1fr 1fr;gap:20px}.scope-panel{border:1px solid var(--stone);background:var(--white);border-radius:12px;padding:28px}.scope-panel--yes{border-color:#9AB6A6}.scope-panel--no{border-color:#D1A7A0}.scope-panel h3{font-size:24px}.scope-panel ul{margin-bottom:0}
.pilot-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.pilot-media{margin:0;border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.pilot-media img{width:100%;aspect-ratio:4/3;object-fit:cover}.pilot-copy>p:not(.eyebrow):not(.microcopy){font-size:18px;color:var(--slate)}.pilot-matrix{display:grid;grid-template-columns:1fr 1fr;margin:32px 0;border:1px solid var(--stone)}.pilot-matrix div{padding:18px;border-right:1px solid var(--stone);border-bottom:1px solid var(--stone)}.pilot-matrix strong{font-size:13px}.microcopy{font-size:12px;color:#65717A;margin-top:16px}
.governance-flow{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:28px;margin-top:50px}.governance-flow article{border:1px solid #425566;border-radius:12px;padding:34px}.governance-flow__human{border:2px solid var(--bronze)!important;background:#153248}.governance-flow__human strong{display:inline-block;margin-top:14px;color:#D6B46D}.governance-statement{margin:62px 0}.governance-statement h3{font-size:34px}.governance-statement h3:last-child{color:#D6B46D}.replay ol{list-style:none;padding:0;margin:32px 0 0;display:flex;gap:10px;flex-wrap:wrap}.replay li{border:1px solid #425566;border-radius:999px;padding:12px 17px}.replay li.active{border-color:var(--bronze);color:#D6B46D}
.closing{text-align:left}.closing-inner{max-width:850px}.closing h2{font-size:clamp(48px,5vw,72px)}.closing h2 span{color:var(--slate)}.closing p:not(.eyebrow){font-size:19px;color:var(--slate)}.closing-brand{width:min(460px,100%);margin-top:70px}
.site-footer{background:#0C2232;color:white;padding:36px 0}.footer-grid{display:flex;justify-content:space-between;gap:30px}.footer-grid p{color:#C4CDD3}.footer-grid nav{display:flex;gap:18px;align-items:center}.footer-grid a{text-decoration:none}
.reveal{opacity:1;transform:none}
@media (prefers-reduced-motion:no-preference){
 .js .reveal{opacity:0;transform:translateY(18px);transition:opacity .65s var(--ease),transform .65s var(--ease)}.js .reveal.is-visible{opacity:1;transform:none}
}
@media(max-width:980px){
 .header-inner{grid-template-columns:1fr auto}.header-cta{display:none}.menu-button{display:block}.primary-nav{display:none;position:absolute;top:82px;left:0;right:0;background:var(--porcelain);padding:18px 24px;flex-direction:column;border-bottom:1px solid var(--stone)}.primary-nav.is-open{display:flex}
 .hero-grid,.split-heading,.product-intro,.pilot-grid{grid-template-columns:1fr}.hero-grid{gap:34px}.hero-media{order:2}.phase-grid{grid-template-columns:1fr 1fr}
 .evidence-source-grid{grid-template-columns:1fr}.continuity-flow{grid-template-columns:1fr;margin-left:18px}.continuity-line{left:7px;right:auto;top:10px;bottom:10px;width:2px;height:auto}.workflow-node{text-align:left;padding:0 0 0 42px;min-height:74px}.workflow-node i{left:0;top:4px;margin:0}
 .workflow-rail{grid-template-columns:1fr}.workflow-rail span{text-align:left;border-radius:10px;padding-left:18px}
 .cpe-flow{grid-template-columns:1fr}.scope-boundary,.governance-flow{grid-template-columns:1fr}
}
@media(max-width:600px){
 .shell{width:min(100% - 40px,680px)}.section{padding:88px 0}.site-header .shell{width:calc(100% - 40px)}.brand img{width:200px}.header-inner{height:74px}.primary-nav{top:74px}
 h1{font-size:clamp(40px,11.5vw,48px)}h2{font-size:clamp(34px,9.4vw,40px)}.hero{padding-top:42px}.status-badge{margin-bottom:22px}.hero .lede{font-size:17px}.button-row{display:grid;grid-template-columns:1fr}.button{width:100%}
 .hero-media{aspect-ratio:16/10;border-radius:16px}.phase-grid{margin-top:34px}.phase-grid>div{padding:16px 12px}.phase-grid strong{font-size:12px}
 .split-heading{gap:18px}.split-heading p{font-size:16px}.bridge-copy{text-align:left;font-size:25px}.product-mark{width:100%;max-width:350px}.product-intro{gap:30px}.interface-frame{margin-top:38px}
 .cpe-flow{gap:12px}.cpe-flow li{padding:20px}.scope-boundary{gap:14px}.scope-panel{padding:22px}.scope-panel h3{font-size:20px}
 .pilot-media{order:0}.pilot-copy{order:1}.pilot-matrix{grid-template-columns:1fr 1fr}.pilot-matrix div{padding:14px 12px}
 .governance-flow{gap:14px}.governance-flow article{padding:26px 22px}.governance-statement h3{font-size:25px}.replay ol{display:grid}.replay li{border-radius:9px}
 .closing h2{font-size:clamp(36px,10vw,44px)}.closing p:not(.eyebrow){font-size:16px}.closing-brand{margin-top:52px}.footer-grid{display:grid}.footer-grid nav{display:grid;grid-template-columns:1fr 1fr}
}

/* v1.1 implementation correction pass */
.product-section{padding-top:148px;padding-bottom:148px}
.product-intro{grid-template-columns:390px 1fr;gap:78px}
.product-mark{width:100%;max-width:360px;max-height:none;object-fit:contain;background:#0b1f2d;border:1px solid rgba(214,180,109,.28);border-radius:14px;padding:18px;box-shadow:0 18px 48px rgba(0,0,0,.18)}
.interface-frame{margin-top:78px;margin-bottom:48px}
.interface-frame img{width:100%;display:block}
@media(min-width:1200px){.product-section .shell{width:min(1240px,calc(100% - 64px))}.interface-frame{transform:scale(1.015);transform-origin:center top}}
/* v1.1 mobile brand authority + readability normalization */
@media(max-width:600px){
 .brand img{width:218px;max-height:54px;object-fit:contain}
 .cpe-flow p{font-size:14px;line-height:1.5}
 .pilot-matrix strong{font-size:12.5px;line-height:1.42}
 .workflow-rail span{font-size:13px}
 .workflow-rail small{font-size:10.5px}
 .replay li{font-size:14px}
 .site-footer{font-size:14px}
 .footer-grid p,.footer-grid a{font-size:14px}
 .product-mark{max-width:350px;padding:16px}
 .product-section{padding-top:104px;padding-bottom:104px}
}

@media(max-width:980px){
  .product-intro{grid-template-columns:1fr;gap:30px}
}
@media(max-width:600px){
  .product-intro{grid-template-columns:minmax(0,1fr)}
  .product-intro>div{min-width:0}
}

/* Immutable logo source presentation: preserve source files; crop transparent canvas in CSS only. */
.product-mark{height:150px;object-fit:cover;object-position:center;width:100%;max-width:380px}
@media(max-width:600px){.product-mark{height:132px;max-width:350px}}


/* v1.2 — Final production optimization pass. Architecture and closing remain locked. */

/* Product identity authority: preserve exact source artwork on a controlled neutral plate. */
.product-mark{
  box-sizing:border-box;
  background:#F6F3EC;
  border:1px solid rgba(221,216,206,.72);
  border-radius:14px;
  padding:22px 24px;
  width:360px;
  max-width:100%;
  max-height:none;
  object-fit:contain;
  box-shadow:0 14px 44px rgba(0,0,0,.14);
}
.product-section{padding-block:148px 156px}
.product-intro{grid-template-columns:390px minmax(0,1fr);gap:76px}
.product-proof-label{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-top:72px;margin-bottom:20px}
.product-proof-label span{font-size:10px;letter-spacing:.12em;font-weight:800;color:#D6B46D}
.product-proof-label strong{font-size:14px;color:#FCFBF8}
.interface-frame{margin:0 0 48px;max-width:1120px;margin-inline:auto}
.interface-frame img{width:100%;height:auto}

/* Executive scan hierarchy through the dense middle of the page. */
.problem,.cpe{padding-block:132px}
.problem .split-heading p,.cpe .section-lede{max-width:62ch}
.evidence-card p,.cpe-flow p{color:#596873}
.cpe-flow{margin-top:68px;margin-bottom:56px}
.scope-boundary{margin-top:8px}

/* Compact, factual Phase 1 credibility layer. */
.phase-status{margin-top:24px;border:1px solid rgba(36,55,70,.14);background:rgba(252,251,248,.72);border-radius:12px;padding:20px 24px;display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:center}
.phase-status__intro span{display:block;color:#A77A32;font-size:10px;letter-spacing:.12em;font-weight:800;margin-bottom:5px}
.phase-status__intro strong{font-size:14px;color:#172029}
.phase-status ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}
.phase-status li{display:flex;align-items:flex-start;gap:9px;font-size:12px;color:#243746}
.phase-status li i{flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:#A77A32;margin-top:.48em}

/* Pilot exchange: clarify exactly what the conversation evaluates. */
.pilot-exchange{margin:30px 0 24px;border-block:1px solid rgba(167,122,50,.34)}
.pilot-exchange>div{display:grid;grid-template-columns:168px 1fr;gap:18px;padding:17px 0}
.pilot-exchange>div+div{border-top:1px solid rgba(221,216,206,.9)}
.pilot-exchange span{font-size:9px;letter-spacing:.11em;font-weight:800;color:#A77A32}
.pilot-exchange strong{font-size:13px;line-height:1.45;color:#243746}

/* Mobile brand authority and microtype normalization. */
@media(max-width:980px){
  .product-intro{grid-template-columns:1fr;gap:34px}
  .product-mark{width:min(360px,100%)}
  .product-section{padding-block:104px}
  .product-proof-label{margin-top:48px}
  .phase-status{grid-template-columns:1fr}
}
@media(max-width:600px){
  .brand img{width:218px}
  .header-inner{grid-template-columns:minmax(0,1fr) auto;gap:12px}
  .product-section{padding-block:96px}
  .product-proof-label{display:grid;gap:4px;margin-top:42px;margin-bottom:16px}
  .interface-frame{margin-bottom:34px}
  .phase-status{padding:18px 20px;gap:16px}
  .phase-status ul{grid-template-columns:1fr;gap:9px}
  .phase-status li{font-size:13px}
  .cpe-flow p{font-size:14px;line-height:1.5}
  .pilot-matrix strong{font-size:13px;line-height:1.4}
  .replay li{font-size:14px}
  .site-footer,.site-footer p,.site-footer a{font-size:14px}
  .pilot-exchange>div{grid-template-columns:1fr;gap:5px;padding:16px 0}
  .pilot-exchange span{font-size:10px}
  .pilot-exchange strong{font-size:14px}
}


/* v1.3 preview — secondary MonitorOS identity placement correction. */
.product-section .product-intro{display:block;max-width:940px;margin-inline:auto}
.product-section .product-copy{min-width:0}
.product-identity-plate{display:inline-flex;align-items:center;justify-content:flex-start;background:#F6F3EC;border:1px solid rgba(221,216,206,.82);border-radius:14px;padding:14px 20px;margin:0 0 34px;box-shadow:0 14px 44px rgba(0,0,0,.14)}
.product-identity-plate .product-mark{display:block;width:300px;max-width:100%;height:auto;max-height:92px;object-fit:contain;background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}
.product-section .product-copy>p:last-child{max-width:760px}
@media(max-width:600px){.product-identity-plate{width:100%;box-sizing:border-box;padding:12px 16px;margin-bottom:26px}.product-identity-plate .product-mark{width:270px;max-height:82px}}

/* v1.4 — verified MonitorOS™ identity relocation.
   Exact source artwork, transparent canvas trimmed only; no recolor or redraw. */
.product-section .product-intro{
  display:block;
  max-width:980px;
  margin-inline:auto;
  text-align:left;
}
.product-section .product-copy{
  max-width:900px;
  margin-inline:auto;
}
.product-identity-plate{
  display:flex;
  align-items:center;
  justify-content:center;
  width:min(520px,100%);
  min-height:156px;
  margin:0 auto 42px;
  padding:24px 34px;
  background:#F6F3EC;
  border:1px solid rgba(167,122,50,.38);
  border-radius:16px;
  box-shadow:0 18px 50px rgba(0,0,0,.18);
}
.product-identity-plate .product-mark{
  width:100%;
  max-width:440px;
  height:auto;
  max-height:none;
  object-fit:contain;
  background:transparent;
  border:0;
  border-radius:0;
  padding:0;
  box-shadow:none;
}
.product-section .product-copy .eyebrow,
.product-section .product-copy h2,
.product-section .product-copy>p:last-child{
  max-width:840px;
  margin-left:auto;
  margin-right:auto;
}
@media(max-width:600px){
  .product-identity-plate{min-height:120px;padding:20px 24px;margin-bottom:30px}
  .product-identity-plate .product-mark{max-width:320px}
}

/* v1.5 — Canonical MonitorOS identity placement + Pilot exchange correction.
   This is the single authoritative override for these components. */
.product-intro{
  display:block;
  max-width:1120px;
  margin-inline:auto;
}
.product-identity-plate{
  display:flex;
  justify-content:center;
  align-items:center;
  width:min(560px,100%);
  min-height:156px;
  margin:0 auto 44px;
  padding:26px 34px;
  background:#F6F3EC;
  border:1px solid rgba(221,216,206,.88);
  border-radius:14px;
  box-shadow:0 14px 42px rgba(0,0,0,.14);
}
.product-identity-plate .product-mark{
  display:block;
  width:min(470px,100%);
  max-height:116px;
  object-fit:contain;
  background:transparent;
  border:0;
  border-radius:0;
  padding:0;
  box-shadow:none;
}
.product-copy{
  max-width:820px;
  margin-inline:auto;
  text-align:center;
}
.product-copy p:not(.eyebrow){
  max-width:760px;
  margin-inline:auto;
}
.product-proof-label,
.interface-frame,
.workflow-rail{
  max-width:1120px;
  margin-inline:auto;
}
.pilot-exchange{
  margin:30px 0 24px;
  border-block:1px solid rgba(167,122,50,.34);
}
.pilot-exchange>div{
  display:grid;
  grid-template-columns:168px 1fr;
  gap:18px;
  padding:17px 0;
}
.pilot-exchange>div+div{
  border-top:1px solid rgba(221,216,206,.9);
}
.pilot-exchange span{
  font-size:9px;
  letter-spacing:.11em;
  font-weight:800;
  color:#A77A32;
}
.pilot-exchange strong{
  font-size:13px;
  line-height:1.45;
  color:#243746;
}
@media(max-width:600px){
  .product-identity-plate{
    width:100%;
    min-height:122px;
    margin-bottom:30px;
    padding:20px 22px;
  }
  .product-identity-plate .product-mark{
    width:min(330px,100%);
    max-height:88px;
  }
  .product-copy{text-align:left}
  .product-copy p:not(.eyebrow){margin-inline:0}
  .pilot-exchange>div{
    grid-template-columns:1fr;
    gap:5px;
    padding:16px 0;
  }
  .pilot-exchange span{font-size:10px}
  .pilot-exchange strong{font-size:14px}
}