:root {
  color-scheme: dark;
  --bg: #0e1110;
  --bg-soft: #141917;
  --panel: #18201d;
  --panel-strong: #202a25;
  --ink: #f6f2e8;
  --muted: #bdc6bd;
  --line: rgba(246, 242, 232, 0.16);
  --cell: #9fd7b0;
  --cell-strong: #c8f0ba;
  --warm: #e7c27a;
  --blue: #a8c7d8;
  --danger: #e0a18d;
  --shadow: 0 28px 100px rgba(0, 0, 0, 0.38);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  background:
    radial-gradient(circle at 82% 6%, rgba(159, 215, 176, 0.14), transparent 28rem),
    linear-gradient(180deg, #101513 0%, #0e1110 38rem, #111613 100%);
  color: var(--ink);
  line-height: 1.62;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: 0.12;
  background-image:
    linear-gradient(rgba(246, 242, 232, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(246, 242, 232, 0.08) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(180deg, #000 0%, transparent 70%);
}

a { color: var(--cell-strong); }
a:hover { color: var(--warm); }
a:focus-visible { outline: 3px solid var(--warm); outline-offset: 3px; }

.wrap,
.site-header,
.site-footer,
.hero,
.section {
  width: min(1160px, calc(100vw - 40px));
  margin: 0 auto;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 18px 0;
  backdrop-filter: blur(18px);
}

.brand {
  color: var(--ink);
  font-weight: 780;
  text-decoration: none;
  white-space: nowrap;
}

.brand span { color: var(--cell); }
.brand { letter-spacing: .04em; }

nav {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  align-items: center;
}

nav a {
  color: var(--muted);
  font-size: 0.94rem;
  text-decoration: none;
}

nav a[aria-current="page"] { color: var(--ink); }

.hero {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
  gap: 48px;
  align-items: center;
  min-height: 78vh;
  padding: 46px 0 70px;
}

.hero-narrow {
  min-height: auto;
  padding-bottom: 38px;
}

.hero-copy { max-width: 790px; }

.kicker {
  margin: 0 0 12px;
  color: var(--warm);
  font-size: 0.82rem;
  font-weight: 760;
  letter-spacing: 0;
  text-transform: uppercase;
}

h1, h2, h3, p { margin-top: 0; }

h1 {
  margin-bottom: 22px;
  font-size: clamp(3rem, 7vw, 6.4rem);
  line-height: 0.98;
  letter-spacing: 0;
}

/* 2026 story system: public experience, not an application dashboard */
.story-site { background: #08110e; color: #f6f0df; }
.story-site::before { opacity: .055; background-size: 64px 64px; }
.story-site .site-header { width: min(1380px, calc(100vw - 56px)); padding: 24px 0; }
.story-site .site-header nav { display:flex; align-items:center; gap:26px; }
.story-site .site-header nav a { color:#c4cec5; text-decoration:none; font-size:.93rem; }
.story-site .site-header nav a:hover,.story-site .site-header nav a.active,.story-site .site-header nav a[aria-current="page"] { color:#fff5d8; }
.nav-account { border:1px solid rgba(231,194,122,.45); border-radius:999px; padding:9px 16px; }
.nav-toggle { display:none; background:none; border:1px solid var(--line); color:var(--ink); border-radius:999px; padding:8px 14px; }
.hero-story { min-height:calc(100vh - 96px); width:min(1380px,calc(100vw - 56px)); display:grid; grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr); align-items:center; gap:7vw; padding:6vh 0 12vh; }
.hero-story h1,.page-hero h1 { font-family:Georgia,"Times New Roman",serif; font-weight:500; letter-spacing:-.045em; line-height:.96; text-wrap:balance; }
.hero-story h1 { font-size:clamp(3.7rem,5.6vw,6.7rem); max-width:1050px; margin:.22em 0 .35em; }
.hero-story .lead { font-size:clamp(1.15rem,1.5vw,1.55rem); max-width:820px; color:#c9d0c8; line-height:1.65; }
.story-link { color:#f2d791; align-self:center; text-decoration:none; margin-left:10px; }
.origin-visual { position:relative; aspect-ratio:1; display:grid; place-items:center; isolation:isolate; }
.origin-visual:before { content:""; position:absolute; inset:10%; border-radius:50%; background:radial-gradient(circle,rgba(139,235,191,.14),transparent 68%); filter:blur(18px); }
.origin-seed { width:clamp(72px,8vw,128px); aspect-ratio:1; border-radius:48% 52% 55% 45%; background:radial-gradient(circle at 38% 32%,#f7e3a3 0 12%,#9dd9ba 14% 48%,#245b49 50% 70%,#102c23 72%); box-shadow:0 0 90px rgba(144,224,185,.35); animation:seed-breathe 6s ease-in-out infinite; }
.origin-halo { position:absolute; border:1px solid rgba(156,220,184,.28); border-radius:50%; }
.halo-one{inset:24%;animation:halo-turn 20s linear infinite}.halo-two{inset:11%;border-style:dashed;animation:halo-turn 34s linear infinite reverse}
.origin-visual p { position:absolute; bottom:8%; color:#92a198; text-align:center; font-size:.78rem; text-transform:uppercase; letter-spacing:.18em; }.origin-visual p strong{color:#eee6d3;font-weight:500}
@keyframes seed-breathe{50%{transform:scale(1.045) rotate(2deg);filter:saturate(1.2)}}@keyframes halo-turn{to{transform:rotate(360deg)}}
.story-opening,.story-river,.immersive-break,.possibility-field,.live-window,.invitation,.atlas-body,.event-stream,.account-shell,.support-layout { width:min(1240px,calc(100vw - 56px)); margin:0 auto; }
.story-opening { padding:13vh 0 17vh; border-top:1px solid rgba(255,255,255,.12); }
.chapter-mark,.kicker { color:#e8c66e; text-transform:uppercase; letter-spacing:.18em; font-size:.76rem; font-weight:750; }
.story-opening h2,.story-river h2,.immersive-break h2,.possibility-field h2,.live-window h2,.invitation h2,.atlas-body h2 { font-family:Georgia,"Times New Roman",serif; font-weight:500; line-height:1.08; letter-spacing:-.035em; font-size:clamp(2.4rem,4.5vw,5.3rem); text-wrap:balance; }
.prose-columns { display:grid; grid-template-columns:1fr 1fr; gap:8vw; font-size:clamp(1.12rem,1.5vw,1.38rem); color:#c4cdc5; }
.story-river { padding:15vh 0; display:grid; grid-template-columns:1.15fr .85fr; gap:10vw; align-items:center; }.story-river.reverse{grid-template-columns:.85fr 1.15fr}.story-river.reverse article{grid-column:2}.story-river.reverse aside{grid-column:1;grid-row:1}
.story-river article p { color:#bdc7bf; font-size:1.16rem; max-width:720px; }.story-river article>a{font-size:1.05rem;text-decoration:none;border-bottom:1px solid;padding-bottom:4px}
.story-quote { font-family:Georgia,serif; font-size:clamp(1.6rem,2.5vw,2.6rem); line-height:1.35; color:#b9e6cc; padding:8%; border-left:1px solid #477e67; }.story-quote.warm{color:#f0d898;border-color:#9f7d34}
.immersive-break { width:100%; max-width:none; min-height:75vh; padding:14vh max(7vw,calc((100vw - 1240px)/2)); display:grid; grid-template-columns:1fr 1fr; gap:9vw; align-items:center; background:radial-gradient(circle at 75% 40%,rgba(218,181,96,.15),transparent 33%),linear-gradient(120deg,#10261f,#0b1512); border-block:1px solid rgba(156,220,184,.16); }.immersive-break p{font-size:clamp(1.2rem,1.7vw,1.55rem);color:#c9d1c9}.immersive-break h2{margin-top:.3em}
.possibility-field{padding:17vh 0;display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.possibility-intro>p:last-child{color:#bdc7bf;font-size:1.18rem}.possibility-orbit{position:relative;aspect-ratio:1;border:1px solid rgba(159,215,176,.2);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(78,170,127,.16),transparent 58%)}.possibility-orbit:before,.possibility-orbit:after{content:"";position:absolute;inset:18%;border:1px solid rgba(231,194,122,.18);border-radius:50%}.possibility-orbit:after{inset:34%}.possibility-orbit strong{font:500 clamp(1.5rem,3vw,3rem) Georgia;color:#f1d887}.possibility-orbit span{position:absolute;color:#9fcdb4}.possibility-orbit span:nth-child(1){top:9%;left:46%}.possibility-orbit span:nth-child(2){top:27%;right:5%}.possibility-orbit span:nth-child(3){bottom:25%;right:8%}.possibility-orbit span:nth-child(4){bottom:8%;left:44%}.possibility-orbit span:nth-child(5){bottom:27%;left:5%}.possibility-orbit span:nth-child(6){top:25%;left:7%}
.live-window{padding:14vh 0;display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw}.live-teaser-list,.event-stream{display:grid;gap:14px}.event-card{padding:22px 0;border-top:1px solid rgba(255,255,255,.13);display:grid;grid-template-columns:170px 1fr;gap:24px}.event-card time{color:#8ea095;font-size:.85rem}.event-card strong{font-family:Georgia,serif;font-size:1.35rem;font-weight:500}.event-card p{margin:.35em 0;color:#b8c4bb}.live-window>.button{grid-column:2;justify-self:start}
.invitation{margin-top:12vh;margin-bottom:12vh;padding:10vh 8vw;text-align:center;background:radial-gradient(circle at 50% 0,rgba(231,194,122,.14),transparent 52%),#111b17;border:1px solid rgba(231,194,122,.2);border-radius:36px}.invitation p{max-width:820px;margin:1.2em auto;color:#c5cec6;font-size:1.18rem}.invitation .actions{justify-content:center}.invitation small{display:block;max-width:700px;margin:2.5em auto 0;color:#89978e}.invitation.compact{padding:7vh 8vw}.invitation.compact h2{font-size:clamp(2.2rem,4vw,4.2rem)}
.page-hero{width:min(1240px,calc(100vw - 56px));margin:0 auto;padding:13vh 0 10vh}.page-hero h1{font-size:clamp(3.5rem,6.8vw,7.8rem);max-width:1180px;margin:.25em 0}.page-hero .lead{max-width:850px;color:#c1cbc3;font-size:clamp(1.15rem,1.6vw,1.48rem)}
.atlas-numbers{width:min(1240px,calc(100vw - 56px));margin:0 auto 10vh;display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid rgba(255,255,255,.13)}.atlas-numbers article{padding:35px 3vw;border-right:1px solid rgba(255,255,255,.13)}.atlas-numbers article:last-child{border:0}.atlas-numbers strong{display:block;font:500 clamp(2.7rem,5vw,5rem) Georgia;color:#efd582}.atlas-numbers span{color:#aebbb1}
.atlas-body{padding:6vh 0 12vh}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:5vw}.atlas-list{margin-top:6vh}.atlas-entry{display:grid;grid-template-columns:90px 1.5fr 1fr 1fr;gap:24px;align-items:center;padding:26px 0;border-top:1px solid rgba(255,255,255,.13)}.atlas-entry .pulse{width:12px;height:12px;border-radius:50%;background:#53645b;box-shadow:0 0 0 8px rgba(83,100,91,.12)}.atlas-entry .pulse.awake{background:#91dfb2;box-shadow:0 0 0 8px rgba(145,223,178,.12),0 0 24px #60ad7e}.atlas-entry h3{font:500 1.55rem Georgia;margin:0}.atlas-entry p{margin:.3em 0;color:#9dad9f}.atlas-entry strong{font-size:1.15rem}.loading-story{color:#9ca9a0;font-style:italic}
.event-stream{padding:0 0 15vh}.event-stream .event-card{grid-template-columns:220px 1fr;padding:34px 0}.event-stream .event-card strong{font-size:clamp(1.4rem,2.2vw,2.2rem)}
.account-shell{padding:0 0 14vh}.account-panel{max-width:680px;padding:clamp(28px,5vw,64px);margin:0 auto;background:#111d18;border:1px solid rgba(159,215,176,.2);border-radius:30px}.account-dashboard{max-width:1180px}.account-welcome{display:flex;align-items:end;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);padding-bottom:28px;margin-bottom:42px}.account-welcome h2{margin:.25em 0 .15em;font:500 clamp(2rem,3.5vw,3.6rem) Georgia}.account-welcome p{color:#aebbb1}.account-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:clamp(45px,7vw,100px)}.account-grid h3{font:500 1.65rem Georgia;margin:.25em 0}.account-copy{color:#aebbb1;line-height:1.7}.account-panel label,.support-form-card label{display:grid;gap:8px;margin:18px 0;color:#c4cec5}.account-panel label small{color:#8fa096}.account-panel input,.account-panel textarea,.support-form-card input,.support-form-card textarea,.support-form-card select{width:100%;padding:13px 15px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:#08110e;color:#f6f0df;font:inherit}.check-row{grid-template-columns:auto 1fr!important;align-items:start}.check-row input{width:auto}.my-cells{display:grid;gap:16px;margin:24px 0 32px}.my-cell{padding:24px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:linear-gradient(145deg,rgba(145,223,178,.07),rgba(232,198,110,.035))}.my-cell strong{display:block;font:500 1.75rem Georgia}.my-cell p{color:#aebbb1;line-height:1.55}.my-cell a{color:#e8c66e}
.support-layout{padding:0 0 14vh;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.support-copy p{font-size:1.1rem;color:#bdc7bf}.support-form-card{padding:clamp(26px,5vw,55px);background:#111d18;border-radius:28px;border:1px solid rgba(159,215,176,.2)}.support-form-card fieldset{border:0;padding:0;margin:28px 0 0}.support-form-card fieldset[disabled]{opacity:.35}.form-message{min-height:1.5em;color:#e8c66e}.form-message.success{color:#93ddb2}.form-message.error{color:#e6a18b}
@media(max-width:900px){.story-site .site-header{width:min(100% - 32px,1380px)}.nav-toggle{display:block}.story-site .site-header nav{display:none;position:absolute;top:72px;inset-inline:0;padding:20px;background:#0d1814;border:1px solid var(--line);border-radius:18px;flex-direction:column;align-items:stretch}.story-site .site-header nav.open{display:flex}.hero-story,.prose-columns,.story-river,.story-river.reverse,.immersive-break,.possibility-field,.live-window,.section-heading,.support-layout,.account-grid{grid-template-columns:1fr}.hero-story{width:min(100% - 32px,1380px);padding-top:6vh}.hero-story h1{font-size:clamp(3.3rem,15vw,6rem)}.origin-visual{max-width:520px;margin:0 auto;width:100%}.story-opening,.story-river,.possibility-field,.live-window,.invitation,.page-hero,.atlas-body,.event-stream,.account-shell,.support-layout{width:min(100% - 32px,1240px)}.immersive-break{padding-inline:16px}.story-river.reverse article,.story-river.reverse aside{grid-column:auto;grid-row:auto}.live-window>.button{grid-column:auto}.atlas-numbers{width:min(100% - 32px,1240px);grid-template-columns:1fr}.atlas-numbers article{border-right:0;border-bottom:1px solid var(--line)}.atlas-entry{grid-template-columns:30px 1fr}.atlas-entry>div:nth-last-child(-n+2){grid-column:2}.event-card,.event-stream .event-card{grid-template-columns:1fr}.page-hero h1{font-size:clamp(3rem,13vw,5.5rem)}}

.hero h1 {
  max-width: 16ch;
  text-wrap: balance;
  background: linear-gradient(118deg, #fffaf0 15%, var(--cell-strong) 62%, var(--warm));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

h2 {
  margin-bottom: 18px;
  font-size: clamp(2rem, 4vw, 3.4rem);
  line-height: 1.08;
  letter-spacing: 0;
}

h3 {
  margin-bottom: 10px;
  font-size: 1.16rem;
}

.lead {
  max-width: 760px;
  color: #dce4dc;
  font-size: clamp(1.12rem, 2vw, 1.38rem);
}

.actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 28px;
}

.button,
button.copy-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 18px;
  border: 1px solid var(--cell);
  border-radius: 8px;
  font: inherit;
  font-weight: 760;
  text-decoration: none;
  cursor: pointer;
}

.button.primary {
  background: var(--cell);
  color: #0b120e;
}

.button.secondary {
  color: var(--ink);
  background: rgba(246, 242, 232, 0.04);
}

.button.quiet,
button.copy-button {
  color: var(--ink);
  background: transparent;
  border-color: var(--line);
}

.badges {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 22px;
  padding: 0;
  list-style: none;
}

.badges li,
.badge {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 7px 11px;
  color: #dce4dc;
  background: rgba(246, 242, 232, 0.05);
  font-size: 0.9rem;
}

.hero-media {
  position: relative;
  margin: 0;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(159, 215, 176, 0.14), rgba(232, 194, 122, 0.06)),
    #101513;
  box-shadow: var(--shadow);
}

.hero-media img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border: 1px solid rgba(246, 242, 232, 0.13);
  border-radius: 8px;
  background: #080b0a;
}

figcaption {
  margin-top: 10px;
  color: var(--muted);
  font-size: 0.9rem;
}

.section {
  padding: 68px 0;
  border-top: 1px solid var(--line);
}

.split {
  display: grid;
  grid-template-columns: minmax(240px, 0.82fr) minmax(0, 1.18fr);
  gap: 42px;
}

.copy,
.prose {
  color: #dce4dc;
  font-size: 1.06rem;
}

.copy p,
.prose p { max-width: 820px; }

.cards,
.status-grid,
.feature-grid,
.faq-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.cards article,
.status-grid article,
.feature-grid article,
.download-panel,
.problem,
.legal-box,
.note,
.timeline,
.tech-list {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: linear-gradient(145deg, var(--panel), #121815);
}

.cards article { position: relative; overflow: hidden; }
.cards article::after {
  content: "";
  position: absolute;
  width: 120px;
  height: 120px;
  right: -62px;
  bottom: -66px;
  border: 1px solid rgba(159, 215, 176, .24);
  border-radius: 50%;
}
.card-number {
  display: block;
  margin-bottom: 18px;
  color: var(--warm);
  font: 700 .74rem ui-monospace, monospace;
  letter-spacing: .16em;
}

.note {
  padding: clamp(28px, 5vw, 58px);
  background:
    radial-gradient(circle at 80% 0%, rgba(159, 215, 176, .16), transparent 22rem),
    linear-gradient(145deg, #1a231f, #111613);
}

.cards article,
.status-grid article,
.feature-grid article,
.problem,
.legal-box,
.note,
.timeline,
.tech-list {
  padding: 22px;
}

.cards article,
.feature-grid article { min-height: 156px; }

.download-panel {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(300px, 1.15fr);
  gap: 32px;
  padding: 30px;
  box-shadow: var(--shadow);
}

.download-panel h2 { font-size: clamp(2rem, 3.5vw, 3rem); }

.facts {
  display: grid;
  gap: 10px;
  margin: 0;
}

.facts div {
  display: grid;
  grid-template-columns: 134px minmax(0, 1fr);
  gap: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(246, 242, 232, 0.12);
}

.facts dt,
.status-grid span {
  color: var(--muted);
  font-size: 0.86rem;
}

.facts dd {
  margin: 0;
  overflow-wrap: anywhere;
}

.hash dd,
code {
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  overflow-wrap: anywhere;
}

.hash dd { font-size: 0.88rem; }

.status-grid article { min-height: 112px; }

.status-grid strong {
  display: block;
  margin-top: 8px;
  color: var(--cell-strong);
  font-size: 1.25rem;
}

.status-grid article.pending strong { color: var(--warm); }
.status-grid article.blocked strong { color: var(--danger); }

.timeline {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.timeline div {
  border-left: 2px solid var(--cell);
  padding-left: 14px;
}

.problem { max-width: 860px; }

.site-footer {
  padding: 40px 0 58px;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: 0.92rem;
}

.footer-grid {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(0, 2fr);
  gap: 22px;
}

.footer-links {
  display: flex;
  gap: 12px 18px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.page-main {
  width: min(960px, calc(100vw - 40px));
  margin: 0 auto;
  padding: 34px 0 76px;
}

.page-main h1 {
  font-size: clamp(2.6rem, 7vw, 5.4rem);
}

.legal-box,
.note,
.tech-list { margin-top: 18px; }

.legal-box h2,
.note h2,
.tech-list h2 { font-size: 1.35rem; }

.legal-box ul,
.tech-list ul { padding-left: 1.2rem; }

.legal-box li,
.tech-list li { margin: 8px 0; }

.faq-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

details {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px 18px;
  background: rgba(246, 242, 232, 0.04);
}

details + details { margin-top: 12px; }

summary {
  cursor: pointer;
  color: var(--ink);
  font-weight: 760;
}

.fineprint {
  color: var(--muted);
  font-size: 0.94rem;
}

.warning {
  border-color: rgba(224, 161, 141, 0.45);
  background: linear-gradient(145deg, rgba(224, 161, 141, 0.14), rgba(246, 242, 232, 0.03));
}

@media (max-width: 900px) {
  .site-header {
    position: static;
    align-items: flex-start;
    flex-direction: column;
  }

  .hero,
  .split,
  .download-panel,
  .footer-grid {
    grid-template-columns: 1fr;
  }

  .hero {
    min-height: auto;
    padding-top: 24px;
  }

  .cards,
  .status-grid,
  .feature-grid,
  .faq-grid,
  .timeline {
    grid-template-columns: 1fr;
  }

  .footer-links { justify-content: flex-start; }
}

@media (max-width: 520px) {
  .wrap,
  .site-header,
  .site-footer,
  .hero,
  .section,
  .page-main {
    width: min(100vw - 28px, 1160px);
  }

  h1 { font-size: clamp(2.55rem, 16vw, 3.6rem); }
  h2 { font-size: clamp(1.8rem, 10vw, 2.6rem); }

  .facts div { grid-template-columns: 1fr; gap: 2px; }
}

/* 2026 visual system: one spacious stage instead of a narrow text column. */
:root {
  --shadow: 0 34px 120px rgba(0, 0, 0, 0.46);
  font-family: "Segoe UI Variable Text", "Aptos", ui-sans-serif, system-ui, sans-serif;
}

.wrap, .site-header, .site-footer, .hero, .section {
  width: min(1480px, calc(100vw - 72px));
}

.site-header { padding: 22px 0; }
.brand { font-size: 1.02rem; }

.hero {
  grid-template-columns: minmax(0, 1.04fr) minmax(390px, .76fr);
  gap: clamp(54px, 7vw, 120px);
  min-height: calc(100vh - 84px);
  padding: 54px 0 88px;
}

.hero-copy { max-width: 860px; }

h1, h2 { font-family: "Segoe UI Variable Display", "Aptos Display", ui-sans-serif, sans-serif; }
h1 { font-size: clamp(3rem, 5.35vw, 5.55rem); line-height: 1.015; letter-spacing: -.045em; }
h2 { font-size: clamp(2rem, 3.25vw, 3.25rem); letter-spacing: -.035em; }
.hero h1 { max-width: 15ch; }

.button, button.copy-button { border-radius: 999px; }
.hero-media { padding: 22px; border-radius: 32px; background: linear-gradient(145deg, rgba(159,215,176,.12), rgba(232,194,122,.06)), #0b1210; }
.hero-media img { display: none; }

.cell-stage {
  position: relative;
  display: grid;
  place-items: center;
  min-height: clamp(420px, 52vw, 620px);
  overflow: hidden;
  border: 1px solid rgba(159,215,176,.18);
  border-radius: 24px;
  background: radial-gradient(circle at 50% 47%, rgba(159,215,176,.16), transparent 19rem), linear-gradient(155deg, #13231f, #090d0c 68%);
}

.cell-stage::before {
  content: "";
  position: absolute;
  inset: 10%;
  border-radius: 50%;
  background: radial-gradient(circle, transparent 43%, rgba(159,215,176,.05) 44% 58%, transparent 59%);
}

.orbit { position: absolute; width: 65%; aspect-ratio: 1; border: 1px solid rgba(159,215,176,.2); border-radius: 50%; }
.orbit-a { rotate: 8deg; }
.orbit-b { rotate: 61deg; scale: .82 1; border-color: rgba(231,194,122,.25); }
.orbit-c { rotate: -47deg; scale: .58 1; border-color: rgba(168,199,216,.18); }
.cell-glow { position: absolute; width: 42%; aspect-ratio: 1; border-radius: 50%; background: rgba(159,215,176,.11); filter: blur(32px); }
.cell-core { width: 19%; aspect-ratio: 1; border-radius: 45% 55% 51% 49% / 54% 42% 58% 46%; background: radial-gradient(circle at 38% 32%, #fff8dc 0 6%, #edcd84 14%, #9fd7b0 48%, #2e6555 76%); box-shadow: 0 0 0 18px rgba(159,215,176,.05), 0 0 80px rgba(231,194,122,.38); animation: cell-breathe 6s ease-in-out infinite; }
.spark { position: absolute; width: 7px; aspect-ratio: 1; border-radius: 50%; background: var(--warm); box-shadow: 0 0 18px var(--warm); }
.spark-a { left: 22%; top: 26%; }.spark-b { right: 19%; top: 40%; scale: .65; }.spark-c { left: 32%; bottom: 19%; scale: .45; }
@keyframes cell-breathe { 50% { scale: 1.065; filter: saturate(1.14) brightness(1.05); } }
@media (prefers-reduced-motion: reduce) { .cell-core { animation: none; } }

.hero-narrow {
  position: relative;
  display: block;
  min-height: 580px;
  padding: clamp(72px, 9vh, 130px) 0 90px;
  overflow: hidden;
}

.hero-narrow::before, .hero-narrow::after { content: ""; position: absolute; pointer-events: none; border-radius: 50%; }
.hero-narrow::before { width: min(35vw, 520px); aspect-ratio: 1; right: 3vw; top: 50%; translate: 0 -50%; border: 1px solid rgba(159,215,176,.22); box-shadow: inset 0 0 90px rgba(159,215,176,.08), 0 0 110px rgba(159,215,176,.06); }
.hero-narrow::after { width: min(17vw, 250px); aspect-ratio: 1; right: calc(3vw + min(9vw, 135px)); top: 50%; translate: 0 -50%; background: radial-gradient(circle at 40% 36%, #fff7d9 0 3%, var(--warm) 4% 12%, rgba(159,215,176,.46) 13% 30%, rgba(159,215,176,.08) 52%, transparent 70%); filter: drop-shadow(0 0 38px rgba(231,194,122,.23)); }
.hero-narrow .hero-copy { position: relative; z-index: 1; max-width: min(62vw, 940px); }

.cards article, .status-grid article, .feature-grid article, .download-panel, .problem, .legal-box, .note, .timeline, .tech-list, details { border-radius: 22px; }
.page-main { width: min(1180px, calc(100vw - 72px)); }
.page-main h1 { font-size: clamp(2.7rem, 5vw, 5rem); }

@media (max-width: 900px) {
  .wrap, .site-header, .site-footer, .hero, .section, .page-main { width: min(100vw - 38px, 1480px); }
  .hero { grid-template-columns: 1fr; min-height: auto; }
  .hero-narrow { min-height: auto; padding: 56px 0 70px; }
  .hero-narrow .hero-copy { max-width: 100%; }
  .hero-narrow::before, .hero-narrow::after { opacity: .22; right: -20vw; }
}

@media (max-width: 520px) {
  .wrap, .site-header, .site-footer, .hero, .section, .page-main { width: min(100vw - 28px, 1480px); }
  h1 { font-size: clamp(2.45rem, 13vw, 3.35rem); }
  .cell-stage { min-height: 360px; }
}

.page-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(280px, .55fr);
  gap: clamp(48px, 7vw, 110px);
  align-items: center;
  min-height: 610px;
  padding: 48px 0 72px;
}

.page-hero h1 { max-width: 16ch; }
.page-hero .lead { max-width: 820px; }

.story-chapter {
  display: grid;
  grid-template-columns: minmax(280px, .8fr) minmax(0, 1.5fr);
  gap: clamp(34px, 6vw, 96px);
  align-items: start;
  background: radial-gradient(circle at 12% 18%, rgba(231,194,122,.12), transparent 32%), linear-gradient(145deg, rgba(159,215,176,.08), rgba(8,16,14,.2));
  border: 1px solid rgba(159,215,176,.16);
  border-radius: 34px;
  padding: clamp(34px, 5vw, 76px);
}
.story-intro { position: sticky; top: 110px; }
.story-intro h2 { max-width: 12ch; }
.story-intro p:last-child { color: var(--muted); font-size: 1.08rem; line-height: 1.75; }
.story-steps { display: grid; gap: 18px; }
.story-steps article { padding: clamp(24px, 3vw, 38px); border-left: 1px solid rgba(231,194,122,.5); background: rgba(7,15,13,.55); border-radius: 0 24px 24px 0; }
.story-steps span { color: var(--warm); text-transform: uppercase; letter-spacing: .13em; font-size: .72rem; font-weight: 800; }
.story-steps h3 { margin: 10px 0 10px; font-size: clamp(1.25rem, 2vw, 1.75rem); }
.story-steps p { margin: 0; color: var(--muted); line-height: 1.7; }
.promise-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.promise-grid article { min-height: 330px; padding: clamp(30px, 4vw, 58px); border-radius: 30px; border: 1px solid rgba(159,215,176,.17); display: flex; flex-direction: column; justify-content: flex-end; }
.promise-grid h2 { max-width: 14ch; }
.promise-grid p:last-child { color: var(--muted); line-height: 1.72; max-width: 62ch; }
.promise-now { background: radial-gradient(circle at 82% 15%, rgba(159,215,176,.18), transparent 32%), #101a17; }
.promise-next { background: radial-gradient(circle at 18% 15%, rgba(231,194,122,.14), transparent 34%), #141914; }

@media (max-width: 820px) {
  .story-chapter, .promise-grid { grid-template-columns: 1fr; }
  .story-intro { position: static; }
  .promise-grid article { min-height: auto; }
}

.origin-mark {
  position: relative;
  width: min(100%, 410px);
  aspect-ratio: 1;
  justify-self: center;
  border: 1px solid rgba(159,215,176,.2);
  border-radius: 50%;
  box-shadow: inset 0 0 100px rgba(159,215,176,.07), 0 0 120px rgba(159,215,176,.05);
}

.origin-mark::before, .origin-mark::after {
  content: "";
  position: absolute;
  inset: 14%;
  border: 1px solid rgba(231,194,122,.22);
  border-radius: 45% 55% 49% 51% / 58% 43% 57% 42%;
  rotate: 28deg;
}

.origin-mark::after { inset: 25%; rotate: -38deg; border-color: rgba(168,199,216,.24); }
.origin-mark span { position: absolute; inset: 38%; border-radius: 47% 53% 55% 45%; background: radial-gradient(circle at 38% 34%, #fff8dc 0 7%, var(--warm) 12%, var(--cell) 48%, #356656 78%); box-shadow: 0 0 70px rgba(159,215,176,.32); }
.trace-mark::before { inset: 9% 23%; rotate: 72deg; }
.trace-mark::after { inset: 29% 8%; rotate: -12deg; }
.warm-mark { border-color: rgba(231,194,122,.24); box-shadow: inset 0 0 100px rgba(231,194,122,.07), 0 0 120px rgba(231,194,122,.06); }

@media (max-width: 900px) {
  .page-hero { grid-template-columns: 1fr; min-height: auto; padding: 46px 0 62px; }
  .origin-mark { width: min(70vw, 360px); }
}

/* Final responsive guard: legacy page rules above must never split story heroes. */
.story-site .page-hero {
  display: block;
  min-height: 0;
  padding: clamp(64px, 10vh, 118px) 0 clamp(52px, 8vh, 96px);
}
.story-site .page-hero h1 {
  width: min(100%, 1050px);
  max-width: 1050px;
  font-size: clamp(2.8rem, min(5.2vw, 8.4vh), 5.6rem);
  line-height: 1.02;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}
.story-site .page-hero .lead { width: min(100%, 800px); }
.story-site .story-opening h2,
.story-site .story-river h2,
.story-site .immersive-break h2,
.story-site .possibility-field h2,
.story-site .live-window h2,
.story-site .invitation h2,
.story-site .atlas-body h2 {
  font-size: clamp(2.1rem, min(3.8vw, 6.4vh), 4.15rem);
}
.story-site .hero-story h1 {
  font-size: clamp(3.25rem, min(5.1vw, 8.2vh), 6.15rem);
}
@media (max-width: 900px) {
  .story-site .page-hero { padding: 48px 0 58px; }
  .story-site .page-hero h1 { font-size: clamp(2.55rem, 9.5vw, 4.3rem); }
  .story-site .hero-story h1 { font-size: clamp(3rem, 11vw, 4.8rem); }
}
@media (max-width: 520px) {
  .story-site .page-hero h1 {
    font-size: clamp(2.1rem, 10vw, 2.75rem);
    line-height: 1.06;
    text-wrap: wrap;
    overflow-wrap: break-word;
  }
  .story-site .page-hero .lead { font-size: 1.05rem; line-height: 1.62; }
  .story-site .hero-story h1 { font-size: clamp(2.45rem, 11vw, 3.15rem); text-wrap: wrap; }
}