: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)}

.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,.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}
 
 .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}
 .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}




@media(min-width:1200px){.product-section .shell{width:min(1240px,calc(100% - 64px))}}
/* 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}
 
 
 .replay li{font-size:14px}
 .site-footer{font-size:14px}
 .footer-grid p,.footer-grid a{font-size:14px}
 
 .product-section{padding-top:104px;padding-bottom:104px}
}

@media(max-width:980px){
  
}
@media(max-width:600px){
  
  
}

/* Immutable logo source presentation: preserve source files; crop transparent canvas in CSS only. */




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

/* 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. */







/* 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-section{padding-block:104px}
  
  
}
@media(max-width:600px){
  .brand img{width:218px}
  .header-inner{grid-template-columns:minmax(0,1fr) auto;gap:12px}
  .product-section{padding-block:96px}
  
  
  
  
  
  .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-section .product-copy{min-width:0}


.product-section .product-copy>p:last-child{max-width:760px}
@media(max-width:600px){.product-identity-plate }

/* v1.4 — verified MonitorOS™ identity relocation.
   Exact source artwork, transparent canvas trimmed only; no recolor or redraw. */
.product-section 
.product-section .product-copy{
  max-width:900px;
  margin-inline:auto;
}


.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;
}


/* ============================================================
   SafeNation AI v1.8 — Production Canonical Candidate
   Consolidated component implementation:
   base → desktop → tablet → mobile
   ============================================================ */

/* ---------- MonitorOS™ Product Reveal ---------- */
.product-section{
  padding-block:136px 150px;
}
.product-intro{
  display:grid;
  grid-template-columns:minmax(330px,420px) minmax(0,1fr);
  gap:72px;
  align-items:center;
  max-width:1120px;
  margin-inline:auto;
}
.product-identity-plate{
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  min-height:190px;
  margin:0;
  padding:30px 32px;
  background:#F6F3EC;
  border:1px solid rgba(167,122,50,.40);
  border-radius:16px;
  box-shadow:0 18px 52px rgba(0,0,0,.20);
}
.product-identity-plate .product-mark{
  display:block;
  width:100%;
  max-width:360px;
  height:auto;
  max-height:136px;
  object-fit:contain;
}
.product-copy{
  max-width:none;
  margin:0;
  text-align:left;
}
.product-copy .eyebrow{
  margin-bottom:18px;
}
.product-copy h2{
  max-width:760px;
}
.product-copy p:not(.eyebrow){
  max-width:720px;
  margin:20px 0 0;
  color:#C9D0D4;
}
.product-proof-label{
  max-width:1120px;
  margin:78px auto 18px;
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:24px;
}
.product-proof-label span{
  display:block;
  font-size:10px;
  line-height:1.4;
  letter-spacing:.12em;
  font-weight:800;
  color:#D6B46D;
}
.product-proof-label strong{
  display:block;
  font-size:14px;
  line-height:1.4;
  color:#FCFBF8;
}
.interface-frame{
  max-width:1120px;
  margin:0 auto 48px;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 30px 90px rgba(0,0,0,.32);
  border:1px solid rgba(214,180,109,.4);
}
.interface-frame img{
  width:100%;
  height:auto;
  display:block;
}
.workflow-rail{
  max-width:1120px;
  margin-inline:auto;
  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:#A77A32;
  color:#D6B46D;
}
.workflow-rail small{
  display:block;
  font-size:9px;
  margin-top:4px;
}

/* ---------- Phase 1 Status ---------- */
.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 ---------- */
.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;
}

/* ---------- Tablet ---------- */
@media(max-width:980px){
  .product-section{padding-block:104px}
  .product-intro{
    grid-template-columns:1fr;
    gap:34px;
  }
  .product-identity-plate{
    width:min(560px,100%);
    margin-inline:auto;
  }
  .product-copy{
    max-width:760px;
    margin-inline:auto;
    text-align:center;
  }
  .product-copy p:not(.eyebrow){
    margin:20px auto 0;
  }
  .product-proof-label{
    margin-top:54px;
  }
  .workflow-rail{
    grid-template-columns:1fr;
  }
  .workflow-rail span{
    text-align:left;
    border-radius:10px;
    padding-left:18px;
  }
  .phase-status{
    grid-template-columns:1fr;
  }
}

/* ---------- Mobile ---------- */
@media(max-width:600px){
  .product-section{padding-block:92px}
  .product-intro{gap:30px}
  .product-identity-plate{
    min-height:126px;
    padding:20px 22px;
    border-radius:13px;
  }
  .product-identity-plate .product-mark{
    max-width:320px;
    max-height:92px;
  }
  .product-copy{
    text-align:left;
    margin-inline:0;
  }
  .product-copy p:not(.eyebrow){
    margin:18px 0 0;
  }
  .product-proof-label{
    display:grid;
    gap:5px;
    margin:42px 0 16px;
  }
  .product-proof-label strong{
    font-size:13px;
  }
  .phase-status{
    padding:18px 20px;
    gap:16px;
  }
  .phase-status ul{
    grid-template-columns:1fr;
    gap:9px;
  }
  .phase-status li{
    font-size:13px;
  }
  .pilot-exchange>div{
    grid-template-columns:1fr;
    gap:5px;
    padding:16px 0;
  }
  .pilot-exchange span{font-size:10px}
  .pilot-exchange strong{font-size:14px}
}