/*
 * Memexa static landing — Continuity Ledger
 * Visual truth: selected option 1.
 * The benchmark keeps its production data and visual vocabulary; this layer
 * only tightens hierarchy and responsive composition.
 */

.atlas{
  --ledger-ink:#10242b;
  --ledger-ink-2:#38535e;
  --ledger-muted:#71848b;
  --ledger-faint:#9aa9ae;
  --ledger-blue:#517f98;
  --ledger-blue-2:#6d98ad;
  --ledger-teal:#2d9886;
  --ledger-navy:#0d2d38;
  --ledger-navy-2:#123945;
  --ledger-wash:#f2f8f8;
  --ledger-paper:#ffffff;
  --ledger-line:rgba(16,36,43,.14);
  --ledger-line-soft:rgba(16,36,43,.075);
  --ledger-shadow:0 24px 58px -34px rgba(24,63,75,.34);
  --ledger-max:1180px;
  --ledger-gutter:clamp(22px,3vw,32px);
  --ledger-section-y:clamp(76px,7vw,96px);
  --ledger-head-aside:minmax(280px,360px);
  --ledger-head-gap:clamp(38px,6vw,84px);
  background:#fcfefd;
  color:var(--ledger-ink);
}

.atlas main{
  display:block;
}

.atlas main > section > .wrap{
  max-width:var(--ledger-max);
  padding-right:var(--ledger-gutter);
  padding-left:var(--ledger-gutter);
}

.atlas .section-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) var(--ledger-head-aside);
  gap:var(--ledger-head-gap);
  align-items:end;
}

.atlas .section-head-main{
  min-width:0;
}

.atlas .section-head .sec-label{
  margin-bottom:20px;
  color:var(--ledger-blue);
}

.atlas .section-head .sec-label::before{
  background:var(--ledger-blue-2);
}

.atlas .section-head .sec-title{
  max-width:none;
  color:var(--ledger-ink);
  font-size:clamp(2.35rem,3.8vw,3.3rem);
  line-height:1.04;
  letter-spacing:-.045em;
  white-space:nowrap;
}

.atlas .section-head .sec-title em{
  color:var(--ledger-blue);
  font-style:normal;
}

.atlas .section-head-note{
  max-width:38ch;
  color:var(--ledger-muted);
  font-size:.84rem;
  line-height:1.75;
}

.atlas #top .chips{
  display:none;
}

.atlas #top .hero{
  padding-bottom:0;
}

/* Continuity */
.atlas #story{
  height:360svh;
  min-height:2400px;
  padding:0;
  overflow:clip;
  border-top:0;
  background:var(--ledger-navy);
  color:#f5fafb;
}

.atlas #story .wrap{
  position:sticky;
  top:0;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  max-width:var(--ledger-max);
  height:100svh;
  min-height:570px;
  padding:64px var(--ledger-gutter) 0;
  align-items:start;
}

.atlas .continuity-copy{
  grid-row:1;
  max-width:620px;
  padding:4px 0 0;
}

.atlas .continuity-copy .sec-label{
  margin-bottom:24px;
  color:#a9c8d2;
}

.atlas .continuity-copy .sec-label::before{
  background:#6b9aae;
}

.atlas .continuity-copy h2{
  max-width:620px;
  color:#f7fbfc;
  font-size:clamp(2.4rem,3.35vw,3rem);
  line-height:1.1;
  letter-spacing:-.035em;
  font-weight:650;
  white-space:nowrap;
}

.atlas .continuity-copy p{
  max-width:40ch;
  margin-top:18px;
  color:#a9bdc4;
  font-size:.88rem;
  line-height:1.75;
}

.atlas .continuity-rule{
  position:relative;
  display:block;
  width:178px;
  height:1px;
  margin-top:32px;
  background:rgba(217,235,240,.36);
}

.atlas .continuity-rule i{
  position:absolute;
  top:-4px;
  left:calc(var(--continuity-progress,0) * 169px);
  width:9px;
  height:9px;
  border:2px solid #7aa8b9;
  border-radius:50%;
  background:var(--ledger-navy);
  box-shadow:0 0 0 5px rgba(122,168,185,.08);
}

.atlas .continuity-cards{
  position:relative;
  grid-row:2;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  width:100%;
  height:568px;
  padding:24px 0 38px;
  align-self:end;
}

.atlas .continuity-card{
  --card-x:0px;
  --card-y:60px;
  --card-scale:.925;
  --card-opacity:.5;
  --card-rotate:-2deg;
  --card-dominance:0;
  position:relative;
  flex:1 1 0;
  min-width:0;
  max-width:330px;
  min-height:456px;
  padding:46px 38px 38px;
  border:1px solid rgba(18,53,63,.11);
  border-bottom:0;
  border-radius:8px 8px 0 0;
  background:#fff;
  color:var(--ledger-ink);
  box-shadow:
    0 calc(20px + var(--card-dominance) * 22px)
    calc(54px + var(--card-dominance) * 28px)
    -30px rgba(0,10,14,calc(.34 + var(--card-dominance) * .3));
  opacity:var(--card-opacity);
  filter:saturate(calc(.72 + var(--card-dominance) * .28));
  transform:
    translate3d(var(--card-x),var(--card-y),0)
    rotate(var(--card-rotate))
    scale(var(--card-scale));
  transform-origin:center bottom;
  will-change:transform,opacity;
  transition:
    border-color .24s ease,
    box-shadow .24s ease,
    filter .24s ease;
}

.atlas .continuity-source{
  --card-y:66px;
  --card-rotate:-2.4deg;
}

.atlas .continuity-decision{
  --card-y:52px;
  --card-rotate:-1.5deg;
}

.atlas .continuity-current{
  --card-y:72px;
  --card-rotate:1.6deg;
}

.atlas .continuity-card.is-leading{
  border-color:rgba(45,152,134,.38);
}

.atlas .continuity-cards.is-spread .continuity-card{
  border-color:rgba(45,152,134,.22);
}

.atlas .continuity-card:focus-within{
  outline:2px solid #86b8c9;
  outline-offset:5px;
}

.atlas .continuity-index{
  display:block;
  margin-bottom:18px;
  color:var(--ledger-blue);
  font-family:var(--mono);
  font-size:.73rem;
  letter-spacing:.08em;
}

.atlas .continuity-card h3{
  min-height:64px;
  color:var(--ledger-ink);
  font-size:1.12rem;
  line-height:1.36;
  font-weight:650;
}

.atlas .continuity-card ul{
  display:grid;
  gap:10px;
  margin:28px 0 0;
  padding:0;
  list-style:none;
}

.atlas .continuity-card li{
  color:var(--ledger-ink-2);
  font-size:.82rem;
  line-height:1.4;
}

.atlas .continuity-card p{
  margin-top:28px;
  color:var(--ledger-muted);
  font-size:.76rem;
  line-height:1.65;
}

.atlas .continuity-hit{
  position:absolute;
  z-index:3;
  inset:0;
  width:100%;
  min-width:0;
  min-height:0;
  padding:0;
  border:0;
  border-radius:inherit;
  background:transparent;
  color:inherit;
  cursor:pointer;
  appearance:none;
}

.atlas .continuity-hit:focus{
  outline:0;
}

.atlas .continuity-instruction{
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  padding:0;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
  border:0;
}

/* Benchmark: one conclusion, then two compact bodies of evidence */
.atlas #proof{
  padding:var(--ledger-section-y) 0;
}

.atlas #proof .sec-title{
  max-width:18ch;
  color:var(--ledger-ink);
  font-size:clamp(2.35rem,3.8vw,3.3rem);
  line-height:1.04;
  letter-spacing:-.045em;
}

.atlas #proof .sec-title em{
  color:var(--ledger-blue);
}

.atlas #proof .proof-stage{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  margin-top:52px;
}

.atlas #proof .benchmark{
  min-height:390px;
  padding:42px;
}

.atlas #proof .moat-row{
  grid-template-columns:54px minmax(0,1fr);
  gap:22px;
  min-height:130px;
  padding:30px 38px;
  align-items:center;
  align-content:center;
}

.atlas #proof .moat-row h3{
  margin:0;
  font-size:clamp(1.16rem,1.8vw,1.42rem);
  line-height:1.34;
}

.atlas #proof .fair-compare,
.atlas #proof .cost-compare{
  grid-column:auto;
  display:flex;
  flex-direction:column;
  min-width:0;
}

.atlas #proof .fair-compare{
  border-right:1px solid var(--line);
}

.atlas #proof .fair-copy,
.atlas #proof .cost-copy{
  min-height:144px;
  padding:29px 34px 26px;
  border-right:0;
  border-bottom:1px solid var(--line);
}

.atlas #proof .fair-copy h3,
.atlas #proof .cost-copy h3{
  font-size:1.26rem;
}

.atlas #proof .fair-bars,
.atlas #proof .cost-ledger{
  flex:1;
  padding:28px 34px 32px;
}

.atlas #proof .fair-row{
  grid-template-columns:96px minmax(0,1fr) 50px;
  gap:12px;
}

.atlas #proof .cost-head,
.atlas #proof .cost-row{
  grid-template-columns:minmax(0,1.35fr) .62fr .72fr;
  gap:12px;
}

.atlas #proof .cost-saving{
  justify-content:flex-start;
}

.atlas #proof .proof-note{
  max-width:none;
  margin-top:18px;
  border-top:1px solid var(--ledger-line);
  border-bottom:1px solid var(--ledger-line-soft);
  color:var(--ledger-muted);
  font-size:.72rem;
  line-height:1.72;
}

.atlas #proof .proof-note summary{
  display:flex;
  min-height:48px;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:0 2px;
  color:var(--ledger-ink-2);
  font-family:var(--mono);
  font-size:.65rem;
  letter-spacing:.08em;
  list-style:none;
  cursor:pointer;
}

.atlas #proof .proof-note summary::-webkit-details-marker{
  display:none;
}

.atlas #proof .proof-note summary::after{
  content:"+";
  color:var(--ledger-blue);
  font-size:1rem;
  transition:transform .22s ease;
}

.atlas #proof .proof-note[open] summary::after{
  transform:rotate(45deg);
}

.atlas #proof .proof-note summary:focus-visible{
  outline:2px solid rgba(81,127,152,.42);
  outline-offset:4px;
}

.atlas #proof .proof-note-body{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:48px;
  padding:0 2px 20px;
}

.atlas #proof .proof-note-body p{
  margin:0;
}

/* Real workflow */
.atlas #scope{
  padding:var(--ledger-section-y) 0;
  border-top:0;
  background:#fff;
}

.atlas #scope > .wrap{
  max-width:var(--ledger-max);
}

.atlas #scope .scope-roles{
  display:none;
}

.atlas #scope .scope-showcase{
  display:grid;
  grid-template-columns:400px minmax(0,1fr);
  gap:44px;
  align-items:start;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.atlas #scope .scope-left{
  min-width:0;
}

.atlas #scope .scope-heading{
  max-width:400px;
}

.atlas #scope .scope-kicker{
  display:block;
  margin-bottom:17px;
  color:var(--ledger-blue);
  font-family:var(--mono);
  font-size:.67rem;
  letter-spacing:.17em;
  text-transform:uppercase;
}

.atlas #scope .scope-kicker em{
  color:var(--ledger-teal);
  font-style:normal;
}

.atlas #scope .scope-heading h2{
  color:var(--ledger-ink);
  font-size:clamp(2.35rem,3.8vw,3.3rem);
  line-height:1.04;
  letter-spacing:-.045em;
  font-weight:680;
  white-space:nowrap;
}

.atlas #scope .scope-heading p{
  max-width:31ch;
  margin-top:16px;
  color:var(--ledger-muted);
  font-size:.88rem;
  line-height:1.75;
}

.atlas #scope .scope-cards{
  position:relative;
  display:grid;
  gap:0;
  margin:24px 0 0 10px;
  padding-left:30px;
}

.atlas #scope .scope-cards::before{
  content:"";
  position:absolute;
  top:17px;
  bottom:18px;
  left:5px;
  width:1px;
  background:var(--ledger-line);
}

.atlas #scope .scope-card{
  position:relative;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:10px;
  width:100%;
  min-width:0;
  padding:11px 0;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--ledger-muted);
  text-align:left;
  box-shadow:none;
  cursor:pointer;
  transition:color .25s ease,transform .25s ease;
}

.atlas #scope .scope-card::before{
  content:"";
  position:absolute;
  top:19px;
  left:-29px;
  width:8px;
  height:8px;
  border:2px solid #78a3b4;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 0 5px #fff;
}

.atlas #scope .scope-card:hover{
  color:var(--ledger-ink);
  transform:translateX(3px);
}

.atlas #scope .scope-card[aria-selected="true"]{
  color:var(--ledger-ink);
}

.atlas #scope .scope-card[aria-selected="true"]::before{
  border-color:var(--ledger-blue);
  background:var(--ledger-blue);
}

.atlas #scope .scope-card-index{
  padding-top:2px;
  color:var(--ledger-blue);
  font-family:var(--mono);
  font-size:.78rem;
  font-weight:600;
}

.atlas #scope .scope-card-copy{
  display:grid;
  gap:4px;
}

.atlas #scope .scope-card-copy strong{
  color:inherit;
  font-size:.94rem;
  font-weight:650;
  line-height:1.4;
}

.atlas #scope .scope-card-copy small{
  max-width:27ch;
  color:var(--ledger-muted);
  font-size:.72rem;
  line-height:1.55;
}

.atlas #scope .scope-card-progress,
.atlas #scope .scope-card-connector{
  display:none;
}

.atlas #scope .scope-note{
  display:flex;
  gap:9px;
  align-items:flex-start;
  margin:18px 0 0;
  padding:0;
  border:0;
  background:transparent;
  color:var(--ledger-muted);
  font-size:.7rem;
  line-height:1.55;
}

.atlas #scope .scope-note i{
  flex:0 0 auto;
  width:7px;
  height:7px;
  margin-top:3px;
  border-radius:50%;
  background:var(--ledger-teal);
}

.atlas #scope .scope-preview{
  display:block;
  min-width:0;
  padding:10px 36px 48px 0;
}

.atlas #scope .scope-side-rail{
  display:none;
}

.atlas #scope .codex-shell{
  position:relative;
  display:flex;
  flex-direction:column;
  width:100%;
  max-width:760px;
  height:400px;
  min-height:400px;
  margin:0;
  border:1px solid rgba(16,36,43,.14);
  border-radius:13px;
  background:#fff;
  box-shadow:
    24px 24px 0 -1px #fff,
    24px 24px 0 0 rgba(16,36,43,.08),
    48px 48px 0 -1px #fff,
    48px 48px 0 0 rgba(16,36,43,.06),
    0 28px 70px -38px rgba(31,73,86,.34);
  overflow:hidden;
}

.atlas #scope .codex-header{
  min-height:48px;
  padding:0 20px;
  border-bottom:1px solid var(--ledger-line-soft);
}

.atlas #scope .cli-viewport{
  height:300px;
  min-height:300px;
}

.atlas #scope .codex-input{
  margin-top:auto;
  min-height:48px;
  border-top:1px solid var(--ledger-line-soft);
}

.atlas #scope .cli-step{
  color:var(--ledger-muted);
}

.atlas #scope .cli-answer{
  color:var(--ledger-ink);
}

/* Privacy */
.atlas #privacy{
  padding:clamp(96px,9vw,132px) 0 108px;
  overflow:hidden;
  border-top:1px solid var(--ledger-line-soft);
  background:#f1f6f5;
}

.atlas #privacy .privacy-focus-head{
  display:block;
}

.atlas #privacy .privacy-focus-head .sec-label{
  margin-bottom:20px;
  color:var(--ledger-blue);
}

.atlas #privacy .privacy-focus-head .sec-label::before{
  background:var(--ledger-blue-2);
}

.atlas #privacy .privacy-focus-head .sec-title{
  max-width:18ch;
  color:var(--ledger-ink);
  font-size:clamp(2.6rem,4.1vw,3.55rem);
  line-height:1.03;
  letter-spacing:-.05em;
  white-space:nowrap;
}

.atlas #privacy .privacy-focus-head .sec-title em{
  color:var(--ledger-blue);
  font-style:normal;
}

.atlas #privacy .privacy-mobile-break{
  display:none;
}

.atlas #privacy .privacy-transfer{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 170px minmax(0,1fr);
  align-items:center;
  min-height:310px;
  margin-top:72px;
  border-top:1px solid rgba(16,36,43,.18);
  border-bottom:1px solid rgba(16,36,43,.18);
  background:linear-gradient(90deg,rgba(255,255,255,.4),rgba(255,255,255,.08) 50%,rgba(255,255,255,.34));
}

.atlas #privacy .privacy-transfer::before{
  content:"";
  position:absolute;
  z-index:0;
  top:50%;
  right:23%;
  left:23%;
  height:1px;
  background:linear-gradient(90deg,rgba(81,127,152,.18),rgba(45,152,134,.66),rgba(81,127,152,.18));
}

.atlas #privacy .privacy-transfer-description{
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  padding:0;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
  border:0;
}

.atlas #privacy .privacy-origin,
.atlas #privacy .privacy-result{
  position:relative;
  z-index:1;
  min-width:0;
}

.atlas #privacy .privacy-coordinate{
  display:block;
  color:var(--ledger-blue);
  font-family:var(--mono);
  font-size:.59rem;
  letter-spacing:.14em;
  line-height:1.4;
  text-transform:uppercase;
}

.atlas #privacy .privacy-origin{
  padding:52px 40px 52px 0;
}

.atlas #privacy .privacy-origin > .privacy-coordinate{
  text-align:center;
}

.atlas #privacy .privacy-local-note{
  display:block;
  width:100%;
  margin-top:21px;
  color:var(--ledger-muted);
  font-size:.76rem;
  line-height:1.5;
  text-align:center;
}

.atlas #privacy .privacy-source-stream{
  display:flex;
  flex-wrap:wrap;
  gap:14px 26px;
  margin-top:34px;
}

.atlas #privacy .privacy-source-stream span{
  color:var(--ledger-ink-2);
  font-size:clamp(1.08rem,1.55vw,1.34rem);
  line-height:1.25;
  letter-spacing:-.02em;
  opacity:.56;
  will-change:transform,opacity;
}

.atlas #privacy .privacy-gate{
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  align-self:stretch;
}

.atlas #privacy .privacy-gate::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:50%;
  width:1px;
  background:rgba(16,36,43,.13);
}

.atlas #privacy .privacy-gate span{
  position:absolute;
  z-index:2;
  top:40px;
  left:50%;
  padding:0 10px;
  background:#f3f8f7;
  color:var(--ledger-blue);
  font:650 .58rem/1.5 var(--mono);
  letter-spacing:.12em;
  white-space:nowrap;
  text-transform:uppercase;
  transform:translateX(-50%);
}

.atlas #privacy .privacy-gate i{
  position:relative;
  z-index:1;
  display:block;
  width:58px;
  height:58px;
  border:1px solid rgba(81,127,152,.48);
  border-radius:50%;
  background:#f1f6f5;
  box-shadow:0 0 0 8px rgba(81,127,152,.05);
  opacity:.42;
  transform:scale(.76);
  will-change:transform,opacity,box-shadow;
}

.atlas #privacy .privacy-gate i::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--ledger-teal);
  transform:translate(-50%,-50%);
}

.atlas #privacy .privacy-result{
  padding:52px 0 52px 52px;
  opacity:.16;
  transform:translateX(-18px);
  will-change:transform,opacity;
}

.atlas #privacy .privacy-result strong{
  display:block;
  margin-top:24px;
  color:var(--ledger-ink);
  font-size:clamp(3.05rem,5.6vw,4.65rem);
  line-height:.96;
  letter-spacing:-.065em;
  font-weight:680;
}

.atlas #privacy .privacy-result small{
  display:block;
  margin-top:17px;
  color:var(--ledger-teal);
  font-size:.73rem;
  letter-spacing:.04em;
}

.atlas #privacy .privacy-packet{
  position:absolute;
  z-index:4;
  top:50%;
  left:31%;
  padding:7px 10px 6px;
  border-radius:2px;
  background:var(--ledger-navy);
  color:#edf7f8;
  font-size:.55rem;
  letter-spacing:.1em;
  white-space:nowrap;
  opacity:0;
  transform:translate(-50%,-50%) scale(.88);
  box-shadow:0 10px 26px -16px rgba(13,45,56,.66);
  will-change:left,transform,opacity;
}

.atlas #privacy .privacy-confirm{
  display:block;
  width:calc(50% - 85px);
  margin-left:calc(50% + 85px);
  margin-top:24px;
  padding:22px 0 0 52px;
  border-top:1px solid rgba(16,36,43,.12);
  opacity:0;
  transform:translateY(9px);
}

.atlas #privacy .privacy-confirm strong{
  display:block;
  margin-top:10px;
  color:var(--ledger-ink);
  font-size:1.03rem;
  line-height:1.5;
  font-weight:650;
}

.atlas #privacy .privacy-focus.is-active .privacy-source-stream span{
  animation:privacy-source-resolve 4.8s cubic-bezier(.22,1,.36,1) forwards;
  animation-delay:calc(var(--source-index) * 70ms);
}

.atlas #privacy .privacy-focus.is-active .privacy-gate i{
  animation:privacy-gate-resolve 4.8s cubic-bezier(.22,1,.36,1) forwards;
}

.atlas #privacy .privacy-focus.is-active .privacy-packet{
  animation:privacy-packet-travel 4.8s cubic-bezier(.45,0,.2,1) forwards;
}

.atlas #privacy .privacy-focus.is-active .privacy-result{
  animation:privacy-result-lock 4.8s cubic-bezier(.22,1,.36,1) forwards;
}

.atlas #privacy .privacy-focus.is-active .privacy-confirm{
  animation:privacy-confirm-reveal 4.8s cubic-bezier(.22,1,.36,1) forwards;
}

@keyframes privacy-source-resolve{
  0%,16%{opacity:.56;transform:translateX(0)}
  29%{opacity:.9}
  52%,100%{opacity:.26;transform:translateX(72px)}
}

@keyframes privacy-gate-resolve{
  0%,24%{border-color:rgba(81,127,152,.48);box-shadow:0 0 0 8px rgba(81,127,152,.05);opacity:.42;transform:scale(.76)}
  41%{border-color:rgba(45,152,134,.82);box-shadow:0 0 0 18px rgba(45,152,134,.1);opacity:1;transform:scale(1.16)}
  58%,100%{border-color:rgba(45,152,134,.64);box-shadow:0 0 0 9px rgba(45,152,134,.07);opacity:1;transform:scale(.92)}
}

@keyframes privacy-packet-travel{
  0%,26%{left:31%;opacity:0;transform:translate(-50%,-50%) scale(.88)}
  35%{opacity:1}
  59%{opacity:1}
  69%,100%{left:69%;opacity:0;transform:translate(-50%,-50%) scale(.96)}
}

@keyframes privacy-result-lock{
  0%,52%{opacity:.16;transform:translateX(-18px)}
  70%,100%{opacity:1;transform:translateX(0)}
}

@keyframes privacy-confirm-reveal{
  0%,72%{opacity:0;transform:translateY(9px)}
  86%,100%{opacity:1;transform:translateY(0)}
}

/* Developer integration */
.atlas #dev{
  padding:var(--ledger-section-y) 0;
  border-top:1px solid var(--ledger-line-soft);
  background:#fff;
}

.atlas #dev .dev-head .sec-title{
  max-width:none;
}

.atlas #dev .dev-stage{
  display:grid;
  grid-template-columns:360px minmax(0,1fr);
  gap:var(--ledger-head-gap);
  align-items:stretch;
  margin-top:52px;
  padding-top:34px;
  border-top:1px solid var(--ledger-line);
}

.atlas #dev .dev-list{
  display:grid;
  align-self:start;
  margin:0;
  border-top:1px solid var(--ledger-line);
}

.atlas #dev .dev-list > div{
  display:grid;
  grid-template-columns:96px minmax(0,1fr);
  gap:20px;
  align-items:baseline;
  padding:18px 0;
  border-bottom:1px solid var(--ledger-line);
  background:transparent;
}

.atlas #dev .dev-list > div::before{
  display:none;
}

.atlas #dev .dev-list .t{
  color:var(--ledger-ink);
  font-family:var(--mono);
  font-size:.67rem;
  letter-spacing:.08em;
  font-weight:650;
}

.atlas #dev .dev-list span:last-child{
  color:var(--ledger-muted);
  font-size:.75rem;
  line-height:1.55;
}

.atlas #dev .code{
  min-width:0;
  border:1px solid rgba(16,36,43,.22);
  border-radius:12px;
  background:#10242b;
  box-shadow:0 30px 64px -36px rgba(18,58,70,.46);
}

.atlas #dev .code pre{
  min-height:238px;
  padding:30px 32px 36px;
  font-size:.72rem;
  line-height:1.8;
}

/* Access and FAQ */
.atlas #plans{
  padding:var(--ledger-section-y) 0;
  border-top:1px solid var(--ledger-line-soft);
  background:#f8faf9;
}

.atlas #plans .plan-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  margin-top:52px;
  border-top:1px solid var(--ledger-line);
  border-bottom:1px solid var(--ledger-line);
}

.atlas #plans .plan{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-height:230px;
  padding:36px 42px 38px 0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  transition:background-color .24s ease;
}

.atlas #plans .plan + .plan{
  padding-right:0;
  padding-left:42px;
  border-left:1px solid var(--ledger-line);
}

.atlas #plans .plan-top{
  display:flex;
  width:100%;
  align-items:baseline;
  justify-content:space-between;
  gap:18px;
}

.atlas #plans .plan-name{
  color:var(--ledger-ink);
  font-size:1.35rem;
  font-weight:680;
  letter-spacing:-.02em;
}

.atlas #plans .plan-tag{
  color:var(--ledger-blue);
  font-family:var(--mono);
  font-size:.58rem;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.atlas #plans .plan-desc{
  max-width:42ch;
  margin:18px 0 26px;
  color:var(--ledger-muted);
  font-size:.82rem;
  line-height:1.72;
}

.atlas #plans .plan .btn{
  min-width:210px;
  margin-top:auto;
  justify-content:center;
}

.atlas #plans .plan-download.is-available{
  cursor:pointer;
}

.atlas #plans .plan-download.is-available:hover{
  background:rgba(81,127,152,.035);
}

.atlas #plans .plan-download:focus-visible{
  outline:2px solid rgba(81,127,152,.52);
  outline-offset:-2px;
}

.atlas #plans .release-runtime{
  display:none !important;
}

.atlas #plans .faq{
  margin-top:58px;
}

.atlas #plans .faq-head{
  display:grid;
  grid-template-columns:360px minmax(0,1fr);
  gap:var(--ledger-head-gap);
}

.atlas #plans .faq h3{
  max-width:13ch;
  color:var(--ledger-ink);
  font-size:1.55rem;
  line-height:1.3;
  letter-spacing:-.025em;
}

.atlas #plans .faq-list{
  border-top:1px solid var(--ledger-line);
}

.atlas #plans details{
  border-bottom:1px solid var(--ledger-line);
}

.atlas #plans summary{
  padding:18px 0;
  color:var(--ledger-ink-2);
  font-size:.82rem;
}

.atlas #plans details p{
  max-width:72ch;
  padding:0 0 18px;
  color:var(--ledger-muted);
  font-size:.76rem;
  line-height:1.72;
}

/* Final dark band */
.atlas #cta{
  padding:52px 0 58px;
  border-top:1px solid rgba(231,242,245,.12);
  background:var(--ledger-navy);
  color:#f5fafb;
  text-align:left;
}

.atlas #cta .wrap{
  display:grid;
  grid-template-columns:minmax(330px,.85fr) minmax(440px,1.15fr);
  column-gap:64px;
  align-items:center;
}

.atlas #cta .sec-label{
  grid-column:1;
  justify-content:flex-start !important;
  margin-bottom:12px;
  color:#9ebec8;
}

.atlas #cta .sec-label::before{
  background:#6c9caf;
}

.atlas #cta .sec-title{
  grid-column:1;
  max-width:16ch;
  margin:0;
  color:#f6fafb;
  font-size:clamp(2rem,2.8vw,2.45rem);
  line-height:1.08;
  letter-spacing:-.035em;
}

.atlas #cta .sec-title em{
  color:#7ba6ba;
  font-style:normal;
}

.atlas #cta .sub{
  grid-column:1;
  max-width:38ch;
  margin:12px 0 0;
  color:#a8bdc4;
  font-size:.78rem;
  line-height:1.65;
}

.atlas #cta .waitlist{
  grid-column:2;
  grid-row:1 / span 3;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  margin:0;
}

.atlas #cta .waitlist input{
  min-height:48px;
  border-color:rgba(235,244,247,.18);
  background:rgba(255,255,255,.055);
  color:#f5fafb;
}

.atlas #cta .waitlist input::placeholder{
  color:#78949e;
}

.atlas #cta .waitlist .btn{
  min-height:48px;
  border-color:#f3f8f9;
  background:#f3f8f9;
  color:var(--ledger-navy);
}

.atlas #cta .subscription-note,
.atlas #cta .ok-msg,
.atlas #cta .cta-row{
  grid-column:2;
}

.atlas #cta .subscription-note{
  margin:12px 0 0;
  color:#809ca5;
  font-size:.66rem;
  text-align:left;
}

.atlas #cta .subscription-manage{
  color:#b6c9cf;
}

.atlas #cta .cta-row{
  display:flex;
  justify-content:flex-start;
  gap:10px;
  margin-top:16px;
}

.atlas #cta .cta-row .btn{
  border-color:rgba(239,247,249,.22);
  color:#d8e6e9;
}

.atlas #cta .cta-row .btn.solid{
  border-color:#f3f8f9;
  background:#f3f8f9;
  color:var(--ledger-navy);
}

.atlas footer{
  border-top:1px solid rgba(231,242,245,.12);
  background:var(--ledger-navy);
  color:#aac0c7;
}

.atlas footer .foot-brand{
  color:#edf5f7;
}

.atlas footer a{
  color:#8ea8b1;
}

.atlas footer a:hover{
  color:#edf5f7;
}

/* Responsive */
@media (max-width:1180px) and (min-width:701px){
  .atlas #story .wrap{
    padding-top:46px;
  }

  .atlas .continuity-copy{
    max-width:620px;
  }

  .atlas .continuity-cards{
    height:520px;
    padding-top:24px;
    padding-bottom:28px;
  }

  .atlas .continuity-card{
    max-width:330px;
  }
}

@media (max-width:1080px){
  .atlas .continuity-card{
    padding-right:24px;
    padding-left:24px;
  }

  .atlas #scope .scope-showcase{
    grid-template-columns:310px minmax(0,1fr);
    gap:48px;
  }

  .atlas #scope .scope-heading{
    max-width:none;
  }

  .atlas #scope .scope-heading h2{
    font-size:2.45rem;
  }

  .atlas #dev .dev-stage{
    grid-template-columns:310px minmax(0,1fr);
    gap:48px;
  }

  .atlas #dev .code{
    max-width:760px;
  }
}

@media (max-width:860px){
  .atlas #nav .nav-links > .lnk{
    display:none;
  }

  .atlas #story .wrap{
    padding-top:54px;
    padding-bottom:0;
  }

  .atlas .continuity-copy h2{
    font-size:clamp(2.05rem,5vw,2.45rem);
  }

  .atlas .continuity-cards{
    height:480px;
    justify-content:center;
  }

  .atlas .continuity-card{
    flex-basis:32%;
  }

  .atlas .section-head{
    grid-template-columns:1fr;
    gap:24px;
  }

  .atlas .section-head-note{
    max-width:52ch;
  }

  .atlas #scope .scope-showcase{
    grid-template-columns:1fr;
  }

  .atlas #scope .scope-heading{
    max-width:620px;
  }

  .atlas #scope .scope-heading h2{
    font-size:3rem;
  }

  .atlas #scope .scope-heading p{
    max-width:48ch;
  }

  .atlas #scope .scope-cards{
    max-width:620px;
  }

  .atlas #proof .proof-stage{
    grid-template-columns:1fr;
  }

  .atlas #proof .benchmark{
    min-height:0;
    border-right:0;
    border-bottom:1px solid var(--line);
  }

  .atlas #proof .fair-compare{
    border-right:0;
  }

  .atlas #proof .proof-note-body{
    grid-template-columns:1fr;
    gap:12px;
  }

  .atlas #scope .scope-preview{
    padding:18px 48px 54px 0;
  }

  .atlas #privacy .privacy-transfer{
    grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);
    min-height:286px;
    margin-top:52px;
  }

  .atlas #privacy .privacy-origin{
    padding-right:24px;
  }

  .atlas #privacy .privacy-source-stream{
    gap:12px 18px;
  }

  .atlas #privacy .privacy-gate span{
    top:32px;
  }

  .atlas #privacy .privacy-result{
    padding-left:28px;
  }

  .atlas #privacy .privacy-confirm{
    width:calc(50% - 60px);
    margin-left:calc(50% + 60px);
    padding-left:28px;
  }

  .atlas #dev .dev-stage{
    grid-template-columns:1fr;
    gap:34px;
  }

  .atlas #dev .dev-list{
    max-width:620px;
  }

  .atlas #plans .faq-head{
    grid-template-columns:1fr;
    gap:28px;
  }

  .atlas #cta .wrap{
    grid-template-columns:1fr;
    gap:26px;
  }

  .atlas #cta .waitlist,
  .atlas #cta .subscription-note,
  .atlas #cta .ok-msg,
  .atlas #cta .cta-row{
    grid-column:1;
    grid-row:auto;
  }
}

@media (max-width:700px){
  .atlas #scope > .wrap,
  .atlas #cta > .wrap{
    padding-right:var(--ledger-gutter);
    padding-left:var(--ledger-gutter);
  }

  .atlas #nav .brand{
    min-height:44px;
  }

  .atlas #nav .nav-login{
    min-width:44px;
    min-height:44px;
    padding:8px 6px;
  }

  .atlas #story{
    height:auto;
    min-height:0;
    overflow:hidden;
  }

  .atlas #story .wrap{
    position:relative;
    top:auto;
    display:block;
    height:auto;
    min-height:0;
    padding-top:54px;
    padding-bottom:54px;
  }

  .atlas .continuity-copy h2{
    font-size:clamp(1.58rem,6.65vw,1.75rem);
    line-height:1.18;
    white-space:normal;
  }

  .atlas .continuity-cards{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    justify-content:stretch;
    height:auto;
    gap:14px;
    margin-top:36px;
    padding:0;
  }

  .atlas .continuity-card,
  .atlas .continuity-source,
  .atlas .continuity-decision,
  .atlas .continuity-current{
    width:100%;
    max-width:none;
    min-height:0;
    padding:27px 26px;
    border-bottom:1px solid rgba(18,53,63,.11);
    border-radius:8px;
    transform:translate3d(var(--card-x),var(--card-y),0) scale(var(--card-scale));
  }

  .atlas .continuity-card h3{
    min-height:0;
  }

  .atlas .continuity-card ul{
    grid-template-columns:1fr 1fr;
    margin-top:22px;
  }

  .atlas .continuity-card p{
    margin-top:20px;
  }

  .atlas #scope{
    padding:68px 0 78px;
  }

  .atlas #scope .scope-heading h2{
    font-size:clamp(2.05rem,10.5vw,2.6rem);
  }

  .atlas #scope .scope-showcase{
    gap:32px;
  }

  .atlas #scope .scope-cards{
    margin-left:4px;
    padding-left:28px;
  }

  .atlas #scope .scope-preview{
    padding:8px 18px 34px 0;
  }

  .atlas #scope .codex-shell{
    min-height:0;
    box-shadow:
      10px 10px 0 -1px #fff,
      10px 10px 0 0 rgba(16,36,43,.08),
      20px 20px 0 -1px #fff,
      20px 20px 0 0 rgba(16,36,43,.055),
      0 24px 60px -38px rgba(31,73,86,.34);
  }

  .atlas #scope .cli-viewport{
    height:430px;
    min-height:430px;
  }

  .atlas #proof{
    padding:68px 0 74px;
  }

  .atlas #proof .sec-title{
    max-width:none;
    font-size:clamp(2rem,9.2vw,2.2rem);
  }

  .atlas #proof .proof-stage{
    margin-top:38px;
  }

  .atlas #proof .benchmark{
    padding:34px 24px;
  }

  .atlas #proof .moat-row{
    grid-template-columns:42px minmax(0,1fr);
    gap:13px;
    min-height:102px;
    padding:24px;
  }

  .atlas #proof .moat-row h3{
    font-size:1.08rem;
  }

  .atlas #proof .fair-copy,
  .atlas #proof .cost-copy{
    min-height:0;
    padding:26px 24px 24px;
  }

  .atlas #proof .fair-bars,
  .atlas #proof .cost-ledger{
    padding:25px 22px 28px;
  }

  .atlas #proof .fair-row{
    grid-template-columns:86px minmax(0,1fr) 48px;
    gap:9px;
  }

  .atlas #proof .cost-head,
  .atlas #proof .cost-row{
    grid-template-columns:minmax(0,1.25fr) .62fr .78fr;
    gap:8px;
  }

  .atlas #proof .proof-note{
    margin-top:14px;
  }

  .atlas #proof .proof-note summary{
    min-height:52px;
  }

  .atlas #proof .proof-note-body{
    padding-bottom:18px;
  }

  .atlas #privacy{
    padding:66px 0 72px;
  }

  .atlas .section-head .sec-title{
    font-size:clamp(2rem,9.2vw,2.2rem);
  }

  .atlas #privacy .privacy-focus-head .sec-title{
    max-width:none;
    font-size:clamp(2.05rem,9.7vw,2.45rem);
    line-height:1.04;
    white-space:normal;
  }

  .atlas #privacy .privacy-mobile-break{
    display:inline;
  }

  .atlas #privacy .privacy-transfer{
    grid-template-columns:1fr;
    min-height:0;
    margin-top:42px;
  }

  .atlas #privacy .privacy-transfer::before{
    top:72px;
    right:auto;
    bottom:72px;
    left:32px;
    width:1px;
    height:auto;
    background:linear-gradient(180deg,rgba(81,127,152,.18),rgba(45,152,134,.66),rgba(81,127,152,.18));
  }

  .atlas #privacy .privacy-origin{
    padding:36px 18px 48px 54px;
  }

  .atlas #privacy .privacy-source-stream{
    gap:12px 18px;
    margin-top:30px;
  }

  .atlas #privacy .privacy-local-note{
    margin-top:18px;
  }

  .atlas #privacy .privacy-source-stream span{
    font-size:1.03rem;
  }

  .atlas #privacy .privacy-gate{
    display:grid;
    grid-template-columns:64px minmax(0,1fr);
    place-items:initial;
    align-items:center;
    min-height:94px;
  }

  .atlas #privacy .privacy-gate::before{
    display:none;
  }

  .atlas #privacy .privacy-gate span{
    position:relative;
    top:auto;
    left:auto;
    grid-column:2;
    grid-row:1;
    justify-self:start;
    padding:0;
    background:transparent;
    transform:none;
  }

  .atlas #privacy .privacy-gate i{
    grid-column:1;
    grid-row:1;
    justify-self:center;
    width:48px;
    height:48px;
  }

  .atlas #privacy .privacy-result{
    padding:46px 18px 38px 54px;
  }

  .atlas #privacy .privacy-result strong{
    margin-top:18px;
    font-size:clamp(2.8rem,15vw,3.45rem);
  }

  .atlas #privacy .privacy-packet{
    top:32%;
    left:32px;
    transform:translate(14px,-50%) scale(.88);
  }

  .atlas #privacy .privacy-focus.is-active .privacy-source-stream span{
    animation-name:privacy-source-resolve-mobile;
  }

  .atlas #privacy .privacy-focus.is-active .privacy-packet{
    animation-name:privacy-packet-travel-mobile;
  }

  .atlas #privacy .privacy-confirm{
    width:100%;
    margin-left:0;
    margin-top:20px;
    padding:22px 18px 0 54px;
  }

  @keyframes privacy-source-resolve-mobile{
    0%,16%{opacity:.56;transform:translateY(0)}
    29%{opacity:.9}
    52%,100%{opacity:.26;transform:translateY(20px)}
  }

  @keyframes privacy-packet-travel-mobile{
    0%,26%{top:32%;opacity:0;transform:translate(14px,-50%) scale(.88)}
    35%{opacity:1}
    59%{opacity:1}
    69%,100%{top:69%;opacity:0;transform:translate(14px,-50%) scale(.96)}
  }

  .atlas #dev{
    padding:68px 0 76px;
  }

  .atlas #dev .dev-list{
    margin-top:0;
  }

  .atlas #dev .dev-list > div{
    grid-template-columns:84px minmax(0,1fr);
    gap:16px;
  }

  .atlas #dev .code pre{
    min-height:0;
    padding:24px 21px 28px;
    overflow-x:hidden;
    overflow-wrap:anywhere;
    white-space:pre-wrap;
  }

  .atlas #plans{
    padding:66px 0 74px;
  }

  .atlas #plans .plan-grid{
    grid-template-columns:1fr;
  }

  .atlas #plans .plan,
  .atlas #plans .plan + .plan{
    min-height:0;
    padding:28px 0 32px;
    border-left:0;
  }

  .atlas #plans .plan + .plan{
    border-top:1px solid var(--ledger-line);
  }

  .atlas #plans .faq{
    margin-top:34px;
  }

  .atlas #plans .plan-top{
    align-items:flex-start;
  }

  .atlas #cta{
    padding:44px 0 54px;
  }

  .atlas #cta .waitlist{
    grid-template-columns:1fr;
  }

  .atlas #cta .waitlist .btn{
    width:100%;
  }
}

@media (prefers-reduced-motion:reduce){
  .atlas #story{
    height:auto;
    min-height:570px;
  }

  .atlas #story .wrap{
    position:relative;
    top:auto;
    height:auto;
  }

  .atlas .continuity-source{
    --card-y:60px;
    --card-rotate:-2.2deg;
  }

  .atlas .continuity-decision{
    --card-y:18px;
    --card-rotate:-3deg;
  }

  .atlas .continuity-current{
    --card-y:46px;
    --card-rotate:-2deg;
  }

  .atlas .continuity-card,
  .atlas #scope .scope-card{
    --card-scale:1;
    --card-opacity:1;
    --card-dominance:1;
    transition:none;
  }

  .atlas #privacy .privacy-source-stream span{
    animation:none!important;
    opacity:.26;
    transform:none;
  }

  .atlas #privacy .privacy-gate i{
    animation:none!important;
    border-color:rgba(45,152,134,.64);
    box-shadow:0 0 0 9px rgba(45,152,134,.07);
    opacity:1;
    transform:scale(.92);
  }

  .atlas #privacy .privacy-packet{
    display:none;
  }

  .atlas #privacy .privacy-result,
  .atlas #privacy .privacy-confirm{
    animation:none!important;
    opacity:1;
    transform:none;
  }
}