:root{
  --ink:#f4f5fb;
  --ink-dim:#c7ccdc;
  --night:#0b1020;
  --accent:#a989ff;
  --mint:#9edfc9;
  --dawn-ink:#1d2330;
  --dawn-muted:#5e6879;
  --dawn-line:rgba(56,64,82,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--night);color:var(--ink);overflow-x:hidden}
a{color:inherit;text-decoration:none}

.site-header{position:absolute;z-index:20;top:0;left:50%;transform:translateX(-50%);width:min(1500px,calc(100% - 72px));height:88px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.10)}
.brand{display:inline-flex;align-items:center;gap:13px;width:max-content}
.brand-mark{width:28px;height:30px;display:block;color:#cbbcff;flex:none}
.brand-name{font-family:'Space Grotesk',Inter,sans-serif;font-weight:500;letter-spacing:-.02em;font-size:1.28rem}
nav{display:flex;gap:34px;font-size:.87rem;color:#d3d7e5}
nav a{opacity:.78;transition:.2s ease}
nav a:hover{opacity:1}
.header-cta{justify-self:end;font-size:.88rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:10px 15px;background:rgba(16,22,39,.48);backdrop-filter:blur(14px)}
.header-cta span{margin-left:12px;color:var(--accent)}

/* One continuous scene sits underneath both sections. Boreal is the base layer;
   Boreal Dawn fades in across the section boundary. This removes the visual
   seam completely: there is no dedicated transition strip. */
main{position:relative;isolation:isolate;overflow:hidden}
main::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:url('assets/boreal.png') center top / 100vw auto no-repeat,var(--night);
  filter:saturate(.94) brightness(.70);
}
main::after{
  content:"";position:absolute;z-index:1;pointer-events:none;
  left:0;right:0;top:calc(100svh - 320px);bottom:0;
  background:url('assets/boreal-dawn.png') center top / 100vw auto no-repeat,#edf1f8;
  -webkit-mask-image:linear-gradient(to bottom,
    transparent 0,
    rgba(0,0,0,.04) 55px,
    rgba(0,0,0,.14) 120px,
    rgba(0,0,0,.34) 205px,
    rgba(0,0,0,.62) 310px,
    rgba(0,0,0,.84) 405px,
    #000 520px);
  mask-image:linear-gradient(to bottom,
    transparent 0,
    rgba(0,0,0,.04) 55px,
    rgba(0,0,0,.14) 120px,
    rgba(0,0,0,.34) 205px,
    rgba(0,0,0,.62) 310px,
    rgba(0,0,0,.84) 405px,
    #000 520px);
}

.hero{min-height:100svh;position:relative;z-index:2;padding:clamp(112px,11vh,138px) max(36px,calc((100vw - 1500px)/2)) 92px;display:grid;grid-template-columns:minmax(610px,.98fr) minmax(680px,1.12fr);align-items:center;gap:22px}
.hero-wallpaper{display:none}
.hero::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(7,10,20,.985) 0%,rgba(7,10,20,.90) 29%,rgba(7,10,20,.50) 54%,rgba(7,10,20,.18) 78%,rgba(7,10,20,.18) 100%),
    linear-gradient(180deg,rgba(6,9,18,.20) 0%,rgba(6,9,18,.08) 62%,rgba(6,9,18,.04) 76%,rgba(6,9,18,0) 100%);
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 68%,rgba(0,0,0,.90) 79%,rgba(0,0,0,.50) 91%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 68%,rgba(0,0,0,.90) 79%,rgba(0,0,0,.50) 91%,transparent 100%);
}
.hero-haze{position:absolute;width:820px;height:820px;border-radius:50%;left:20%;top:18%;background:radial-gradient(circle,rgba(142,225,188,.15),rgba(148,117,255,.08) 38%,transparent 68%);filter:blur(12px);z-index:0;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 70%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 70%,transparent 100%)}
.hero-copy-wrap{position:relative;z-index:4;align-self:center;padding-bottom:28px}
.eyebrow,.section-kicker,.product-label,.deck-tag,.hero-strip,.proof>span{font-family:'Space Mono',monospace;letter-spacing:.13em;font-size:.69rem}
.eyebrow{display:flex;align-items:center;gap:10px;color:#d6d9e5;margin-bottom:24px;font-weight:700}
.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 18px rgba(158,223,201,.75)}
h1{font-family:'Space Grotesk',Inter,sans-serif;font-weight:500;letter-spacing:-.052em;font-size:clamp(3.75rem,3.9vw,4.65rem);line-height:.94;margin:0;max-width:690px}
.headline-line{display:block;color:var(--ink);white-space:nowrap}
.headline-accent{color:#c3adff}
.hero-copy{font-size:clamp(1.01rem,1.08vw,1.18rem);line-height:1.62;color:var(--ink-dim);max-width:560px;margin:27px 0 0}
.hero-actions{display:flex;align-items:center;gap:30px;margin-top:29px}
.btn{display:inline-flex;align-items:center;gap:24px;border-radius:999px;padding:14px 18px 14px 20px;font-weight:600;font-size:.92rem}
.btn-primary{background:#f1eefc;color:#111526;box-shadow:0 8px 36px rgba(169,137,255,.18)}
.btn-primary span{color:#6c4fd5;font-size:1.05rem}
.btn-link{font-size:.9rem;color:#d7dbe7;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.22)}
.btn-link span{margin-left:7px;color:#bfa8ff}

.hero-product{position:relative;z-index:4;align-self:center;margin-top:44px;margin-right:-15vw;transform:translateX(1.5vw)}
.hero-product img{display:block;width:min(1060px,64vw);border-radius:14px;border:1px solid rgba(211,200,255,.30);box-shadow:0 38px 105px rgba(0,0,0,.48),0 0 0 1px rgba(202,183,255,.07);position:relative;z-index:2}
.screen-glow{position:absolute;inset:4% 10% -5% 2%;background:radial-gradient(circle at 50% 50%,rgba(126,228,185,.22),rgba(143,102,255,.16) 45%,transparent 75%);filter:blur(42px);z-index:1}
.product-label{position:absolute;z-index:3;color:#d8d9e7;background:rgba(8,12,24,.58);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:8px 11px;backdrop-filter:blur(12px)}
.label-a{left:-2px;bottom:-38px}
.label-b{right:20%;top:-40px;color:#bfc5d6}
.hero-strip{position:absolute;z-index:5;bottom:18px;left:50%;transform:translateX(-50%);width:min(1500px,calc(100% - 72px));height:44px;display:flex;align-items:center;gap:18px;color:#abb2c4;font-size:.62rem}
.hero-strip::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08) 12%,rgba(255,255,255,.08) 88%,transparent)}
.hero-strip i{width:4px;height:4px;border-radius:50%;background:#a98cff;opacity:.8}

.system-section{position:relative;z-index:2;min-height:1050px;color:var(--dawn-ink);padding:168px max(36px,calc((100vw - 1500px)/2)) 130px;background:transparent}
.dawn-wallpaper{display:none}
/* Readability wash begins transparent and only becomes substantial after the
   actual Boreal→Dawn morph has already happened. */
.dawn-wash{position:absolute;inset:0;z-index:0;pointer-events:none;background:
  linear-gradient(90deg,rgba(245,247,252,.91) 0%,rgba(245,247,252,.81) 38%,rgba(245,247,252,.40) 68%,rgba(245,247,252,.58) 100%),
  linear-gradient(180deg,rgba(239,242,249,.18) 0%,rgba(240,242,249,.50) 28%,rgba(246,242,239,.80) 100%);
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.08) 80px,rgba(0,0,0,.34) 180px,rgba(0,0,0,.72) 320px,#000 470px);
  mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.08) 80px,rgba(0,0,0,.34) 180px,rgba(0,0,0,.72) 320px,#000 470px);
}
.system-grid{position:relative;z-index:3;display:grid;grid-template-columns:minmax(420px,.92fr) minmax(620px,1.18fr);gap:82px;align-items:center}
.section-kicker{color:#6c7586;font-weight:700;margin-bottom:25px}
h2{font-family:'Space Grotesk',Inter,sans-serif;font-size:clamp(3.2rem,5.2vw,6.2rem);line-height:.94;letter-spacing:-.055em;font-weight:500;margin:0;max-width:760px}
h2 span{color:#6d6486}
.system-lead{font-size:1.12rem;line-height:1.65;color:#394354;margin:34px 0 18px;max-width:650px}
.system-body{font-size:.98rem;line-height:1.7;color:#626c7c;max-width:620px}
.proof-grid{margin-top:48px;border-top:1px solid var(--dawn-line)}
.proof{display:grid;grid-template-columns:50px 180px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--dawn-line);align-items:start}
.proof>span{color:#7f729a;margin-top:4px}
.proof h3{font-family:'Space Grotesk',sans-serif;font-size:1.02rem;margin:0;font-weight:600;letter-spacing:-.02em}
.proof p{margin:0;color:#6c7482;line-height:1.5;font-size:.88rem}
.deck-stage{position:relative;min-height:670px;display:flex;align-items:center;justify-content:center}
.deck-stage img{width:min(940px,65vw);display:block;position:relative;z-index:3;border-radius:22px;border:1px solid rgba(76,67,105,.15);box-shadow:0 36px 100px rgba(63,54,87,.22),0 0 0 10px rgba(255,255,255,.33)}
.deck-shadow{position:absolute;width:75%;height:55%;border-radius:50%;background:radial-gradient(circle,rgba(117,99,161,.22),transparent 66%);filter:blur(42px)}
.deck-tag{position:absolute;z-index:4;color:#4f5667;background:rgba(249,249,252,.72);border:1px solid rgba(74,76,88,.12);padding:8px 11px;border-radius:999px;backdrop-filter:blur(12px);font-size:.6rem}
.tag-one{left:2%;top:13%}.tag-two{right:5%;bottom:10%}.tag-three{right:0;top:24%}

@media (max-width:1220px){
  main::after{top:calc(100svh - 230px);-webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.15) 90px,rgba(0,0,0,.55) 230px,#000 390px);mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.15) 90px,rgba(0,0,0,.55) 230px,#000 390px)}
  .site-header{width:calc(100% - 40px)} nav{display:none}
  .hero{grid-template-columns:1fr;padding-left:30px;padding-right:30px;padding-bottom:110px}
  .hero-copy-wrap{padding-bottom:0;padding-top:20px}
  .hero-product{margin:15px -18vw 40px 9vw}.hero-product img{width:105vw}
  .hero-strip{width:calc(100% - 40px)}
  .system-section{padding:150px 30px 110px}.system-grid{grid-template-columns:1fr;gap:45px}
  .deck-stage{min-height:auto;padding:20px 0 60px}.deck-stage img{width:92vw}
}
@media (max-width:700px){
  main::after{top:calc(100svh - 120px);-webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.25) 75px,#000 250px);mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.25) 75px,#000 250px)}
  .site-header{height:70px;width:calc(100% - 28px)}
  .brand-name{font-size:1.08rem}.brand-mark{width:23px;height:25px}.header-cta{font-size:.76rem;padding:9px 12px}
  .hero{padding:110px 20px 95px;min-height:auto;gap:30px}
  h1{font-size:clamp(3rem,11.5vw,4.8rem)}.headline-line{white-space:normal}
  .hero-copy{font-size:.98rem;margin-top:24px}.hero-actions{gap:20px;align-items:flex-start;flex-direction:column}
  .hero-product{margin:10px -35vw 30px 0}.hero-product img{width:138vw;border-radius:13px}.product-label{display:none}
  .hero-strip{position:relative;left:0;transform:none;width:100%;height:auto;flex-wrap:wrap;padding:18px 0 0;margin-top:10px;gap:10px 13px}.hero-strip::before{display:none}
  .system-section{padding:118px 20px 80px;min-height:auto}h2{font-size:clamp(3rem,12vw,4.5rem)}
  .proof{grid-template-columns:38px 1fr}.proof p{grid-column:2}.proof h3{font-size:1rem}
  .deck-stage{padding-bottom:20px}.deck-stage img{width:115vw;max-width:none}.deck-tag{display:none}
}

/* v6 — the Boreal Dawn chapter continues beyond the first light section.
   The wallpaper gives way to a dawn-derived atmosphere rather than ending at
   the content boundary, so "Power underneath" feels like the next movement
   in the same scene. */
main::after{
  background:
    url('assets/boreal-dawn.png') center top / 100vw auto no-repeat,
    radial-gradient(ellipse at 72% 34%,rgba(204,191,234,.42),transparent 35%),
    radial-gradient(ellipse at 28% 38%,rgba(185,218,222,.34),transparent 32%),
    linear-gradient(180deg,#e9edf6 0%,#f4f1f2 48%,#eceff3 100%);
}

.system-section{padding-bottom:110px;min-height:1000px}

.power-section{
  position:relative;z-index:2;color:var(--dawn-ink);
  min-height:900px;
  padding:120px max(36px,calc((100vw - 1500px)/2)) 165px;
  background:
    linear-gradient(180deg,rgba(244,244,247,.08) 0%,rgba(242,242,246,.38) 28%,rgba(238,240,244,.66) 100%);
}
.power-section::before{
  content:"";position:absolute;inset:-120px 0 0;z-index:0;pointer-events:none;
  background:
    radial-gradient(circle at 18% 20%,rgba(183,205,220,.22),transparent 28%),
    radial-gradient(circle at 78% 26%,rgba(181,161,214,.17),transparent 30%),
    linear-gradient(180deg,transparent 0%,rgba(241,242,246,.15) 24%,rgba(238,240,244,.55) 100%);
}
.power-section::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:320px;z-index:0;pointer-events:none;opacity:.23;
  background:url('assets/boreal-dawn.png') center bottom / 100vw auto no-repeat;
  -webkit-mask-image:linear-gradient(to top,#000 0,rgba(0,0,0,.48) 38%,transparent 100%);
  mask-image:linear-gradient(to top,#000 0,rgba(0,0,0,.48) 38%,transparent 100%);
  filter:saturate(.65) brightness(1.05);
}
.power-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(620px,1.12fr) minmax(430px,.88fr);gap:92px;align-items:center}

.state-visual{
  position:relative;
  min-height:540px;
  padding:28px 30px 26px;
  border:1px solid rgba(54,61,79,.15);
  border-radius:24px;
  background:rgba(249,250,252,.55);
  box-shadow:0 34px 90px rgba(59,64,81,.10), inset 0 1px 0 rgba(255,255,255,.72);
  backdrop-filter:blur(18px);
  overflow:hidden;
}
.state-visual::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(rgba(77,84,105,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(77,84,105,.045) 1px,transparent 1px);
  background-size:42px 42px;
  -webkit-mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.28) 72%,transparent);
  mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.28) 72%,transparent);
}
.state-topline{position:relative;z-index:1;display:flex;justify-content:space-between;gap:18px;font-family:'Space Mono',monospace;font-size:.66rem;letter-spacing:.12em;color:#6a7383;padding-bottom:22px;border-bottom:1px solid rgba(55,62,80,.12)}
.state-status{display:flex;align-items:center;gap:8px;color:#4c7567}.state-status i{width:7px;height:7px;border-radius:50%;background:#68a98e;box-shadow:0 0 14px rgba(104,169,142,.4)}
.state-flow{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:16px;margin:78px 0 70px}
.state-node{min-height:126px;padding:18px 18px 16px;border-radius:16px;border:1px solid rgba(65,71,90,.12);background:rgba(255,255,255,.42);display:flex;flex-direction:column;justify-content:flex-end}
.state-node-active{border-color:rgba(112,94,157,.33);box-shadow:0 14px 40px rgba(103,86,148,.08);background:rgba(244,239,251,.62)}
.node-index{font-family:'Space Mono',monospace;font-size:.62rem;letter-spacing:.11em;color:#9485ac;margin-bottom:auto}
.state-node strong{font-family:'Space Grotesk',sans-serif;font-size:1.25rem;font-weight:600;letter-spacing:-.03em;color:#222937}.state-node small{margin-top:6px;color:#70798a;font-size:.77rem;line-height:1.35}
.flow-arrow{font-family:'Space Mono',monospace;color:#8c839f;font-size:1.1rem}
.state-decision{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(55,62,80,.12);border-bottom:1px solid rgba(55,62,80,.12)}
.state-decision>div{padding:22px 10px}.state-decision>div+div{border-left:1px solid rgba(55,62,80,.12);padding-left:25px}.state-decision span{display:block;font-family:'Space Mono',monospace;font-size:.59rem;letter-spacing:.12em;color:#8790a0;margin-bottom:7px}.state-decision strong{font-family:'Space Grotesk',sans-serif;font-size:1.02rem;letter-spacing:-.02em;color:#343a49}.state-decision>div:last-child strong{color:#75678e}
.generation-rail{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:9px;margin-top:28px;font-family:'Space Mono',monospace;font-size:.6rem;letter-spacing:.08em;color:#949aa7}.generation-rail i{height:1px;background:rgba(71,77,94,.18)}.generation-rail .active-line{background:linear-gradient(90deg,rgba(112,94,157,.25),rgba(112,94,157,.75))}.generation-rail b{color:#6b5c88;font-weight:700}

.power-copy .section-kicker{margin-bottom:24px}
.power-copy h2{font-size:clamp(3.5rem,5vw,5.9rem);max-width:590px}
.power-lead{font-size:1.12rem;line-height:1.64;color:#3d4656;max-width:600px;margin:31px 0 20px}
.power-mantra{font-family:'Space Grotesk',sans-serif;font-size:clamp(1.35rem,1.75vw,1.8rem);line-height:1.32;letter-spacing:-.035em;color:#6e6387;max-width:610px;margin:0 0 42px}
.power-proof{border-top:1px solid var(--dawn-line)}
.power-proof>div{display:grid;grid-template-columns:44px 145px 1fr;gap:14px;padding:17px 0;border-bottom:1px solid var(--dawn-line);align-items:start}
.power-proof span,.nix-note{font-family:'Space Mono',monospace;font-size:.59rem;letter-spacing:.11em}.power-proof span{color:#8a7ca2;margin-top:4px}.power-proof h3{margin:0;font-family:'Space Grotesk',sans-serif;font-size:.98rem;font-weight:600;letter-spacing:-.02em}.power-proof p{margin:0;color:#697281;font-size:.84rem;line-height:1.5}
.nix-note{display:flex;align-items:center;gap:10px;margin-top:30px;color:#7a8290}.nix-note i{width:6px;height:6px;border-radius:50%;background:#8f7cad}

@media (max-width:1220px){
  .power-section{padding:100px 30px 130px}.power-grid{grid-template-columns:1fr;gap:52px}.state-visual{min-height:500px}.power-copy{max-width:780px}
}
@media (max-width:700px){
  .power-section{padding:78px 20px 105px}.power-grid{gap:38px}.state-visual{min-height:auto;padding:20px 18px 20px;border-radius:18px}.state-topline{font-size:.56rem}.state-flow{grid-template-columns:1fr;margin:38px 0 34px;gap:10px}.flow-arrow{transform:rotate(90deg);justify-self:center}.state-node{min-height:92px}.state-decision{grid-template-columns:1fr}.state-decision>div+div{border-left:0;border-top:1px solid rgba(55,62,80,.12);padding-left:10px}.generation-rail{font-size:.53rem;gap:6px}.power-proof>div{grid-template-columns:34px 1fr}.power-proof p{grid-column:2}.power-copy h2{font-size:clamp(3rem,12vw,4.5rem)}
}

/* v7 — continuous Dawn chapter, editorial system flow, and Time Vault. */
.system-section{
  min-height:0;
  padding-bottom:92px;
}

/* Keep the entire light chapter visually continuous. No margins between sections,
   no white body background can show through. */
.power-section,
.vault-section{
  position:relative;
  z-index:2;
  color:var(--dawn-ink);
  margin:0;
}
.power-section{
  min-height:0;
  padding:92px max(36px,calc((100vw - 1500px)/2)) 138px;
  background:
    radial-gradient(circle at 16% 15%,rgba(183,205,220,.14),transparent 30%),
    radial-gradient(circle at 80% 22%,rgba(181,161,214,.12),transparent 31%),
    linear-gradient(180deg,rgba(241,242,246,.56),rgba(238,240,244,.73));
}
.power-section::before{
  content:"";position:absolute;left:0;right:0;top:-150px;height:160px;z-index:0;pointer-events:none;
  background:linear-gradient(to bottom,transparent,rgba(241,242,246,.54) 58%,rgba(241,242,246,.58));
}
.power-section::after{display:none}
.power-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(620px,1.12fr) minmax(430px,.88fr);gap:92px;align-items:center}

/* Editorial system diagram — intentionally not styled like a NomOS window. */
.system-flow{
  position:relative;
  min-height:470px;
  padding:6px 0 0;
  background:transparent;
  border:0;
  box-shadow:none;
  overflow:visible;
}
.system-flow::before{
  content:"";position:absolute;inset:-40px -26px -42px;pointer-events:none;opacity:.58;
  background:
    linear-gradient(rgba(74,81,101,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(74,81,101,.035) 1px,transparent 1px);
  background-size:44px 44px;
  -webkit-mask-image:radial-gradient(ellipse at center,#000 0%,rgba(0,0,0,.6) 50%,transparent 82%);
  mask-image:radial-gradient(ellipse at center,#000 0%,rgba(0,0,0,.6) 50%,transparent 82%);
}
.flow-meta{position:relative;z-index:1;display:flex;justify-content:space-between;gap:24px;padding-bottom:18px;border-bottom:1px solid rgba(55,62,80,.16);font-family:'Space Mono',monospace;font-size:.6rem;letter-spacing:.12em;color:#70798a}
.flow-meta span:last-child{color:#8a7ca2;text-align:right}
.flow-track{position:relative;z-index:1;display:grid;grid-template-columns:1fr minmax(50px,.45fr) 1fr minmax(50px,.45fr) 1fr;align-items:start;gap:0;margin:84px 0 72px}
.flow-step{position:relative;padding-top:34px}
.flow-number{position:absolute;top:0;left:0;font-family:'Space Mono',monospace;font-size:.57rem;letter-spacing:.11em;color:#9485ac}
.flow-point{position:absolute;top:16px;left:0;width:10px;height:10px;border:2px solid #87799e;border-radius:50%;background:#edf0f5;box-shadow:0 0 0 7px rgba(135,121,158,.08)}
.flow-point-active{background:#8b79ac;box-shadow:0 0 0 8px rgba(139,121,172,.10),0 0 24px rgba(139,121,172,.22)}
.flow-step strong{display:block;font-family:'Space Grotesk',sans-serif;font-size:1.42rem;font-weight:600;letter-spacing:-.035em;color:#252b38;margin-bottom:8px}
.flow-step small{display:block;color:#71798a;font-size:.78rem;line-height:1.4;max-width:150px}
.flow-link{height:1px;background:linear-gradient(90deg,rgba(94,100,118,.18),rgba(130,113,159,.55),rgba(94,100,118,.18));margin:20px 18px 0}
.flow-outcomes{position:relative;z-index:1;display:grid;grid-template-columns:1fr 70px 1fr;border-top:1px solid rgba(55,62,80,.14);padding-top:28px}
.flow-outcome span{font-family:'Space Mono',monospace;font-size:.59rem;letter-spacing:.12em;color:#718477}
.flow-outcome strong{display:block;font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:1.08rem;letter-spacing:-.025em;color:#303744;margin-top:7px;max-width:245px}
.flow-outcome-return{text-align:right}.flow-outcome-return strong{margin-left:auto;color:#6d6087}
.outcome-split{position:relative}
.outcome-split::before,.outcome-split::after{content:"";position:absolute;top:9px;width:31px;height:1px;background:rgba(94,100,118,.25)}
.outcome-split::before{right:35px;transform:rotate(25deg);transform-origin:right}.outcome-split::after{left:35px;transform:rotate(-25deg);transform-origin:left}
.flow-foot{position:relative;z-index:1;margin-top:70px;padding-top:16px;border-top:1px solid rgba(55,62,80,.10);font-family:'Space Mono',monospace;font-size:.54rem;letter-spacing:.12em;color:#9aa0ad}

/* Time Vault — another editorial diagram, not a product screen. */
.vault-section{
  padding:142px max(36px,calc((100vw - 1500px)/2)) 180px;
  background:
    radial-gradient(ellipse at 70% 20%,rgba(197,179,225,.28),transparent 32%),
    radial-gradient(ellipse at 22% 68%,rgba(181,213,217,.22),transparent 34%),
    linear-gradient(180deg,rgba(238,240,244,.73) 0%,rgba(240,240,244,.86) 42%,rgba(234,236,242,.94) 100%);
}
.vault-section::before{
  content:"";position:absolute;left:0;right:0;top:-2px;height:2px;background:rgba(238,240,244,.86);pointer-events:none
}
.vault-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(430px,.9fr) minmax(650px,1.1fr);gap:100px;align-items:center}
.vault-copy h2{font-size:clamp(3.4rem,5vw,5.85rem);max-width:690px}
.vault-copy h2 span{color:#746887}
.vault-lead{font-size:1.12rem;line-height:1.64;color:#3f4857;max-width:650px;margin:31px 0 18px}
.vault-lead strong{font-family:'Space Grotesk',sans-serif;font-weight:600;color:#5e5277}
.vault-body{font-size:.97rem;line-height:1.72;color:#66707f;max-width:650px;margin:0}
.vault-mantra{font-family:'Space Grotesk',sans-serif;font-size:clamp(1.45rem,1.8vw,1.95rem);letter-spacing:-.035em;color:#66597e;margin:36px 0 34px}
.vault-tech{display:flex;align-items:center;gap:13px;flex-wrap:wrap;font-family:'Space Mono',monospace;font-size:.56rem;letter-spacing:.105em;color:#7a8290;border-top:1px solid var(--dawn-line);padding-top:20px}
.vault-tech i{width:4px;height:4px;border-radius:50%;background:#9883b4}
.timeline{position:relative;min-height:590px;padding:10px 0 0}
.timeline::before{content:"";position:absolute;inset:-30px -30px -30px;pointer-events:none;opacity:.48;background:linear-gradient(rgba(80,84,102,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(80,84,102,.035) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse,#000,transparent 78%);mask-image:radial-gradient(ellipse,#000,transparent 78%)}
.timeline-meta{position:relative;z-index:1;display:flex;justify-content:space-between;border-bottom:1px solid rgba(55,62,80,.15);padding-bottom:18px;font-family:'Space Mono',monospace;font-size:.6rem;letter-spacing:.12em;color:#70798a}
.timeline-now{position:absolute;z-index:3;right:0;top:94px;font-family:'Space Mono',monospace;font-size:.58rem;letter-spacing:.12em;color:#66597d;display:flex;align-items:center;gap:9px}
.timeline-now i{display:block;width:10px;height:10px;border-radius:50%;background:#7f6d9e;box-shadow:0 0 0 9px rgba(127,109,158,.10),0 0 24px rgba(127,109,158,.20)}
.timeline-line{position:absolute;z-index:1;left:6%;right:1%;top:99px;height:2px;background:linear-gradient(90deg,rgba(100,108,123,.15),rgba(126,106,157,.62))}
.anchor{position:absolute;z-index:2;top:91px;width:170px;padding-top:40px}
.anchor-1{left:6%}.anchor-2{left:31%}.anchor-3{left:56%}.anchor-4{left:80%;transform:translateX(-42%)}
.anchor-dot{position:absolute;top:3px;left:0;width:12px;height:12px;border:2px solid #8c819d;border-radius:50%;background:#eceef3;box-shadow:0 0 0 7px rgba(140,129,157,.07)}
.anchor-dot-active{background:#806e9f;box-shadow:0 0 0 8px rgba(128,110,159,.10),0 0 24px rgba(128,110,159,.18)}
.anchor-id{display:block;font-family:'Space Mono',monospace;font-size:.53rem;letter-spacing:.10em;color:#8e819f;margin-bottom:8px}
.anchor strong{display:block;font-family:'Space Grotesk',sans-serif;font-size:1rem;letter-spacing:-.02em;color:#323947;line-height:1.24}
.anchor small{display:block;font-family:'Space Mono',monospace;font-size:.51rem;letter-spacing:.11em;color:#9097a4;margin-top:8px}
.travel-mark{position:absolute;z-index:1;right:3%;top:330px;font-family:'Space Mono',monospace;font-size:.63rem;letter-spacing:.13em;color:#806e9a}
.travel-mark::before{content:"";position:absolute;right:0;top:-28px;width:88%;height:1px;background:linear-gradient(90deg,transparent,rgba(128,110,154,.45))}
.timeline-foot{position:absolute;left:0;right:0;bottom:28px;padding-top:17px;border-top:1px solid rgba(55,62,80,.11);font-family:'Space Mono',monospace;font-size:.54rem;letter-spacing:.12em;color:#9aa0ad}

@media (max-width:1220px){
  .system-section{padding-bottom:70px}
  .power-section{padding:80px 30px 120px}.power-grid{grid-template-columns:1fr;gap:46px}.system-flow{max-width:850px}
  .vault-section{padding:115px 30px 145px}.vault-grid{grid-template-columns:1fr;gap:65px}.vault-copy{max-width:820px}.timeline{max-width:900px;width:100%}
}
@media (max-width:700px){
  .system-section{padding-bottom:52px}
  .power-section{padding:65px 20px 96px}.power-grid{gap:32px}.system-flow{min-height:auto}.flow-meta{font-size:.51rem;flex-direction:column;gap:7px}.flow-meta span:last-child{text-align:left}.flow-track{grid-template-columns:1fr;margin:46px 0 42px;gap:20px}.flow-link{width:1px;height:34px;margin:0 0 0 5px;background:linear-gradient(to bottom,rgba(94,100,118,.18),rgba(130,113,159,.55),rgba(94,100,118,.18))}.flow-step{padding-top:30px}.flow-outcomes{grid-template-columns:1fr;gap:28px}.outcome-split{display:none}.flow-outcome-return{text-align:left}.flow-outcome-return strong{margin-left:0}.flow-foot{margin-top:42px}
  .vault-section{padding:90px 20px 120px}.vault-grid{gap:48px}.vault-copy h2{font-size:clamp(3rem,12vw,4.5rem)}.vault-tech{align-items:flex-start;flex-direction:column;gap:8px}.vault-tech i{display:none}.timeline{min-height:760px}.timeline-meta{font-size:.51rem}.timeline-line{left:7px;right:auto;top:90px;bottom:110px;height:auto;width:2px;background:linear-gradient(to bottom,rgba(100,108,123,.15),rgba(126,106,157,.62))}.timeline-now{left:1px;right:auto;top:auto;bottom:88px;transform:translateX(-4px);flex-direction:row-reverse}.anchor{left:0!important;transform:none!important;top:auto;width:calc(100% - 34px);padding:0 0 0 34px}.anchor-dot{left:1px;top:5px}.anchor-1{top:126px}.anchor-2{top:238px}.anchor-3{top:350px}.anchor-4{top:462px}.travel-mark{left:34px;right:auto;top:590px}.timeline-foot{bottom:10px}
}

/* v8 — remove the apparent white seam between the Dawn system chapter and
   Power Underneath. Keep content spacing, but let the *background* remain one
   continuous Boreal Dawn scene. */
.system-section{
  padding-bottom:24px;
}

.power-section{
  /* The top of this section is transparent, so the shared Boreal Dawn layer
     beneath main continues through the boundary instead of starting a new
     flat light canvas. */
  padding-top:74px;
  background:
    radial-gradient(circle at 16% 18%,rgba(183,205,220,.12),transparent 31%),
    radial-gradient(circle at 80% 24%,rgba(181,161,214,.11),transparent 32%),
    linear-gradient(180deg,
      rgba(238,240,244,0) 0%,
      rgba(239,241,245,.16) 18%,
      rgba(240,241,245,.42) 45%,
      rgba(238,240,244,.68) 100%);
}
.power-section::before{
  /* Feather the Dawn readability treatment across the previous section.
     This is intentionally broad and low-contrast: no horizontal band. */
  top:-190px;
  height:300px;
  background:linear-gradient(to bottom,
    transparent 0%,
    rgba(240,242,246,.035) 28%,
    rgba(240,242,246,.08) 52%,
    rgba(240,242,246,.13) 72%,
    rgba(240,242,246,.18) 100%);
}

@media (max-width:1220px){
  .system-section{padding-bottom:18px}
  .power-section{padding-top:66px}
}
@media (max-width:700px){
  .system-section{padding-bottom:10px}
  .power-section{padding-top:54px}
}

/* v11 — spacing-only repair.
   The Boreal → Boreal Dawn transition above is intentionally untouched.
   Pull the next movement into the tail of the system section so there is
   breathing room, but no empty white band between the two compositions. */
.system-section{
  padding-bottom:0;
}
.power-section{
  margin-top:-56px;
  padding-top:80px;
}

@media (max-width:1220px){
  .system-section{padding-bottom:0}
  .power-section{margin-top:-42px;padding-top:68px}
}
@media (max-width:700px){
  .system-section{padding-bottom:0}
  .power-section{margin-top:-26px;padding-top:52px}
}


/* v12 — public alpha positioning: agent-native architecture + status chapter. */
.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 14px rgba(158,223,201,.65);margin-right:8px}
.header-cta{display:inline-flex;align-items:center}

/* The architecture chapter is the first Dawn movement after the dark hero. */
.agent-section{
  position:relative;z-index:2;color:var(--dawn-ink);
  padding:230px max(36px,calc((100vw - 1500px)/2)) 118px;
  background:linear-gradient(180deg,rgba(238,242,248,.12) 0%,rgba(241,243,248,.52) 20%,rgba(243,244,248,.76) 70%,rgba(242,243,247,.80) 100%);
}
.agent-section::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 18% 22%,rgba(179,216,214,.20),transparent 28%),radial-gradient(circle at 78% 28%,rgba(181,159,219,.18),transparent 31%);}
.agent-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(440px,.88fr) minmax(650px,1.12fr);gap:96px;align-items:center}
.agent-copy h2{font-size:clamp(3.45rem,5vw,5.95rem);max-width:720px}.agent-copy h2 span{color:#71658b}
.agent-lead{font-size:1.1rem;line-height:1.68;color:#3f4858;max-width:670px;margin:32px 0 22px}
.agent-mantra{font-family:'Space Grotesk',sans-serif;font-size:clamp(1.55rem,1.9vw,2.05rem);line-height:1.3;letter-spacing:-.035em;color:#4c5361;margin:0 0 40px}
.agent-mantra strong{font-weight:500;color:#71618d}
.agent-proof{border-top:1px solid var(--dawn-line)}
.agent-proof>div{display:grid;grid-template-columns:44px 155px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid var(--dawn-line);align-items:start}
.agent-proof span{font-family:'Space Mono',monospace;font-size:.59rem;letter-spacing:.11em;color:#8979a4;margin-top:4px}
.agent-proof h3{margin:0;font-family:'Space Grotesk',sans-serif;font-size:.98rem;font-weight:600;letter-spacing:-.02em}
.agent-proof p{margin:0;color:#687180;font-size:.84rem;line-height:1.52}

.agent-architecture{position:relative;min-height:690px;padding:28px 30px 26px;border:1px solid rgba(62,67,84,.14);border-radius:26px;background:rgba(249,250,252,.52);box-shadow:0 38px 100px rgba(59,64,81,.12),inset 0 1px 0 rgba(255,255,255,.74);backdrop-filter:blur(18px);overflow:hidden}
.agent-architecture::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(77,84,105,.042) 1px,transparent 1px),linear-gradient(90deg,rgba(77,84,105,.042) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(ellipse at center,#000,rgba(0,0,0,.5) 54%,transparent 88%);mask-image:radial-gradient(ellipse at center,#000,rgba(0,0,0,.5) 54%,transparent 88%)}
.arch-meta,.arch-foot{position:relative;z-index:2;display:flex;justify-content:space-between;gap:20px;font-family:'Space Mono',monospace;font-size:.58rem;letter-spacing:.115em;color:#71798a}
.arch-meta{padding-bottom:18px;border-bottom:1px solid rgba(55,62,80,.13)}.arch-meta span:last-child{color:#8a7ca2;text-align:right}
.arch-stack{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;padding:30px 8% 24px}
.arch-node{width:min(460px,88%);min-height:88px;border:1px solid rgba(65,71,90,.13);border-radius:16px;background:rgba(255,255,255,.46);padding:15px 18px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:20px;align-items:end}
.arch-node strong{font-family:'Space Grotesk',sans-serif;font-size:1.23rem;letter-spacing:-.03em;color:#29303e}.arch-node small{grid-column:2;grid-row:1 / span 2;align-self:center;max-width:210px;color:#6e7787;font-size:.76rem;line-height:1.38;text-align:right}
.arch-index{font-family:'Space Mono',monospace;font-size:.54rem;letter-spacing:.11em;color:#9284aa;align-self:start}
.arch-node-agent{border-color:rgba(117,99,161,.22);background:rgba(245,241,250,.58)}
.arch-node-system{border-color:rgba(90,136,119,.20);background:rgba(240,248,245,.52)}
.arch-link{height:48px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:min(420px,78%);font-family:'Space Mono',monospace;font-size:.49rem;letter-spacing:.1em;color:#8c93a0}
.arch-link i{height:1px;background:linear-gradient(90deg,transparent,rgba(112,100,139,.35))}.arch-link i:last-child{background:linear-gradient(90deg,rgba(112,100,139,.35),transparent)}
.arch-gate{width:min(560px,96%);border:1px solid rgba(112,94,157,.35);border-radius:18px;background:linear-gradient(135deg,rgba(244,239,251,.82),rgba(239,246,245,.76));padding:19px 21px 20px;box-shadow:0 18px 50px rgba(103,86,148,.10)}
.arch-gate-top{display:flex;justify-content:space-between;gap:20px;font-family:'Space Mono',monospace;font-size:.53rem;letter-spacing:.105em;color:#8a7aa2;margin-bottom:14px}.arch-gate-top b{font-weight:700;color:#657d72}
.arch-gate>strong{display:block;font-family:'Space Grotesk',sans-serif;font-size:1.35rem;letter-spacing:-.03em;color:#30283d;margin-bottom:16px}
.gate-steps{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-family:'Space Mono',monospace;font-size:.5rem;letter-spacing:.09em;color:#665a7e}.gate-steps i{width:4px;height:4px;border-radius:50%;background:#9a88b4}
.arch-foot{padding-top:17px;border-top:1px solid rgba(55,62,80,.12)}.arch-foot span:last-child{text-align:right;color:#63786e}

/* Continue the Dawn chapter naturally after architecture. */
.system-section{padding-top:112px}

/* Private-alpha closing chapter. */
.status-section{position:relative;z-index:3;color:var(--ink);padding:150px max(36px,calc((100vw - 1500px)/2)) 48px;background:radial-gradient(circle at 18% 15%,rgba(92,180,155,.13),transparent 28%),radial-gradient(circle at 82% 10%,rgba(150,119,224,.18),transparent 31%),linear-gradient(180deg,#101624 0%,#090d17 72%,#080b12 100%)}
.status-inner{max-width:1500px;margin:0 auto}.status-meta{display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.10);font-family:'Space Mono',monospace;font-size:.62rem;letter-spacing:.12em;color:#aab1c2}.status-meta span:first-child{color:#a98fff}
.status-grid{display:grid;grid-template-columns:minmax(620px,1.05fr) minmax(410px,.75fr);gap:120px;align-items:start;padding:92px 0 100px}.status-copy .section-kicker{color:#b9c0cf}.status-copy h2{font-size:clamp(3.8rem,5.6vw,6.6rem);max-width:800px;color:#f4f5fb}.status-copy h2 span{color:#b9a3f5}.status-body{padding-top:52px}.status-body p{font-size:1.03rem;line-height:1.72;color:#bdc3d1;max-width:590px;margin:0 0 18px}.status-pill{display:inline-flex;align-items:center;gap:10px;margin-top:28px;border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:10px 14px;font-family:'Space Mono',monospace;font-size:.56rem;letter-spacing:.11em;color:#cbd0dc;background:rgba(255,255,255,.035)}.status-pill i{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 15px rgba(158,223,201,.55)}
.status-mantra{font-family:'Space Grotesk',sans-serif;font-size:clamp(2.1rem,3.7vw,4.6rem);letter-spacing:-.045em;line-height:1.05;padding:52px 0 78px;border-top:1px solid rgba(255,255,255,.10);color:#f0f2f8}.status-mantra span{color:#b9a3f5}
.site-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding-top:28px;border-top:1px solid rgba(255,255,255,.09);font-family:'Space Mono',monospace;font-size:.55rem;letter-spacing:.105em;color:#7f8798}.site-footer>a:last-child{justify-self:end;color:#aeb5c4}.footer-brand{font-family:'Space Grotesk',sans-serif;font-size:1rem;letter-spacing:-.02em;color:#dce0ea}

@media(max-width:1220px){
  .agent-section{padding:190px 30px 105px}.agent-grid{grid-template-columns:1fr;gap:64px}.agent-copy{max-width:850px}.agent-architecture{max-width:920px;width:100%}
  .system-section{padding-top:88px}
  .status-section{padding:120px 30px 42px}.status-grid{grid-template-columns:1fr;gap:24px;padding:75px 0 82px}.status-body{padding-top:0;max-width:760px}.site-footer{grid-template-columns:1fr auto}.site-footer>span{display:none}
}
@media(max-width:700px){
  .header-cta .status-dot{margin-right:6px}
  .agent-section{padding:142px 20px 82px}.agent-grid{gap:46px}.agent-copy h2{font-size:clamp(3rem,12vw,4.5rem)}.agent-lead{font-size:.98rem}.agent-proof>div{grid-template-columns:34px 1fr}.agent-proof p{grid-column:2}.agent-architecture{min-height:auto;padding:20px 16px 18px;border-radius:19px}.arch-meta{font-size:.49rem;flex-direction:column;gap:7px}.arch-meta span:last-child{text-align:left}.arch-stack{padding:24px 0 18px}.arch-node{width:100%;grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:5px}.arch-node small{grid-column:1;grid-row:3;text-align:left;max-width:none}.arch-link{width:90%;height:42px}.arch-gate{width:100%;padding:16px}.arch-gate-top{flex-direction:column;gap:5px}.gate-steps{gap:7px}.arch-foot{font-size:.45rem;flex-direction:column;gap:6px}.arch-foot span:last-child{text-align:left}
  .system-section{padding-top:72px}
  .status-section{padding:90px 20px 35px}.status-grid{padding:58px 0 65px}.status-copy h2{font-size:clamp(3rem,12vw,4.5rem)}.status-body p{font-size:.96rem}.status-mantra{padding:42px 0 56px}.site-footer{grid-template-columns:1fr auto;font-size:.49rem}
}

/* v13 — scene continuity pass.
   The page now has three deliberate visual movements:
   1) Boreal night for the human/agent thesis,
   2) one continuous Dawn field for the product and recovery story,
   3) a long dusk fade into Private Alpha.
   Individual sections no longer paint independent full-canvas backgrounds. */

/* HERO → ARCHITECTURE: stay in the same dark world, then uncover Dawn only
   at the end of the architecture chapter. */
.agent-section{
  color:var(--ink);
  padding-top:150px;
  padding-bottom:250px;
  background:linear-gradient(180deg,
    rgba(8,12,24,.96) 0%,
    rgba(9,14,27,.95) 48%,
    rgba(12,18,31,.84) 68%,
    rgba(19,26,40,.56) 80%,
    rgba(25,33,48,.24) 90%,
    rgba(25,33,48,0) 100%);
}
.agent-section::before{
  inset:-90px 0 0;
  background:
    radial-gradient(circle at 17% 25%,rgba(120,214,183,.13),transparent 27%),
    radial-gradient(circle at 80% 31%,rgba(165,129,238,.17),transparent 31%);
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 72%,rgba(0,0,0,.68) 84%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 72%,rgba(0,0,0,.68) 84%,transparent 100%);
}
.agent-section .section-kicker{color:#aeb5c5}
.agent-copy h2{color:#f4f5fb}
.agent-copy h2 span{color:#c3adff}
.agent-lead{color:#c3c9d7}
.agent-mantra{color:#e6e8ef}
.agent-mantra strong{color:#c3adff}
.agent-proof{border-top-color:rgba(255,255,255,.11)}
.agent-proof>div{border-bottom-color:rgba(255,255,255,.10)}
.agent-proof span{color:#ae96e8}
.agent-proof h3{color:#eef0f6}
.agent-proof p{color:#aeb5c4}

.agent-architecture{
  border-color:rgba(210,198,255,.18);
  background:rgba(12,18,32,.56);
  box-shadow:0 42px 110px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.07);
}
.agent-architecture::before{
  background:
    linear-gradient(rgba(217,222,239,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(217,222,239,.045) 1px,transparent 1px);
}
.arch-meta,.arch-foot{color:#9ca5b8}
.arch-meta{border-bottom-color:rgba(255,255,255,.10)}
.arch-meta span:last-child{color:#b49ce6}
.arch-node{
  border-color:rgba(223,227,241,.12);
  background:rgba(255,255,255,.045);
}
.arch-node strong{color:#eef1f7}
.arch-node small{color:#a7afc0}
.arch-index{color:#ae96dc}
.arch-node-agent{border-color:rgba(181,154,239,.23);background:rgba(151,119,219,.08)}
.arch-node-system{border-color:rgba(135,205,180,.20);background:rgba(105,180,154,.07)}
.arch-link{color:#8f98aa}
.arch-link i{background:linear-gradient(90deg,transparent,rgba(186,166,228,.32))}
.arch-link i:last-child{background:linear-gradient(90deg,rgba(186,166,228,.32),transparent)}
.arch-gate{
  border-color:rgba(191,166,243,.32);
  background:linear-gradient(135deg,rgba(97,75,141,.22),rgba(66,116,102,.16));
  box-shadow:0 20px 55px rgba(0,0,0,.18);
}
.arch-gate-top{color:#b8a2e5}
.arch-gate-top b{color:#9edfc9}
.arch-gate>strong{color:#f2eff8}
.gate-steps{color:#c2b1e6}
.gate-steps i{background:#9edfc9}
.arch-foot{border-top-color:rgba(255,255,255,.09)}
.arch-foot span:last-child{color:#9edfc9}

/* ARCHITECTURE → PRODUCT: Dawn is the shared canvas. The system section only
   adds a readability veil; it does not start a new background. */
.system-section{
  padding-top:92px;
  background:transparent;
}
.dawn-wash{
  background:
    linear-gradient(90deg,rgba(245,247,252,.88) 0%,rgba(245,247,252,.76) 37%,rgba(245,247,252,.34) 67%,rgba(245,247,252,.49) 100%),
    linear-gradient(180deg,rgba(239,242,249,0) 0%,rgba(240,242,249,.18) 26%,rgba(246,242,239,.56) 100%);
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.06) 100px,rgba(0,0,0,.28) 230px,rgba(0,0,0,.68) 410px,#000 610px);
  mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.06) 100px,rgba(0,0,0,.28) 230px,rgba(0,0,0,.68) 410px,#000 610px);
}

/* PRODUCT → POWER → TIME VAULT: one continuous Dawn scene. Local atmosphere
   is soft and edge-less, so section boundaries cannot form visible bands. */
.power-section,
.vault-section{
  background:transparent;
}
.power-section::before{
  inset:-120px 0 -140px;
  height:auto;
  background:
    radial-gradient(circle at 16% 25%,rgba(183,205,220,.14),transparent 31%),
    radial-gradient(circle at 80% 31%,rgba(181,161,214,.12),transparent 33%);
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 78%,transparent);
  mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 78%,transparent);
}
.vault-section::before{
  content:"";
  position:absolute;
  inset:-100px 0 -180px;
  height:auto;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 72% 24%,rgba(197,179,225,.24),transparent 34%),
    radial-gradient(ellipse at 20% 70%,rgba(181,213,217,.20),transparent 36%);
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent);
  mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent);
}
.vault-grid{position:relative;z-index:2}

/* TIME VAULT → STATUS: a real dusk transition instead of a hard light/dark cut. */
.vault-section{padding-bottom:120px}
.status-section{
  margin-top:0;
  padding-top:250px;
  background:
    radial-gradient(circle at 18% 30%,rgba(92,180,155,.11),transparent 28%),
    radial-gradient(circle at 82% 28%,rgba(150,119,224,.16),transparent 31%),
    linear-gradient(180deg,
      rgba(10,14,23,0) 0%,
      rgba(10,14,23,.10) 5%,
      rgba(10,14,23,.34) 11%,
      rgba(12,17,28,.68) 18%,
      rgba(15,21,35,.92) 25%,
      #101624 32%,
      #090d17 74%,
      #080b12 100%);
}

@media(max-width:1220px){
  .agent-section{padding-top:125px;padding-bottom:210px}
  .system-section{padding-top:74px}
  .vault-section{padding-bottom:100px}
  .status-section{padding-top:205px}
}
@media(max-width:700px){
  .agent-section{padding-top:92px;padding-bottom:155px}
  .system-section{padding-top:58px}
  .vault-section{padding-bottom:75px}
  .status-section{padding-top:155px}
}

/* v14 — transition tuning after rendered review. */
/* Do not reveal Dawn at the tail of the hero and then return to night. */
.hero::before{
  -webkit-mask-image:none;
  mask-image:none;
}

/* Make the night→Dawn handoff happen once, compactly, at the end of the
   architecture chapter. */
.agent-section{
  padding-bottom:135px;
  background:linear-gradient(180deg,
    rgba(8,12,24,.96) 0%,
    rgba(9,14,27,.95) 58%,
    rgba(12,18,31,.88) 76%,
    rgba(18,25,39,.64) 86%,
    rgba(23,31,46,.24) 95%,
    rgba(23,31,46,0) 100%);
}
.system-section{padding-top:54px}

@media(max-width:1220px){
  .agent-section{padding-bottom:115px}
  .system-section{padding-top:46px}
}
@media(max-width:700px){
  .agent-section{padding-bottom:88px}
  .system-section{padding-top:36px}
}