:root {
    --bg: #02050c;
    --bg-2: #050a15;
    --panel: rgba(7, 18, 37, .54);
    --panel-strong: rgba(7, 20, 42, .82);
    --line: rgba(113, 221, 255, .18);
    --line-strong: rgba(111, 230, 255, .46);
    --text: #edf8ff;
    --muted: #8ea6ba;
    --muted-2: #718b9f;
    --cyan: #76e6ff;
    --cyan-2: #1dc8ff;
    --blue: #3e7bff;
    --violet: #8267ff;
    --green: #65e6bd;
    --gold: #ffd782;
    --danger: #ff809c;
    --radius: 22px;
    --shadow: 0 22px 90px rgba(0, 0, 0, .42);
    --max: 1240px;
    --mx: 50vw;
    --my: 50vh;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); }
body {
    margin: 0;
    min-width: 0;
    color: var(--text);
    background:
        radial-gradient(circle at 20% 0%, rgba(38, 91, 180, .16), transparent 34rem),
        radial-gradient(circle at 80% 20%, rgba(79, 38, 180, .10), transparent 32rem),
        linear-gradient(180deg, #02050c 0%, #040915 48%, #02050c 100%);
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 16px;
    overflow-x: hidden;
}
body.no-scroll { overflow: hidden; }
body::after {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 20;
    background: radial-gradient(500px circle at var(--mx) var(--my), rgba(75, 198, 255, .055), transparent 58%);
}
button, input, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
button { color: inherit; }
::selection { background: rgba(75, 210, 255, .25); color: white; }

.skip-link { position: fixed; left: 1rem; top: -6rem; z-index: 999; padding: .8rem 1rem; background: white; color: #00121f; border-radius: 8px; }
.skip-link:focus { top: 1rem; }

#starfield { position: fixed; inset: 0; z-index: -4; width: 100%; height: 100%; }
.noise { position: fixed; inset: 0; z-index: -2; pointer-events: none; opacity: .15; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E"); mix-blend-mode: soft-light; }

.cursor-light { position: fixed; left: 0; top: 0; width: 36px; height: 36px; border: 1px solid rgba(117, 226, 255, .6); border-radius: 50%; transform: translate(-50%, -50%); pointer-events: none; z-index: 999; opacity: 0; transition: opacity .2s, width .2s, height .2s, border-color .2s; box-shadow: 0 0 28px rgba(63, 205, 255, .25); }
.cursor-light span { position: absolute; left: 50%; top: 50%; width: 3px; height: 3px; transform: translate(-50%, -50%); border-radius: 50%; background: white; box-shadow: 0 0 12px var(--cyan); }
body.pointer-active .cursor-light { opacity: 1; }
body.cursor-hover .cursor-light { width: 54px; height: 54px; border-color: rgba(133, 105, 255, .85); }

.eyebrow { color: var(--cyan); letter-spacing: .22em; font-size: .72rem; font-weight: 750; text-transform: uppercase; }
.signal { display: inline-block; width: 6px; height: 6px; margin-right: .6rem; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 14px var(--cyan); animation: pulseDot 1.8s infinite; }

.topbar {
    position: fixed;
    left: 50%;
    top: 16px;
    transform: translateX(-50%);
    width: min(calc(100% - 32px), 1500px);
    height: 58px;
    z-index: 100;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 1rem;
    padding: 0 14px;
    border: 1px solid rgba(117, 226, 255, .14);
    border-radius: 18px;
    background: rgba(2, 8, 18, .64);
    backdrop-filter: blur(18px) saturate(140%);
    box-shadow: 0 16px 50px rgba(0,0,0,.24), inset 0 1px rgba(255,255,255,.035);
    opacity: 0;
    translate: 0 -14px;
    transition: opacity .5s ease, translate .5s ease, border-color .3s ease;
}
body.boot-complete .topbar { opacity: 1; translate: 0 0; }
.topbar:hover { border-color: rgba(117, 226, 255, .26); }
.brand { display: flex; align-items: center; width: max-content; gap: .7rem; }
.brand-core { position: relative; width: 25px; height: 25px; border: 1px solid rgba(112, 230, 255, .56); border-radius: 50%; box-shadow: 0 0 14px rgba(47, 202, 255, .25); }
.brand-core::before, .brand-core::after { content: ""; position: absolute; inset: 4px; border: 1px solid rgba(128, 103, 255, .65); border-radius: 50%; transform: rotateX(62deg); }
.brand-core::after { transform: rotateY(62deg); }
.brand-core span { position: absolute; width: 5px; height: 5px; border-radius: 50%; background: white; left: 9px; top: 9px; box-shadow: 0 0 10px var(--cyan); }
.brand-word { font-size: 1.05rem; font-weight: 780; letter-spacing: .04em; }
.brand-build { color: var(--muted-2); font-size:.6875rem; letter-spacing: .16em; border-left: 1px solid rgba(255,255,255,.12); padding-left: .7rem; }
.topbar-center { display: flex; align-items: center; gap: .55rem; color: #7f9db3; font-size:.6875rem; letter-spacing: .14em; }
.system-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--green); box-shadow: 0 0 10px var(--green); }
.separator { width: 1px; height: 15px; background: rgba(255,255,255,.1); margin: 0 .25rem; }
.topbar-actions { justify-self: end; display: flex; gap: .35rem; }
.icon-control { display: flex; align-items: center; gap: .45rem; height: 38px; padding: 0 .75rem; border: 1px solid transparent; border-radius: 10px; background: transparent; cursor: pointer; color: #9bb3c4; font-size:.6875rem; letter-spacing: .13em; transition: .22s ease; }
.icon-control i { font-size: 1.05rem; color: var(--cyan); }
.icon-control:hover, .icon-control:focus-visible { color: white; border-color: rgba(108, 224, 255, .18); background: rgba(95, 213, 255, .05);  }

.scene { position: relative; min-height: 100svh; width: 100%; padding: clamp(110px, 11vw, 160px) max(24px, calc((100vw - var(--max))/2)); overflow: clip; }
.scene::before { content: ""; position: absolute; left: 6vw; right: 6vw; top: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(97, 220, 255, .11), transparent); }
/* Universal chapter intro axis. Centering is the DEFAULT so a new chapter cannot
   regress by forgetting `.centered`; `.section-heading.split` opts out for
   two-column chapter layouts. `.centered` is kept as a no-op alias. */
.section-heading { max-width: 700px; position: relative; z-index: 2; margin: 0 auto 4rem; text-align: center; }
.section-heading.split { margin-left: 0; margin-right: 0; text-align: left; }
.section-heading.centered { margin: 0 auto 4rem; text-align: center; }
.section-heading h2, .final-content h2 { margin: 1rem 0 1.2rem; font-size: clamp(2.5rem, 6.3vw, 6.2rem); line-height: .9; letter-spacing: -.055em; font-weight: 820; }
.section-heading h2 span, .final-content h2 span { color: #c5efff; -webkit-text-stroke: 0; text-shadow: 0 0 28px rgba(48, 176, 255, .16); }
.section-heading p, .final-content p { color: var(--muted); line-height: 1.75; max-width: 620px; font-size: clamp(.96rem, 1.3vw, 1.12rem); }
.section-heading p { margin-left: auto; margin-right: auto; }
.section-heading.centered p { margin-left: auto; margin-right: auto; }
.section-heading.split p { margin-left: 0; margin-right: 0; }

.hero { min-height: 100svh; display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 2rem; padding-top: 140px; }
.hero::before { display: none; }
.hero-copy { position: relative; z-index: 5; align-self: center; }
.hero-copy h1 { font-size: clamp(4rem, 8.6vw, 9.4rem); line-height: .78; margin: 1.35rem 0 2rem; letter-spacing: -.07em; font-weight: 860; }
.hero-copy h1 span { color: #c5efff; -webkit-text-stroke: 0; text-shadow: 0 0 40px rgba(43, 191, 255, .18); }
.hero-lead { max-width: 620px; color: #a0b5c6; line-height: 1.75; font-size: clamp(1rem, 1.4vw, 1.18rem); }
.hero-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2rem; }
.plasma-button, .ghost-button { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: .65rem; min-height: 48px; padding: 0 1.15rem; border-radius: 12px; border: 1px solid rgba(115, 226, 255, .45); cursor: pointer; letter-spacing: .1em; font-size: .7rem; font-weight: 760; overflow: hidden; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.plasma-button { color: #eafdff; background: linear-gradient(135deg, rgba(30, 181, 255, .25), rgba(104, 75, 255, .18)); box-shadow: inset 0 1px rgba(255,255,255,.08), 0 0 26px rgba(45, 192, 255, .11); }
.plasma-button::before { content: ""; position: absolute; inset: -120% 30%; transform: rotate(23deg); background: linear-gradient(90deg, transparent, rgba(255,255,255,.2), transparent); transition: transform .7s ease; }
.plasma-button:hover::before { transform: translateX(180%) rotate(23deg); }
.plasma-button:hover, .plasma-button:focus-visible { box-shadow: inset 0 1px rgba(255,255,255,.11), 0 0 35px rgba(45, 192, 255, .24);  }
.ghost-button { color: #9eb7c9; border-color: rgba(255,255,255,.12); background: rgba(255,255,255,.025); }
.ghost-button:hover { color: white; border-color: rgba(115,226,255,.3); }
.hero-meta { display: flex; gap: 2.5rem; margin-top: 2.7rem; }
.hero-meta div { display: flex; flex-direction: column; gap: .2rem; }
.hero-meta strong { font-size: .95rem; letter-spacing: .1em; }
.hero-meta span { color: var(--muted-2); font-size:.6875rem; letter-spacing: .15em; }

.hero-system { position: relative; min-height: 640px; z-index: 4; transform-style: preserve-3d; perspective: 1200px; }
.core-mark { position: relative; display: grid; place-items: center; width: 92px; height: 92px; border: 0; border-radius: 50%; background: radial-gradient(circle, rgba(134,235,255,.3), rgba(13,54,91,.24) 35%, rgba(5,12,27,.7) 66%, transparent 70%); cursor: pointer; filter: drop-shadow(0 0 20px rgba(48,196,255,.28)); }
.memory-core { width: 172px; height: 172px; }
.core-ring { position: absolute; border: 1px solid rgba(105, 224, 255, .55); border-radius: 50%; box-shadow: 0 0 20px rgba(54, 207, 255, .18), inset 0 0 18px rgba(65, 186, 255, .08); }
.core-ring-a { inset: 9%; animation: spin 11s linear infinite; }
.core-ring-b { inset: 23%; border-color: rgba(145,111,255,.72); transform: rotateX(64deg); animation: spinReverse 8s linear infinite; }
.core-ring-c { inset: 2%; border-style: dashed; opacity: .4; animation: spin 24s linear infinite; }
.core-heart { width: 19%; aspect-ratio: 1; border-radius: 50%; background: #f4fdff; box-shadow: 0 0 7px white, 0 0 18px var(--cyan), 0 0 45px rgba(56,190,255,.7), 0 0 85px rgba(104,75,255,.28); animation: coreBreath 2.8s ease-in-out infinite; }
.core-scan { position: absolute; inset: -38%; border-radius: 50%; background: conic-gradient(from 0deg, transparent 0 88%, rgba(92,223,255,.17) 94%, transparent 100%); animation: spin 4.5s linear infinite; }
.core-label { position: absolute; bottom: 30px; display: flex; flex-direction: column; text-align: center; gap: .3rem; }
.core-label b { font-size:.6875rem; letter-spacing: .18em; }
.core-label span { font-size:.6875rem; letter-spacing: .18em; color: var(--muted-2); }
.core-telemetry span { position: absolute; left: var(--x); top: var(--y); color: rgba(118,230,255,.55); font-size:.6875rem; letter-spacing: .18em; }

.holo-card { position: relative; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(145deg, rgba(9,22,44,.66), rgba(4,10,23,.54)); backdrop-filter: blur(18px) saturate(130%); box-shadow: var(--shadow), inset 0 1px rgba(255,255,255,.035); overflow: hidden; }
.holo-card::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(115deg, transparent 30%, rgba(139,230,255,.045) 50%, transparent 70%); transform: translateX(-100%); transition: transform .8s ease; }
.holo-card:hover::before { transform: translateX(100%); }
.holo-card::after { content: ""; position: absolute; left: 16px; top: -1px; width: 72px; height: 1px; background: linear-gradient(90deg, transparent, var(--cyan), transparent); opacity: .65; }
.float-panel { position: absolute; width: 260px; padding: 1rem; animation: float 6s ease-in-out infinite; }
.float-panel header { display: flex; gap: .45rem; align-items: center; color: #b6c9d8; font-size:.6875rem; letter-spacing: .14em; }
.float-panel header i { color: var(--cyan); font-size: 1rem; }
.float-panel header small { margin-left: auto; color: var(--muted-2); }
.float-panel p { margin: .8rem 0 .7rem; color: #d7e8f1; line-height: 1.45; font-size: .8rem; }
.float-panel footer { display: flex; justify-content: space-between; color: var(--muted-2); font-size:.6875rem; letter-spacing: .08em; }
.float-panel footer b { color: var(--cyan); }
.float-a { left: 0; top: 10%; animation-delay: -1s; }
.float-b { right: 0; top: 19%; animation-delay: -3.5s; }
.float-c { right: 7%; bottom: 7%; animation-delay: -5s; }
.micro-stats { display: grid; gap: .6rem; margin-top: .8rem; }
.micro-stats span { color: var(--muted); font-size: .7rem; }
.micro-stats b { color: white; font-size: 1rem; margin-right: .3rem; }
.progress { height: 3px; margin: .8rem 0; background: rgba(255,255,255,.06); overflow: hidden; }
.progress span { display: block; width: var(--progress); height: 100%; background: linear-gradient(90deg, var(--cyan), var(--violet)); box-shadow: 0 0 12px rgba(70,210,255,.5); }
.wave, .mini-wave { height: 38px; background: repeating-linear-gradient(90deg, transparent 0 5px, rgba(115,226,255,.7) 6px 7px, transparent 8px 12px); mask-image: linear-gradient(180deg, transparent, black 25%, black 75%, transparent); animation: waveShift 2s linear infinite; opacity: .75; }
.mini-wave { height: 26px; margin-top: .6rem; }

.hero-horizon, .final-horizon { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.planet { position: absolute; width: min(1160px, 105vw); aspect-ratio: 1; border-radius: 50%; right: -22%; bottom: -63%; background: radial-gradient(circle at 45% 23%, rgba(77,151,188,.32), rgba(10,37,61,.55) 36%, rgba(3,10,20,.92) 67%, #01040a 72%); box-shadow: inset 0 0 130px rgba(31,125,174,.25), 0 -7px 55px rgba(78,210,255,.18); opacity: .84; }
.planet::before { content: ""; position: absolute; inset: 2%; border-radius: 50%; background-image: radial-gradient(ellipse at 34% 25%, rgba(91,154,142,.18), transparent 12%), radial-gradient(ellipse at 52% 17%, rgba(88,121,107,.16), transparent 9%), radial-gradient(ellipse at 63% 28%, rgba(110,154,133,.12), transparent 8%); filter: blur(2px); opacity: .6; }
.atmosphere { position: absolute; width: min(1200px, 108vw); aspect-ratio: 1; border-radius: 50%; right: -23%; bottom: -64%; border-top: 3px solid rgba(121,231,255,.36); filter: drop-shadow(0 -10px 25px rgba(59,184,255,.18)); opacity: .74; }
.orbit-line { position: absolute; border: 1px solid rgba(96,216,255,.13); border-radius: 50%; }
.orbit-line-one { width: 80vw; height: 18vw; right: -15vw; bottom: 15vh; transform: rotate(-13deg); }
.orbit-line-two { width: 50vw; height: 11vw; right: 5vw; bottom: 19vh; transform: rotate(21deg); border-color: rgba(132,102,255,.14); }
.scroll-cue { position: absolute; bottom: 22px; left: 50%; transform: translateX(-50%); z-index: 6; display: flex; align-items: center; gap: .6rem; border: 0; background: transparent; color: #718c9f; font-size:.6875rem; letter-spacing: .18em; cursor: pointer; animation: bob 2.2s ease-in-out infinite; }
.scroll-cue i { color: var(--cyan); }

.boot { position: fixed; inset: 0; z-index: 1000; display: none; place-items: center; background: #01040a; transition: opacity .7s ease, visibility .7s; }
html.js-enabled .boot { display:grid; }
.boot.hidden { opacity: 0; visibility: hidden; }
.boot-grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(80,194,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(80,194,255,.035) 1px, transparent 1px); background-size: 72px 72px; mask-image: radial-gradient(circle at center, black, transparent 68%); animation: gridBoot 4s ease-out forwards; }
.boot-core { width: 130px; height: 130px; opacity: 0; animation: bootCore 1.2s .25s ease forwards; }
.boot-copy { position: absolute; top: calc(50% + 115px); width: min(420px, calc(100vw - 48px)); text-align: center; }
.boot-line { margin: .7rem 0 .8rem; font-size:.6875rem; letter-spacing: .16em; color: #adc3d2; min-height: 1em; }
.boot-meter { height: 1px; background: rgba(255,255,255,.08); overflow: hidden; }
.boot-meter span { display: block; width: 0; height: 100%; background: linear-gradient(90deg, var(--cyan), var(--violet)); box-shadow: 0 0 12px var(--cyan); transition: width .3s ease; }
.boot-skip { margin-top: 1rem; border: 0; background: transparent; color: var(--muted-2); font-size:.6875rem; letter-spacing: .14em; cursor: pointer; }
.boot-skip:hover { color: white; }

.reveal { opacity: 1; transform: none; filter: none; transition: opacity .85s cubic-bezier(.2,.7,.2,1), transform .85s cubic-bezier(.2,.7,.2,1), filter .85s ease; }
html.js-enabled .reveal { opacity:0; transform:translateY(30px); filter:blur(8px); }
html.js-enabled .reveal.visible { opacity:1; transform:translateY(0); filter:blur(0); }

.continuum-section { min-height: 920px; }
.continuum-visual { position: relative; height: 360px; margin: 5rem 0 3rem; }
.continuum-line { position: absolute; left: 3%; right: 3%; top: 49%; height: 2px; background: linear-gradient(90deg, transparent, rgba(106,224,255,.24) 8%, rgba(106,224,255,.48), rgba(130,102,255,.38), transparent); box-shadow: 0 0 22px rgba(72,205,255,.12); }
.continuum-line::before { content: ""; position: absolute; inset: -4px 0; background: repeating-linear-gradient(90deg, transparent 0 54px, rgba(120,216,255,.16) 55px 56px, transparent 57px 112px); }
.event-node { position: absolute; top: 49%; transform: translate(-50%, -50%); }
.event-a { left: 14%; }.event-b { left: 36%; }.event-c { left: 60%; }.event-d { left: 81%; }
.event-node > button { position: relative; z-index: 3; width: 60px; height: 60px; border-radius: 50%; border: 1px solid rgba(103,223,255,.25); background: rgba(4,15,31,.85); color: var(--cyan); cursor: pointer; box-shadow: 0 0 0 7px rgba(48,201,255,.02), 0 0 25px rgba(48,201,255,.12); transition: .25s; }
.event-node > button i { display: block; font-size: 1.25rem; }
.event-node > button span { display: block; margin-top: 2px; font-size:.6875rem; color: #9cb5c7; }
.event-node:hover > button, .event-node.active > button { transform: scale(1.12); border-color: rgba(103,223,255,.62); box-shadow: 0 0 0 11px rgba(48,201,255,.03), 0 0 38px rgba(48,201,255,.25); }
.event-card { position: absolute; width: 235px; padding: .9rem; left: 50%; transform: translateX(-50%); bottom: 76px; opacity: .3; transition: .25s; }
.event-node:nth-of-type(even) .event-card { bottom: auto; top: 76px; }
.event-node:hover .event-card, .event-node.active .event-card { opacity: 1; transform: translateX(-50%) translateY(-5px); }
.event-card b { display: block; font-size: .75rem; margin-bottom: .35rem; }
.event-card span { display: block; color: var(--muted); font-size:.6875rem; line-height: 1.5; }
.continuum-now { position: absolute; right: 0; top: calc(49% - 30px); display: flex; align-items: center; gap: .5rem; color: var(--cyan); font-size:.6875rem; letter-spacing: .18em; }
.continuum-now span { width: 6px; height: 6px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 12px var(--cyan); }
.pipeline { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr auto 1fr; gap: .7rem; align-items: center; padding: 1.1rem; border-top: 1px solid rgba(105,221,255,.1); border-bottom: 1px solid rgba(105,221,255,.1); }
.pipeline > div { display: grid; grid-template-columns: auto 1fr; column-gap: .6rem; align-items: center; }
.pipeline > div i { grid-row: 1 / 3; font-size: 1.3rem; color: var(--cyan); }
.pipeline b { font-size:.6875rem; letter-spacing: .12em; }
.pipeline span { font-size:.6875rem; color: var(--muted-2); }
.pipeline > i { color: rgba(115,226,255,.32); }

.memoryverse-section { background: radial-gradient(circle at 50% 50%, rgba(22,77,117,.12), transparent 58%); }
.memoryverse { position: relative; min-height: 660px; border: 1px solid rgba(105,222,255,.13); border-radius: 30px; overflow: hidden; background: linear-gradient(180deg, rgba(6,16,33,.55), rgba(2,8,18,.9)); box-shadow: inset 0 0 90px rgba(31,115,167,.08), 0 40px 120px rgba(0,0,0,.28); cursor: crosshair; }
.verse-grid, .network-grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(80,194,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(80,194,255,.045) 1px, transparent 1px); background-size: 52px 52px; mask-image: radial-gradient(circle at 50% 50%, black, transparent 78%); transform: perspective(700px) rotateX(58deg) scale(1.3) translateY(12%); transform-origin: bottom; }
.verse-path { position: absolute; width: 46%; height: 2px; background: linear-gradient(90deg, transparent, rgba(103,221,255,.3), transparent); transform-origin: left; }
.path-one { left: 12%; top: 45%; transform: rotate(13deg); }
.path-two { left: 43%; top: 50%; transform: rotate(-18deg); width: 38%; }
.verse-orb { position: absolute; z-index: 8; left: 50%; top: 50%; width: 24px; height: 24px; transform: translate(-50%,-50%); border: 1px solid rgba(134,229,255,.85); border-radius: 50%; pointer-events: none; transition: opacity .2s; box-shadow: 0 0 20px rgba(65,213,255,.38); }
.verse-orb span { position: absolute; inset: 7px; border-radius: 50%; background: white; box-shadow: 0 0 10px var(--cyan); }
.memory-beacon { position: absolute; z-index: 6; width: 70px; height: 70px; border-radius: 50%; border: 1px solid rgba(96,217,255,.24); background: radial-gradient(circle, rgba(55,181,237,.14), rgba(4,16,31,.84) 58%); color: var(--cyan); cursor: pointer; box-shadow: 0 0 0 9px rgba(45,187,255,.018), 0 0 28px rgba(45,187,255,.1); transition: .25s ease; }
.memory-beacon::after { content: ""; position: absolute; inset: -11px; border: 1px solid rgba(101,221,255,.11); border-radius: 50%; animation: beacon 2.8s ease-out infinite; }
.memory-beacon i { display: block; font-size: 1.4rem; }
.memory-beacon span { font-size:.6875rem; letter-spacing: .08em; color: #a2bbc9; }
.memory-beacon:hover, .memory-beacon:focus-visible {  transform: scale(1.16); border-color: rgba(118,232,255,.65); box-shadow: 0 0 0 12px rgba(45,187,255,.03), 0 0 45px rgba(45,187,255,.24); }
.beacon-one { left: 12%; top: 28%; }.beacon-two { left: 32%; top: 56%; }.beacon-three { left: 57%; top: 29%; }.beacon-four { left: 78%; top: 55%; }.beacon-five { left: 67%; top: 77%; }
.memory-preview { position: absolute; z-index: 5; right: 3%; top: 4%; width: min(360px, 35%); padding: 1rem; transition: .25s ease; }
.memory-preview.active { border-color: rgba(104,224,255,.38); box-shadow: var(--shadow), 0 0 55px rgba(58,191,255,.12); }
.memory-preview header { display: flex; justify-content: space-between; color: var(--cyan); font-size:.6875rem; letter-spacing: .14em; }
.preview-media { position: relative; height: 150px; display: grid; place-items: center; margin: .9rem 0; border-radius: 14px; overflow: hidden; background: radial-gradient(circle at 50% 70%, rgba(43,124,160,.24), transparent 45%), linear-gradient(140deg, #071525, #081a2d 45%, #050b15); }
.preview-media::after { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(105,223,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(105,223,255,.04) 1px, transparent 1px); background-size: 20px 20px; }
.preview-media i { font-size: 2.6rem; color: rgba(135,235,255,.58); z-index: 2; }
.preview-scan { position: absolute; z-index: 3; left: 0; right: 0; height: 1px; top: 0; background: linear-gradient(90deg, transparent, var(--cyan), transparent); box-shadow: 0 0 14px var(--cyan); animation: scan 3s linear infinite; }
.memory-preview h3 { font-size: 1.1rem; margin: .2rem 0 .45rem; }
.memory-preview p { color: var(--muted); font-size: .72rem; line-height: 1.55; min-height: 3.2em; }
.verse-instruction { position: absolute; left: 22px; bottom: 19px; color: #69859b; letter-spacing: .12em; font-size:.6875rem; display: flex; gap: .45rem; align-items: center; }
.verse-instruction i { color: var(--cyan); }

.echo-section { min-height: 960px; }
.echo-console { margin-top: 4rem; border: 1px solid rgba(100,218,255,.17); border-radius: 26px; padding: 1rem; background: rgba(3,10,22,.62); box-shadow: 0 35px 120px rgba(0,0,0,.35); }
.echo-search { height: 62px; display: flex; align-items: center; gap: .8rem; padding: 0 1rem; border: 1px solid rgba(110,224,255,.22); border-radius: 15px; background: rgba(5,18,35,.75); color: #c8dce8; }
.echo-search i { color: var(--cyan); font-size: 1.25rem; }
.echo-search span, .echo-search input { flex: 1; min-width: 0; font-size: .82rem; }
/* The input drew a 15px line inside a 58px pill, so the tap target was a third of the affordance
   it looks like. It now fills the pill: the whole pill is the target. */
.echo-search input { border: 0; background: none; color: inherit; font-family: inherit; letter-spacing: inherit; align-self: stretch; height: auto; min-height: 44px; padding: 0; }
.echo-search input::placeholder { color: #6d8698; }
.echo-search input:focus { outline: none; }
.echo-search:focus-within { border-color: rgba(110,224,255,.44); }
.echo-search-status { margin: .4rem 0 0; min-height: 1rem; color: var(--muted-2); font-size: .6875rem; letter-spacing: .06em; }
.echo-search-status.is-miss { color: var(--gold); }
#askMemoryAnswer time { margin-right: .32rem; color: #6bdcf4; font-variant-numeric: tabular-nums; }
#askMemoryAnswer.is-miss > span { color: var(--gold); }
kbd { color: #708b9f; font-size:.6875rem; border: 1px solid rgba(255,255,255,.12); border-radius: 5px; padding: .25rem .4rem; background: rgba(255,255,255,.03); }
.echo-result-grid { display: grid; grid-template-columns: 235px 1fr 240px; gap: 1rem; margin-top: 1rem; }
.source-list { display: flex; flex-direction: column; gap: .5rem; }
.source { display: grid; grid-template-columns: auto 1fr; gap: .7rem; text-align: left; padding: .8rem; border: 1px solid transparent; border-radius: 12px; color: #93a9bb; background: transparent; cursor: pointer; }
.source i { font-size: 1.2rem; color: #718da2; margin-top: .1rem; }
.source span { display: flex; flex-direction: column; gap: .25rem; }
.source b { color: #a9bfce; font-size: .7rem; }
.source small { color: var(--muted-2); font-size:.6875rem; }
.source.active { border-color: rgba(111,226,255,.22); background: rgba(62,179,223,.055); }
.source.active i, .source.active b { color: var(--cyan); }
.transcript-panel, .intelligence-panel { border: 1px solid rgba(255,255,255,.07); border-radius: 16px; background: rgba(7,15,29,.58); padding: 1rem; }
.audio-head { display: flex; align-items: center; gap: .7rem; }
.round-button { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid rgba(100,221,255,.28); border-radius: 50%; background: rgba(61,188,239,.08); color: var(--cyan); cursor: pointer; }
.audio-head > div { display: flex; flex-direction: column; gap: .2rem; }
.audio-head b { font-size:.6875rem; }.audio-head span { color: var(--muted-2); font-size:.6875rem; letter-spacing: .1em; }
.confidence { margin-left: auto; text-align: right; }.confidence b { color: var(--green); }
.audio-wave { position: relative; height: 56px; margin: .8rem 0; overflow: hidden; background: repeating-linear-gradient(90deg, transparent 0 3px, rgba(109,225,255,.58) 4px 5px, transparent 6px 9px); mask-image: linear-gradient(180deg, transparent, black 20%, black 80%, transparent); }
.audio-wave::after { content: ""; position: absolute; left: 64%; top: 0; bottom: 0; width: 1px; background: white; box-shadow: 0 0 12px var(--cyan); }
.transcript-lines { display: grid; gap: .55rem; }
.transcript-lines p { margin: 0; padding: .55rem .7rem; color: #9eb4c4; font-size: .74rem; line-height: 1.5; border-left: 1px solid transparent; }
.transcript-lines time { display: inline-block; width: 50px; color: var(--muted-2); font-size:.6875rem; }
.transcript-lines p.hit { color: #e2f3fa; background: rgba(72,190,233,.06); border-left-color: var(--cyan); }
mark { color: var(--cyan); background: transparent; font-weight: 750; }
.evidence-actions { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: 1rem; }
.chip-button, .evidence-button { border: 1px solid rgba(255,255,255,.09); background: rgba(255,255,255,.025); color: #8da5b7; border-radius: 8px; padding: .5rem .65rem; font-size:.6875rem; letter-spacing: .1em; cursor: pointer; }
.chip-button:hover, .evidence-button:hover { color: var(--cyan); border-color: rgba(103,222,255,.25); }
.intelligence-panel { align-self: stretch; }
.intel-head { display: flex; gap: .5rem; color: var(--cyan); font-size:.6875rem; letter-spacing: .12em; }
.intel-head i { font-size: 1rem; }
.intelligence-panel dl { display: grid; gap: .75rem; margin: 1.2rem 0; }
.intelligence-panel dl div { padding-bottom: .65rem; border-bottom: 1px solid rgba(255,255,255,.055); }
.intelligence-panel dt { color: var(--muted-2); font-size:.6875rem; text-transform: uppercase; letter-spacing: .1em; }
.intelligence-panel dd { margin: .25rem 0 0; color: #cde0eb; font-size: .7rem; }
.evidence-button { width: 100%; color: var(--cyan); }

.telemetry-section { background: radial-gradient(circle at 75% 35%, rgba(68,53,165,.12), transparent 34rem); }
.telemetry-grid { display: grid; grid-template-columns: 1.5fr repeat(3, 1fr); gap: .8rem; }
.telemetry-card { min-height: 170px; padding: 1rem; }
.telemetry-card.primary { grid-row: span 2; min-height: 350px; }
.telemetry-card.oddity { grid-column: span 2; }
.telemetry-card header { display: flex; gap: .5rem; align-items: center; color: #88a3b6; font-size:.6875rem; letter-spacing: .12em; }
/* Contributing events: one shared panel under the grid, in the shopping ledger's language, so a
   measure can be opened without the ten tiles reflowing around it. */
.contributors-button { margin-top: .9rem; }
.telemetry-contributors { max-width: 1240px; margin: 1rem auto 0; padding: 1rem; border: 1px solid rgba(104,223,255,.16); border-radius: 18px; background: rgba(4,13,26,.72); }
.telemetry-contributors > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.telemetry-contributors > header span { display: block; color: var(--muted-2); font-size: .6875rem; letter-spacing: .12em; }
.telemetry-contributors > header b { display: block; margin-top: .2rem; color: #cfe9f4; font-size: 1rem; }
#contributorsClose { border: 1px solid rgba(94,209,255,.14); border-radius: 8px; background: rgba(35,121,161,.12); color: #71dff6; width: 30px; height: 30px; cursor: pointer; }
#contributorsClose:hover, #contributorsClose:focus-visible { border-color: rgba(101,225,255,.4); color: white; }
#contributorsCoverage { margin: .7rem 0 0; color: var(--muted-2); font-size: .6875rem; line-height: 1.6; }
#contributorsCoverage.is-miss { color: var(--gold); }
.contributors-list { display: grid; gap: .4rem; margin-top: .8rem; }
.contributors-row { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: .2rem .6rem; padding: .6rem .7rem; border: 1px solid rgba(89,194,236,.10); border-radius: 10px; background: rgba(3,12,27,.6); color: #a8cbd8; cursor: pointer; text-align: left; }
.contributors-row b { grid-column: 1; grid-row: 1; color: #cfe9f4; font-size: .8125rem; }
.contributors-row small { grid-column: 1; grid-row: 2; color: var(--muted-2); font-size: .6875rem; line-height: 1.5; }
.contributors-row i { grid-column: 2; grid-row: 1 / 3; justify-self: end; color: #69d9f2; font-size: 1rem; }
.contributors-row:hover, .contributors-row:focus-visible { border-color: rgba(104,223,255,.34); background: rgba(15,56,75,.6); }
.telemetry-contributors > footer { margin-top: .8rem; padding-top: .7rem; border-top: 1px solid rgba(255,255,255,.055); color: var(--muted-2); font-size: .6875rem; line-height: 1.6; }
@media (max-width: 760px) { .telemetry-contributors { margin: 1rem 20px 0; } .contributors-row { grid-template-columns: 1fr auto; } }
.telemetry-card header i { color: var(--cyan); font-size: 1.05rem; }.telemetry-card header small { margin-left: auto; color: #587287; }
.telemetry-card > strong { display: block; font-size: clamp(1.4rem, 2.5vw, 2.5rem); letter-spacing: -.04em; margin-top: 1rem; }
.telemetry-card > small { display: block; margin-top: .5rem; color: var(--muted-2); font-size:.6875rem; line-height: 1.5; }
.telemetry-card > p { color: #a4b8c7; line-height: 1.55; font-size: .78rem; }
.telemetry-card.warning header i { color: var(--gold); }.telemetry-card.warning > strong { color: var(--gold); }
.life-gauge { position: relative; width: 180px; height: 180px; margin: 1.4rem auto .7rem; }
.life-gauge svg { width: 100%; transform: rotate(-90deg); }.life-gauge circle { fill: none; stroke: rgba(255,255,255,.06); stroke-width: 8; }.life-gauge circle.meter { stroke: url(#none); stroke: var(--cyan); stroke-linecap: round; stroke-dasharray: 434; stroke-dashoffset: 95; filter: drop-shadow(0 0 7px rgba(77,212,255,.4)); }
.life-gauge > div { position: absolute; inset: 0; display: grid; place-content: center; text-align: center; }.life-gauge b { font-size: 3.2rem; letter-spacing: -.07em; }.life-gauge span { color: var(--muted-2); font-size:.6875rem; letter-spacing: .12em; }
.primary > p { text-align: center; color: #6f899c; font-size:.6875rem; }
.statify-event { margin-top: 2rem; display: grid; grid-template-columns: 220px 1fr; gap: 1rem; position: relative; align-items: center; padding: 1.4rem; border: 1px solid rgba(104,222,255,.09); border-radius: 24px; background: rgba(3,10,21,.48); }
.event-source { padding: 1rem; display: flex; gap: .8rem; align-items: center; z-index: 2; }
.event-source > i { font-size: 2rem; color: var(--cyan); }.event-source div { display: flex; flex-direction: column; gap: .2rem; }.event-source span { color: var(--muted-2); font-size:.6875rem; }.event-source b { font-size: .85rem; }.event-source small { color: var(--muted); font-size:.6875rem; }
.event-dimensions { display: flex; flex-wrap: wrap; gap: .5rem; }.event-dimensions span { display: flex; gap: .4rem; align-items: center; border: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.025); color: #9db2c1; border-radius: 999px; padding: .55rem .7rem; font-size:.6875rem; }.event-dimensions i { color: var(--cyan); }
.discovery-strip { grid-column: 1 / -1; display: flex; gap: .8rem; align-items: center; border-top: 1px solid rgba(108,221,255,.08); padding-top: 1rem; }.discovery-strip i { font-size: 1.5rem; color: var(--violet); }.discovery-strip div { display: flex; flex-direction: column; gap: .25rem; }.discovery-strip span { color: var(--muted-2); font-size:.6875rem; letter-spacing: .12em; }.discovery-strip b { font-size: .72rem; color: #bbc9d4; }

.quest-section { min-height: 900px; }
.quest-board { display: grid; grid-template-columns: 1.2fr .8fr .8fr; gap: .8rem; margin-top: 4rem; }
.quest-card { min-height: 220px; padding: 1.1rem; display: flex; flex-direction: column; }
.quest-card.main-quest { grid-row: span 2; min-height: 455px; }
.quest-card.safety { grid-column: span 2; }
.quest-card header { display: flex; justify-content: space-between; color: var(--cyan); font-size:.6875rem; letter-spacing: .14em; }.quest-card header i { font-size: 1.2rem; }
.quest-card h3 { margin: auto 0 .6rem; font-size: clamp(1.1rem, 1.8vw, 1.65rem); letter-spacing: -.03em; }.quest-card p { color: var(--muted); line-height: 1.55; font-size: .7rem; }
.quest-card footer { display: flex; justify-content: space-between; align-items: center; margin-top: 1rem; padding-top: .7rem; border-top: 1px solid rgba(255,255,255,.06); font-size:.6875rem; }.quest-card footer b { color: var(--cyan); }.quest-card footer span { color: #5d788c; }
.quest-progress { height: 3px; background: rgba(255,255,255,.06); margin: 1rem 0; overflow: hidden; }.quest-progress span { display: block; width: 38%; height: 100%; background: linear-gradient(90deg, var(--cyan), var(--violet)); box-shadow: 0 0 14px rgba(73,205,255,.45); }
.main-quest::before { background: radial-gradient(circle at 15% 15%, rgba(53,203,255,.1), transparent 32%); transform: none; }.safety header i { color: var(--green); }.safety header span { color: var(--green); }

.affinity-section { background: radial-gradient(circle at 20% 40%, rgba(38,94,170,.11), transparent 34rem); }
.affinity-layout { display: grid; grid-template-columns: .85fr 1fr 1.2fr; gap: .8rem; align-items: stretch; }
.affinity-radar { min-height: 380px; padding: 1.2rem; display: grid; place-content: center; text-align: center; }
.radar { position: relative; width: 230px; height: 230px; border: 1px solid rgba(98,219,255,.18); border-radius: 50%; background: repeating-radial-gradient(circle, transparent 0 44px, rgba(100,221,255,.08) 45px 46px), linear-gradient(90deg, transparent 49.7%, rgba(100,221,255,.08) 50%, transparent 50.3%), linear-gradient(0deg, transparent 49.7%, rgba(100,221,255,.08) 50%, transparent 50.3%); overflow: hidden; }
.radar .sweep { position: absolute; inset: 0; border-radius: 50%; background: conic-gradient(from 0deg, rgba(103,222,255,.18), transparent 26%, transparent); animation: spin 4s linear infinite; }
.ping { position: absolute; width: 7px; height: 7px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 13px var(--cyan); }.p1{left:32%;top:28%}.p2{left:68%;top:39%}.p3{left:58%;top:73%}.p4{left:23%;top:64%}
.radar-copy { display: flex; flex-direction: column; gap: .3rem; margin-top: 1rem; }.radar-copy span { color: var(--cyan); font-size:.6875rem; letter-spacing: .14em; }.radar-copy b { font-size: 1rem; }.radar-copy small { color: var(--muted-2); font-size:.6875rem; }
.peer-list { display: grid; gap: .8rem; }.peer { min-height: 115px; padding: .9rem; display: grid; grid-template-columns: auto 1fr auto; gap: .8rem; align-items: center; }.synthetic-avatar { width: 52px; height: 52px; border-radius: 16px; display: grid; place-items: center; border: 1px solid rgba(115,224,255,.16); background: radial-gradient(circle at 30% 25%, rgba(116,224,255,.3), rgba(15,35,62,.65)); }.synthetic-avatar i { font-size: 1.45rem; color: #c8f4ff; }.avatar-b{background:radial-gradient(circle at 30% 25%,rgba(134,103,255,.32),rgba(24,27,65,.7))}.avatar-c{background:radial-gradient(circle at 30% 25%,rgba(101,230,189,.24),rgba(12,45,47,.7))}
.peer div:nth-child(2) { display:flex; flex-direction:column; gap:.25rem}.peer b{font-size:.78rem}.peer span{font-size:.6875rem;color:var(--muted)}.peer small{font-size:.6875rem;color:var(--muted);letter-spacing:.1em}
.public-render { padding: 1rem; min-height: 380px; }.public-render header { display:flex;align-items:center;gap:.5rem;color:#8ba5b7;font-size:.6875rem;letter-spacing:.12em}.public-render header i{color:var(--cyan);font-size:1rem}.public-render header small{margin-left:auto;color:#5d7589}
.render-scene { position:relative;height:245px;margin:.9rem 0;border-radius:15px;overflow:hidden;background:linear-gradient(180deg,#071a2d 0%,#133851 50%,#091522 100%)}.render-scene::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 24%,rgba(138,222,255,.18),transparent 20%),linear-gradient(135deg,transparent 40%,rgba(129,100,255,.12));}.render-sun{position:absolute;width:42px;height:42px;border-radius:50%;right:22%;top:20%;background:rgba(167,234,255,.75);box-shadow:0 0 35px rgba(104,219,255,.45)}.render-ridge{position:absolute;left:-5%;right:-5%;height:52%;bottom:-13%;background:#07101a;clip-path:polygon(0 70%,14% 48%,28% 63%,42% 27%,58% 57%,74% 21%,100% 61%,100% 100%,0 100%)}.render-figure{position:absolute;left:48%;bottom:23%;width:8px;height:34px;border-radius:10px;background:#bbf2ff;box-shadow:0 0 15px rgba(109,224,255,.4)}.render-meta{display:flex;flex-direction:column;gap:.25rem}.render-meta b{font-size:.75rem}.render-meta span{font-size:.6875rem;color:var(--muted)}

.network-section { min-height: 930px; }
.agent-network { position: relative; height: 560px; margin-top: 2.5rem; border: 1px solid rgba(104,221,255,.11); border-radius: 28px; overflow: hidden; background: rgba(3,10,21,.5); }
.agent-core { position: absolute; z-index: 4; width: 150px; height: 150px; border: 1px solid rgba(101,222,255,.18); border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .35rem; background: radial-gradient(circle, rgba(42,160,211,.13), rgba(4,15,30,.88) 64%); box-shadow: 0 0 42px rgba(46,187,242,.09); }
.agent-core .mini-core { width: 27px; height: 27px; margin-bottom: .25rem; border: 1px solid var(--cyan); border-radius: 50%; box-shadow: inset 0 0 10px rgba(87,219,255,.24),0 0 16px rgba(63,203,255,.25); position:relative}.agent-core .mini-core::after{content:"";position:absolute;inset:8px;border-radius:50%;background:white;box-shadow:0 0 9px var(--cyan)}.agent-core b{font-size:.7rem;letter-spacing:.12em}.agent-core small{font-size:.6875rem;color:var(--muted-2);letter-spacing:.08em}
.node-you{left:50%;top:50%;transform:translate(-50%,-50%);width:190px;height:190px;border-color:rgba(104,226,255,.38)}.node-friend{left:11%;top:10%}.node-family{right:11%;top:10%}.node-expert{right:8%;bottom:8%}
.network-lines { position:absolute;inset:0;width:100%;height:100%;z-index:2;overflow:visible}.network-lines path{fill:none;stroke:rgba(103,222,255,.18);stroke-width:1.5;stroke-dasharray:5 7;animation:dash 12s linear infinite}.network-lines path:nth-child(2){stroke:rgba(132,102,255,.22)}.network-lines path:nth-child(3){stroke:rgba(101,230,189,.2)}
.consent-packet{position:absolute;z-index:5;display:flex;align-items:center;gap:.4rem;color:#8eacbd;font-size:.6875rem;letter-spacing:.1em;padding:.45rem .55rem;border:1px solid rgba(100,220,255,.16);border-radius:999px;background:rgba(4,14,28,.88);box-shadow:0 0 20px rgba(50,187,235,.08)}.consent-packet i{color:var(--green)}.packet-one{left:26%;top:29%;animation:packetA 5s ease-in-out infinite}.packet-two{right:27%;top:29%;animation:packetB 5.5s ease-in-out infinite}.packet-three{right:28%;bottom:26%;animation:packetC 6s ease-in-out infinite}

.vault-section { background: radial-gradient(circle at 50% 55%, rgba(57,54,149,.12), transparent 38rem); }
.vault-interface { position:relative;max-width:1050px;margin:0 auto;border:1px solid rgba(100,220,255,.11);border-radius:28px;padding:2rem;background:rgba(3,10,21,.48);overflow:hidden}.vault-rings{position:absolute;right:-40px;top:-70px;width:300px;height:300px;display:grid;place-items:center;opacity:.55}.vr{position:absolute;border:1px solid rgba(100,220,255,.18);border-radius:50%}.vr1{inset:10%;animation:spin 18s linear infinite}.vr2{inset:24%;border-color:rgba(132,103,255,.23);animation:spinReverse 14s linear infinite}.vr3{inset:38%}.vr4{inset:46%;box-shadow:0 0 20px rgba(74,204,255,.2)}.vault-rings>i{font-size:2.1rem;color:var(--cyan);filter:drop-shadow(0 0 12px rgba(87,219,255,.4))}
.audience-tabs{position:relative;z-index:2;display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1rem}.audience-tab{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025);color:#758fa2;border-radius:9px;padding:.55rem .75rem;font-size:.6875rem;letter-spacing:.1em;cursor:pointer}.audience-tab.active{color:var(--cyan);border-color:rgba(105,224,255,.3);background:rgba(69,193,234,.06)}
.audience-preview{position:relative;z-index:2;display:grid;grid-template-columns:220px 1fr 210px;gap:1.2rem;align-items:center;padding:1rem}.preview-image{height:160px;border-radius:14px;display:grid;place-content:center;text-align:center;gap:.6rem;border:1px solid rgba(109,222,255,.12);background:radial-gradient(circle at 50% 45%,rgba(67,178,221,.16),rgba(4,14,28,.9))}.preview-image i{font-size:2.6rem;color:var(--cyan)}.preview-image span{font-size:.6875rem;color:var(--muted-2);letter-spacing:.12em}.preview-image.rendered{background:linear-gradient(145deg,rgba(79,54,155,.18),rgba(12,34,53,.8))}.preview-image.rendered i{color:#a798ff}
.audience-copy>span{color:var(--cyan);font-size:.6875rem;letter-spacing:.12em}.audience-copy h3{font-size:1.35rem;margin:.4rem 0}.audience-copy p{color:var(--muted);font-size:.6875rem;line-height:1.55}.permission-list{display:grid;gap:.55rem}.permission-list span{color:#849fb1;font-size:.6875rem}.permission-list i{color:var(--green);margin-right:.35rem}.permission-list .denied i{color:#65798a}.vault-rule{position:relative;z-index:2;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:.6rem;font-size:.6875rem;letter-spacing:.1em}.vault-rule i{font-size:1.2rem;color:var(--cyan)}.vault-rule span{color:var(--cyan)}.vault-rule b{color:#6c8497;font-weight:500}

.horizon-section { min-height: 100svh; display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding-bottom:120px }.final-horizon .planet{right:50%;transform:translateX(50%);bottom:-75%;width:min(1300px,120vw);opacity:.62}.final-horizon .atmosphere{right:50%;transform:translateX(50%);bottom:-76%;width:min(1340px,123vw)}.final-content{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center}.final-content h2{font-size:clamp(3rem,7vw,7rem)}.final-content p{margin:.4rem auto 1.6rem}.final-core{width:115px;height:115px;margin-bottom:2rem}.site-footer{position:absolute;left:max(24px,calc((100vw - var(--max))/2));right:max(24px,calc((100vw - var(--max))/2));bottom:24px;z-index:5;display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:end;padding-top:1rem;border-top:1px solid rgba(102,222,255,.11);text-align:left}.site-footer>div:first-child{display:flex;flex-direction:column;gap:.25rem}.site-footer small{color:var(--muted-2);font-size:.6875rem}.footer-stats{display:flex;gap:1rem;color:var(--muted);font-size:.6875rem;letter-spacing:.1em}.footer-stats b{color:#8aa5b7}.site-footer nav{justify-self:end;display:flex;flex-wrap:wrap;gap:.7rem}.site-footer nav a,.site-footer nav button{border:0;background:transparent;color:var(--muted-2);font-size:.6875rem;letter-spacing:.1em;cursor:pointer;padding:0}.site-footer nav a:hover,.site-footer nav button:hover{color:var(--cyan)}

.orbit-shell { position: fixed; inset: 0; z-index: 500; visibility: hidden; opacity: 0; transition: opacity .3s, visibility .3s; }
.orbit-shell.open { visibility: visible; opacity: 1; }
.orbit-backdrop { position:absolute;inset:0;border:0;background:rgba(1,5,12,.82);backdrop-filter:blur(12px);cursor:default }

.transmission-modal { position:fixed;inset:0;z-index:700;visibility:hidden;opacity:0;transition:.3s}.transmission-modal.open{visibility:visible;opacity:1}.modal-backdrop{position:absolute;inset:0;border:0;background:rgba(1,5,12,.84);backdrop-filter:blur(12px)}.transmission-panel{position:absolute;left:50%;top:50%;width:min(760px,calc(100vw - 32px));max-height:min(820px,calc(100vh - 32px));max-height:min(820px,calc(100dvh - 32px));overflow:auto;transform:translate(-50%,-46%) scale(.96);padding:2rem;border:1px solid rgba(104,223,255,.2);border-radius:24px;background:linear-gradient(145deg,rgba(7,20,40,.96),rgba(3,9,20,.98));box-shadow:0 40px 140px rgba(0,0,0,.65),0 0 60px rgba(55,185,238,.08);transition:.35s cubic-bezier(.2,.8,.2,1)}.transmission-modal.open .transmission-panel{transform:translate(-50%,-50%) scale(1)}.modal-close{position:absolute;right:1rem;top:1rem;width:38px;height:38px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(255,255,255,.025);color:#7893a7;cursor:pointer}.transmission-panel h2{font-size:clamp(2.3rem,5vw,4.6rem);letter-spacing:-.05em;margin:.7rem 0}.transmission-panel>p{color:var(--muted);font-size:.78rem;line-height:1.6}.transmission-panel form{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:1.5rem}.transmission-panel label{display:flex;flex-direction:column;gap:.4rem}.transmission-panel label.wide,.form-footer.wide{grid-column:1/-1}.transmission-panel label>span{color:#6f8b9e;font-size:.6875rem;letter-spacing:.12em}.transmission-panel input,.transmission-panel textarea{width:100%;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(255,255,255,.025);color:white;padding:.8rem;resize:vertical}.transmission-panel input:focus,.transmission-panel textarea:focus{border-color:rgba(105,224,255,.38);box-shadow:0 0 0 3px rgba(77,205,255,.05)}.honeypot{position:absolute!important;left:-9999px!important}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.3rem}.form-footer>span{color:var(--muted-2);font-size:.6875rem;letter-spacing:.08em}.form-footer>span.success{color:var(--green)}.form-footer>span.error{color:var(--danger)}

.diagnostics{position:fixed;z-index:850;right:18px;bottom:18px;width:min(430px,calc(100vw - 36px));padding:1rem;border:1px solid rgba(103,223,255,.22);border-radius:16px;background:rgba(2,9,20,.94);backdrop-filter:blur(14px);box-shadow:0 25px 90px rgba(0,0,0,.55);transform:translateY(130%);opacity:0;transition:.35s ease}.diagnostics.open{transform:translateY(0);opacity:1}.diag-head{display:flex;justify-content:space-between;align-items:center;color:var(--cyan);font-size:.6875rem;letter-spacing:.14em}.diag-head button{border:0;background:transparent;color:#718a9e;cursor:pointer}.diag-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin:1rem 0}.diag-grid div{display:flex;flex-direction:column;gap:.2rem;border:1px solid rgba(255,255,255,.06);border-radius:9px;padding:.7rem}.diag-grid span{font-size:.6875rem;color:var(--muted-2);letter-spacing:.1em}.diag-grid b{font-size:.6875rem;color:#b7cedc}.diagnostics p{color:var(--muted-2);font-size:.6875rem;line-height:1.5;margin:0}
.echo-palette{position:fixed;z-index:860;left:50%;top:18%;width:min(620px,calc(100vw - 32px));transform:translate(-50%,-25px);padding:.7rem;border:1px solid rgba(105,224,255,.24);border-radius:14px;background:rgba(3,12,25,.97);box-shadow:0 35px 100px rgba(0,0,0,.58);opacity:0;visibility:hidden;transition:.25s}.echo-palette.open{opacity:1;visibility:visible;transform:translate(-50%,0)}.echo-palette>div{display:flex;align-items:center;gap:.5rem;color:var(--cyan);font-size:.6875rem;letter-spacing:.12em}.echo-palette>div button{margin-left:auto;border:0;background:transparent;color:#6f899d;cursor:pointer}.echo-palette input{width:100%;margin:.7rem 0;border:0;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);background:transparent;color:white;padding:.9rem .2rem;}.echo-palette small{color:var(--muted);font-size:.6875rem}
.achievement{position:fixed;z-index:900;left:50%;bottom:28px;transform:translate(-50%,140%);display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem;border:1px solid rgba(105,224,255,.28);border-radius:12px;background:rgba(3,13,27,.95);box-shadow:0 20px 70px rgba(0,0,0,.5),0 0 35px rgba(54,192,244,.08);transition:.45s cubic-bezier(.2,.8,.2,1)}.achievement.show{transform:translate(-50%,0)}.achievement>i{font-size:1.5rem;color:var(--cyan)}.achievement div{display:flex;flex-direction:column;gap:.2rem}.achievement span{font-size:.6875rem;color:var(--muted-2);letter-spacing:.12em}.achievement b{font-size:.6875rem;letter-spacing:.08em}

body.overclock { --cyan: #a7f7ff; --violet: #a575ff; }
body.overclock .holo-card { border-color: rgba(155,236,255,.32); }
body.overclock #starfield { filter: brightness(1.35) saturate(1.25); }

@keyframes spin { to { transform: rotate(360deg); } }
@keyframes spinReverse { to { transform: rotate(-360deg); } }
@keyframes coreBreath { 0%,100%{transform:scale(.78);opacity:.7}50%{transform:scale(1.12);opacity:1} }
@keyframes float { 0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)} }
@keyframes waveShift { to { background-position-x: 48px; } }
@keyframes pulseDot { 0%,100%{opacity:.45}50%{opacity:1} }
@keyframes bob { 0%,100%{translate:0 0}50%{translate:0 6px} }
@keyframes gridBoot { from{opacity:0;transform:scale(1.2)}to{opacity:1;transform:scale(1)} }
@keyframes bootCore { from{opacity:0;transform:scale(.5);filter:blur(15px)}to{opacity:1;transform:scale(1);filter:blur(0)} }
@keyframes beacon { 0%{transform:scale(.72);opacity:.8}100%{transform:scale(1.5);opacity:0} }
@keyframes scan { from{top:0}to{top:100%} }
@keyframes dash { to { stroke-dashoffset: -120; } }
@keyframes packetA { 0%,100%{transform:translate(0,0)}50%{transform:translate(120px,70px)} }
@keyframes packetB { 0%,100%{transform:translate(0,0)}50%{transform:translate(-115px,75px)} }
@keyframes packetC { 0%,100%{transform:translate(0,0)}50%{transform:translate(-120px,-65px)} }

@media (max-width: 1080px) {
    :root { --max: 930px; }
    .hero { grid-template-columns: 1fr; padding-top: 145px; }
    .hero-copy { max-width: 760px; }
    .hero-system { min-height: 590px; }
    .planet, .atmosphere { right: -40%; }
    .echo-result-grid { grid-template-columns: 190px 1fr; }
    .intelligence-panel { grid-column: 1 / -1; display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center}.intelligence-panel dl{grid-template-columns:repeat(4,1fr);margin:0}.intelligence-panel dl div{border:0;padding:0}.evidence-button{width:auto}
    .telemetry-grid { grid-template-columns: 1.3fr 1fr 1fr; }.telemetry-card.oddity{grid-column:span 2}
    .quest-board { grid-template-columns: 1fr 1fr; }.quest-card.main-quest{grid-row:auto;grid-column:span 2;min-height:320px}.quest-card.safety{grid-column:span 2}
    .affinity-layout { grid-template-columns: 1fr 1.25fr; }.public-render{grid-column:1/-1}.affinity-radar{min-height:340px}
    .audience-preview { grid-template-columns:180px 1fr }.permission-list{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}
}

@media (max-width: 760px) {
    body::after, .cursor-light { display:none; }
    .topbar { top: 8px; width: calc(100% - 16px); grid-template-columns:1fr auto; }
    .topbar-center, .icon-control span, .brand-build { display:none; }
    .scene { padding-left: 18px; padding-right: 18px; padding-top: 100px; }
    .hero { padding-top: 120px; min-height: auto; }
    .hero-copy h1 { font-size: clamp(4rem, 20vw, 6.5rem); }
    .hero-actions { align-items:stretch;flex-direction:column; }.plasma-button,.ghost-button{width:100%}
    .hero-meta { gap:1rem;justify-content:space-between }.hero-meta span{font-size:.6875rem}
    .hero-system { min-height: 530px; margin-top:1.5rem }.memory-core{width:135px;height:135px}.float-panel{width:210px}.float-a{top:1%;left:-5%}.float-b{right:-6%;top:22%}.float-c{right:2%;bottom:0}.core-label{bottom:5px}
    .planet { width: 150vw; right: -65%; bottom: -43%; }.atmosphere{width:155vw;right:-67%;bottom:-44%}
    .section-heading.centered { margin-bottom:2.2rem }.section-heading h2,.final-content h2{font-size:clamp(2.7rem,13vw,5rem)}
    .continuum-section { min-height:820px }.continuum-visual{height:480px;margin:3rem 0 2rem}.continuum-line{left:50%;right:auto;top:4%;bottom:4%;width:2px;height:auto;background:linear-gradient(180deg,transparent,rgba(106,224,255,.42),transparent)}.continuum-line::before{display:none}.event-node{left:50%!important;top:auto!important;transform:translate(-50%,-50%)}.event-a{top:14%!important}.event-b{top:36%!important}.event-c{top:59%!important}.event-d{top:82%!important}.event-card{left:76px;bottom:auto!important;top:50%!important;transform:translateY(-50%);width:min(230px,60vw)}.event-node:nth-of-type(even) .event-card{left:auto;right:76px;top:50%!important;transform:translateY(-50%)}.event-node:hover .event-card,.event-node.active .event-card{transform:translateY(-50%)}.continuum-now{right:calc(50% - 20px);top:auto;bottom:0}.pipeline{grid-template-columns:1fr 1fr;gap:.5rem}.pipeline>i{display:none}.pipeline>div{border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:.6rem}
    /* The preview was stretched full width at top:4% and is ~578px tall, so on a phone it covered
       the whole stage: the beacons were invisible and every one of them failed a real trial-click
       as intercepted by the preview card. The map keeps a band of its own at the top, in pixels so
       it does not stretch with the stage, and the preview sits below it. */
    .memoryverse { min-height: 880px }
    .memory-beacon{width:58px;height:58px;top:auto}
    .beacon-one{left:6%;top:22px}.beacon-two{left:38%;top:104px}.beacon-three{left:66%;top:22px}
    .beacon-four{left:22%;top:186px}.beacon-five{left:50%;top:88%;display:none}
    .beacon-quest{right:6%!important;top:186px!important}
    .memory-preview{right:4%;left:4%;top:268px;bottom:auto;width:auto}
    .preview-media{height:120px}
    .echo-console{padding:.6rem}.echo-search{height:auto;min-height:58px}.echo-search span,.echo-search input{font-size:.7rem}.echo-result-grid{grid-template-columns:1fr}.source-list{display:grid;grid-template-columns:repeat(3,1fr)}.source{display:flex;flex-direction:column;gap:.3rem;padding:.6rem}.source i{font-size:1rem}.source small{display:none}.intelligence-panel{display:block}.intelligence-panel dl{grid-template-columns:1fr 1fr;display:grid;margin:1rem 0}.evidence-button{width:100%}
    .telemetry-grid { grid-template-columns:1fr 1fr }.telemetry-card.primary{grid-column:1/-1;grid-row:auto;min-height:330px}.telemetry-card.oddity{grid-column:1/-1}.telemetry-card{min-height:155px}.statify-event{grid-template-columns:1fr}.event-dimensions{align-items:stretch}.discovery-strip{grid-column:auto}
    .quest-board { grid-template-columns:1fr }.quest-card.main-quest,.quest-card.safety{grid-column:auto}.quest-card.main-quest{min-height:300px}
    .affinity-layout { grid-template-columns:1fr }.public-render{grid-column:auto}.affinity-radar{min-height:320px}.radar{width:205px;height:205px}
    .agent-network{height:620px}.node-you{top:49%;width:160px;height:160px}.node-friend{left:3%;top:8%;width:120px;height:120px}.node-family{right:3%;top:8%;width:120px;height:120px}.node-expert{right:7%;bottom:7%;width:120px;height:120px}.network-lines{display:none}.consent-packet{font-size:.6875rem}.packet-one{left:14%;top:33%;animation:none}.packet-two{right:12%;top:33%;animation:none}.packet-three{right:21%;bottom:31%;animation:none}
    .vault-interface{padding:1rem}.vault-rings{opacity:.25}.audience-preview{grid-template-columns:1fr}.preview-image{height:130px}.permission-list{grid-template-columns:1fr 1fr}.vault-rule{align-items:flex-start;flex-wrap:wrap}
    .site-footer{grid-template-columns:1fr;text-align:center;justify-items:center}.site-footer nav{justify-self:center}.footer-stats{order:3}.horizon-section{padding-bottom:180px}.final-horizon .planet{width:180vw;bottom:-52%}.final-horizon .atmosphere{width:184vw;bottom:-53%}
    .transmission-panel{padding:1.3rem}.transmission-panel form{grid-template-columns:1fr}.transmission-panel label.wide,.form-footer.wide{grid-column:auto}.form-footer{align-items:stretch;flex-direction:column}.form-footer .plasma-button{width:100%}
}

@media (max-width: 450px) {
    .hero-system { min-height: 500px }.float-panel{width:178px;padding:.75rem}.float-panel p{font-size:.6875rem}.float-b{top:27%}.hero-meta{display:grid;grid-template-columns:repeat(3,1fr)}
    .event-card{width:180px}.pipeline{grid-template-columns:1fr}
    .source-list{grid-template-columns:1fr}.source{display:grid;grid-template-columns:auto 1fr}.source small{display:block}
    .telemetry-grid{grid-template-columns:1fr}.telemetry-card.primary,.telemetry-card.oddity{grid-column:auto}.telemetry-card{min-height:140px}
    .peer{grid-template-columns:auto 1fr}.peer small{display:none}
    .permission-list{grid-template-columns:1fr}
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior:auto }
    *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
    .boot { display:none }.topbar{opacity:1;translate:0 0}.reveal{opacity:1;transform:none;filter:none}.cursor-light{display:none}
}

/* ============================================================
   GENESIS 0.2 - CINEMATIC FACE PASS
   ============================================================ */
:root { --hero-art-opacity:.72; }
body::after { content:""; position:fixed; inset:0; pointer-events:none; z-index:999; box-shadow:inset 0 0 180px rgba(0,0,0,.48); }
.topbar::after { content:""; position:absolute; left:0; right:0; bottom:-1px; height:1px; background:linear-gradient(90deg,transparent,rgba(83,217,255,.34),rgba(116,87,255,.22),transparent); transform-origin:left; transform:scaleX(var(--scroll-progress,0)); }
.hero { grid-template-columns:minmax(420px,.88fr) minmax(620px,1.12fr); isolation:isolate; }
.hero-copy { max-width:720px; }
.hero-copy h1 { font-size:clamp(3.75rem,7.1vw,8.1rem); line-height:.84; margin-top:1.15rem; text-wrap:balance; }
.hero-copy h1 span { background:linear-gradient(90deg,#96ecff 0%,#70b8ff 46%,#b289ff 100%); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-stroke:0; text-shadow:0 0 36px rgba(73,174,255,.2); }
.hero-lead { max-width:670px; }
.hero-art { position:absolute; z-index:1; right:-5vw; top:7.5vh; width:min(74vw,1180px); height:min(79vh,760px); pointer-events:none; perspective:1200px; opacity:var(--hero-art-opacity); filter:saturate(1.08) contrast(1.05); mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.6) 15%,#000 34%,#000 84%,transparent 100%),linear-gradient(180deg,transparent 0,#000 10%,#000 84%,transparent 100%); mask-composite:intersect; }
.hero-art picture,.hero-art img { width:100%; height:100%; display:block; }
.hero-art img { object-fit:cover; object-position:center; transform:rotateY(-5deg) rotateX(1deg) scale(1.035); animation:heroDrift 13s ease-in-out infinite alternate; }
.hero-art::before { content:""; position:absolute; inset:0; z-index:2; background:radial-gradient(circle at 52% 83%,rgba(49,207,255,.35),transparent 24%),linear-gradient(90deg,rgba(2,5,12,.82),transparent 27%); mix-blend-mode:screen; opacity:.62; }
.hero-art-scan { position:absolute; z-index:3; left:10%; right:8%; top:0; height:2px; background:linear-gradient(90deg,transparent,rgba(138,235,255,.8),transparent); box-shadow:0 0 22px rgba(50,206,255,.55); animation:heroScan 6.8s linear infinite; opacity:.58; }
.hero-art-vignette { position:absolute; inset:0; z-index:4; box-shadow:inset 0 0 120px #02060e; }
.hero-system { z-index:4; opacity:.82; transform:translateX(5%); }
.float-panel { background:linear-gradient(145deg,rgba(7,20,39,.77),rgba(2,7,17,.67)); border-color:rgba(102,220,255,.25); }
.memory-core { backdrop-filter:blur(4px); }
.live-ribbon { position:absolute; z-index:7; left:max(24px,calc((100vw - var(--max))/2)); right:max(24px,calc((100vw - var(--max))/2)); bottom:62px; min-height:42px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:1rem; padding:.55rem .8rem; border:1px solid rgba(103,220,255,.13); border-radius:12px; background:linear-gradient(90deg,rgba(5,18,36,.78),rgba(6,11,27,.48)); backdrop-filter:blur(16px); box-shadow:0 10px 40px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.025); overflow:hidden; }
.live-ribbon::before { content:""; position:absolute; left:-30%; top:0; width:30%; height:1px; background:linear-gradient(90deg,transparent,var(--cyan),transparent); animation:ribbonSweep 4.5s linear infinite; }
.live-ribbon-label,.live-ribbon-time { color:#77dfff; font-size:.6875rem; letter-spacing:.16em; white-space:nowrap; }
.live-ribbon-label { display:flex; align-items:center; gap:.4rem; }
.live-ribbon-label i { font-size:.95rem; }
.live-ribbon-event { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#aabfce; font-size:.6875rem; letter-spacing:.1em; }
.scroll-cue { bottom:14px; }
.vision-window { position:relative; width:100%; min-height:72svh; padding:3vh max(18px,calc((100vw - 1480px)/2)) 8vh; display:grid; place-items:center; overflow:hidden; }
.vision-window::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 50% 50%,rgba(26,119,183,.08),transparent 50%); }
.vision-window-media { position:relative; width:min(1480px,94vw); aspect-ratio:1.8/1; border-radius:28px; border:1px solid rgba(105,222,255,.18); overflow:hidden; background:#030914; box-shadow:0 70px 160px rgba(0,0,0,.55),0 0 80px rgba(32,154,232,.08),inset 0 1px rgba(255,255,255,.04); transform-style:preserve-3d; }
.vision-window-media::before { content:""; position:absolute; inset:0; z-index:3; background:linear-gradient(180deg,rgba(2,6,15,.08),rgba(2,6,15,.36)),radial-gradient(circle at 60% 38%,transparent 0 23%,rgba(2,6,15,.18) 54%,rgba(2,6,15,.72) 100%); pointer-events:none; }
.vision-window-media img { width:100%; height:100%; display:block; object-fit:contain; object-position:top center; transform:none; transition:none; }
.vision-window-media:hover img { transform:none; }
.vision-window-grid { position:absolute; inset:0; z-index:4; pointer-events:none; opacity:.12; background-image:linear-gradient(rgba(90,211,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(90,211,255,.18) 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(180deg,transparent,#000 35%,#000 70%,transparent); }
.vision-window-caption { position:absolute; z-index:5; left:clamp(20px,4vw,64px); bottom:clamp(18px,4vw,58px); max-width:640px; display:flex; flex-direction:column; gap:.65rem; }
.vision-window-caption span { color:#70dfff; font-size:.6875rem; letter-spacing:.18em; }
.vision-window-caption strong { font-size:clamp(1.5rem,3.4vw,3.6rem); line-height:.98; letter-spacing:-.045em; text-shadow:0 8px 40px rgba(0,0,0,.8); }
@keyframes heroDrift { from{transform:rotateY(-5deg) rotateX(1deg) scale(1.035) translate3d(0,0,0)} to{transform:rotateY(-3deg) rotateX(0deg) scale(1.055) translate3d(-12px,-8px,0)} }
@keyframes heroScan { 0%{transform:translateY(30px);opacity:0} 12%{opacity:.55} 85%{opacity:.35} 100%{transform:translateY(690px);opacity:0} }
@keyframes ribbonSweep { from{transform:translateX(0)} to{transform:translateX(440%)} }

@media (max-width:1120px) {
  .hero { grid-template-columns:1fr; align-content:center; }
  .hero-copy { max-width:760px; padding-top:4vh; }
  .hero-art { right:-20vw; top:17vh; width:105vw; height:66vh; opacity:.48; }
  .hero-system { min-height:500px; margin-top:0; transform:translateY(-2vh); }
  .live-ribbon { bottom:54px; }
}
@media (max-width:760px) {
  :root { --hero-art-opacity:.42; }
  .hero { padding-top:104px; min-height:110svh; }
  .hero-copy h1 { font-size:clamp(3.05rem,14vw,5.2rem); line-height:.87; }
  .hero-lead { max-width:94%; line-height:1.62; }
  .hero-art { left:12%; right:auto; top:28vh; width:92vw; height:62vh; mask-image:linear-gradient(180deg,transparent,#000 12%,#000 75%,transparent 100%); }
  .hero-art img { object-position:center; }
  .hero-system { min-height:430px; opacity:.75; transform:translateY(-4vh); }
  .live-ribbon { left:18px; right:18px; bottom:50px; grid-template-columns:auto 1fr; gap:.65rem; }
  .live-ribbon-time { display:none; }
  .live-ribbon-event { font-size:.6875rem; }
  .vision-window { min-height:auto; padding-top:2vh; }
  .vision-window-media { width:95vw; aspect-ratio:.82/1; border-radius:20px; }
  .vision-window-media img { object-position:top center; }
  .vision-window-caption strong { font-size:clamp(1.45rem,7vw,2.4rem); }
}
@media (prefers-reduced-motion:reduce) {
  .hero-art img,.hero-art-scan,.live-ribbon::before { animation:none !important; }
}

/* ============================================================
   GENESIS 0.3 / CONTINUUM NAV + LIFE GRAMMAR
   ============================================================ */
.section-rail{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:80;display:flex;flex-direction:column;gap:7px;padding:14px 10px;border:1px solid rgba(103,207,255,.12);background:rgba(2,8,20,.44);backdrop-filter:blur(18px);border-radius:18px;box-shadow:0 0 30px rgba(0,160,255,.06)}
.section-rail a{position:relative;display:grid;grid-template-columns:26px 8px;align-items:center;gap:5px;min-height:24px;color:rgba(190,218,255,.42);text-decoration:none;font-size:11px;letter-spacing:.12em;transition:.25s ease}
.section-rail a span{font-variant-numeric:tabular-nums}
.section-rail a b{position:absolute;right:23px;opacity:0;pointer-events:none;padding:5px 8px;border:1px solid rgba(71,185,255,.18);border-radius:7px;background:rgba(2,10,24,.88);white-space:nowrap;font-size:11px;font-weight:600;color:#bde9ff;transform:translateX(5px);transition:.25s ease}
.section-rail a::after{content:"";width:6px;height:6px;border-radius:50%;background:rgba(120,184,255,.3);box-shadow:0 0 0 rgba(29,197,255,0);transition:.25s ease}
.section-rail a:hover,.section-rail a.active{color:#e9fbff}
.section-rail a:hover b,.section-rail a.active b{opacity:1;transform:translateX(0)}
.section-rail a.active::after{background:#4de1ff;box-shadow:0 0 14px rgba(29,215,255,.85)}
.rail-progress{position:absolute;right:12px;top:15px;bottom:15px;width:1px;background:rgba(75,164,255,.08);z-index:-1}
.rail-progress i{display:block;width:1px;height:0;background:linear-gradient(#36d8ff,#775dff);box-shadow:0 0 10px #3ddcff;transition:height .08s linear}

.chronos-strip{margin:0 0 14px;padding:12px 15px 9px;border:1px solid rgba(73,173,255,.13);border-radius:12px;background:linear-gradient(180deg,rgba(8,22,46,.62),rgba(4,11,28,.55));position:relative;overflow:hidden}
.chronos-strip::before{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,#1bd8ff 45%,#755bff,transparent);opacity:.5}
.chronos-head,.chronos-labels{display:flex;justify-content:space-between;align-items:center;gap:12px}
.chronos-head span{font-size:11px;letter-spacing:.15em;color:#89a8c8}.chronos-head b{font-size:11px;color:#d8f7ff;font-variant-numeric:tabular-nums}
.chronos-strip input[type=range]{width:100%;height:22px;margin:7px 0 0;accent-color:#39d8ff;background:transparent;cursor:ew-resize}
/* The zoom slider drew a 16px drag target - a control §02 asks to be usable by touch. It keeps
   its drawn height and gains a 44px band around it, so the finger target matches the affordance
   without the track looking any different. */
.memory-zoom input[type=range]{width:100%;min-height:44px;padding:14px 0;margin:0;background:transparent;accent-color:#39d8ff;cursor:ew-resize;box-sizing:border-box}
.chronos-labels span{font-size:11px;letter-spacing:.11em;color:rgba(164,194,224,.45)}

.lifegrammar-section{min-height:900px;padding-top:120px;position:relative}
.lifegrammar-section::before{content:"";position:absolute;left:-10vw;top:20%;width:50vw;height:50vw;background:radial-gradient(circle,rgba(78,59,255,.14),transparent 65%);pointer-events:none}
.lifegrammar-shell{max-width:1180px;margin:42px auto 0;display:grid;grid-template-columns:150px minmax(0,1fr) 260px;gap:14px;padding:14px;border:1px solid rgba(84,190,255,.18);border-radius:24px;background:linear-gradient(145deg,rgba(7,18,42,.82),rgba(2,7,19,.72));box-shadow:0 28px 80px rgba(0,0,0,.35),0 0 50px rgba(32,156,255,.07);transform-style:preserve-3d}
.life-selector{display:flex;flex-direction:column;gap:7px}
.life-tab{display:flex;align-items:center;gap:9px;width:100%;min-height:48px;padding:0 11px;border:1px solid rgba(75,164,255,.11);border-radius:10px;background:rgba(6,15,33,.62);color:#7793b2;font:inherit;font-size:11px;letter-spacing:.12em;text-align:left;cursor:pointer;transition:.25s ease}
.life-tab i{font-size:19px;color:#4d84c8}.life-tab:hover,.life-tab.active{color:#e9fbff;border-color:rgba(54,215,255,.5);background:linear-gradient(90deg,rgba(17,102,169,.18),rgba(94,52,181,.12));box-shadow:inset 2px 0 #33ddff,0 0 18px rgba(44,199,255,.07)}.life-tab.active i{color:#4fe7ff;filter:drop-shadow(0 0 7px rgba(44,215,255,.6))}
.life-event{min-width:0;border:1px solid rgba(69,171,255,.13);border-radius:18px;padding:22px;background:radial-gradient(circle at 50% 0,rgba(15,89,157,.16),transparent 42%),rgba(4,11,25,.55);position:relative;overflow:hidden}
.life-event::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(100,220,255,.035) 48%,transparent 61%);transform:translateX(-100%);animation:lifeSweep 7s ease-in-out infinite;pointer-events:none}@keyframes lifeSweep{0%,65%{transform:translateX(-100%)}85%,100%{transform:translateX(100%)}}
.life-event-core{display:flex;align-items:center;gap:16px;padding-bottom:17px;border-bottom:1px solid rgba(93,174,255,.11)}
.life-event-icon{display:grid;place-items:center;width:64px;height:64px;border:1px solid rgba(60,215,255,.38);border-radius:17px;background:radial-gradient(circle,rgba(58,201,255,.18),rgba(29,59,120,.06));box-shadow:0 0 27px rgba(36,177,255,.13),inset 0 0 20px rgba(62,187,255,.07)}.life-event-icon i{font-size:30px;color:#62e9ff;filter:drop-shadow(0 0 9px rgba(58,214,255,.6))}
.life-event-core small,.life-insight small,.life-actions small{display:block;margin-bottom:4px;color:var(--muted-2);font-size:11px;letter-spacing:.16em}.life-event-core h3{margin:0 0 3px;font-size:25px;color:#eefcff}.life-event-core p{margin:0;color:#7792ae;font-size:11px;letter-spacing:.08em}
.life-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:15px 0}.life-stat-grid span{padding:12px 10px;border:1px solid rgba(81,165,244,.11);border-radius:10px;background:rgba(4,11,25,.5)}.life-stat-grid small{display:block;margin-bottom:6px;color:var(--muted-2);font-size:11px;letter-spacing:.12em}.life-stat-grid b{font-size:14px;color:#dff9ff;font-variant-numeric:tabular-nums}
.life-facets{display:grid;grid-template-columns:1fr 1fr;gap:.42rem;margin-top:.5rem}
.life-facets>span{display:grid;gap:.18rem;padding:.55rem .62rem;border:1px solid rgba(89,194,236,.09);border-radius:10px;background:rgba(3,12,27,.52)}
.life-facets small{color:var(--muted-2);font-size:.6875rem;letter-spacing:.1em}
.life-facets b{color:#cfe9f4;font-size:.8125rem;line-height:1.45}
/* Not recorded is a gap, in the same voice as the contributors panel and the graph's open slot. */
.life-facets b.is-miss{color:var(--gold)}
@media(max-width:620px){.life-facets{grid-template-columns:1fr}}
.life-insight{display:flex;gap:12px;align-items:center;padding:13px 14px;border:1px solid rgba(76,215,255,.15);border-radius:11px;background:linear-gradient(90deg,rgba(14,83,129,.13),rgba(71,46,150,.09))}.life-insight i{font-size:23px;color:#62dfff}.life-insight b{font-size:11px;color:#cfefff;font-weight:500;line-height:1.45}
.life-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:13px 14px;border-top:1px solid rgba(77,164,238,.1)}.life-actions b{font-size:11px;color:#bddcf1;font-weight:500}.safety-chip{flex:0 0 auto;padding:7px 9px;border:1px solid rgba(72,224,172,.2);border-radius:999px;color:#78e5c1;font-size:11px;letter-spacing:.1em;background:rgba(22,98,73,.08)}
.lifegrammar-rule{padding:20px;border-left:1px solid rgba(70,176,255,.12);display:flex;flex-direction:column;justify-content:center}.lifegrammar-rule>span{font-size:11px;letter-spacing:.17em;color:#6386a7}.lifegrammar-rule div{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:14px 0}.lifegrammar-rule b{font-size:11px;color:#bfefff}.lifegrammar-rule i{font-size:11px;color:var(--muted-2)}.lifegrammar-rule p{margin:0;color:#718da8;font-size:11px;line-height:1.6}

@media (max-width:1100px){.section-rail{display:none}.lifegrammar-shell{grid-template-columns:120px minmax(0,1fr)}.lifegrammar-rule{grid-column:1/-1;border-left:0;border-top:1px solid rgba(70,176,255,.12)}}
@media (max-width:720px){.lifegrammar-section{padding-top:90px}.lifegrammar-shell{display:block;margin-top:26px;padding:10px;border-radius:18px}.life-selector{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:10px}.life-tab{min-height:54px;padding:7px 4px;justify-content:center;flex-direction:column;gap:4px;font-size:11px;text-align:center}.life-tab i{font-size:18px}.life-event{padding:15px}.life-event-core h3{font-size:20px}.life-stat-grid{grid-template-columns:repeat(2,1fr)}.life-actions{align-items:flex-start;flex-direction:column}.lifegrammar-rule{padding:17px 8px 9px}.chronos-labels span:nth-child(2),.chronos-labels span:nth-child(4){display:none}}
.core-label{bottom:-4px;z-index:45;pointer-events:none}.core-label b{color:#dffaff;text-shadow:0 0 14px color-mix(in srgb,var(--state-color) 24%,transparent);transition:color .4s ease}.core-label span{max-width:300px;white-space:nowrap}
.core-telemetry{opacity:.24;pointer-events:none;transition:opacity .4s ease}.hero-system:hover .core-telemetry{opacity:.12}
.hero-system.orbit-engaged .float-panel{filter:saturate(1.08);border-color:rgba(94,220,255,.22)}

@keyframes orbitPlaneA{to{transform:rotateX(67deg) rotateZ(372deg)}}
@keyframes orbitPlaneB{to{transform:rotateX(71deg) rotateY(8deg) rotateZ(326deg)}}
@keyframes orbitPlaneC{to{transform:rotateX(73deg) rotateY(-7deg) rotateZ(409deg)}}
@keyframes orbitPulse{0%{transform:translate(-50%,-50%) rotateX(70deg) scale(.55);opacity:.7}70%,100%{transform:translate(-50%,-50%) rotateX(70deg) scale(2.15);opacity:0}}
@keyframes orbitAura{0%,100%{transform:scale(.94);opacity:.7}50%{transform:scale(1.07);opacity:1}}
@keyframes floorSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}


@media (max-width:760px){.memory-core{width:132px;height:132px}.core-label{bottom:-18px}.core-label b{font-size:.6875rem}.core-label span{font-size:.6875rem}.core-telemetry{display:none}}



/* ============================================================
   GENESIS 0.4 / CINEMATIC HERO + MEMORY CORE
   ============================================================ */
.hero-system{
    opacity:1;
    isolation:isolate;
    filter:drop-shadow(0 30px 80px rgba(0,0,0,.24));
}
.hero-system::before{
    content:"";
    position:absolute;
    inset:4% -3% 2%;
    z-index:-2;
    pointer-events:none;
    background:
        radial-gradient(circle at 50% 51%,rgba(35,184,255,.11),transparent 27%),
        radial-gradient(circle at 52% 53%,rgba(95,69,255,.075),transparent 45%);
    filter:blur(18px);
}
.hero-depth-grid{
    position:absolute;
    left:7%;
    right:6%;
    bottom:3%;
    height:42%;
    z-index:-1;
    pointer-events:none;
    opacity:.28;
    transform:perspective(640px) rotateX(67deg);
    transform-origin:50% 100%;
    background-image:
        linear-gradient(rgba(73,187,255,.12) 1px,transparent 1px),
        linear-gradient(90deg,rgba(73,187,255,.12) 1px,transparent 1px);
    background-size:38px 38px;
    mask-image:linear-gradient(180deg,transparent,#000 30%,#000);
}
.hero-depth-grid::after{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(ellipse at 50% 80%,rgba(59,212,255,.26),transparent 45%);
}
.hero-links{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    z-index:2;
    overflow:visible;
    pointer-events:none;
    opacity:.58;
}
.link-path{
    fill:none;
    stroke:rgba(83,213,255,.20);
    stroke-width:1.1;
    stroke-dasharray:7 12;
    filter:drop-shadow(0 0 5px rgba(69,203,255,.32));
    animation:heroLinkFlow 8s linear infinite;
}
.link-b{animation-delay:-1.6s;stroke:rgba(147,113,255,.22)}
.link-c{animation-delay:-3.1s}
.link-d{animation-delay:-5.4s;stroke:rgba(147,113,255,.18)}
@keyframes heroLinkFlow{to{stroke-dashoffset:-190}}
.orbit-canvas{
    position:absolute;
    inset:-3%;
    width:106%;
    height:106%;
    z-index:6;
    pointer-events:none;
    opacity:.92;
    mix-blend-mode:screen;
}
.orbit-aurora{
    position:absolute;
    left:50%;
    top:51%;
    width:68%;
    height:68%;
    transform:translate(-50%,-50%) rotateX(68deg);
    border-radius:50%;
    z-index:4;
    pointer-events:none;
    background:
        radial-gradient(ellipse at center,transparent 43%,color-mix(in srgb,var(--state-color) 7%,transparent) 48%,transparent 55%),
        conic-gradient(from 70deg,transparent 0 13%,color-mix(in srgb,var(--state-color) 16%,transparent) 18%,transparent 22% 47%,rgba(142,104,255,.10) 52%,transparent 58%);
    filter:blur(6px);
    animation:auroraDrift 11s ease-in-out infinite alternate;
}
@keyframes auroraDrift{
    from{transform:translate(-50%,-50%) rotateX(68deg) rotateZ(-5deg) scale(.96);opacity:.58}
    to{transform:translate(-50%,-50%) rotateX(68deg) rotateZ(7deg) scale(1.06);opacity:.94}
}
.hero-system .float-panel{
    z-index:14;
    backdrop-filter:blur(18px) saturate(1.16);
    transition:
        border-color .42s ease,
        box-shadow .42s ease,
        filter .42s ease,
        background .42s ease,
        transform .38s cubic-bezier(.2,.75,.2,1);
}
.hero-system .float-panel::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    pointer-events:none;
    background:linear-gradient(110deg,transparent 0 30%,rgba(255,255,255,.05) 42%,transparent 52%);
    transform:translateX(-120%);
    animation:holoSweep 8.5s ease-in-out infinite;
}
.float-b::after{animation-delay:-2.1s!important}
.float-c::after{animation-delay:-4.6s!important}
.float-d::after{animation-delay:-6.8s!important}
@keyframes holoSweep{
    0%,66%{transform:translateX(-125%);opacity:0}
    72%{opacity:1}
    84%,100%{transform:translateX(125%);opacity:0}
}
.hero-system[data-core-state="echo"] .hero-live-panel,
.hero-system[data-core-state="statify"] .hero-stat-panel,
.hero-system[data-core-state="quest"] .hero-action-panel,
.hero-system[data-core-state="vault"] .hero-proof-panel{
    border-color:color-mix(in srgb,var(--state-color,#72e8ff) 52%,transparent);
    box-shadow:0 18px 50px rgba(0,0,0,.28),0 0 34px rgba(65,203,255,.10),inset 0 0 24px rgba(85,205,255,.035);
}
.float-d{
    left:5.5%;
    bottom:6%;
    width:235px;
    animation-delay:-2.2s;
}
.proof-stack{display:grid;gap:7px;margin-top:10px}
.proof-stack>span{
    display:grid;
    grid-template-columns:18px 70px 1fr;
    align-items:center;
    gap:5px;
    padding:6px 7px;
    border:1px solid rgba(88,185,255,.09);
    border-radius:7px;
    background:rgba(4,12,28,.42);
}
.proof-stack i{color:#62dfff;font-size:13px}
.proof-stack b{font-size:.6875rem;letter-spacing:.12em;color:#d5f3ff}
.proof-stack small{font-size:.6875rem;color:rgba(163,190,213,.56);text-align:right}
.hero-stat-panel .micro-stats span{display:flex;flex-direction:column}
.hero-stat-panel .micro-stats small{
    margin-top:3px;
    color:rgba(153,184,209,.55);
    font-size:.6875rem;
    letter-spacing:.07em;
    text-transform:uppercase;
}
.hero-sim-badge{
    position:absolute;
    right:clamp(24px,4vw,70px);
    bottom:85px;
    z-index:20;
    display:flex;
    align-items:center;
    gap:8px;
    padding:7px 10px;
    border:1px solid rgba(79,193,255,.15);
    border-radius:999px;
    background:rgba(3,10,24,.50);
    backdrop-filter:blur(10px);
    color:rgba(166,203,227,.64);
    font-size:.6875rem;
    letter-spacing:.14em;
}
.hero-sim-badge span{
    width:6px;height:6px;border-radius:50%;
    background:#58e0ff;
    box-shadow:0 0 12px rgba(78,222,255,.8);
    animation:simPulse 1.8s ease-in-out infinite;
}
@keyframes simPulse{50%{opacity:.35;transform:scale(.75)}}
.hero-system.state-pulse .link-path{
    stroke:rgba(116,231,255,.38);
    filter:drop-shadow(0 0 9px rgba(81,215,255,.58));
}
.hero-system.state-pulse .float-panel{
    animation-duration:5.1s;
}
@keyframes coreStateBeat{
    0%,100%{transform:scale(.92);filter:brightness(1)}
    45%{transform:scale(1.06);filter:brightness(1.25)}
}
.hero-art{
    opacity:.70;
}
.hero-art img{
    transform:rotateY(-3.5deg) rotateX(.8deg) scale(1.015);
}
.vision-window-media{
    transform:none!important;
}
.vision-window-media img{
    transform:none!important;
    object-fit:contain;
}
.vision-window-media:hover img{
    transform:none!important;
}

/* Hero panel text should change without jarring layout shifts. */
.hero-live-panel p,.hero-action-panel p{
    min-height:3.5em;
    transition:opacity .2s ease;
}
.hero-action-panel .progress span{
    width:var(--progress,64%);
    transition:width .7s cubic-bezier(.2,.8,.2,1),background .35s ease,box-shadow .35s ease;
}

/* slightly cinematic boot hand-off */
.boot.hidden + .topbar,
.boot-complete .hero-copy,
.boot-complete .hero-art,
.boot-complete .hero-system{
    animation:genesisArrival .95s cubic-bezier(.2,.78,.2,1) both;
}
.boot-complete .hero-art{animation-delay:.08s}
.boot-complete .hero-system{animation-delay:.14s}
@keyframes genesisArrival{
    from{opacity:0;filter:blur(9px);transform:translateY(10px)}
    to{filter:blur(0)}
}

/* Keep the complete concept poster visible. Never crop readable text by zooming it. */
.vision-window{overflow:visible}
.vision-window-media{
    overflow:hidden;
    aspect-ratio:1.18/1;
}
.vision-window-media img{
    width:100%;
    height:100%;
    object-position:center;
}

/* Phase 1 responsive tuning */
@media (max-width:1200px){
    .float-d{left:1%;bottom:2%;width:210px}
    .hero-links{opacity:.42}
}
@media (max-width:900px){
    .float-d{display:none}
    .hero-links{opacity:.28}
    .hero-depth-grid{opacity:.18}
    .hero-sim-badge{bottom:72px;right:22px}
}
@media (max-width:760px){
    .orbit-canvas{opacity:.72}
    .orbit-aurora{width:80%;height:80%}
    .hero-links,.hero-depth-grid{display:none}
    .hero-system .float-panel::after{display:none}
    .hero-sim-badge{display:none}
    .hero-art{opacity:.40}
}
@media (prefers-reduced-motion:reduce){
    .orbit-aurora,.link-path,.hero-system .float-panel::after,.hero-sim-badge span{animation:none!important}
    .orbit-canvas{opacity:.52}
}

/* ============================================================
   GENESIS 1.4.10 / LIVE CONTAINMENT POLISH
   The intelligence rail is deliberately narrow beside the memory graph.
   Stack its causal sequence vertically so every stage remains inside the card.
   ============================================================ */
.retro-intelligence{min-width:0}
.retro-intelligence>span{min-width:0;width:100%}
.retro-intelligence .retro-chain{
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:auto 14px auto 14px auto;
  justify-items:center;
  gap:.22rem;
  min-width:0;
}
.retro-intelligence .retro-chain span{
  width:100%;
  min-width:0;
  text-align:center;
  white-space:normal;
  overflow-wrap:anywhere;
}
.retro-intelligence .retro-chain i{
  display:block;
  width:1px;
  height:14px;
}
.retro-intelligence.retro-running .retro-chain i::after{
  transform:translateY(105%);
  background:linear-gradient(180deg,transparent,#7be4fb,transparent);
}
@keyframes retroLinkVertical{from{transform:translateY(105%)}to{transform:translateY(-105%)}}
.retro-intelligence.retro-running .retro-chain i::after{animation-name:retroLinkVertical}

/* ============================================================
   GENESIS 0.4.1 / CINEMATIC 3D ORBIT NAVIGATION
   ============================================================ */
.orbit-toggle{
    position:relative;
    overflow:visible;
}
.orbit-toggle-glyph{
    position:relative;
    width:24px;
    height:24px;
    display:grid;
    place-items:center;
    perspective:90px;
    transform-style:preserve-3d;
    filter:drop-shadow(0 0 8px rgba(82,213,255,.26));
}
.orbit-toggle-glyph i{
    position:absolute;
    width:21px;
    height:21px;
    border:1px solid rgba(104,225,255,.55);
    border-radius:50%;
    box-shadow:inset 0 0 7px rgba(78,197,255,.06),0 0 6px rgba(62,203,255,.08);
}
.orbit-toggle-glyph i:nth-child(1){transform:rotateX(68deg);animation:miniOrbitA 5.2s linear infinite}
.orbit-toggle-glyph i:nth-child(2){border-color:rgba(145,111,255,.58);transform:rotateY(66deg);animation:miniOrbitB 4.1s linear infinite reverse}
.orbit-toggle-glyph i:nth-child(3){width:16px;height:16px;border-style:dashed;opacity:.72;transform:rotateX(54deg) rotateY(44deg);animation:miniOrbitC 7s linear infinite}
.orbit-toggle-glyph b{
    position:absolute;
    width:5px;
    height:5px;
    border-radius:50%;
    background:#effdff;
    box-shadow:0 0 5px #fff,0 0 12px rgba(78,220,255,.95),0 0 22px rgba(111,81,255,.44);
    animation:miniCoreBeat 2.1s ease-in-out infinite;
}
.orbit-toggle[aria-expanded="true"]{
    color:#effcff;
    border-color:rgba(104,224,255,.28);
    background:linear-gradient(135deg,rgba(66,192,238,.09),rgba(93,73,218,.055));
    box-shadow:0 0 24px rgba(48,190,244,.08),inset 0 0 16px rgba(73,199,239,.035);
}
.orbit-toggle[aria-expanded="true"] .orbit-toggle-glyph{filter:drop-shadow(0 0 12px rgba(82,222,255,.55))}

.orbit-shell{
    perspective:1400px;
    background:transparent;
}
.orbit-backdrop{
    background:
        radial-gradient(circle at 50% 46%,rgba(22,77,122,.18),transparent 26%),
        radial-gradient(circle at 62% 36%,rgba(88,62,166,.09),transparent 34%),
        rgba(1,5,12,.91);
    backdrop-filter:blur(18px) saturate(125%);
}
.orbit-nav.orbit-nav-3d{
    --pointer-x:50%;
    --pointer-y:50%;
    position:absolute;
    left:50%;
    top:50%;
    width:min(790px,92vw,86vh);
    aspect-ratio:1;
    overflow:hidden;
    border:1px solid rgba(103,224,255,.14);
    border-radius:50%;
    background:
        radial-gradient(circle at var(--pointer-x) var(--pointer-y),rgba(73,203,255,.095),transparent 22%),
        radial-gradient(circle at 50% 50%,rgba(9,36,66,.72) 0%,rgba(3,12,28,.83) 45%,rgba(1,5,13,.48) 68%,rgba(1,4,10,.1) 74%,transparent 76%);
    box-shadow:
        0 70px 180px rgba(0,0,0,.65),
        0 0 95px rgba(56,194,255,.055),
        inset 0 0 95px rgba(67,177,226,.035),
        inset 0 0 0 1px rgba(255,255,255,.012);
    transform:translate(-50%,-50%) scale(.72) rotateX(5deg);
    opacity:.7;
    transition:transform .68s cubic-bezier(.16,.82,.18,1),opacity .5s ease,border-color .45s ease;
    transform-style:preserve-3d;
    isolation:isolate;
}
.orbit-shell.open .orbit-nav.orbit-nav-3d{
    transform:translate(-50%,-50%) scale(1) rotateX(0deg);
    opacity:1;
    border-color:rgba(106,226,255,.21);
}
.orbit-nav.orbit-nav-3d::before{
    content:"";
    position:absolute;
    border-radius:50%;
    inset:5.5%;
    border-color:rgba(92,218,255,.10);
    animation:navHaloSpin 48s linear infinite;
    box-shadow:0 0 38px rgba(68,201,255,.04),inset 0 0 26px rgba(68,201,255,.025);
}
.orbit-nav.orbit-nav-3d::after{
    content:"";
    position:absolute;
    border-radius:50%;
    inset:9.5%;
    border:1px dashed rgba(143,111,255,.095);
    animation:navHaloSpinReverse 66s linear infinite;
}
.orbit-nav-canvas{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    z-index:3;
    pointer-events:none;
    mix-blend-mode:screen;
}
.orbit-nav-nebula{
    position:absolute;
    z-index:1;
    inset:13%;
    border-radius:50%;
    pointer-events:none;
    background:
        radial-gradient(ellipse at 45% 52%,rgba(61,201,255,.11),transparent 33%),
        radial-gradient(ellipse at 63% 39%,rgba(122,84,255,.075),transparent 27%);
    filter:blur(20px);
    animation:navNebula 10s ease-in-out infinite alternate;
}
.orbit-nav-nebula::before,
.orbit-nav-nebula::after{
    content:"";
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}
.orbit-nav-nebula::before{
    inset:26%;
    background:radial-gradient(circle,rgba(117,230,255,.15),rgba(71,124,255,.035) 44%,transparent 70%);
    filter:blur(8px);
}
.orbit-nav-nebula::after{
    left:50%;top:50%;width:8px;height:8px;
    transform:translate(-50%,-50%);
    background:#effeff;
    box-shadow:0 0 18px #fff,0 0 42px rgba(58,211,255,.7),0 0 100px rgba(105,75,255,.32);
    animation:navBeacon 2.5s ease-in-out infinite;
}
.orbit-nav-stage{
    position:absolute;
    inset:0;
    z-index:6;
    transform-style:preserve-3d;
    pointer-events:none;
}
.orbit-nav-stage .orbit-center,
.orbit-nav-stage .orbit-item{pointer-events:auto}
.orbit-nav-stage .orbit-center{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:136px;
    height:136px;
    z-index:150!important;
    border:1px solid rgba(109,230,255,.09);
    background:
        radial-gradient(circle at 50% 50%,rgba(167,244,255,.29),rgba(48,131,191,.15) 23%,rgba(13,38,75,.48) 46%,rgba(2,9,22,.82) 67%,transparent 70%);
    box-shadow:0 0 42px rgba(57,205,255,.13),inset 0 0 34px rgba(92,217,255,.06);
    transition:filter .3s ease,transform .3s ease;
}
.orbit-nav-stage .orbit-center:hover,
.orbit-nav-stage .orbit-center:focus-visible{
    
    filter:drop-shadow(0 0 29px rgba(76,223,255,.52));
}
.orbit-nav-stage .orbit-center::before,
.orbit-nav-stage .orbit-center::after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    border-radius:50%;
    transform:translate(-50%,-50%) rotateX(72deg);
    pointer-events:none;
}
.orbit-nav-stage .orbit-center::before{
    width:185%;height:64%;
    border:1px solid rgba(92,222,255,.12);
    animation:navCenterOrbit 8.5s linear infinite;
}
.orbit-nav-stage .orbit-center::after{
    width:225%;height:82%;
    border:1px solid rgba(146,112,255,.09);
    transform:translate(-50%,-50%) rotateX(67deg) rotateZ(31deg);
    animation:navCenterOrbitReverse 12s linear infinite;
}
.orbit-nav-stage .orbit-center .core-ring-a{inset:9%}
.orbit-nav-stage .orbit-center .core-ring-b{inset:24%}
.orbit-nav-stage .orbit-center .core-ring-c{inset:2%}
.orbit-nav-stage .orbit-center .core-scan{inset:-34%}

.orbit-nav-3d .orbit-item{
    position:absolute;
    z-index:5;
    left:50%;
    top:50%;
    margin:0;
    width:126px;
    height:72px;
    padding:.55rem .62rem;
    display:grid;
    grid-template-columns:30px 1fr;
    grid-template-rows:auto auto;
    column-gap:.48rem;
    align-content:center;
    justify-items:start;
    border:1px solid rgba(103,220,255,calc(.09 + var(--depth,.5) * .11));
    border-radius:15px;
    background:
        linear-gradient(145deg,rgba(8,26,51,calc(.64 + var(--depth,.5) * .19)),rgba(3,10,25,.78));
    backdrop-filter:blur(16px) saturate(130%);
    box-shadow:
        0 14px 38px rgba(0,0,0,.32),
        0 0 22px rgba(48,194,255,calc(.02 + var(--depth,.5) * .05)),
        inset 0 1px rgba(255,255,255,.025);
    color:#88a5b9;
    will-change:transform,opacity,filter;
    transform-origin:center;
    transition:border-color .22s ease,color .22s ease,box-shadow .22s ease,background .22s ease;
}
.orbit-nav-3d .orbit-item::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    pointer-events:none;
    background:linear-gradient(105deg,transparent 22%,rgba(142,235,255,.08) 48%,transparent 70%);
    transform:translateX(-120%);
    transition:transform .55s ease;
}
.orbit-nav-3d .orbit-item:hover::before,
.orbit-nav-3d .orbit-item:focus-visible::before,
.orbit-nav-3d .orbit-item.active::before{transform:translateX(120%)}
.orbit-nav-3d .orbit-item i{
    grid-row:1/3;
    align-self:center;
    justify-self:center;
    font-size:1.38rem;
    color:rgba(104,222,255,.9);
    filter:drop-shadow(0 0 8px rgba(69,205,255,.18));
    transition:color .22s ease,filter .22s ease,transform .22s ease;
}
.orbit-nav-3d .orbit-item span{
    font-size:.6875rem;
    font-weight:720;
    letter-spacing:.1em;
    color:#b8cfdd;
    text-transform:uppercase;
}
.orbit-nav-3d .orbit-item small{
    display:block;
    margin-top:.12rem;
    font-size:.6875rem;
    line-height:1.2;
    letter-spacing:.07em;
    color:var(--muted-2);
    text-transform:uppercase;
    white-space:nowrap;
}
.orbit-nav-3d .orbit-item:hover,
.orbit-nav-3d .orbit-item:focus-visible,
.orbit-nav-3d .orbit-item.active{
    
    color:white;
    border-color:rgba(113,231,255,.45);
    background:linear-gradient(145deg,rgba(14,50,83,.9),rgba(8,15,38,.9));
    box-shadow:0 18px 52px rgba(0,0,0,.38),0 0 32px rgba(61,206,255,.13),inset 0 0 22px rgba(80,205,255,.035);
}
.orbit-nav-3d .orbit-item:hover i,
.orbit-nav-3d .orbit-item:focus-visible i,
.orbit-nav-3d .orbit-item.active i{
    color:#dffcff;
    filter:drop-shadow(0 0 10px rgba(78,222,255,.7));
    transform:scale(1.08);
}
.orbit-nav-hud{
    position:absolute;
    z-index:210;
    left:50%;
    top:7.5%;
    transform:translateX(-50%);
    width:min(420px,62%);
    display:grid;
    grid-template-columns:1fr auto;
    grid-template-areas:"a b" "c c";
    gap:.28rem 1rem;
    padding:.65rem .9rem;
    border-top:1px solid rgba(102,223,255,.13);
    border-bottom:1px solid rgba(102,223,255,.07);
    color:#5e8299;
    pointer-events:none;
    text-transform:uppercase;
    letter-spacing:.16em;
}
.orbit-nav-hud::before,
.orbit-nav-hud::after{
    content:"";
    position:absolute;
    top:-1px;
    width:52px;
    height:1px;
    background:linear-gradient(90deg,transparent,#72e1ff);
    box-shadow:0 0 12px rgba(82,215,255,.35);
}
.orbit-nav-hud::before{left:0}
.orbit-nav-hud::after{right:0;transform:scaleX(-1)}
.orbit-nav-hud span{grid-area:a;font-size:.6875rem;color:#6bdcff}
.orbit-nav-hud b{grid-area:b;font-size:.6875rem;color:#d8f7ff;font-weight:620;text-align:right;text-shadow:0 0 12px rgba(70,206,255,.23)}
.orbit-nav-hud small{grid-area:c;font-size:.6875rem;color:var(--muted)}
.orbit-nav-foot{
    position:absolute;
    z-index:210;
    left:50%;
    bottom:6.2%;
    transform:translateX(-50%);
    display:flex;
    align-items:center;
    gap:.8rem;
    color:var(--muted);
    font-size:.6875rem;
    letter-spacing:.14em;
    white-space:nowrap;
    pointer-events:none;
}
.orbit-nav-foot i{width:58px;height:1px;background:linear-gradient(90deg,transparent,rgba(93,220,255,.35),transparent);box-shadow:0 0 7px rgba(72,204,255,.12)}

@keyframes miniOrbitA{to{transform:rotateX(68deg) rotateZ(360deg)}}
@keyframes miniOrbitB{to{transform:rotateY(66deg) rotateZ(360deg)}}
@keyframes miniOrbitC{to{transform:rotateX(54deg) rotateY(44deg) rotateZ(360deg)}}
@keyframes miniCoreBeat{0%,100%{transform:scale(.76);opacity:.72}50%{transform:scale(1.18);opacity:1}}
@keyframes navHaloSpin{to{transform:rotate(360deg)}}
@keyframes navHaloSpinReverse{to{transform:rotate(-360deg)}}
@keyframes navNebula{0%{transform:scale(.94) rotate(-2deg);opacity:.62}100%{transform:scale(1.07) rotate(3deg);opacity:1}}
@keyframes navBeacon{0%,100%{transform:translate(-50%,-50%) scale(.72);opacity:.72}50%{transform:translate(-50%,-50%) scale(1.18);opacity:1}}
@keyframes navCenterOrbit{to{transform:translate(-50%,-50%) rotateX(72deg) rotateZ(360deg)}}
@keyframes navCenterOrbitReverse{to{transform:translate(-50%,-50%) rotateX(67deg) rotateZ(-329deg)}}

@media (max-width:760px){
    .orbit-nav.orbit-nav-3d{width:min(96vw,86vh,620px);border-radius:50%;}
    .orbit-nav-hud{top:6%;width:74%;padding:.5rem .65rem}.orbit-nav-hud small{display:none}
    .orbit-nav-3d .orbit-item{width:86px;height:54px;padding:.4rem;grid-template-columns:22px 1fr;column-gap:.3rem;border-radius:12px}
    .orbit-nav-3d .orbit-item i{font-size:1.02rem}.orbit-nav-3d .orbit-item span{font-size:.6875rem}.orbit-nav-3d .orbit-item small{display:none}
    .orbit-nav-stage .orbit-center{width:104px;height:104px}
    .orbit-nav-foot{bottom:4.8%;font-size:.6875rem}.orbit-nav-foot span:first-child{display:none}.orbit-nav-foot i{width:34px}
}
@media (max-width:450px){
    .orbit-nav.orbit-nav-3d{width:min(98vw,88vh);}
    .orbit-nav-hud{top:4.5%;width:76%}.orbit-nav-hud span,.orbit-nav-hud b{font-size:.6875rem}
    .orbit-nav-3d .orbit-item{width:70px;height:46px;padding:.32rem;grid-template-columns:1fr;grid-template-rows:auto auto;justify-items:center;gap:.1rem}
    .orbit-nav-3d .orbit-item i{grid-row:auto;font-size:.96rem}.orbit-nav-3d .orbit-item span{font-size:.6875rem}.orbit-nav-stage .orbit-center{width:90px;height:90px}
}
@media (prefers-reduced-motion:reduce){
    .orbit-toggle-glyph i,.orbit-toggle-glyph b,.orbit-nav-nebula,.orbit-nav-nebula::after,.orbit-nav-stage .orbit-center::before,.orbit-nav-stage .orbit-center::after,.orbit-nav.orbit-nav-3d::before,.orbit-nav.orbit-nav-3d::after{animation:none!important}
}

/* GENESIS 0.4.3 / BALANCED RENDER PATH
   Firefox on Linux can become compositor-bound when animated 3D transforms,
   element filters and backdrop-filter are combined across several layers.
   Keep the geometry and motion, but avoid forcing large surfaces to be
   re-rasterized every frame. */
html.balanced-render .orbit-backdrop{
    backdrop-filter:none;
    background:
        radial-gradient(circle at 50% 46%,rgba(22,77,122,.17),transparent 26%),
        radial-gradient(circle at 62% 36%,rgba(88,62,166,.08),transparent 34%),
        rgba(1,5,12,.96);
}
html.balanced-render .orbit-nav-3d .orbit-item{
    backdrop-filter:none;
    filter:none!important;
}
html.balanced-render .orbit-nav-canvas,
html.balanced-render #orbitCanvas{
    mix-blend-mode:normal;
}
html.balanced-render .orbit-nav-nebula{
    filter:blur(10px);
}
html.balanced-render .hero-panel,
html.balanced-render .live-ribbon,
html.balanced-render .section-rail{
    backdrop-filter:blur(8px);
}
html.is-firefox .noise{opacity:.018}
html.balanced-render .float-panel,
html.balanced-render .wave,
html.balanced-render .mini-wave,
html.balanced-render .scroll-cue,
html.balanced-render .memory-beacon::after,
html.balanced-render .preview-scan,
html.balanced-render .radar .sweep,
html.balanced-render .network-lines path,
html.balanced-render .consent-packet,
html.balanced-render .vault-rings .vr,
html.balanced-render .hero-art img,
html.balanced-render .hero-art-scan,
html.balanced-render .live-ribbon::before,
html.balanced-render .life-event::after{
    animation:none!important;
}
html.balanced-render .orbit-nav-3d .orbit-item{
    will-change:auto;
}


/* ============================================================
   GENESIS 0.4.3 / HERO COMPOSITION FIX
   Keep the title and the live 3D system in separate visual territories.
   The orbit is the hero product, not a background behind the headline.
   ============================================================ */
@media (min-width: 1450px){
    .scene.hero{
        padding-left:max(34px,calc((100vw - 1540px)/2));
        padding-right:max(34px,calc((100vw - 1540px)/2));
    }
    .hero{
        grid-template-columns:minmax(455px,.72fr) minmax(790px,1.28fr);
        column-gap:clamp(3.25rem,4.8vw,6rem);
    }
    .hero-copy{
        width:100%;
        max-width:555px;
        align-self:center;
        z-index:12;
    }
    .hero-copy h1{
        font-size:clamp(4.6rem,5.95vw,7.15rem);
        line-height:.84;
        letter-spacing:-.062em;
    }
    .hero-lead{max-width:535px}
    .hero-system{
        width:100%;
        min-height:700px;
        transform:none;
        z-index:8;
        overflow:visible;
    }
    .hero-system .float-panel{width:218px}
    .hero-system .float-a{left:0;top:6%}
    .hero-system .float-b{right:0;top:8%}
    .hero-system .float-d{left:0;bottom:5%;width:218px}
    .hero-system .float-c{right:0;bottom:4%}
    .hero-system .hero-links{inset:2% 0 0}
    .hero-art{
        right:-2vw;
        top:10vh;
        width:min(68vw,1120px);
        opacity:.52;
    }
}

/* 13-14 inch laptops need a deliberate stacked composition rather than
   squeezing a 3D command centre behind the headline. */
@media (min-width: 1121px) and (max-width: 1449px){
    .scene.hero{
        padding-left:max(32px,calc((100vw - 1260px)/2));
        padding-right:max(32px,calc((100vw - 1260px)/2));
    }
    .hero{
        grid-template-columns:minmax(390px,.82fr) minmax(620px,1.18fr);
        gap:2.2rem;
    }
    .hero-copy{max-width:470px;z-index:12}
    .hero-copy h1{font-size:clamp(3.7rem,5.45vw,5.7rem);line-height:.86}
    .hero-lead{font-size:.98rem;line-height:1.62;max-width:455px}
    .hero-meta{gap:1.45rem}
    .hero-system{min-height:620px;transform:none;z-index:8}
    .hero-system .float-panel{width:182px;padding:.78rem}
    .hero-system .float-panel p{font-size:.69rem}
    .hero-system .float-a{left:0;top:6%}
    .hero-system .float-b{right:0;top:10%}
    .hero-system .float-d{left:0;bottom:5%;width:182px}
    .hero-system .float-c{right:0;bottom:4%}
    .hero-art{right:-12vw;top:16vh;width:82vw;height:70vh;opacity:.40}
}

@media (max-width:1120px){
    .hero{
        min-height:auto;
        grid-template-columns:1fr;
        align-content:start;
        padding-bottom:86px;
    }
    .hero-copy{
        max-width:790px;
        width:100%;
        padding-top:4vh;
        z-index:12;
    }
    .hero-system{
        width:min(100%,860px);
        justify-self:center;
        min-height:610px;
        margin-top:30px;
        transform:none;
        z-index:8;
    }
    .hero-art{z-index:1;opacity:.32}
}

@media (max-width:760px){
    .hero{padding-bottom:74px}
    .hero-copy{padding-top:1vh}
    .hero-copy h1{font-size:clamp(3rem,13.4vw,5.05rem)}
    .hero-system{min-height:520px;margin-top:20px;opacity:1}
    .hero-system .float-panel{opacity:.96}
    .hero-system .float-a{left:1%;top:0}
    .hero-system .float-b{right:1%;top:4%}
    .hero-system .float-c{right:1%;bottom:0}
    .hero-system .float-d{left:1%;bottom:0}
}

/* The important hero motion must remain visible in Firefox's balanced path.
   Decorative raster-heavy effects are reduced, but the Core, canvas orbit and
   nodes still animate continuously. */
html.balanced-render .memory-core .core-ring-a,
html.balanced-render .memory-core .core-ring-b,
html.balanced-render .memory-core .core-ring-c,
html.balanced-render .memory-core .core-scan,
html.balanced-render .memory-core .core-heart{
    animation-play-state:running!important;
}
html.balanced-render .hero-system .float-panel{
    animation:none!important;
    transform:translateZ(0);
}
html.balanced-render .hero-system .float-panel:hover{
    transform:translateY(-2px) translateZ(0);
}

/* ============================================================
   GENESIS 0.4.4 / HERO SIMPLIFICATION
   The hero is the complete cinematic product promise. The dedicated
   top-right ORBIT control owns the interactive 3D navigation system.
   This removes the second competing orbit from the hero and gives the
   headline and artwork independent visual territories.
   ============================================================ */
.scene.hero{
    min-height:100svh;
    grid-template-columns:minmax(390px,.82fr) minmax(560px,1.18fr);
    column-gap:clamp(2.5rem,4.5vw,6rem);
    overflow:hidden;
}
.hero-copy{
    position:relative;
    z-index:12;
    max-width:600px;
    align-self:center;
}
.hero-copy h1{
    font-size:clamp(4.2rem,6.15vw,7.65rem);
    line-height:.84;
    max-width:9.4ch;
}
.hero-lead{max-width:555px}

/* Keep the command-centre image visually separate from the headline. */
.hero-art{
    left:auto!important;
    right:-1.5vw!important;
    top:13vh!important;
    width:min(61vw,1080px)!important;
    height:min(72vh,720px)!important;
    opacity:.78!important;
    z-index:3!important;
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.32) 5%,#000 15%,#000 94%,transparent 100%),linear-gradient(180deg,transparent 0,#000 7%,#000 90%,transparent 100%)!important;
}
.hero-art img{
    object-fit:contain!important;
    object-position:center center!important;
    transform:rotateY(-3.5deg) rotateX(.6deg) scale(1)!important;
}
.hero-art::before{
    background:radial-gradient(circle at 51% 84%,rgba(49,207,255,.31),transparent 25%),linear-gradient(90deg,rgba(2,5,12,.48),transparent 16%)!important;
}
.hero-art-vignette{box-shadow:inset 0 0 92px rgba(2,6,14,.86)!important}

/* Deliberately retire the in-hero orbit engine. The separate ORBIT control
   remains the single, clear 3D navigation experience. */
.hero-system,
.hero-sim-badge{display:none!important}

@media (min-width:1450px){
    .scene.hero{
        grid-template-columns:minmax(470px,.78fr) minmax(760px,1.22fr);
        padding-left:max(40px,calc((100vw - 1580px)/2));
        padding-right:max(40px,calc((100vw - 1580px)/2));
    }
    .hero-copy{max-width:610px}
    .hero-copy h1{font-size:clamp(5rem,6vw,7.8rem)}
    .hero-art{right:-.5vw!important;width:min(64vw,1160px)!important;height:min(77vh,780px)!important;top:11vh!important}
}

@media (min-width:921px) and (max-width:1240px){
    .scene.hero{
        grid-template-columns:minmax(350px,.82fr) minmax(500px,1.18fr);
        gap:2rem;
    }
    .hero-copy{max-width:445px}
    .hero-copy h1{font-size:clamp(3.7rem,5.5vw,5.35rem);line-height:.86}
    .hero-lead{font-size:.95rem;line-height:1.62;max-width:430px}
    .hero-art{right:-5vw!important;width:64vw!important;height:66vh!important;top:17vh!important;opacity:.67!important}
}

@media (max-width:920px){
    .scene.hero{
        min-height:auto;
        display:grid;
        grid-template-columns:1fr;
        align-content:start;
        gap:1.5rem;
        padding-bottom:92px;
        overflow:hidden;
    }
    .hero-copy{
        max-width:760px;
        width:100%;
        padding-top:3vh;
    }
    .hero-copy h1{max-width:none;font-size:clamp(3.4rem,10.5vw,6.4rem)}
    .hero-art{
        position:relative!important;
        inset:auto!important;
        grid-column:1;
        grid-row:auto;
        width:min(1040px,112vw)!important;
        height:clamp(360px,61vw,610px)!important;
        justify-self:center;
        margin:-1rem -6vw 0!important;
        opacity:.78!important;
        mask-image:linear-gradient(180deg,transparent 0,#000 8%,#000 88%,transparent 100%)!important;
    }
    .hero-art img{object-fit:contain!important;transform:none!important}
}

@media (max-width:620px){
    .scene.hero{padding-bottom:82px}
    .hero-copy{padding-top:1vh}
    .hero-copy h1{font-size:clamp(3rem,13.6vw,4.9rem);line-height:.87}
    .hero-lead{font-size:.92rem;line-height:1.62}
    .hero-meta{margin-top:1.7rem}
    .hero-art{
        width:118vw!important;
        height:clamp(320px,82vw,470px)!important;
        margin:-.4rem -9vw 0!important;
        opacity:.76!important;
    }
}


/* ============================================================
   GENESIS 0.4.5 / ORBIT NAVIGATION CROSS-BROWSER REBUILD
   Manual projection owns screen position. CSS no longer re-applies Z depth,
   preventing Firefox from double-projecting/clipping orbit cards.
   ============================================================ */
.orbit-nav.orbit-nav-3d{
    overflow:visible;
    clip-path:none;
}
.orbit-nav.orbit-nav-3d::before,
.orbit-nav.orbit-nav-3d::after{
    pointer-events:none;
}
.orbit-nav-canvas{
    border-radius:50%;
    overflow:hidden;
}
.orbit-nav-stage{
    perspective:none;
    transform-style:flat;
}
.orbit-nav-3d .orbit-item{
    transform-style:preserve-3d;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    transform-origin:center center;
}
.orbit-nav-3d .orbit-item span,
.orbit-nav-3d .orbit-item small,
.orbit-nav-3d .orbit-item i{
    position:relative;
    z-index:2;
}
/* Give depth a visible material response even on Firefox balanced rendering. */
.orbit-nav-3d .orbit-item{
    border-color:rgba(103,220,255,calc(.075 + var(--depth,.5) * .19));
    background:
        linear-gradient(145deg,
            rgba(13,42,75,calc(.48 + var(--depth,.5) * .34)),
            rgba(3,10,25,calc(.72 + var(--depth,.5) * .18)));
    box-shadow:
        0 calc(7px + var(--depth,.5) * 16px) calc(22px + var(--depth,.5) * 28px) rgba(0,0,0,.38),
        0 0 calc(9px + var(--depth,.5) * 24px) rgba(55,205,255,calc(.025 + var(--depth,.5) * .09)),
        inset 0 1px rgba(255,255,255,.03);
}
html.balanced-render .orbit-nav-3d .orbit-item{
    filter:none!important;
    backdrop-filter:none!important;
    box-shadow:
        0 calc(6px + var(--depth,.5) * 12px) calc(18px + var(--depth,.5) * 20px) rgba(0,0,0,.42),
        0 0 calc(8px + var(--depth,.5) * 16px) rgba(55,205,255,calc(.02 + var(--depth,.5) * .075)),
        inset 0 1px rgba(255,255,255,.025);
}
/* Make the central gyro unmistakably three dimensional without a heavy renderer. */
.orbit-nav-stage .orbit-center{
    transform:translate(-50%,-50%) perspective(600px) rotateX(7deg) rotateY(-6deg);
}
.orbit-shell.open .orbit-nav-stage .orbit-center{
    animation:navCoreFloat 4.8s ease-in-out infinite;
}
@keyframes navCoreFloat{
    0%,100%{transform:translate(-50%,-50%) perspective(600px) rotateX(7deg) rotateY(-6deg) translateY(0)}
    50%{transform:translate(-50%,-50%) perspective(600px) rotateX(3deg) rotateY(5deg) translateY(-5px)}
}
@media (prefers-reduced-motion:reduce){
    .orbit-shell.open .orbit-nav-stage .orbit-center{animation:none!important}
    .orbit-nav-3d .orbit-item{transition:none!important}
}
@media (max-width:760px){
    .orbit-nav.orbit-nav-3d{overflow:hidden}
}

/* ============================================================
   GENESIS 0.5.0 / LIVE PRODUCT DECONSTRUCTION
   The hero remains the complete visual promise. Everything below
   is built from real interface components using demonstration data.
   ============================================================ */
.system-overview{
    position:relative;
    width:100%;
    min-height:100svh;
    padding:clamp(110px,10vw,150px) max(24px,calc((100vw - var(--max))/2));
    overflow:clip;
    background:
        radial-gradient(circle at 50% 44%,rgba(32,139,218,.12),transparent 28rem),
        radial-gradient(circle at 58% 42%,rgba(108,70,210,.09),transparent 36rem);
}
.system-overview::before,.system-overview::after{
    content:"";position:absolute;left:6vw;right:6vw;height:1px;pointer-events:none;
    background:linear-gradient(90deg,transparent,rgba(96,220,255,.12),transparent)
}
.system-overview::before{top:0}.system-overview::after{bottom:0}
.overview-stage{
    --overview-accent:#76e6ff;
    position:relative;
    width:min(1220px,100%);
    height:740px;
    margin:1rem auto 0;
    border:1px solid rgba(99,218,255,.15);
    border-radius:34px;
    overflow:hidden;
    isolation:isolate;
    perspective:1400px;
    background:
        linear-gradient(rgba(77,186,255,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(77,186,255,.035) 1px,transparent 1px),
        radial-gradient(circle at 50% 47%,rgba(27,127,199,.15),transparent 28%),
        linear-gradient(180deg,rgba(5,15,31,.72),rgba(2,7,17,.91));
    background-size:64px 64px,64px 64px,auto,auto;
    box-shadow:0 60px 150px rgba(0,0,0,.38),inset 0 0 100px rgba(38,132,206,.06);
}
.overview-stage::before{
    content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
    background:radial-gradient(650px circle at var(--mx,50%) var(--my,45%),rgba(88,208,255,.055),transparent 58%);
}
.overview-stage::after{
    content:"System map / one Continuum";position:absolute;left:24px;top:20px;z-index:5;
    color:var(--muted-2);font-size:.6875rem;letter-spacing:.18em;
}
.overview-space{position:absolute;inset:0;z-index:0;pointer-events:none;transform-style:preserve-3d}
.overview-space span{position:absolute;left:50%;top:46%;border:1px solid rgba(99,222,255,.11);border-radius:50%;transform-style:preserve-3d;box-shadow:0 0 28px rgba(44,189,255,.035)}
.overview-space span:nth-child(1){width:560px;height:210px;margin:-105px 0 0 -280px;transform:rotateX(68deg) rotateZ(7deg);animation:overviewOrbitA 28s linear infinite}
.overview-space span:nth-child(2){width:710px;height:280px;margin:-140px 0 0 -355px;border-color:rgba(132,102,255,.11);transform:rotateX(70deg) rotateZ(-29deg);animation:overviewOrbitB 38s linear infinite reverse}
.overview-space span:nth-child(3){width:900px;height:350px;margin:-175px 0 0 -450px;border-style:dashed;opacity:.58;transform:rotateX(72deg) rotateZ(44deg);animation:overviewOrbitC 52s linear infinite}
.overview-core{position:absolute;left:50%;top:44%;z-index:20;width:330px;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column;align-items:center;gap:.55rem}
.overview-core::before{content:"";position:absolute;left:50%;top:44px;width:220px;height:220px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--overview-accent) 19%,transparent),transparent 68%);filter:blur(5px);z-index:-1;transition:.4s ease}
.overview-core-mark{width:116px;height:116px;margin-bottom:.45rem;background:radial-gradient(circle,rgba(123,235,255,.23),rgba(13,50,89,.24) 40%,rgba(4,9,20,.74) 71%);box-shadow:0 0 34px color-mix(in srgb,var(--overview-accent) 27%,transparent),inset 0 0 34px rgba(54,199,255,.08);cursor:pointer}
.overview-core small{color:var(--overview-accent);font-size:.6875rem;letter-spacing:.16em;transition:color .3s}
.overview-core strong{font-size:1.45rem;letter-spacing:.03em;color:#eefcff;text-shadow:0 0 20px rgba(79,216,255,.13)}
.overview-core p{max-width:330px;margin:0;color:#7895a9;font-size:.69rem;line-height:1.55}
.overview-module{
    position:absolute;z-index:18;width:204px;min-height:72px;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:.58rem;
    padding:.65rem .72rem;border:1px solid rgba(98,215,255,.14);border-radius:14px;background:linear-gradient(145deg,rgba(8,24,45,.82),rgba(4,10,24,.76));
    color:#8da9bb;text-align:left;cursor:pointer;box-shadow:0 16px 50px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.025);
    transition:transform .32s cubic-bezier(.2,.8,.2,1),border-color .28s,box-shadow .28s,opacity .28s,background .28s;
}
.overview-module::after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,transparent 0 35%,rgba(255,255,255,.09) 49%,transparent 63%);transform:translateX(-125%);transition:transform .65s ease}
.overview-module:hover::after,.overview-module:focus-visible::after,.overview-module.active::after{transform:translateX(125%)}
.overview-module:hover,.overview-module:focus-visible,.overview-module.active{color:#e7faff;border-color:color-mix(in srgb,var(--overview-accent) 55%,transparent);background:linear-gradient(145deg,rgba(11,39,68,.91),rgba(8,15,35,.9));box-shadow:0 18px 60px rgba(0,0,0,.33),0 0 28px color-mix(in srgb,var(--overview-accent) 12%,transparent),inset 2px 0 color-mix(in srgb,var(--overview-accent) 60%,transparent);transform:translateZ(28px) scale(1.035)}
.overview-module i{font-size:1.55rem;color:var(--overview-accent);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--overview-accent) 35%,transparent))}
.overview-module span{display:flex;min-width:0;flex-direction:column;gap:.18rem}.overview-module b{font-size:.6875rem;letter-spacing:.13em}.overview-module small{font-size:.6875rem;color:var(--muted-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overview-module em{font-size:.6875rem;letter-spacing:.11em;color:#5fbfd8;font-style:normal}
.om-echo{left:4.5%;top:13%}.om-statify{right:4.5%;top:13%}.om-quest{left:2.5%;top:45%}.om-affinity{right:2.5%;top:45%}.om-vault{left:9%;bottom:9%}.om-signal{right:9%;bottom:9%}
.overview-evidence{position:absolute;left:50%;top:4.5%;z-index:16;width:min(430px,42%);transform:translateX(-50%);padding:.75rem .9rem;border-radius:14px;background:rgba(4,13,28,.76)}
.overview-evidence header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:.48rem;border-bottom:1px solid rgba(255,255,255,.05);font-size:.6875rem;letter-spacing:.13em;color:#6a8aa1}.overview-evidence header b{color:#6edbbf;font-size:.6875rem}.overview-evidence p{margin:.52rem 0 0;color:#68869b;font-size:.6875rem;line-height:1.5}
.overview-evidence-line{display:flex;align-items:center;gap:.42rem;margin-top:.55rem;color:#8aa9bd;font-size:.6875rem;letter-spacing:.09em}.overview-evidence-line i{flex:1;height:1px;background:linear-gradient(90deg,rgba(83,214,255,.11),rgba(83,214,255,.52),rgba(120,92,255,.16));box-shadow:0 0 8px rgba(64,204,255,.11)}.source-dot{width:6px;height:6px;border-radius:50%;background:#67e1c0;box-shadow:0 0 9px #67e1c0}
.overview-stream{position:absolute;left:50%;bottom:2.2%;z-index:10;width:min(620px,63%);transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:.42rem;color:var(--muted);font-size:.6875rem;letter-spacing:.12em}.overview-stream i{flex:1;height:1px;min-width:12px;background:linear-gradient(90deg,rgba(72,200,255,.05),rgba(72,200,255,.34),rgba(125,94,255,.12));position:relative;overflow:hidden}.overview-stream i::after{content:"";position:absolute;left:-30%;top:0;width:30%;height:1px;background:#8beaff;box-shadow:0 0 7px #43d9ff;animation:dataTravel 3.8s linear infinite}
.overview-stage[data-mode="echo"]{--overview-accent:#8fe8ff}.overview-stage[data-mode="statify"]{--overview-accent:#70e7d3}.overview-stage[data-mode="quest"]{--overview-accent:#789dff}.overview-stage[data-mode="affinity"]{--overview-accent:#ad8cff}.overview-stage[data-mode="vault"]{--overview-accent:#83dcff}.overview-stage[data-mode="signal"]{--overview-accent:#7ce8bc}
@keyframes overviewOrbitA{to{transform:rotateX(68deg) rotateZ(367deg)}}
@keyframes overviewOrbitB{to{transform:rotateX(70deg) rotateZ(331deg)}}
@keyframes overviewOrbitC{to{transform:rotateX(72deg) rotateZ(404deg)}}
@keyframes dataTravel{to{left:130%}}

/* PRESENCE AND SIGNALS */
.signals-section{background:radial-gradient(circle at 22% 50%,rgba(23,127,179,.10),transparent 31rem),radial-gradient(circle at 82% 42%,rgba(61,47,144,.09),transparent 30rem)}
.signals-layout{display:grid;grid-template-columns:1.18fr .82fr;gap:.9rem;align-items:stretch;margin-top:3.4rem}
.presence-stage,.signal-console{min-height:520px;padding:1rem;border-radius:24px}
.presence-stage>header,.signal-console>header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.2rem .15rem .8rem;border-bottom:1px solid rgba(255,255,255,.055);font-size:.6875rem;letter-spacing:.12em;color:#73a2bd}.presence-stage>header span,.signal-console>header span{display:flex;align-items:center;gap:.45rem;color:#73dbf6}.presence-stage>header i,.signal-console>header i{font-size:1.05rem}.presence-stage>header b,.signal-console>header b{font-size:.6875rem;color:var(--muted-2)}
.presence-map{position:relative;height:390px;margin-top:.8rem;border:1px solid rgba(92,208,255,.08);border-radius:18px;overflow:hidden;background:radial-gradient(circle at 74% 26%,rgba(76,70,196,.13),transparent 20%),linear-gradient(180deg,rgba(6,18,38,.8),rgba(2,8,20,.78))}
.presence-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(80,195,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(80,195,255,.045) 1px,transparent 1px);background-size:44px 44px;transform:perspective(700px) rotateX(56deg) scale(1.4) translateY(13%);transform-origin:bottom;mask-image:linear-gradient(180deg,transparent,#000 35%,#000)}
.presence-map svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.presence-route{fill:none;stroke:rgba(83,214,255,.12);stroke-width:2;stroke-dasharray:8 10}.presence-route-glow{fill:none;stroke:#68e1ff;stroke-width:1.2;stroke-dasharray:34 240;filter:drop-shadow(0 0 5px rgba(73,213,255,.75));animation:routeFlow 5.8s linear infinite}
.presence-point{position:absolute;display:flex;align-items:center;gap:.3rem;padding:.36rem .48rem;border:1px solid rgba(90,215,255,.14);border-radius:9px;background:rgba(3,13,29,.82);font-size:.6875rem;letter-spacing:.1em;color:#7697aa}.presence-point i{font-size:.8rem;color:#6cdbf7}.presence-point.start{left:5%;bottom:13%}.presence-point.current{left:53%;top:42%;border-color:rgba(91,227,255,.35);color:#e5faff;box-shadow:0 0 20px rgba(60,207,255,.09)}.presence-point.target{right:5%;top:16%}
.presence-pulse{position:absolute;left:56%;top:48%;width:18px;height:18px;border:1px solid #70e7ff;border-radius:50%;box-shadow:0 0 12px rgba(71,219,255,.5);animation:presencePulse 2.3s ease-out infinite}
.presence-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin-top:.7rem}.presence-stats span{padding:.68rem .72rem;border:1px solid rgba(91,194,255,.08);border-radius:10px;background:rgba(4,12,27,.48)}.presence-stats small{display:block;margin-bottom:.28rem;color:var(--muted-2);font-size:.6875rem;letter-spacing:.12em}.presence-stats b{font-size:.6875rem;color:#cceefd}
.signal-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;margin:.8rem 0}.signal-tab{height:36px;border:1px solid rgba(93,192,255,.10);border-radius:8px;background:rgba(5,13,28,.6);color:var(--muted-2);font-size:.6875rem;letter-spacing:.13em;cursor:pointer}.signal-tab.active,.signal-tab:hover,.signal-tab:focus-visible{color:#def8ff;border-color:rgba(91,222,255,.34);background:rgba(34,129,178,.09);box-shadow:inset 0 -1px #55dff8}
.signal-sequence{display:grid;gap:.5rem;margin-top:.9rem}.signal-step{display:grid;grid-template-columns:28px 26px 1fr;gap:.55rem;align-items:center;min-height:78px;padding:.65rem;border:1px solid rgba(87,177,239,.08);border-radius:12px;background:rgba(5,13,27,.48);opacity:.52;transition:.3s}.signal-step>span{font-size:.6875rem;color:var(--muted)}.signal-step>i{font-size:1rem;color:#5d7d91}.signal-step p{margin:0;display:flex;flex-direction:column;gap:.2rem}.signal-step b{font-size:.6875rem;letter-spacing:.08em}.signal-step small{color:#6e8b9f;font-size:.6875rem;line-height:1.45}.signal-step.done{opacity:.72}.signal-step.done>i{color:#69dfba}.signal-step.active{opacity:1;border-color:rgba(96,218,255,.22);box-shadow:0 0 24px rgba(46,192,255,.05)}.signal-step.active>i{color:#6de4ff;filter:drop-shadow(0 0 8px rgba(69,214,255,.5))}
.signal-policy{display:flex;align-items:center;gap:.7rem;margin-top:1rem;padding:.8rem;border-top:1px solid rgba(255,255,255,.05)}.signal-policy>i{font-size:1.5rem;color:#77e3ff}.signal-policy p{margin:0}.signal-policy small{display:block;color:var(--muted-2);font-size:.6875rem;letter-spacing:.12em}.signal-policy b{display:block;margin-top:.28rem;color:#a8c6d8;font-size:.6875rem;font-weight:500;line-height:1.5}
@keyframes routeFlow{to{stroke-dashoffset:-274}}
@keyframes presencePulse{0%{transform:scale(.4);opacity:0}22%{opacity:1}100%{transform:scale(4.2);opacity:0}}

/* REAL USE CASE LAB */
.usecases-section{background:radial-gradient(circle at 50% 38%,rgba(46,115,187,.1),transparent 35rem)}
.case-lab{width:min(1180px,100%);margin:0 auto}
.case-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:.45rem;margin-bottom:.7rem}.case-tab{min-height:62px;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;border:1px solid rgba(93,193,255,.10);border-radius:11px;background:rgba(4,12,27,.5);color:#68869b;cursor:pointer;font-size:.6875rem;letter-spacing:.09em;transition:.25s}.case-tab i{font-size:1.15rem;color:#5d93bb}.case-tab.active,.case-tab:hover,.case-tab:focus-visible{color:#e4faff;border-color:rgba(92,222,255,.38);background:linear-gradient(180deg,rgba(18,74,112,.18),rgba(7,15,32,.7));box-shadow:inset 0 -1px #61e4ff,0 0 22px rgba(48,204,255,.06)}.case-tab.active i{color:#73e5ff;filter:drop-shadow(0 0 8px rgba(71,213,255,.4))}
.case-workbench{padding:1rem;border-radius:24px;overflow:hidden;background:linear-gradient(145deg,rgba(6,20,42,.78),rgba(3,9,21,.79))}
.case-query{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:.65rem;min-height:54px;padding:.55rem .75rem;border:1px solid rgba(93,208,255,.11);border-radius:12px;background:rgba(3,11,25,.6);color:#aac7d8}.case-query>i{font-size:1.1rem;color:#70dff8}.case-query span{font-size:.6875rem}.case-query b{font-size:.6875rem;letter-spacing:.13em;color:#6bdcf8}
.case-body{display:grid;grid-template-columns:.38fr .62fr;gap:.8rem;margin-top:.8rem;min-height:390px}.case-timeline{position:relative;display:flex;flex-direction:column;justify-content:center;gap:.2rem;padding:1.1rem;border:1px solid rgba(83,179,239,.08);border-radius:16px;background:rgba(3,10,22,.48)}.case-timeline::before{content:"";position:absolute;left:33px;top:16%;bottom:16%;width:1px;background:linear-gradient(transparent,rgba(78,211,255,.36),rgba(121,91,255,.25),transparent)}.case-timeline>i{height:34px}.case-source{position:relative;z-index:2;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:.55rem;align-items:center;padding:.55rem;border:1px solid rgba(83,185,246,.08);border-radius:11px;background:rgba(4,13,29,.82);color:#6f8da2}.case-source>i{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(88,209,255,.14);border-radius:50%;background:#07182a;color:#6ddff9}.case-source b{font-size:.6875rem;color:#c5e7f8}.case-source small{font-size:.6875rem}.case-source.active{border-color:rgba(93,222,255,.27);box-shadow:0 0 22px rgba(52,204,255,.06)}
.case-answer{display:flex;flex-direction:column;justify-content:center;padding:clamp(1rem,3vw,2.4rem);border:1px solid rgba(89,187,245,.08);border-radius:16px;background:radial-gradient(circle at 82% 15%,rgba(93,66,191,.12),transparent 28%),rgba(4,12,26,.42)}.case-answer>span{color:#68dff9;font-size:.6875rem;letter-spacing:.14em}.case-answer h3{margin:.7rem 0 .65rem;font-size:clamp(1.65rem,3.2vw,3.1rem);letter-spacing:-.04em}.case-answer p{margin:0;max-width:640px;color:#7e9bad;font-size:.6875rem;line-height:1.7}.case-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.25rem}.case-actions button{min-height:38px;padding:0 .75rem;border:1px solid rgba(94,210,255,.13);border-radius:8px;background:rgba(8,27,48,.54);color:#81a6ba;font-size:.6875rem;letter-spacing:.09em;cursor:pointer}.case-actions button:hover,.case-actions button:focus-visible{color:#e6faff;border-color:rgba(91,222,255,.34)}
.case-workbench>footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.75rem;padding:.65rem .25rem 0;border-top:1px solid rgba(255,255,255,.045);color:var(--muted-2);font-size:.6875rem;letter-spacing:.1em}.case-workbench>footer span:first-child{color:#70d8bb}.case-workbench>footer i{margin-right:.25rem}

/* ORIGIN */
.origin-band{position:relative;padding:clamp(90px,10vw,150px) max(24px,calc((100vw - var(--max))/2));overflow:hidden;background:linear-gradient(180deg,rgba(3,10,23,.4),rgba(2,5,12,.8))}.origin-band::before{content:"";position:absolute;left:50%;top:50%;width:70vw;height:70vw;transform:translate(-50%,-50%);border:1px solid rgba(86,211,255,.05);border-radius:50%;box-shadow:0 0 0 8vw rgba(85,104,255,.018),0 0 0 17vw rgba(85,104,255,.012);pointer-events:none}.origin-inner{position:relative;z-index:2;width:min(1120px,100%);margin:0 auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:3rem;align-items:center}.origin-inner h2{margin:.8rem 0 0;font-size:clamp(2.5rem,5.7vw,5.9rem);line-height:.88;letter-spacing:-.055em}.origin-inner h2 b{color:#c5efff;-webkit-text-stroke:0;font-weight:inherit}.origin-inner>p{grid-column:2;margin:0;color:#7c99ad;line-height:1.8;font-size:.82rem}.origin-line{grid-column:2;grid-row:1;display:flex;align-items:center;gap:.55rem;color:#6b91a9;font-size:.6875rem;letter-spacing:.11em}.origin-line i{flex:1;height:1px;background:linear-gradient(90deg,rgba(77,208,255,.12),rgba(77,208,255,.44),rgba(127,94,255,.15));position:relative}.origin-line i::after{content:"";position:absolute;top:-2px;left:50%;width:5px;height:5px;border-radius:50%;background:#6ee4ff;box-shadow:0 0 9px #49d5ff}

/* SECTION LIVE PERFORMANCE CONTROL */
.overview-space span,.overview-stream i::after,.presence-route-glow,.presence-pulse{animation-play-state:paused}
.overview-stage.is-live .overview-space span,.overview-stage.is-live .overview-stream i::after,.signals-section.is-live .presence-route-glow,.signals-section.is-live .presence-pulse{animation-play-state:running}

@media (max-width:1100px){
    .overview-stage{height:800px}.overview-core{top:42%}.overview-evidence{width:52%}.om-echo,.om-quest,.om-vault{left:2.5%}.om-statify,.om-affinity,.om-signal{right:2.5%}.om-vault,.om-signal{bottom:7%}
    .signals-layout{grid-template-columns:1fr}.presence-stage,.signal-console{min-height:auto}.signal-console{padding-bottom:1.3rem}
    .case-tabs{grid-template-columns:repeat(3,1fr)}.case-body{grid-template-columns:.42fr .58fr}
    .origin-inner{grid-template-columns:1fr}.origin-line,.origin-inner>p{grid-column:1;grid-row:auto}.origin-line{margin-top:1rem}
}
@media (max-width:760px){
    .system-overview{padding-left:16px;padding-right:16px}.overview-stage{height:auto;min-height:840px;border-radius:22px;padding:92px 12px 80px;display:flex;flex-direction:column;align-items:stretch;gap:.45rem}.overview-stage::after{left:14px;top:15px}.overview-space{opacity:.42}.overview-core{position:relative;left:auto;top:auto;transform:none;width:100%;order:0;margin:0 auto 1rem}.overview-core-mark{width:94px;height:94px}.overview-evidence{position:relative;left:auto;top:auto;transform:none;width:100%;order:1;margin-bottom:.4rem}.overview-module{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%;min-height:58px;order:2}.overview-module:hover,.overview-module:focus-visible,.overview-module.active{transform:scale(1.012)}.overview-stream{position:relative;left:auto;bottom:auto;transform:none;width:100%;order:3;margin-top:.8rem;overflow:hidden;justify-content:flex-start}.overview-stream span:nth-of-type(n+5),.overview-stream i:nth-of-type(n+4){display:none}
    .presence-map{height:330px}.presence-stats{grid-template-columns:1fr}.presence-point.current{left:47%;top:45%}.signal-step{grid-template-columns:25px 24px 1fr}
    .case-tabs{grid-template-columns:1fr 1fr}.case-tab{min-height:54px}.case-body{grid-template-columns:1fr;min-height:0}.case-timeline{min-height:260px}.case-workbench>footer{align-items:flex-start;flex-direction:column}.case-answer{min-height:290px}
    .origin-line{overflow-x:auto;padding-bottom:.5rem}.origin-line span{white-space:nowrap}.origin-line i{min-width:34px}.origin-inner>p{font-size:.72rem}
}
@media (max-width:460px){.case-tabs{grid-template-columns:1fr}.case-tab{justify-content:flex-start;padding-left:1rem}}
@media (prefers-reduced-motion:reduce){.overview-space span,.overview-stream i::after,.presence-route-glow,.presence-pulse{animation:none!important}}

/* 0.5 interaction states */
.transcript-panel.is-playing .audio-wave span{animation-duration:1.15s;filter:drop-shadow(0 0 5px rgba(87,222,255,.5))}.transcript-panel.is-playing .audio-head{border-color:rgba(93,222,255,.18)}
.transcript-lines p{cursor:pointer;transition:background .2s,border-color .2s,color .2s}.transcript-lines p.selected{background:rgba(70,197,255,.07);border-color:rgba(86,215,255,.18);color:#e7faff}
.quest-card{cursor:pointer;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .25s,box-shadow .25s}.quest-card:hover,.quest-card.selected{transform:translateY(-4px);border-color:rgba(96,220,255,.25);box-shadow:0 24px 70px rgba(0,0,0,.33),0 0 28px rgba(43,191,255,.06)}
html.balanced-render .overview-space span,html.balanced-render .presence-route-glow,html.balanced-render .presence-pulse{animation:none!important}.is-firefox .overview-module:hover,.is-firefox .overview-module:focus-visible,.is-firefox .overview-module.active{transform:scale(1.02)}

/* 0.5.0 memory media and evidence polish */
.telemetry-card.rescue{border-color:rgba(91,224,181,.16);background:linear-gradient(145deg,rgba(7,33,31,.42),rgba(5,14,30,.58))}.telemetry-card.rescue header i{color:#6fe3bd}.telemetry-card.rescue strong{color:#cffff0}
.echo-action-status{position:relative;height:29px;margin-top:.55rem;display:flex;align-items:center;padding:0 .55rem;border:1px solid rgba(88,196,255,.07);border-radius:7px;background:rgba(2,9,21,.46);overflow:hidden}.echo-action-status::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:rgba(84,194,255,.07)}.echo-action-status span{position:absolute;left:0;bottom:0;width:18%;height:1px;background:linear-gradient(90deg,#69e4ff,#8068ff);box-shadow:0 0 8px rgba(77,214,255,.42);transition:width .5s cubic-bezier(.2,.8,.2,1)}.echo-action-status b{position:relative;z-index:1;font-size:.6875rem;letter-spacing:.11em;color:var(--muted-2);font-weight:550}.echo-action-status.flash b{color:#96ddec}.echo-action-status.flash{border-color:rgba(87,213,255,.14)}
.preview-media{isolation:isolate;transition:background .4s,border-color .4s,box-shadow .4s}.preview-media::before,.preview-media::after{content:"";position:absolute;inset:0;z-index:-1;transition:opacity .45s}.preview-media::before{background:radial-gradient(circle at 70% 30%,rgba(79,202,255,.16),transparent 24%),linear-gradient(145deg,rgba(8,33,56,.72),rgba(3,10,23,.9))}.preview-media::after{opacity:0;background:linear-gradient(135deg,transparent 0 45%,rgba(115,225,255,.08) 46% 48%,transparent 49% 100%);background-size:38px 38px}.preview-media.scene-walk::before{background:radial-gradient(circle at 22% 62%,rgba(71,222,178,.14),transparent 20%),radial-gradient(circle at 73% 32%,rgba(63,170,255,.18),transparent 25%),linear-gradient(145deg,#071a2a,#04101e)}.preview-media.scene-call::before{background:radial-gradient(circle at 50% 50%,rgba(114,93,255,.18),transparent 30%),linear-gradient(90deg,rgba(23,74,119,.46),rgba(6,13,31,.9))}.preview-media.scene-shop::before{background:radial-gradient(circle at 76% 36%,rgba(255,201,101,.09),transparent 22%),radial-gradient(circle at 25% 60%,rgba(72,215,255,.13),transparent 25%),linear-gradient(150deg,#091728,#04101f)}.preview-media.scene-sunset::before{background:radial-gradient(circle at 73% 36%,rgba(255,176,105,.18),transparent 16%),radial-gradient(circle at 70% 42%,rgba(131,83,255,.16),transparent 32%),linear-gradient(180deg,#122044,#071020 70%)}.preview-media.scene-idea::before{background:radial-gradient(circle at 50% 46%,rgba(115,99,255,.23),transparent 20%),radial-gradient(circle at 50% 46%,rgba(70,220,255,.10),transparent 38%),#061020}.preview-media[class*="scene-"]:not(.scene-idle)::after{opacity:.56}.preview-media>i{position:relative;z-index:4;filter:drop-shadow(0 0 16px rgba(91,222,255,.45))}.preview-depth{position:absolute;inset:0;z-index:1;display:grid;place-items:center;pointer-events:none}.preview-depth span{position:absolute;width:62%;height:42%;border:1px solid rgba(87,213,255,.10);border-radius:50%;transform:rotateX(68deg)}.preview-depth span:nth-child(2){width:80%;height:55%;transform:rotateX(70deg) rotateZ(22deg);border-color:rgba(128,99,255,.10)}.preview-depth span:nth-child(3){width:44%;height:30%;transform:rotateX(65deg) rotateZ(-35deg);border-style:dashed}.preview-visual-label{position:absolute;z-index:5;left:10px;bottom:8px;font-size:.6875rem;letter-spacing:.12em;color:#72a1b7}
@media (prefers-reduced-motion:no-preference){.memory-preview.active .preview-depth span:first-child{animation:previewOrbit 12s linear infinite}.memory-preview.active .preview-depth span:nth-child(2){animation:previewOrbitB 17s linear infinite reverse}}@keyframes previewOrbit{to{transform:rotateX(68deg) rotateZ(360deg)}}@keyframes previewOrbitB{to{transform:rotateX(70deg) rotateZ(382deg)}}
html.balanced-render .preview-depth span{animation:none!important}

/* 0.5.0 suggestions, community lab, guild telemetry */
.suggestion-deck{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:1rem}.suggestion-card{min-height:190px;display:grid;grid-template-columns:42px 1fr;grid-template-rows:1fr auto;gap:.7rem;padding:1rem;border:1px solid rgba(94,197,255,.09);border-radius:16px;background:linear-gradient(145deg,rgba(7,19,39,.56),rgba(3,10,23,.64));box-shadow:inset 0 1px rgba(255,255,255,.02)}.suggestion-card>i{font-size:1.7rem;color:#6ddff8;filter:drop-shadow(0 0 8px rgba(64,207,255,.18))}.suggestion-card div{min-width:0}.suggestion-card span{display:block;color:var(--muted-2);font-size:.6875rem;letter-spacing:.13em}.suggestion-card b{display:block;margin:.48rem 0 .42rem;color:#d9f4ff;font-size:.6875rem;line-height:1.45}.suggestion-card p{margin:0;color:#6d899d;font-size:.6875rem;line-height:1.55}.suggestion-card b.is-miss{margin:0 0 .42rem;color:var(--gold)}.suggestion-card button{grid-column:2;justify-self:start;min-height:34px;padding:0 .7rem;border:1px solid rgba(93,214,255,.13);border-radius:8px;background:rgba(10,31,51,.54);color:#6f9aae;font-size:.6875rem;letter-spacing:.1em;cursor:pointer}.suggestion-card button:hover,.suggestion-card button:focus-visible{color:#e7faff;border-color:rgba(93,222,255,.34);box-shadow:0 0 18px rgba(51,207,255,.06)}
.community-lab{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem;margin-top:1rem;padding:1.1rem;border-radius:18px;background:linear-gradient(135deg,rgba(7,21,43,.66),rgba(5,11,27,.7))}.community-lab-copy>span{color:#6edcf6;font-size:.6875rem;letter-spacing:.14em}.community-lab-copy h3{margin:.5rem 0 .45rem;font-size:1.25rem;letter-spacing:-.025em}.community-lab-copy p{margin:0;max-width:680px;color:#708da1;font-size:.6875rem;line-height:1.65}.community-vote{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;align-self:center}.community-vote button{min-height:84px;border:1px solid rgba(88,191,248,.10);border-radius:11px;background:rgba(4,13,28,.62);color:#6d8da2;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;transition:.24s}.community-vote button b{font-size:1rem;color:#cceefa}.community-vote button span{font-size:.6875rem;letter-spacing:.1em}.community-vote button:hover,.community-vote button.selected{border-color:rgba(94,220,255,.35);color:#e9fbff;background:rgba(24,93,133,.13);box-shadow:inset 0 -1px #65e3ff,0 0 18px rgba(45,204,255,.05)}.community-safety{grid-column:1/-1;display:flex;align-items:center;gap:.5rem;padding-top:.7rem;border-top:1px solid rgba(255,255,255,.05);color:var(--muted-2);font-size:.6875rem;letter-spacing:.11em}.community-safety i{font-size:1.05rem;color:#6fe0bd}.community-safety b{margin-left:auto;color:#78cdb7;font-size:.6875rem}
.guild-strip{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:.55rem;align-items:stretch;margin-top:.9rem;padding:.7rem;border-radius:15px;background:rgba(5,14,31,.55)}.guild-strip>div,.guild-strip>span{min-height:62px;display:flex;align-items:center;justify-content:center;gap:.55rem;padding:.55rem;border:1px solid rgba(83,176,236,.07);border-radius:10px;background:rgba(4,12,26,.45)}.guild-strip>div{justify-content:flex-start}.guild-strip>div i{font-size:1.45rem;color:#74dff6}.guild-strip span{flex-direction:column;gap:.16rem}.guild-strip small{font-size:.6875rem;letter-spacing:.11em;color:var(--muted-2)}.guild-strip b{font-size:.6875rem;color:#c5e9f8}.guild-strip>div b{font-size:.6875rem;letter-spacing:.07em}
@media(max-width:980px){.suggestion-deck{grid-template-columns:1fr}.community-lab{grid-template-columns:1fr}.guild-strip{grid-template-columns:1fr 1fr 1fr}.guild-strip>div{grid-column:1/-1}.community-safety b{margin-left:0}}
@media(max-width:620px){.community-vote{grid-template-columns:1fr 1fr 1fr}.community-lab{padding:.8rem}.guild-strip{grid-template-columns:1fr 1fr}.guild-strip>div{grid-column:1/-1}.guild-strip>span:last-child{grid-column:1/-1}.suggestion-card{min-height:0}}

/* ============================================================
   GENESIS 0.6.0 / CINEMATIC PRODUCT PASS
   Real interface components, deeper spatial storytelling and richer
   interactions without adding new continuous canvas render loops.
   ============================================================ */

/* Background atmosphere follows the active chapter. */
.chapter-ambient{position:fixed;inset:-18vh -14vw;z-index:-3;pointer-events:none;overflow:hidden;opacity:.72;transition:opacity .7s ease,filter 1.2s ease;filter:saturate(1.05)}
.chapter-ambient span{position:absolute;border-radius:50%;filter:blur(70px);opacity:.18;transition:background 1.2s ease,transform 1.2s ease,opacity 1.2s ease}
.chapter-ambient span:nth-child(1){width:46vw;height:46vw;left:3%;top:7%;background:rgba(44,145,255,.36)}
.chapter-ambient span:nth-child(2){width:42vw;height:42vw;right:0;top:34%;background:rgba(102,72,255,.24)}
.chapter-ambient span:nth-child(3){width:36vw;height:36vw;left:31%;bottom:-10%;background:rgba(60,224,210,.13)}
body[data-active-scene="memoryverse"] .chapter-ambient span:nth-child(1){transform:translate(18vw,25vh) scale(1.18);background:rgba(33,193,176,.27)}
body[data-active-scene="echo"] .chapter-ambient span:nth-child(2){transform:translate(-10vw,-12vh) scale(1.2);background:rgba(117,85,255,.34)}
body[data-active-scene="telemetry"] .chapter-ambient span:nth-child(1){transform:translate(42vw,8vh);background:rgba(36,176,255,.3)}
body[data-active-scene="quests"] .chapter-ambient span:nth-child(2){transform:translate(-30vw,12vh);background:rgba(83,105,255,.28)}
body[data-active-scene="affinity"] .chapter-ambient span:nth-child(2){background:rgba(128,79,255,.32);opacity:.22}
body[data-active-scene="vault"] .chapter-ambient span{opacity:.10;filter:blur(90px)}

/* Let large sections skip most off-screen paint while preserving layout. */
@supports (content-visibility:auto){
    .scene:not(.hero),.system-overview,.origin-band{content-visibility:auto;contain-intrinsic-size:auto 980px}
}

/* Hero hotspots are interface callouts over the complete cinematic product image. */
.hero-art{isolation:isolate}
.hero-hotspots{position:absolute;inset:0;z-index:8;pointer-events:none}
.hero-hotspot{--hx:50%;--hy:50%;position:absolute;left:var(--hx);top:var(--hy);transform:translate(-50%,-50%);display:flex;align-items:center;gap:.45rem;min-width:112px;padding:.46rem .58rem;border:1px solid rgba(115,224,255,.18);border-radius:10px;background:rgba(3,12,27,.72);backdrop-filter:blur(10px);box-shadow:0 10px 28px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.018) inset;color:#a9c4d3;pointer-events:auto;opacity:.76;transition:opacity .25s,transform .25s,border-color .25s,box-shadow .25s}
.hero-hotspot::before{content:"";position:absolute;width:34px;height:1px;right:100%;top:50%;background:linear-gradient(90deg,transparent,rgba(103,220,255,.54));box-shadow:0 0 8px rgba(71,207,255,.24)}
.hero-hotspot::after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;right:calc(100% + 31px);top:calc(50% - 2px);background:#9beeff;box-shadow:0 0 11px #67ddff}
.hero-hotspot i{font-size:1rem;color:#75e3fb;filter:drop-shadow(0 0 7px rgba(81,212,255,.28))}
.hero-hotspot span{display:flex;flex-direction:column;gap:.1rem}.hero-hotspot b{font-size:.6875rem;letter-spacing:.13em}.hero-hotspot small{font-size:.6875rem;color:var(--muted-2);letter-spacing:.05em}
.hero-hotspot:hover,.hero-hotspot:focus-visible{opacity:1;transform:translate(-50%,-50%) translateY(-2px) scale(1.045);border-color:rgba(112,229,255,.46);box-shadow:0 15px 34px rgba(0,0,0,.36),0 0 22px rgba(55,203,255,.11)}
.hs-echo{--hx:30%;--hy:31%}.hs-statify{--hx:74%;--hy:25%}.hs-quest{--hx:78%;--hy:55%}.hs-affinity{--hx:31%;--hy:67%}.hs-vault{--hx:68%;--hy:77%}
@media (prefers-reduced-motion:no-preference){.hero-hotspot{animation:heroHotspotFloat 6.5s ease-in-out infinite alternate}.hero-hotspot:nth-child(2){animation-delay:-1.7s}.hero-hotspot:nth-child(3){animation-delay:-3s}.hero-hotspot:nth-child(4){animation-delay:-4.1s}.hero-hotspot:nth-child(5){animation-delay:-5.3s}}
@keyframes heroHotspotFloat{from{margin-top:-2px}to{margin-top:5px}}

/* Past / Now / Future is the entire product model in one compact instrument. */
.temporal-compass{position:absolute;z-index:8;right:max(24px,calc((100vw - var(--max))/2));top:82px;width:min(46vw,630px);display:grid;grid-template-columns:1fr 1fr 1fr;border:1px solid rgba(101,215,255,.10);border-radius:12px;background:rgba(2,9,20,.45);backdrop-filter:blur(10px);overflow:hidden;opacity:.82}
.temporal-compass>a,.temporal-now{position:relative;min-height:48px;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-content:center;gap:.06rem .5rem;padding:.46rem .7rem;border-right:1px solid rgba(255,255,255,.05)}
.temporal-compass>a:last-child{border-right:0}.temporal-compass span{font-size:.6875rem;color:var(--muted-2);letter-spacing:.14em}.temporal-compass b{grid-row:1/3;grid-column:2;font-size:.6875rem;letter-spacing:.1em;color:#b9d7e4;align-self:center}.temporal-compass small{font-size:.6875rem;color:var(--muted)}.temporal-now{background:linear-gradient(180deg,rgba(40,157,211,.09),rgba(5,14,29,.12))}.temporal-now>i{position:absolute;left:8px;top:8px;width:4px;height:4px;border-radius:50%;background:#70e2ff;box-shadow:0 0 10px #70e2ff}.temporal-compass a:hover{background:rgba(70,191,255,.055)}

/* CONTINUUM inspector proves one source event can have many simultaneous meanings. */
.continuum-inspector{display:grid;grid-template-columns:minmax(220px,.72fr) 1.6fr;gap:1rem;max-width:1140px;margin:-1.2rem auto 2rem;padding:1rem;border-radius:18px;background:linear-gradient(145deg,rgba(6,19,39,.68),rgba(3,9,21,.7))}
.ci-event{padding:.8rem 1rem;border-right:1px solid rgba(255,255,255,.06)}.ci-event>span{color:#65dff8;font-size:.6875rem;letter-spacing:.13em}.ci-event h3{margin:.55rem 0 .45rem;font-size:1.55rem;letter-spacing:-.035em}.ci-event p{margin:0;color:#708ea1;font-size:.6875rem;line-height:1.65}
.ci-contexts{display:grid;grid-template-columns:repeat(5,1fr);gap:.45rem}.ci-contexts span{min-height:86px;display:flex;flex-direction:column;justify-content:center;gap:.24rem;padding:.65rem;border:1px solid rgba(94,203,255,.08);border-radius:10px;background:rgba(3,12,27,.52);transition:.25s}.ci-contexts span:hover{transform:translateY(-2px);border-color:rgba(94,218,255,.24)}.ci-contexts i{font-size:1.15rem;color:#72dff5}.ci-contexts small{font-size:.6875rem;color:var(--muted-2);letter-spacing:.11em}.ci-contexts b{font-size:.6875rem;color:#c7e5f0}
.ci-provenance{grid-column:1/-1;display:flex;align-items:center;gap:1rem;padding:.6rem .85rem;border-top:1px solid rgba(255,255,255,.05);font-size:.6875rem;letter-spacing:.09em;color:var(--muted-2)}.ci-provenance span{display:flex;align-items:center;gap:.36rem}.ci-provenance span i{width:5px;height:5px;border-radius:50%;background:#6fe0ff;box-shadow:0 0 7px rgba(91,220,255,.5)}.ci-provenance span:nth-child(2) i{background:#a386ff}.ci-provenance span:nth-child(3) i{background:#65e6bd}.ci-provenance b{margin-left:auto;color:#79aabd;font-size:.6875rem}

/* MemoryVerse has a real simulated playback state instead of only text replacement. */
.preview-context{display:flex;flex-wrap:wrap;gap:.32rem;margin:.65rem 0}.preview-context span{padding:.28rem .42rem;border:1px solid rgba(93,210,255,.08);border-radius:6px;background:rgba(5,19,34,.55);color:#668da1;font-size:.6875rem;letter-spacing:.1em}
.preview-playback{position:relative;height:23px;margin:.5rem 0 .3rem;border-bottom:1px solid rgba(255,255,255,.05);overflow:hidden}.preview-playback::before{content:"";position:absolute;left:0;right:0;top:7px;height:2px;background:rgba(255,255,255,.055)}.preview-playback>span{position:absolute;left:0;top:7px;height:2px;width:0;background:linear-gradient(90deg,#65e4ff,#8068ff);box-shadow:0 0 9px rgba(73,211,255,.55);transition:width .18s linear}.preview-playback b{position:absolute;right:0;bottom:2px;color:var(--muted-2);font-size:.6875rem;letter-spacing:.08em}
.memory-preview.active .preview-media{box-shadow:inset 0 0 50px rgba(51,182,236,.08),0 0 30px rgba(43,190,255,.04)}

/* ECHO query presets are real product controls, not decorative chips. */
.echo-presets{display:flex;gap:.36rem;flex-wrap:wrap;margin:.6rem .1rem .2rem}.echo-preset{min-height:31px;padding:0 .58rem;border:1px solid rgba(96,204,255,.08);border-radius:7px;background:rgba(4,14,29,.45);color:var(--muted-2);font-size:.6875rem;letter-spacing:.1em;cursor:pointer;transition:.2s}.echo-preset:hover,.echo-preset:focus-visible,.echo-preset.active{color:#d7f5ff;border-color:rgba(99,220,255,.26);background:rgba(47,154,205,.08);box-shadow:inset 0 -1px rgba(100,224,255,.3)}

/* STATIFY time lenses let one interface become day, pattern and lifetime history. */
.telemetry-lenses{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr)) 1.4fr;gap:.5rem;max-width:960px;margin:0 auto 1rem}.telemetry-lens,.telemetry-lens-readout{min-height:52px;border:1px solid rgba(92,202,255,.09);border-radius:10px;background:rgba(4,14,29,.48)}.telemetry-lens{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.12rem;padding:0 .72rem;color:#66879a;cursor:pointer;transition:.22s}.telemetry-lens span{font-size:.6875rem;letter-spacing:.13em}.telemetry-lens small{font-size:.6875rem;color:var(--muted);letter-spacing:.08em}.telemetry-lens:hover,.telemetry-lens:focus-visible,.telemetry-lens.active{border-color:rgba(102,220,255,.28);background:rgba(27,102,144,.10);color:#d9f6ff}.telemetry-lens.active{box-shadow:inset 0 -1px #62dcf8,0 0 16px rgba(59,202,255,.05)}
.telemetry-lens-readout{display:flex;align-items:center;gap:.6rem;padding:0 .8rem;color:#628499}.telemetry-lens-readout i{font-size:1.2rem;color:#64dff8}.telemetry-lens-readout span{font-size:.6875rem;letter-spacing:.1em}
.telemetry-grid.is-switching{opacity:.65;transform:translateY(3px)}.telemetry-grid{transition:opacity .2s,transform .2s}

/* Life Atlas explains category scale without turning the page into an icon grid. */
.life-atlas{max-width:1180px;margin:1rem auto 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:1rem;align-items:center;padding:1.2rem;border:1px solid rgba(91,199,255,.10);border-radius:22px;background:radial-gradient(circle at 74% 50%,rgba(64,166,255,.08),transparent 34%),rgba(3,10,23,.52);overflow:hidden}
.life-atlas-copy{padding:1rem}.life-atlas-copy h3{margin:.65rem 0;font-size:clamp(1.5rem,2.8vw,2.7rem);line-height:.96;letter-spacing:-.045em}.life-atlas-copy h3 b{color:#c5efff;-webkit-text-stroke:0}.life-atlas-copy p{max-width:550px;color:#708ba0;font-size:.6875rem;line-height:1.7}.atlas-readout{display:flex;align-items:center;gap:.65rem;margin-top:1.1rem;padding:.65rem .7rem;border:1px solid rgba(93,203,255,.08);border-radius:9px;background:rgba(3,15,29,.45)}.atlas-readout>i{font-size:1.35rem;color:#70def6}.atlas-readout span{display:flex;flex-direction:column;gap:.15rem}.atlas-readout small{font-size:.6875rem;color:var(--muted-2);letter-spacing:.11em}.atlas-readout b{font-size:.6875rem;color:#b7dce9;letter-spacing:.06em}
.atlas-orbit{position:relative;min-height:440px;border:1px solid rgba(91,205,255,.06);border-radius:50%;background:radial-gradient(circle,rgba(50,182,234,.08),transparent 24%),repeating-radial-gradient(circle,transparent 0 72px,rgba(87,203,255,.055) 73px 74px,transparent 75px 145px);transform:rotateX(8deg)}
.atlas-orbit::before,.atlas-orbit::after{content:"";position:absolute;inset:17%;border:1px solid rgba(128,96,255,.08);border-radius:50%;transform:rotate(23deg)}.atlas-orbit::after{inset:31%;transform:rotate(-32deg);border-style:dashed}
.atlas-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:92px;height:92px;border:1px solid rgba(105,226,255,.34);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(70,214,255,.19),rgba(4,16,32,.92) 58%);box-shadow:0 0 34px rgba(65,207,255,.11)}.atlas-core i{font-size:1.65rem;color:#79e5ff}.atlas-core b{position:absolute;bottom:17px;font-size:.6875rem;letter-spacing:.14em;color:#83aabc}
.atlas-orbit button{--ax:50%;--ay:50%;position:absolute;left:var(--ax);top:var(--ay);transform:translate(-50%,-50%);width:76px;height:76px;border:1px solid rgba(91,205,255,.10);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.18rem;background:rgba(4,14,29,.78);color:#64889d;cursor:pointer;transition:.25s;box-shadow:0 12px 26px rgba(0,0,0,.25)}.atlas-orbit button i{font-size:1.22rem;color:#6dcfe8}.atlas-orbit button span{font-size:.6875rem;letter-spacing:.11em}.atlas-orbit button:hover,.atlas-orbit button:focus-visible,.atlas-orbit button.active{transform:translate(-50%,-50%) scale(1.08);border-color:rgba(105,224,255,.4);color:#e8fbff;box-shadow:0 0 23px rgba(61,202,255,.11)}
.atlas-orbit button:nth-of-type(1){--ax:50%;--ay:7%}.atlas-orbit button:nth-of-type(2){--ax:73%;--ay:12%}.atlas-orbit button:nth-of-type(3){--ax:91%;--ay:29%}.atlas-orbit button:nth-of-type(4){--ax:95%;--ay:56%}.atlas-orbit button:nth-of-type(5){--ax:84%;--ay:81%}.atlas-orbit button:nth-of-type(6){--ax:62%;--ay:94%}.atlas-orbit button:nth-of-type(7){--ax:36%;--ay:93%}.atlas-orbit button:nth-of-type(8){--ax:14%;--ay:80%}.atlas-orbit button:nth-of-type(9){--ax:5%;--ay:55%}.atlas-orbit button:nth-of-type(10){--ax:9%;--ay:29%}.atlas-orbit button:nth-of-type(11){--ax:27%;--ay:12%}.atlas-orbit button:nth-of-type(12){--ax:50%;--ay:26%}

/* Quest route: game-like, but derived from safe real-world context. */
.quest-route-lab{display:grid;grid-template-columns:1.35fr .65fr;gap:1rem;margin-top:1rem;padding:1rem;border-radius:20px;background:linear-gradient(145deg,rgba(5,18,37,.7),rgba(3,10,23,.7));overflow:hidden}/* The decorative grid is scaled 1.5x inside this box, which left 81px of scrollable overflow at
   390 under overflow:hidden. `clip` keeps exactly the same painting and removes the scroll
   container, so the box no longer reports overflow it never intended to offer. */
.quest-route-map{position:relative;min-height:330px;border:1px solid rgba(86,194,255,.08);border-radius:15px;overflow:clip;background:radial-gradient(circle at 70% 25%,rgba(65,161,255,.13),transparent 28%),#040d1c}.quest-map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(80,189,238,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(80,189,238,.045) 1px,transparent 1px);background-size:34px 34px;transform:perspective(480px) rotateX(58deg) scale(1.5);transform-origin:center bottom;opacity:.58}.quest-route-map svg{position:absolute;inset:0;width:100%;height:100%}.quest-route-path{fill:none;stroke:rgba(99,205,255,.17);stroke-width:2;stroke-dasharray:7 8}.quest-route-energy{fill:none;stroke:#67dcff;stroke-width:1.4;stroke-dasharray:30 520;filter:drop-shadow(0 0 5px rgba(83,218,255,.52))}
@media(prefers-reduced-motion:no-preference){.quest-route-energy{animation:questRouteFlow 8s linear infinite}}@keyframes questRouteFlow{to{stroke-dashoffset:-550}}
.quest-checkpoint{position:absolute;display:flex;align-items:center;gap:.32rem;padding:.34rem .45rem;border:1px solid rgba(95,205,255,.13);border-radius:8px;background:rgba(3,14,28,.82);color:#64899e;font-size:.6875rem;letter-spacing:.09em}.quest-checkpoint i{font-size:.8rem;color:#72dff5}.quest-checkpoint.done{border-color:rgba(93,226,183,.24)}.quest-checkpoint.done i{color:#6ae2ba}.quest-checkpoint.active{border-color:rgba(102,226,255,.38);color:#d9f9ff;box-shadow:0 0 20px rgba(62,204,255,.12)}.qcp-1{left:5%;bottom:14%}.qcp-2{left:34%;top:42%}.qcp-3{left:67%;top:38%}.qcp-4{right:4%;top:23%}
.quest-route-copy{display:flex;flex-direction:column;justify-content:center;padding:.8rem}.quest-route-copy>span{color:#6bdcf6;font-size:.6875rem;letter-spacing:.13em}.quest-route-copy h3{margin:.6rem 0 .5rem;font-size:1.8rem;letter-spacing:-.04em}.quest-route-copy p{margin:0;color:#708da0;font-size:.6875rem;line-height:1.65}.quest-route-stats{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin-top:1rem}.quest-route-stats span{padding:.55rem;border:1px solid rgba(89,192,244,.08);border-radius:8px;background:rgba(3,12,26,.4);display:flex;flex-direction:column;gap:.15rem}.quest-route-stats small{font-size:.6875rem;color:var(--muted);letter-spacing:.09em}.quest-route-stats b{font-size:.6875rem;color:#bbdeea}

/* Anonymous comparison is telemetry, not a popularity feed. */
.microleague{max-width:1100px;margin:1rem auto 0;padding:1rem;border-radius:17px;background:rgba(4,13,28,.58)}.microleague>header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.65rem;border-bottom:1px solid rgba(255,255,255,.05);color:var(--muted-2);font-size:.6875rem;letter-spacing:.1em}.microleague>header span{display:flex;align-items:center;gap:.4rem}.microleague>header i{color:#6fdcf4;font-size:1rem}.microleague>header b{font-size:.6875rem;color:var(--muted)}.microleague-table{margin-top:.45rem}.microleague-table>div{display:grid;grid-template-columns:1.1fr repeat(3,1fr) .7fr;gap:.65rem;align-items:center;min-height:47px;padding:.35rem .5rem;border-bottom:1px solid rgba(255,255,255,.035)}.microleague-table .ml-head{min-height:31px;color:var(--muted);font-size:.6875rem;letter-spacing:.09em}.microleague-table div>b{font-size:.6875rem;color:#a9cad8}.microleague-table div>span{position:relative;height:16px;background:rgba(255,255,255,.035);border-radius:8px;overflow:hidden}.microleague-table div>span i{position:absolute;inset:0 auto 0 0;width:var(--p);background:linear-gradient(90deg,rgba(49,170,229,.26),rgba(110,221,255,.43));border-radius:inherit}.microleague-table div>span small{position:absolute;right:5px;top:2px;color:#87a8b7;font-size:.6875rem}.microleague-table strong{font-size:.6875rem;color:#6edebc}.microleague>footer{padding-top:.65rem;color:var(--muted);font-size:.6875rem;letter-spacing:.04em}

/* Agent bridge inspector makes permissions explicit. */
.agent-permission-lab{max-width:960px;margin:-2rem auto 0;padding:.75rem;display:grid;grid-template-columns:170px 1fr;gap:.7rem;border-radius:16px;background:rgba(3,11,25,.76);position:relative;z-index:8}.agent-permission-tabs{display:grid;gap:.3rem}.agent-permission-tabs button{min-height:42px;display:flex;align-items:center;gap:.45rem;padding:0 .65rem;border:1px solid rgba(90,193,247,.07);border-radius:8px;background:rgba(5,15,29,.44);color:var(--muted-2);font-size:.6875rem;letter-spacing:.1em;cursor:pointer;text-align:left}.agent-permission-tabs button i{font-size:.95rem;color:#69cfe8}.agent-permission-tabs button.active,.agent-permission-tabs button:hover{color:#def8ff;border-color:rgba(100,220,255,.25);background:rgba(37,124,164,.09)}.agent-permission-detail{padding:.55rem .7rem}.agent-permission-detail>span{color:#67d9f3;font-size:.6875rem;letter-spacing:.12em}.agent-permission-detail h3{margin:.4rem 0;font-size:1.25rem}.agent-permission-detail p{margin:0;color:#708c9f;font-size:.6875rem;line-height:1.6}.agent-permission-detail>div{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.7rem}.agent-permission-detail>div b{padding:.35rem .48rem;border:1px solid rgba(91,197,245,.07);border-radius:6px;background:rgba(3,13,26,.48);color:var(--muted-2);font-size:.6875rem;letter-spacing:.07em;font-weight:600}

/* Public RENDER is visually shown as a one-way privacy transform. */
.render-pipeline{max-width:940px;margin:1rem auto 0;display:grid;grid-template-columns:1fr 110px 1fr;gap:.6rem;align-items:center;padding:1rem;border-radius:17px;background:linear-gradient(90deg,rgba(7,18,37,.65),rgba(4,10,24,.74))}.render-source,.render-public{min-height:160px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:.28rem;border:1px solid rgba(95,199,249,.08);border-radius:13px;background:rgba(4,14,28,.48)}.render-source>span,.render-public>span{font-size:.6875rem;letter-spacing:.11em;color:var(--muted-2)}.render-source>i,.render-public>i{font-size:2.5rem;margin:.35rem;color:#6fdcf4}.render-public>i{color:#a18cff}.render-source>b,.render-public>b{font-size:.6875rem;letter-spacing:.07em}.render-source>small,.render-public>small{font-size:.6875rem;color:var(--muted)}.render-transform{display:flex;align-items:center;gap:.2rem;color:#698ca0;font-size:.6875rem;letter-spacing:.1em}.render-transform i{height:1px;flex:1;background:linear-gradient(90deg,transparent,#6fddf7)}.render-transform i:last-child{background:linear-gradient(90deg,#8f76ff,transparent)}.render-guard{grid-column:1/-1;display:flex;align-items:center;gap:.55rem;padding:.58rem .7rem;border-top:1px solid rgba(255,255,255,.05)}.render-guard>i{font-size:1.3rem;color:#6ce0bd}.render-guard span{display:flex;flex-direction:column;gap:.12rem}.render-guard small{font-size:.6875rem;color:var(--muted);letter-spacing:.09em}.render-guard b{font-size:.6875rem;color:#90c8b7;letter-spacing:.06em}

/* Active chapters get one rare scan pass, not constant visual noise. */
.scene::after{content:"";position:absolute;z-index:0;left:8%;right:8%;top:18%;height:1px;opacity:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(111,225,255,.34),transparent);transform:translateY(-45px);transition:opacity .25s}
.scene.chapter-active::after{opacity:.24;animation:chapterScan 1.2s ease-out both}@keyframes chapterScan{from{transform:translateY(-45px);opacity:.32}to{transform:translateY(70px);opacity:0}}
.hero-copy{z-index:12}.hero-art{z-index:3}.live-ribbon,.scroll-cue,.temporal-compass{z-index:8}

/* Responsive pass */
@media(max-width:1180px){
    .hero-hotspot{transform:translate(-50%,-50%) scale(.88)}.hero-hotspot:hover{transform:translate(-50%,-50%) scale(.94)}
    .temporal-compass{display:none}
    .ci-contexts{grid-template-columns:repeat(3,1fr)}
    .life-atlas{grid-template-columns:1fr}.atlas-orbit{max-width:650px;width:100%;justify-self:center}
    .quest-route-lab{grid-template-columns:1fr}.quest-route-copy{padding:.6rem .2rem}.quest-route-stats{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:920px){
    .hero-hotspots{display:none}
    .continuum-inspector{grid-template-columns:1fr;margin-top:0}.ci-event{border-right:0;border-bottom:1px solid rgba(255,255,255,.05)}
    .telemetry-lenses{grid-template-columns:repeat(3,1fr)}.telemetry-lens-readout{grid-column:1/-1}
    .agent-permission-lab{margin:1rem auto 0;grid-template-columns:1fr}.agent-permission-tabs{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:700px){
    .ci-contexts{grid-template-columns:1fr 1fr}.ci-contexts span:last-child{grid-column:1/-1}.ci-provenance{align-items:flex-start;flex-wrap:wrap}.ci-provenance b{margin-left:0;width:100%}
    .atlas-orbit{min-height:350px}.atlas-orbit button{width:58px;height:58px}.atlas-core{width:74px;height:74px}
    .quest-route-stats{grid-template-columns:1fr 1fr}.quest-route-map{min-height:280px}
    .microleague{overflow-x:auto}.microleague-table{min-width:650px}
    .render-pipeline{grid-template-columns:1fr}.render-transform{min-height:40px}.render-transform i{max-width:36%}.render-guard{grid-column:1}
}
@media(max-width:520px){
    .telemetry-lenses{grid-template-columns:1fr 1fr}.telemetry-lens:last-of-type{grid-column:1/-1}.telemetry-lens-readout{grid-column:1/-1}
    .atlas-orbit{min-height:300px}.atlas-orbit button{width:51px;height:51px}.atlas-orbit button i{font-size:1rem}.atlas-orbit button span{font-size:.6875rem}.atlas-core{width:65px;height:65px}.atlas-core i{font-size:1.25rem}
    .agent-permission-tabs{grid-template-columns:1fr}.quest-checkpoint b{display:none}
}

/* Balanced render and reduced motion keep the same composition. */
html.balanced-render .chapter-ambient span{filter:blur(90px);opacity:.10}
html.balanced-render .hero-hotspot{animation:none!important;backdrop-filter:none}
@media(prefers-reduced-motion:reduce){
    .hero-hotspot,.quest-route-energy,.scene.chapter-active::after{animation:none!important}
    .chapter-ambient span{transition:none}
}

/* 0.6 serious recall assistance and pseudonymous relationship reveal */
.ask-memory{margin-top:.75rem;padding-top:.72rem;border-top:1px solid rgba(255,255,255,.055)}.ask-memory>label{display:block;margin-bottom:.35rem;color:var(--muted-2);font-size:.6875rem;letter-spacing:.12em}.ask-memory>div{display:grid;grid-template-columns:1fr 34px;gap:.3rem}.ask-memory input{min-width:0;height:34px;padding:0 .55rem;border:1px solid rgba(92,201,255,.10);border-radius:7px;background:rgba(3,12,27,.58);color:#d8eef6;font-size:.6875rem}.ask-memory input:focus{border-color:rgba(100,221,255,.32);box-shadow:0 0 0 2px rgba(74,199,255,.04)}.ask-memory button{border:1px solid rgba(94,209,255,.13);border-radius:7px;background:rgba(35,121,161,.12);color:#71dff6;cursor:pointer}.ask-memory button:hover,.ask-memory button:focus-visible{border-color:rgba(101,225,255,.36);color:white}.ask-memory>p{margin:.45rem 0 0;color:var(--muted-2);font-size:.6875rem;line-height:1.55}.ask-memory>p span{display:inline-block;margin-right:.32rem;color:#6bdcf4;font-size:.6875rem;letter-spacing:.08em}
.handshake-strip{max-width:900px;margin:1rem auto 0;display:grid;grid-template-columns:1fr 40px 1.3fr 40px 1fr;align-items:center;gap:.45rem;padding:.8rem;border:1px solid rgba(94,205,255,.08);border-radius:16px;background:linear-gradient(90deg,rgba(5,15,31,.53),rgba(9,14,35,.65),rgba(5,15,31,.53));text-align:center}.handshake-strip>div{min-height:78px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.18rem}.handshake-strip>i{color:#56768b;font-size:1rem}.handshake-strip b{font-size:.6875rem;letter-spacing:.09em;color:#b6d6e3}.handshake-strip small{font-size:.6875rem;letter-spacing:.08em;color:var(--muted)}.handshake-strip .synthetic-avatar,.handshake-person{width:34px;height:34px;margin:0 0 .16rem;display:grid;place-items:center;border:1px solid rgba(102,218,255,.15);border-radius:50%;background:rgba(7,26,46,.68);color:#71dbf3}.handshake-person{border-color:rgba(109,230,191,.18);color:#6ee1bd}.handshake-core{border-left:1px solid rgba(255,255,255,.045);border-right:1px solid rgba(255,255,255,.045)}.handshake-core span{color:#77dff6;font-size:.6875rem;letter-spacing:.13em}
@media(max-width:700px){.handshake-strip{grid-template-columns:1fr}.handshake-strip>i{transform:rotate(90deg)}.handshake-core{border:0;border-top:1px solid rgba(255,255,255,.045);border-bottom:1px solid rgba(255,255,255,.045)}}

/* =========================================================
   GENESIS 0.7.0 / HOMEPAGE FEATURE-COMPLETE PASS
   ========================================================= */

/* Hero atmosphere: depth without adding another heavy renderer. */
.hero-clouds,.hero-aurora{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.hero-clouds{z-index:1;opacity:.22;background:radial-gradient(55% 18% at 71% 70%,rgba(183,225,255,.12),transparent 62%),radial-gradient(32% 9% at 86% 66%,rgba(111,181,232,.13),transparent 67%);animation:cloudDrift 18s ease-in-out infinite alternate}
.hero-aurora{z-index:2;opacity:.22;background:conic-gradient(from 195deg at 75% 75%,transparent 0 12%,rgba(66,211,255,.13) 16%,transparent 21% 52%,rgba(129,91,255,.12) 58%,transparent 64%);filter:blur(18px);animation:auroraBreath 9s ease-in-out infinite alternate}
@keyframes cloudDrift{from{transform:translate3d(-1.5%,0,0) scale(1)}to{transform:translate3d(1.5%,-.8%,0) scale(1.025)}}
@keyframes auroraBreath{from{opacity:.13;transform:scale(1)}to{opacity:.28;transform:scale(1.025)}}
html.balanced-render .hero-clouds,html.balanced-render .hero-aurora{animation-duration:28s;filter:none}

/* Capture Fabric */
.capture-fabric{max-width:1180px;margin:1.4rem auto 0;padding:1.1rem;display:grid;grid-template-columns:.88fr 1.3fr;gap:1rem;position:relative;border-radius:22px;background:linear-gradient(135deg,rgba(5,17,34,.8),rgba(3,9,21,.88));overflow:hidden}
.capture-fabric::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(480px circle at 69% 50%,rgba(53,188,255,.07),transparent 65%)}
.capture-copy{padding:.7rem .5rem .4rem;position:relative;z-index:2}.capture-copy h3{margin:.55rem 0 .6rem;font-size:clamp(1.65rem,3vw,3rem);line-height:.92;letter-spacing:-.045em}.capture-copy h3 b{color:#84e7ff}.capture-copy p{margin:0;color:#718da0;line-height:1.65;font-size:.6875rem;max-width:450px}.edge-policy{margin-top:1rem;display:flex;align-items:center;gap:.6rem;padding:.65rem .75rem;border:1px solid rgba(104,220,255,.09);border-radius:10px;background:rgba(4,14,29,.6)}.edge-policy>i{font-size:1.4rem;color:#65d9f3}.edge-policy span{display:flex;flex-direction:column;gap:.13rem}.edge-policy small{font-size:.6875rem;letter-spacing:.11em;color:var(--muted)}.edge-policy b{font-size:.6875rem;letter-spacing:.06em;color:#9bbdcb}
.capture-sources{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem;position:relative;z-index:2}.capture-source{min-height:88px;padding:.65rem .35rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.18rem;border:1px solid rgba(93,199,247,.08);border-radius:11px;background:rgba(4,15,31,.55);cursor:pointer;transition:.25s ease}.capture-source i{font-size:1.3rem;color:#568aa1;transition:.25s}.capture-source span{font-size:.6875rem;letter-spacing:.1em;color:#7292a4}.capture-source small{font-size:.6875rem;color:var(--muted)}.capture-source:hover,.capture-source.active{transform:translateY(-2px);border-color:rgba(105,224,255,.3);background:rgba(22,91,122,.12);box-shadow:0 10px 35px rgba(0,0,0,.2),inset 0 0 30px rgba(64,207,255,.03)}.capture-source.active i,.capture-source:hover i{color:#79e5ff;text-shadow:0 0 18px rgba(80,214,255,.35)}
.capture-event-core{grid-column:1/-1;position:relative;z-index:2;display:grid;grid-template-columns:58px 1fr;gap:.75rem;align-items:center;padding:.7rem .8rem;border-top:1px solid rgba(255,255,255,.05)}.capture-event-core>span{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(107,223,255,.24);border-radius:50%;background:radial-gradient(circle,rgba(66,208,255,.16),rgba(3,15,31,.72));box-shadow:0 0 35px rgba(58,196,255,.12)}.capture-event-core>span i{font-size:1.25rem;color:#78e4fb}.capture-event-core div{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .7rem}.capture-event-core small{width:100%;font-size:.6875rem;letter-spacing:.13em;color:var(--muted-2)}.capture-event-core b{font-size:.6875rem;letter-spacing:.05em}.capture-event-core p{margin:0;color:var(--muted-2);font-size:.6875rem}

/* MemoryVerse phase and depth controls */
.verse-daybar{max-width:1000px;margin:-1.8rem auto 1rem;display:grid;grid-template-columns:repeat(5,1fr);gap:.35rem}.verse-daybar span,.verse-daybar button{position:relative;min-height:54px;padding:.5rem .45rem;display:grid;grid-template-columns:26px 1fr;grid-template-rows:1fr 1fr;align-items:center;border:1px solid rgba(86,187,235,.07);border-radius:10px;background:rgba(3,12,27,.45);color:#5b788a;transition:.28s ease}.verse-daybar button{width:100%;font:inherit;text-align:inherit;appearance:none;-webkit-appearance:none;cursor:pointer}.verse-daybar button:hover{border-color:rgba(103,218,255,.18);color:#9fd0e2}.verse-daybar i{grid-row:1/3;font-size:1.1rem;color:#4f8098}.verse-daybar b{font-size:.6875rem;letter-spacing:.1em}.verse-daybar small{font-size:.6875rem;color:var(--muted)}.verse-daybar .active{border-color:rgba(103,218,255,.25);color:#c0e8f5;background:rgba(35,119,159,.09);box-shadow:inset 0 -2px rgba(105,222,255,.4)}.verse-daybar .active i{color:#7ae4fb}
.verse-daybar-status{max-width:1000px;margin:-.6rem auto 1rem;min-height:1rem;color:var(--muted-2);font-size:.6875rem;letter-spacing:.06em}
.verse-daybar-status.is-miss{color:var(--gold)}
.preview-transcript{margin-top:.55rem;padding:.55rem .65rem;border:1px solid rgba(89,194,239,.07);border-radius:8px;background:rgba(3,12,24,.44)}.preview-transcript small{display:block;margin-bottom:.25rem;color:var(--muted-2);font-size:.6875rem;letter-spacing:.11em}.preview-transcript p{margin:0!important;color:#8aa9b9!important;line-height:1.5!important}.preview-telemetry{display:flex;gap:.28rem;flex-wrap:wrap;margin-top:.45rem}.preview-telemetry span{padding:.26rem .35rem;border:1px solid rgba(88,194,239,.07);border-radius:5px;color:var(--muted-2);font-size:.6875rem;letter-spacing:.06em}.memory-portal{width:100%;min-height:34px;margin-top:.5rem;display:flex;align-items:center;justify-content:center;gap:.35rem;border:1px solid rgba(94,209,255,.13);border-radius:7px;background:rgba(31,120,158,.1);color:#75dff6;font-size:.6875rem;letter-spacing:.1em;cursor:pointer;transition:.22s}.memory-portal:hover,.memory-portal.portal-open{border-color:rgba(107,228,255,.35);color:white;background:rgba(40,154,199,.16);box-shadow:0 0 28px rgba(53,188,255,.08)}
.memory-zoom{max-width:920px;margin:1rem auto 0;padding:.65rem .8rem;display:grid;grid-template-columns:150px 1fr;gap:.5rem 1rem;align-items:center;border-radius:13px;background:rgba(4,13,27,.55)}.memory-zoom>span{display:flex;align-items:center;gap:.45rem}.memory-zoom>span i{font-size:1.15rem;color:#69d9f1}.memory-zoom>span small{font-size:.6875rem;color:var(--muted-2);letter-spacing:.1em}.memory-zoom>span b{font-size:.6875rem;color:#c0dfeb;margin-left:auto}.memory-zoom input{width:100%;accent-color:#66dcf5}.memory-zoom>div{grid-column:2;display:grid;grid-template-columns:repeat(7,1fr);color:var(--muted);font-size:.6875rem;letter-spacing:.07em;text-align:center}
.memoryverse.portal-mode .verse-grid{opacity:.35}.memoryverse.portal-mode .memory-beacon:not(.active){opacity:.35}.memoryverse.portal-mode .memory-preview{box-shadow:0 0 0 1px rgba(103,221,255,.23),0 25px 90px rgba(0,0,0,.42),0 0 70px rgba(55,196,255,.09)}

/* ECHO provenance */
.echo-provenance{display:flex;align-items:center;gap:.6rem;padding:.48rem .65rem;border-left:1px solid rgba(255,255,255,.04);border-right:1px solid rgba(255,255,255,.04);background:rgba(2,9,20,.45);color:var(--muted-2);font-size:.6875rem;letter-spacing:.08em}.echo-provenance span{display:flex;align-items:center;gap:.24rem}.echo-provenance i{width:6px;height:6px;border-radius:50%;background:#62d7f1;box-shadow:0 0 8px rgba(96,216,243,.4)}.echo-provenance .inferred i{background:#917bff}.echo-provenance .confirmed i{background:#63e2b9}.echo-provenance b{margin-left:auto;font-size:.6875rem;color:#6d91a4;font-weight:650}

/* Daily Credits and weekly patch notes */
.daily-wrap{max-width:1180px;margin:1rem auto 0;display:grid;grid-template-columns:1.1fr .9fr;gap:.75rem}.daily-credits,.patch-notes{padding:.9rem;border-radius:16px;background:rgba(4,13,28,.62)}.daily-credits>header,.patch-notes>header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.55rem;border-bottom:1px solid rgba(255,255,255,.05);color:#64869a;font-size:.6875rem;letter-spacing:.1em}.daily-credits>header span,.patch-notes>header span{display:flex;align-items:center;gap:.35rem}.daily-credits>header i,.patch-notes>header i{font-size:1rem;color:#6ddcf4}.humor-toggle{padding:.28rem .43rem;border:1px solid rgba(102,213,255,.09);border-radius:6px;background:rgba(4,15,30,.55);color:var(--muted-2);font-size:.6875rem;letter-spacing:.08em;cursor:pointer}.humor-toggle.active{border-color:rgba(108,224,255,.25);color:#9feafa;background:rgba(32,124,162,.12)}.credit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;margin:.7rem 0}.credit-grid span{padding:.5rem;border:1px solid rgba(255,255,255,.04);border-radius:8px;background:rgba(2,9,21,.4)}.credit-grid small{display:block;color:var(--muted);font-size:.6875rem;letter-spacing:.08em}.credit-grid b{display:block;margin-top:.18rem;color:#a7c9d7;font-size:.6875rem}.daily-credits>p{margin:.2rem 0 0;color:#7b98a8;font-size:.6875rem;line-height:1.65}.patch-notes>header>b{font-size:.6875rem;color:#7fe4fa}.patch-notes>div{display:grid;grid-template-columns:84px 1fr;gap:.5rem;align-items:start;padding:.52rem 0;border-bottom:1px solid rgba(255,255,255,.035)}.patch-notes>div:last-child{border-bottom:0}.patch-notes>div span{font-size:.6875rem;letter-spacing:.08em}.patch-notes>div p{margin:0;color:#718c9d;font-size:.6875rem;line-height:1.45}.patch-notes .plus{color:#65dfbd}.patch-notes .unlock{color:#78ddf5}.patch-notes .fix{color:#ffd782}.patch-notes .known{color:#a497ff}

/* Quest architecture */
.quest-architecture{max-width:1100px;margin:1rem auto 0;display:grid;grid-template-columns:1.15fr .85fr;gap:.7rem}.quest-chain,.quest-boss{padding:.9rem;border-radius:16px;background:rgba(4,13,28,.62)}.quest-chain>header,.quest-boss>header{display:flex;align-items:center;justify-content:space-between;color:#64869a;font-size:.6875rem;letter-spacing:.1em}.quest-chain>header span,.quest-boss>header span{display:flex;align-items:center;gap:.35rem}.quest-chain>header i,.quest-boss>header i{font-size:1rem;color:#7adef4}.quest-chain>header b,.quest-boss>header b{color:#76dfbd;font-size:.6875rem}.chain-track{display:flex;align-items:center;margin:1rem 0 .7rem}.chain-track>span{width:62px;display:flex;flex-direction:column;align-items:center;gap:.22rem;color:#4b6b7e}.chain-track>span i{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(88,190,237,.09);border-radius:50%;background:#06101f}.chain-track>span small{font-size:.6875rem;letter-spacing:.07em}.chain-track>i{flex:1;height:1px;background:rgba(94,200,247,.08)}.chain-track .done i{border-color:rgba(97,224,184,.23);color:#65e0b9}.chain-track .active i{border-color:rgba(105,224,255,.35);color:#76e3fb;box-shadow:0 0 22px rgba(67,201,255,.12)}.quest-chain>p{margin:0;color:#688698;font-size:.6875rem;line-height:1.55}.quest-boss h3{margin:.7rem 0 .55rem;font-size:1rem}.boss-progress{display:grid;grid-template-columns:1fr 42px;gap:.45rem;align-items:center}.boss-progress>span{height:6px;border-radius:4px;background:rgba(255,255,255,.04);overflow:hidden}.boss-progress>span i{display:block;height:100%;background:linear-gradient(90deg,#399ccb,#75e3f8);box-shadow:0 0 12px rgba(84,215,246,.28)}.boss-progress>b{font-size:.6875rem;color:#7bdff4}.verification-row{display:flex;flex-wrap:wrap;gap:.3rem;margin:.7rem 0}.verification-row span{padding:.28rem .38rem;border:1px solid rgba(85,184,229,.07);border-radius:5px;color:var(--muted);font-size:.6875rem;letter-spacing:.06em}.verification-row span.active{border-color:rgba(99,220,255,.23);color:#79dff5}.quest-complete-demo{width:100%;min-height:34px;border:1px solid rgba(100,220,255,.14);border-radius:7px;background:rgba(31,121,159,.1);color:#73dcf3;font-size:.6875rem;letter-spacing:.08em;cursor:pointer}.quest-complete-demo.completed{border-color:rgba(96,226,184,.3);background:rgba(51,153,120,.11);color:#7ae4c0;box-shadow:0 0 32px rgba(82,221,176,.1)}

/* World layer */
.world-section{background:radial-gradient(circle at 50% 48%,rgba(40,104,181,.07),transparent 35%)}.world-layout{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.1fr .95fr .95fr;gap:.7rem}.world-event,.city-quest,.council-lab{padding:.9rem;border-radius:17px;background:linear-gradient(180deg,rgba(5,15,31,.7),rgba(3,10,22,.78));min-height:350px}.world-event>header,.city-quest>header,.council-lab>header{display:flex;justify-content:space-between;align-items:center;color:var(--muted-2);font-size:.6875rem;letter-spacing:.09em}.world-event>header span,.city-quest>header span,.council-lab>header span{display:flex;align-items:center;gap:.35rem}.world-event>header i,.city-quest>header i,.council-lab>header i{font-size:1rem;color:#71dcf4}.world-event>header b,.city-quest>header b,.council-lab>header b{font-size:.6875rem;color:var(--muted)}.world-orbit{position:relative;width:190px;height:150px;margin:.55rem auto}.world-core{position:absolute;left:50%;top:50%;width:72px;height:72px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 38% 35%,#7de8ff 0 3%,#245c85 18%,#081b32 58%,#030a14 75%);box-shadow:0 0 45px rgba(58,181,239,.22)}.world-orbit>i{position:absolute;left:50%;top:50%;border:1px solid rgba(111,218,255,.14);border-radius:50%}.wo1{width:160px;height:56px;transform:translate(-50%,-50%) rotate(-12deg)}.wo2{width:180px;height:72px;transform:translate(-50%,-50%) rotate(42deg)}.wo3{width:125px;height:110px;transform:translate(-50%,-50%) rotate(74deg)}.world-orbit>b{position:absolute;width:5px;height:5px;border-radius:50%;background:#77e3fa;box-shadow:0 0 10px #70dff8}.wp1{left:12px;top:72px}.wp2{right:15px;top:49px}.wp3{left:91px;top:4px}.wp4{left:118px;bottom:12px}.world-event h3,.city-quest h3{margin:.35rem 0;font-size:1.1rem}.world-event p,.city-quest p,.council-lab>p{color:#6b8799;font-size:.6875rem;line-height:1.55}.world-progress{margin-top:.75rem}.world-progress>span{display:block;height:7px;background:rgba(255,255,255,.04);border-radius:5px;overflow:hidden}.world-progress>span i{display:block;height:100%;background:linear-gradient(90deg,#386fae,#6fe1f7)}.world-progress>b{display:block;margin-top:.32rem;color:#73dff6;font-size:.6875rem;letter-spacing:.06em}.city-objectives{display:flex;flex-wrap:wrap;gap:.28rem;margin:.9rem 0}.city-objectives span{padding:.36rem .42rem;border:1px solid rgba(88,190,238,.08);border-radius:6px;color:var(--muted);font-size:.6875rem;letter-spacing:.06em}.city-objectives span i{margin-right:.2rem}.city-objectives span.active{color:#75dff7;border-color:rgba(104,222,255,.27);background:rgba(37,125,163,.08)}.city-quest>small{display:block;color:var(--muted);font-size:.6875rem;letter-spacing:.06em;line-height:1.5}.council-candidate{margin:.85rem 0;padding:.65rem;border:1px solid rgba(255,255,255,.045);border-radius:9px;background:rgba(2,9,20,.4);display:flex;align-items:center;justify-content:space-between;gap:.5rem}.council-candidate span{display:flex;flex-direction:column;gap:.15rem}.council-candidate small{font-size:.6875rem;color:var(--muted);letter-spacing:.08em}.council-candidate b{font-size:.6875rem;color:#9bbcc9}.council-candidate strong{padding:.28rem .38rem;border:1px solid rgba(96,224,184,.18);border-radius:5px;color:#65ddb9;font-size:.6875rem}.council-votes>span{display:block;height:7px;border-radius:5px;background:rgba(255,255,255,.04);overflow:hidden}.council-votes>span i{display:block;height:100%;background:linear-gradient(90deg,#4464b0,#6ee0f8)}.council-votes b{display:inline-block;margin-top:.3rem;color:#72dff5;font-size:.6875rem}.council-votes small{float:right;margin-top:.3rem;color:var(--muted);font-size:.6875rem}.council-policy{margin-top:1rem;padding:.55rem;border-top:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:.4rem;color:#5fa98d;font-size:.6875rem;letter-spacing:.07em}.council-policy i{font-size:1rem;color:#68dfbb}.personal-compare{max-width:920px;margin:1rem auto 0;padding:.75rem .9rem;border-radius:14px;background:rgba(4,13,28,.62);display:grid;grid-template-columns:1fr auto;gap:.45rem 1rem;align-items:center}.personal-compare>span{display:grid;grid-template-columns:32px 1fr;align-items:center}.personal-compare>span i{grid-row:1/3;font-size:1.3rem;color:#7edff5}.personal-compare>span small{font-size:.6875rem;letter-spacing:.09em;color:var(--muted)}.personal-compare>span b{font-size:.6875rem}.personal-compare>div{display:flex;gap:.3rem}.personal-compare em{font-style:normal;padding:.28rem .38rem;border:1px solid rgba(100,210,250,.07);border-radius:5px;color:#6c93a5;font-size:.6875rem}.personal-compare>p{grid-column:1/-1;margin:0;color:var(--muted-2);font-size:.6875rem}

/* Vault memory lifecycle and portability */
.memory-policy{max-width:1050px;margin:1rem auto 0;padding:.9rem;border-radius:17px;background:rgba(4,13,28,.64)}.policy-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:.65rem;border-bottom:1px solid rgba(255,255,255,.05)}.policy-head>span{display:grid;grid-template-columns:34px 1fr;align-items:center}.policy-head>span i{grid-row:1/3;font-size:1.35rem;color:#72dff5}.policy-head small{font-size:.6875rem;letter-spacing:.1em;color:var(--muted)}.policy-head b{font-size:.6875rem}.policy-head em{font-style:normal;padding:.3rem .42rem;border:1px solid rgba(101,218,255,.12);border-radius:6px;color:#6890a4;font-size:.6875rem;letter-spacing:.07em}.policy-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem;margin:.75rem 0}.policy-actions button{min-height:92px;padding:.6rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.18rem;border:1px solid rgba(88,191,237,.07);border-radius:10px;background:rgba(3,11,24,.48);cursor:pointer;text-align:left;transition:.22s}.policy-actions button i{font-size:1.25rem;color:#5d9bb4}.policy-actions button span{font-size:.6875rem;letter-spacing:.06em;color:#89a8b7}.policy-actions button small{font-size:.6875rem;color:var(--muted)}.policy-actions button:hover,.policy-actions button.active{border-color:rgba(104,222,255,.27);background:rgba(29,111,148,.09);transform:translateY(-2px)}.policy-actions button.active i{color:#79e3fb}.policy-actions button[data-policy="forget"].active{border-color:rgba(255,128,156,.2);background:rgba(129,48,71,.08)}.policy-actions button[data-policy="forget"].active i{color:#ff9bb0}.vault-export{display:grid;grid-template-columns:1fr auto;gap:.35rem .7rem;align-items:center;padding-top:.7rem;border-top:1px solid rgba(255,255,255,.05)}.vault-export>span{display:grid;grid-template-columns:32px 1fr}.vault-export>span i{grid-row:1/3;font-size:1.15rem;color:#67d8f1}.vault-export small{font-size:.6875rem;letter-spacing:.09em;color:var(--muted)}.vault-export b{font-size:.6875rem}.vault-export button{padding:.42rem .7rem;border:1px solid rgba(99,214,255,.13);border-radius:7px;background:rgba(29,112,151,.09);color:#70d8ef;font-size:.6875rem;letter-spacing:.07em;cursor:pointer}.vault-export em{grid-column:1/-1;font-style:normal;color:var(--muted);font-size:.6875rem;letter-spacing:.06em}.vault-export.is-preparing button{color:#65dfb8;border-color:rgba(100,224,183,.25)}

/* The use-case tab set is intentionally broad but compact. */
.case-tabs{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:.28rem!important}.case-tab{min-width:0}.case-tab span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Completion flare is finite and event driven. */
.quest-completion-flare{position:fixed;inset:0;z-index:240;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 50%,rgba(99,226,188,.18),rgba(68,190,255,.05) 20%,transparent 48%);transition:opacity .25s}.quest-completion-flare.show{opacity:1;animation:completionFlare .95s ease-out both}@keyframes completionFlare{0%{opacity:0;transform:scale(.96)}28%{opacity:1}100%{opacity:0;transform:scale(1.08)}}

/* 0.7 responsive pass */
@media(max-width:1050px){
    .capture-fabric{grid-template-columns:1fr}.capture-sources{grid-template-columns:repeat(4,1fr)}
    .world-layout{grid-template-columns:1fr 1fr}.world-event{grid-row:span 2}.council-lab{min-height:0}
    .case-tabs{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:820px){
    .daily-wrap,.quest-architecture{grid-template-columns:1fr}.world-layout{grid-template-columns:1fr}.world-event{grid-row:auto}.world-event,.city-quest,.council-lab{min-height:0}
    .policy-actions{grid-template-columns:1fr 1fr}.credit-grid{grid-template-columns:1fr 1fr}.personal-compare{grid-template-columns:1fr}.personal-compare>div{flex-wrap:wrap}.verse-daybar{grid-template-columns:repeat(5,minmax(0,1fr))}.verse-daybar span,.verse-daybar button{display:flex;flex-direction:column;justify-content:center;text-align:center}.verse-daybar i{font-size:.95rem}.verse-daybar small{display:none}
}
@media(max-width:620px){
    .capture-sources{grid-template-columns:1fr 1fr}.capture-event-core{grid-template-columns:44px 1fr}.capture-event-core>span{width:40px;height:40px}.capture-event-core div{display:block}.capture-event-core p{margin-top:.25rem}
    .memory-zoom{grid-template-columns:1fr}.memory-zoom>div{grid-column:1}.memory-zoom>span b{margin-left:0}.echo-provenance{flex-wrap:wrap}.echo-provenance b{width:100%;margin-left:0}
    .chain-track{overflow-x:auto;padding-bottom:.2rem}.chain-track>span{min-width:54px}.chain-track>i{min-width:22px}.policy-head{align-items:flex-start;flex-direction:column}.policy-actions{grid-template-columns:1fr}.vault-export{grid-template-columns:1fr}.vault-export button{justify-self:start}.case-tabs{grid-template-columns:1fr 1fr!important}.verse-daybar{grid-template-columns:repeat(5,1fr);gap:.2rem}.verse-daybar span,.verse-daybar button{padding:.4rem .15rem}.verse-daybar b{font-size:.6875rem}.personal-compare>div{display:grid;grid-template-columns:1fr 1fr}
}
@media(max-width:430px){.case-tabs{grid-template-columns:1fr!important}.credit-grid{grid-template-columns:1fr}/* The phases are controls, not labels on a chart: on a phone the name stays and the time goes.
   Sized against the narrowest real phone - "Afternoon" has to fit 320px without clipping - and
   written with both element selectors so it outranks the .verse-daybar b size set at 760px. */
.verse-daybar b{display:block}.verse-daybar button b,.verse-daybar span b{font-size:clamp(.5rem,2.4vw,.625rem);letter-spacing:.02em;white-space:nowrap}.memory-zoom>div small{font-size:.6875rem}}

@media(prefers-reduced-motion:reduce){
    .hero-clouds,.hero-aurora{animation:none!important}.capture-source,.policy-actions button{transform:none!important}.quest-completion-flare{animation:none!important}
}

/* Orbit core states. Geometry stays unchanged; only material language changes. */
.orbit-nav-3d[data-state="search"] .orbit-center{--orbit-state:#76e6ff;box-shadow:0 0 0 1px rgba(118,230,255,.14),0 0 60px rgba(70,203,255,.2)}
.orbit-nav-3d[data-state="discover"] .orbit-center{--orbit-state:#9b86ff;box-shadow:0 0 0 1px rgba(155,134,255,.16),0 0 70px rgba(127,91,255,.22)}
.orbit-nav-3d[data-state="quest"] .orbit-center{--orbit-state:#ffd782;box-shadow:0 0 0 1px rgba(255,215,130,.13),0 0 65px rgba(255,196,85,.16)}
.orbit-nav-3d[data-state="privacy"] .orbit-center{--orbit-state:#65e6bd;box-shadow:0 0 0 1px rgba(101,230,189,.14),0 0 65px rgba(71,208,163,.17)}
.orbit-nav-3d[data-state="signal"] .orbit-center{--orbit-state:#ff9bb4;box-shadow:0 0 0 1px rgba(255,155,180,.13),0 0 65px rgba(255,100,145,.14)}
.orbit-nav-3d[data-state="statify"] .orbit-center{--orbit-state:#74d8ff}.orbit-nav-3d[data-state="affinity"] .orbit-center{--orbit-state:#a18cff}.orbit-nav-3d[data-state="sense"] .orbit-center{--orbit-state:#72e7d2}
.orbit-nav-3d[data-state]:not([data-state="idle"]) .orbit-center .core-heart{background:var(--orbit-state,#76e6ff);box-shadow:0 0 18px var(--orbit-state,#76e6ff),0 0 44px color-mix(in srgb,var(--orbit-state,#76e6ff) 42%,transparent)}
.memory-beacon.related{box-shadow:0 0 0 1px rgba(120,220,255,.12),0 0 24px rgba(80,190,255,.09);opacity:.92}.memory-beacon.related::after{content:"Linked";position:absolute;left:50%;top:calc(100% + 5px);transform:translateX(-50%);font-size:.6875rem;letter-spacing:.08em;color:var(--muted-2);white-space:nowrap}.memory-beacon.active{z-index:8;filter:brightness(1.18)}

/* =========================================================
   GENESIS 0.8.0 / FRONT PAGE REVIEW CANDIDATE
   Intelligence Fabric + Sovereign Layer + final reassembly
   ========================================================= */

.systems-section,.trust-section{position:relative;isolation:isolate;overflow:hidden}
.systems-section::before,.trust-section::before{content:"";position:absolute;inset:8% -10%;z-index:-1;pointer-events:none;background:radial-gradient(42% 32% at 50% 42%,rgba(54,174,230,.075),transparent 70%)}
.systems-section::after{content:"";position:absolute;left:50%;top:21%;width:78vw;max-width:1200px;height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(91,208,255,.17),transparent);box-shadow:0 0 34px rgba(70,200,255,.09);pointer-events:none}

.systems-stage{width:min(1180px,92vw);min-height:610px;margin:1.6rem auto 0;display:grid;grid-template-columns:minmax(360px,.82fr) minmax(520px,1.18fr);gap:1.25rem;align-items:center;position:relative;perspective:1500px;transform-style:preserve-3d;transition:transform .18s ease-out}
.systems-constellation{height:520px;position:relative;display:grid;place-items:center;transform-style:preserve-3d;perspective:1200px}
.sys-core{width:168px;height:168px;position:relative;z-index:8;display:grid;place-items:center;align-content:center;gap:.35rem;border:1px solid rgba(108,224,255,.25);border-radius:50%;background:radial-gradient(circle at 42% 35%,rgba(114,231,255,.16),rgba(8,26,48,.82) 42%,rgba(2,8,20,.96) 72%);box-shadow:0 0 0 18px rgba(77,190,236,.025),0 0 80px rgba(53,190,244,.14),inset 0 0 55px rgba(71,204,255,.08);transform:translateZ(52px)}
.sys-core::before,.sys-core::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(99,218,255,.13)}
.sys-core::before{inset:13px}.sys-core::after{inset:28px;border-style:dashed}
.sys-core i{font-size:2.45rem;color:#85eaff;text-shadow:0 0 24px rgba(101,226,255,.42)}.sys-core b{font-size:.6875rem;letter-spacing:.13em}.sys-core small{font-size:.6875rem;letter-spacing:.1em;color:var(--muted-2)}
.sys-ring{position:absolute;width:76%;aspect-ratio:1;border:1px solid rgba(95,210,255,.11);border-radius:50%;transform-style:preserve-3d;animation-play-state:paused}
.sr-a{transform:rotateX(68deg) rotateZ(10deg);animation:sysOrbitA 17s linear infinite}.sr-b{width:92%;transform:rotateX(71deg) rotateZ(-35deg);border-color:rgba(142,117,255,.105);animation:sysOrbitB 23s linear infinite reverse}.sr-c{width:60%;transform:rotateX(62deg) rotateZ(55deg);border-style:dashed;animation:sysOrbitC 13s linear infinite}
.systems-stage.is-live .sys-ring{animation-play-state:running}
@keyframes sysOrbitA{to{transform:rotateX(68deg) rotateZ(370deg)}}@keyframes sysOrbitB{to{transform:rotateX(71deg) rotateZ(325deg)}}@keyframes sysOrbitC{to{transform:rotateX(62deg) rotateZ(415deg)}}
.sys-node{width:48px;height:48px;position:absolute;z-index:9;display:grid;place-items:center;border:1px solid rgba(102,217,255,.16);border-radius:13px;background:linear-gradient(145deg,rgba(11,37,62,.9),rgba(3,12,25,.95));box-shadow:0 12px 32px rgba(0,0,0,.28),inset 0 0 22px rgba(91,215,255,.035);color:#69d9f2;transition:.35s ease}
.sys-node i{font-size:1.2rem}.sn-a{left:8%;top:24%;transform:translateZ(55px) rotate(-7deg)}.sn-b{right:6%;top:18%;transform:translateZ(-25px) scale(.88) rotate(8deg);opacity:.72}.sn-c{right:3%;bottom:20%;transform:translateZ(42px) rotate(-8deg)}.sn-d{left:13%;bottom:14%;transform:translateZ(-38px) scale(.82);opacity:.64}.sn-e{left:45%;top:5%;transform:translateZ(18px)}
.systems-stage[data-system-state="reason"] .sys-core,.systems-stage[data-system-state="extend"] .sys-core{border-color:rgba(153,131,255,.28);box-shadow:0 0 0 18px rgba(125,95,255,.025),0 0 86px rgba(124,91,255,.16),inset 0 0 55px rgba(143,112,255,.08)}
.systems-stage[data-system-state="protect"] .sys-core{border-color:rgba(103,229,189,.28);box-shadow:0 0 0 18px rgba(79,208,164,.025),0 0 86px rgba(75,213,170,.14),inset 0 0 55px rgba(90,222,180,.07)}
.systems-stage[data-system-state="act"] .sys-core{border-color:rgba(255,207,119,.22);box-shadow:0 0 0 18px rgba(255,198,88,.02),0 0 82px rgba(245,181,73,.11),inset 0 0 55px rgba(255,211,122,.06)}

.system-console{min-height:520px;padding:1.15rem;border-radius:22px;background:linear-gradient(145deg,rgba(7,20,39,.88),rgba(3,10,23,.94));box-shadow:0 36px 90px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.035);transform:translateZ(24px)}
.system-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:.28rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.055)}
.system-tab{min-width:0;padding:.42rem .25rem;border:1px solid rgba(91,190,235,.06);border-radius:6px;background:rgba(3,11,24,.44);color:var(--muted);font-size:.6875rem;letter-spacing:.09em;cursor:pointer;transition:.22s ease}.system-tab:hover,.system-tab.active{color:#91e8fb;border-color:rgba(104,222,255,.25);background:rgba(34,126,164,.1);box-shadow:inset 0 -1px rgba(105,220,255,.28)}
.system-readout-head{display:flex;justify-content:space-between;gap:.8rem;margin-top:.8rem;color:var(--muted-2);font-size:.6875rem;letter-spacing:.1em}.system-readout-head b{color:#5fd7b0;font-size:.6875rem}.system-console>h3{margin:.65rem 0 .5rem;font-size:clamp(1.35rem,2.4vw,2.3rem);line-height:1.02;letter-spacing:-.035em;max-width:640px}.system-console>p{margin:0;color:#6d899a;line-height:1.62;font-size:.6875rem;max-width:650px}
.system-engine-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin-top:.95rem}.system-engine-grid button{min-height:72px;padding:.55rem;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:.45rem;border:1px solid rgba(91,192,237,.07);border-radius:9px;background:rgba(2,10,22,.52);text-align:left;cursor:pointer;transition:.22s ease}.system-engine-grid button:hover,.system-engine-grid button.active{transform:translateY(-2px);border-color:rgba(105,222,255,.23);background:rgba(31,117,154,.09);box-shadow:0 12px 28px rgba(0,0,0,.2)}.system-engine-grid i{font-size:1.2rem;color:#5a94ae}.system-engine-grid button:hover i,.system-engine-grid button.active i{color:#76e2fa}.system-engine-grid span{display:flex;flex-direction:column;gap:.12rem}.system-engine-grid b{font-size:.6875rem;letter-spacing:.07em;color:#a9c8d5}.system-engine-grid small{font-size:.6875rem;color:var(--muted)}
.system-example{margin-top:.8rem;padding:.65rem .7rem;display:grid;grid-template-columns:1fr;gap:.33rem;border-left:2px solid rgba(103,222,255,.28);background:linear-gradient(90deg,rgba(33,119,156,.08),transparent 75%)}.system-example span{display:flex;flex-direction:column;gap:.15rem}.system-example small{font-size:.6875rem;letter-spacing:.09em;color:var(--muted)}.system-example b{font-size:.6875rem;color:#b1d2de}.system-example em{font-style:normal;color:#62cfe8;font-size:.6875rem;letter-spacing:.05em}

.feature-constellation{width:min(1180px,92vw);margin:1.25rem auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem}.feature-constellation article{min-height:112px;padding:.7rem;display:grid;grid-template-columns:34px 1fr;gap:.45rem;align-items:start;border:1px solid rgba(87,188,234,.065);border-radius:11px;background:linear-gradient(145deg,rgba(5,16,31,.6),rgba(3,10,22,.66));transition:.25s ease}.feature-constellation article:hover{transform:translateY(-3px);border-color:rgba(101,219,255,.19);background:linear-gradient(145deg,rgba(11,33,51,.72),rgba(4,13,27,.72));box-shadow:0 14px 34px rgba(0,0,0,.2)}.feature-constellation i{font-size:1.25rem;color:#5e9cb5}.feature-constellation span{display:flex;flex-direction:column;gap:.25rem}.feature-constellation b{font-size:.6875rem;letter-spacing:.065em;color:#9dbcc9}.feature-constellation small{font-size:.6875rem;line-height:1.55;color:var(--muted)}

.trust-section::before{background:radial-gradient(36% 29% at 20% 36%,rgba(67,213,173,.065),transparent 70%),radial-gradient(38% 32% at 79% 63%,rgba(93,101,245,.06),transparent 72%)}
.trust-grid{width:min(1180px,92vw);margin:1.5rem auto 0;display:grid;grid-template-columns:repeat(12,1fr);gap:.65rem;perspective:1400px}.trust-card{padding:.85rem;border-radius:15px;background:linear-gradient(150deg,rgba(5,17,33,.77),rgba(3,10,23,.84));position:relative;overflow:hidden;transition:.28s ease}.trust-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.025),transparent 28% 72%,rgba(83,205,255,.018))}.trust-card:hover{transform:translateY(-3px) rotateX(.35deg);border-color:rgba(105,220,255,.17);box-shadow:0 18px 50px rgba(0,0,0,.24)}.trust-card>header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding-bottom:.55rem;border-bottom:1px solid rgba(255,255,255,.05);font-size:.6875rem;letter-spacing:.08em;color:#7295a7}.trust-card>header span{display:flex;align-items:center;gap:.3rem}.trust-card>header i{font-size:1rem;color:#66d5ed}.trust-card>header b{font-size:.6875rem;color:#63dcae}.trust-card>p{color:var(--muted-2);font-size:.6875rem;line-height:1.55}.device-trust,.edge-card{grid-column:span 6}.autonomy-card,.attention-card{grid-column:span 6}.ledger-card{grid-column:span 7}.future-card{grid-column:span 5}
.device-orbit{height:145px;margin:.55rem 0;position:relative;display:grid;place-items:center}.device-orbit>span{width:72%;height:70px;border:1px solid rgba(95,210,255,.1);border-radius:50%;transform:rotate(-8deg);position:absolute}.device-orbit>span::after{content:"";position:absolute;inset:13px;border:1px dashed rgba(115,127,255,.08);border-radius:50%}.device-orbit>i{width:38px;height:38px;position:absolute;display:grid;place-items:center;border:1px solid rgba(97,204,247,.11);border-radius:10px;background:rgba(4,18,34,.82);color:#5c9db7;font-size:1.1rem;box-shadow:0 9px 20px rgba(0,0,0,.22)}.device-orbit>i:nth-of-type(1){left:14%;top:51%}.device-orbit>i:nth-of-type(2){left:39%;top:12%}.device-orbit>i:nth-of-type(3){right:12%;top:45%}.device-orbit>i:nth-of-type(4){left:46%;bottom:0;color:#65d9b0}.device-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:.28rem}.device-tabs button{padding:.35rem .2rem;border:1px solid rgba(90,188,233,.07);border-radius:6px;background:rgba(3,10,22,.5);color:var(--muted);font-size:.6875rem;letter-spacing:.07em;cursor:pointer}.device-tabs button:hover,.device-tabs button.active{color:#85e3f7;border-color:rgba(101,218,255,.22);background:rgba(32,118,154,.09)}.device-trust>small,.autonomy-card>small{display:block;color:var(--muted);font-size:.6875rem;letter-spacing:.06em;line-height:1.5}
.edge-stack{min-height:118px;margin:.7rem 0;display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr 24px 1fr;align-items:center;gap:.18rem}.edge-stack>span{min-width:0;padding:.48rem .25rem;display:flex;flex-direction:column;align-items:center;gap:.15rem;border:1px solid rgba(91,194,238,.07);border-radius:8px;background:rgba(3,11,24,.42)}.edge-stack>span i{font-size:1.15rem;color:#5b98b1}.edge-stack>span b{font-size:.6875rem;letter-spacing:.06em;color:#8fb0be}.edge-stack>span small{font-size:.6875rem;color:var(--muted)}.edge-stack>i{text-align:center;color:#38566b}.edge-toggle{display:flex;align-items:center;gap:.35rem;padding:.4rem .55rem;border:1px solid rgba(102,219,255,.13);border-radius:7px;background:rgba(31,118,154,.08);color:#6ed8ef;font-size:.6875rem;letter-spacing:.07em;cursor:pointer}.edge-toggle.offline{border-color:rgba(255,204,112,.18);color:#f0c477;background:rgba(124,87,27,.07)}
.autonomy-track{display:grid;grid-template-columns:repeat(5,1fr);gap:.25rem;margin:.8rem 0}.autonomy-track button{min-width:0;padding:.38rem .2rem;border:1px solid rgba(91,191,237,.06);border-radius:6px;background:rgba(2,9,20,.48);color:var(--muted);font-size:.6875rem;letter-spacing:.05em;cursor:pointer}.autonomy-track button:hover,.autonomy-track button.active{border-color:rgba(104,221,255,.23);color:#86e3f6;background:rgba(32,119,157,.09)}
.attention-spectrum{display:grid;gap:.4rem;margin:.78rem 0}.attention-spectrum span{display:grid;grid-template-columns:74px 1fr 72px;align-items:center;gap:.4rem}.attention-spectrum b{font-size:.6875rem;letter-spacing:.07em;color:#6e91a3}.attention-spectrum i{display:block;height:5px;border-radius:5px;background:rgba(255,255,255,.035);overflow:hidden}.attention-spectrum i::after{content:"";display:block;height:100%;width:var(--level);border-radius:inherit;background:linear-gradient(90deg,rgba(78,145,195,.38),rgba(102,222,255,.7))}.attention-spectrum small{text-align:right;font-size:.6875rem;color:var(--muted)}
.agent-ledger{display:grid;gap:.16rem;margin:.65rem 0}.agent-ledger span{display:grid;grid-template-columns:10px 48px 1fr auto;gap:.38rem;align-items:center;padding:.42rem .2rem;border-bottom:1px solid rgba(255,255,255,.035)}.agent-ledger span>i{width:6px;height:6px;border-radius:50%;background:#64d9f2;box-shadow:0 0 8px rgba(97,218,243,.35)}.agent-ledger span:nth-child(2)>i{background:#9b87ff}.agent-ledger b{font-size:.6875rem;color:var(--muted-2)}.agent-ledger p{margin:0;font-size:.6875rem;color:#7899a8}.agent-ledger em{font-style:normal;font-size:.6875rem;letter-spacing:.06em;color:var(--muted)}.ledger-card>button{padding:.38rem .52rem;border:1px solid rgba(93,201,246,.1);border-radius:6px;background:rgba(27,103,139,.07);color:#68cce2;font-size:.6875rem;letter-spacing:.06em;cursor:pointer}.ledger-detail{max-height:0;opacity:0;overflow:hidden;margin:0!important;transition:max-height .35s ease,opacity .25s ease,margin .3s ease}.ledger-card.audit-open .ledger-detail{max-height:90px;opacity:1;margin:.6rem 0 0!important}
.future-grid{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;margin:.7rem 0}.future-grid span{min-height:72px;padding:.45rem;display:grid;grid-template-columns:28px 1fr;align-items:start;border:1px solid rgba(88,188,233,.055);border-radius:8px;background:rgba(2,9,20,.4)}.future-grid i{grid-row:1/3;font-size:1rem;color:#5a93ab}.future-grid b{font-size:.6875rem;letter-spacing:.055em;color:#86a7b5}.future-grid small{font-size:.6875rem;line-height:1.4;color:var(--muted)}
.sovereign-strip{width:min(1060px,88vw);margin:1rem auto 0;padding:.72rem .85rem;display:grid;grid-template-columns:1fr 22px 1fr 22px 1fr 22px 1fr;gap:.3rem;align-items:center;border:1px solid rgba(97,204,248,.07);border-radius:13px;background:linear-gradient(90deg,rgba(4,14,28,.58),rgba(7,21,39,.66),rgba(4,14,28,.58))}.sovereign-strip>span{display:grid;grid-template-columns:30px 1fr;align-items:center}.sovereign-strip>span i{grid-row:1/3;font-size:1.1rem;color:#5fcfe8}.sovereign-strip b{font-size:.6875rem;letter-spacing:.06em;color:#90afbc}.sovereign-strip small{font-size:.6875rem;color:var(--muted)}.sovereign-strip>i{text-align:center;color:#38576a}

/* Final scene reassembles the product rather than introducing another concept. */
.final-reassembly{width:300px;height:300px;margin:0 auto .7rem;position:relative;display:grid;place-items:center;perspective:900px;transform-style:preserve-3d}.final-reassembly .final-core{position:relative;z-index:8;margin:0}.final-orbit-ring{position:absolute;width:78%;height:78%;border:1px solid rgba(101,218,255,.11);border-radius:50%;animation-play-state:paused}.for-a{transform:rotateX(68deg) rotateZ(12deg);animation:finalOrbitA 16s linear infinite}.for-b{width:94%;height:94%;transform:rotateX(72deg) rotateZ(-39deg);border-color:rgba(146,121,255,.1);animation:finalOrbitB 22s linear infinite reverse}.for-c{width:62%;height:62%;transform:rotateX(61deg) rotateZ(55deg);border-style:dashed;animation:finalOrbitC 12s linear infinite}.final-content.is-live .final-orbit-ring{animation-play-state:running}@keyframes finalOrbitA{to{transform:rotateX(68deg) rotateZ(372deg)}}@keyframes finalOrbitB{to{transform:rotateX(72deg) rotateZ(321deg)}}@keyframes finalOrbitC{to{transform:rotateX(61deg) rotateZ(415deg)}}
.final-module{position:absolute;z-index:5;padding:.22rem .34rem;border:1px solid rgba(96,208,251,.11);border-radius:5px;background:rgba(3,13,27,.82);color:#5f9eb8;font-size:.6875rem;letter-spacing:.09em;box-shadow:0 8px 20px rgba(0,0,0,.24)}.fm-a{left:3%;top:42%}.fm-b{right:1%;top:30%}.fm-c{right:11%;bottom:18%}.fm-d{left:12%;bottom:13%}.fm-e{left:33%;top:4%}.fm-f{right:31%;bottom:1%}
.horizon-section .final-content h2{max-width:980px;margin-left:auto;margin-right:auto}

@media(max-width:1120px){
  .systems-stage{grid-template-columns:1fr;min-height:0}.systems-constellation{height:400px}.system-console{min-height:0}.feature-constellation{grid-template-columns:repeat(3,1fr)}
  .device-trust,.edge-card,.autonomy-card,.attention-card,.ledger-card,.future-card{grid-column:span 6}.trust-grid{grid-template-columns:repeat(12,1fr)}
}
@media(max-width:820px){
  .feature-constellation{grid-template-columns:1fr 1fr}.device-trust,.edge-card,.autonomy-card,.attention-card,.ledger-card,.future-card{grid-column:1/-1}.system-tabs{grid-template-columns:repeat(3,1fr)}.system-engine-grid{grid-template-columns:1fr 1fr}.sovereign-strip{grid-template-columns:1fr}.sovereign-strip>i{transform:rotate(90deg)}
}
@media(max-width:620px){
  .systems-constellation{height:330px}.sys-core{width:138px;height:138px}.sys-node{width:40px;height:40px}.system-engine-grid,.feature-constellation{grid-template-columns:1fr}.system-console{padding:.8rem}.edge-stack{grid-template-columns:1fr}.edge-stack>i{transform:rotate(90deg)}.autonomy-track{grid-template-columns:1fr 1fr}.attention-spectrum span{grid-template-columns:65px 1fr 58px}.future-grid{grid-template-columns:1fr}.final-reassembly{width:250px;height:250px}.agent-ledger span{grid-template-columns:8px 42px 1fr}.agent-ledger em{grid-column:3;margin-top:-.18rem}
}
@media(prefers-reduced-motion:reduce){.sys-ring,.final-orbit-ring{animation:none!important}.systems-stage{transform:none!important}.trust-card:hover{transform:none!important}}
html.balanced-render .sys-ring,html.balanced-render .final-orbit-ring{animation-duration:30s}html.balanced-render .trust-card{backdrop-filter:none}

/* ============================================================
   GENESIS 1.0 / FRONTEND FEATURE-COMPLETE LAYER
   CSS-only depth is intentionally lightweight: transform + opacity.
   ============================================================ */

/* Capture Fabric grows into a broader input constellation without changing the event model. */
.capture-sources{grid-template-columns:repeat(4,minmax(0,1fr))}
.capture-source{min-height:72px;position:relative;overflow:hidden;transform:translateZ(0)}
.capture-source::after{content:"";position:absolute;left:12%;right:12%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(91,214,255,.34),transparent);transform:scaleX(0);transition:transform .28s ease}
.capture-source:hover::after,.capture-source.active::after{transform:scaleX(1)}
.capture-source:nth-child(n+9){background:linear-gradient(145deg,rgba(24,37,72,.20),rgba(3,11,24,.54))}

/* Quest Director + explicit verification grammar. */
.quest-director{width:min(1180px,92vw);margin:1.15rem auto 0;padding:1rem;display:grid;grid-template-columns:1.25fr .8fr;grid-template-areas:"copy route" "controls route";gap:.75rem;align-items:center;position:relative;overflow:hidden;perspective:1100px}
.quest-director::before{content:"";position:absolute;inset:0;background:radial-gradient(40% 80% at 72% 50%,rgba(89,87,237,.075),transparent 72%),linear-gradient(120deg,rgba(47,180,221,.025),transparent 44%);pointer-events:none}
.quest-director-copy{grid-area:copy;position:relative;z-index:2}.quest-director-copy>span{display:flex;align-items:center;gap:.4rem;color:#68cae2;font-size:.6875rem;letter-spacing:.09em}.quest-director-copy>span i{font-size:1rem}.quest-director-copy h3{margin:.4rem 0 .32rem;color:#d7edf4;font-size:clamp(1rem,2vw,1.7rem);line-height:1.08}.quest-director-copy p{max-width:680px;margin:0;color:var(--muted-2);font-size:.6875rem;line-height:1.62}
.director-context{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.65rem}.director-context b{padding:.24rem .38rem;border:1px solid rgba(99,205,246,.1);border-radius:5px;background:rgba(19,92,125,.06);color:#5f9db5;font-size:.6875rem;letter-spacing:.07em}
.director-route{grid-area:route;min-height:210px;position:relative;display:grid;place-items:center;transform-style:preserve-3d}.dr-core{width:76px;height:76px;border:1px solid rgba(106,220,255,.32);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(82,209,255,.14),rgba(4,13,28,.92) 66%);box-shadow:0 0 42px rgba(71,197,241,.12);color:#83e9fb;font-size:1.8rem;position:relative;z-index:4}.dr-ring{position:absolute;width:72%;height:44%;border:1px solid rgba(94,210,251,.11);border-radius:50%;transform:rotateX(64deg) rotateZ(14deg);animation:directorOrbit 18s linear infinite;animation-play-state:paused}.dr-b{width:90%;height:61%;border-color:rgba(143,118,255,.11);transform:rotateX(72deg) rotateZ(-33deg);animation-duration:26s;animation-direction:reverse}.quest-section.chapter-active .dr-ring{animation-play-state:running}.dr-node{position:absolute;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(99,210,250,.15);border-radius:9px;background:rgba(4,15,31,.92);color:#66cbe3;box-shadow:0 8px 18px rgba(0,0,0,.26);z-index:5}.dn-1{left:18%;top:43%}.dn-2{left:43%;top:10%}.dn-3{right:17%;top:43%}.dn-4{left:45%;bottom:8%;color:#78e6b7}@keyframes directorOrbit{to{transform:rotateX(64deg) rotateZ(374deg)}}
.director-controls{grid-area:controls;display:flex;flex-wrap:wrap;gap:.3rem;position:relative;z-index:2}.director-controls button{padding:.34rem .5rem;border:1px solid rgba(94,195,237,.08);border-radius:6px;background:rgba(3,11,24,.5);color:var(--muted);font-size:.6875rem;letter-spacing:.07em;cursor:pointer;transition:.2s ease}.director-controls button:hover,.director-controls button.active{color:#91e8f8;border-color:rgba(102,218,255,.24);background:rgba(34,126,161,.09)}
.verification-ladder{width:min(1120px,90vw);margin:.7rem auto 0;padding:.55rem .7rem;display:grid;grid-template-columns:1fr 18px 1fr 18px 1fr 18px 1fr 18px 1fr 18px 1fr;align-items:center;gap:.22rem;border:1px solid rgba(95,197,239,.06);border-radius:12px;background:rgba(4,13,26,.48)}.verification-ladder>span{display:grid;grid-template-columns:28px 1fr;align-items:center;min-width:0}.verification-ladder>span i{grid-row:1/3;color:#5d9db8;font-size:.95rem}.verification-ladder b{font-size:.6875rem;letter-spacing:.06em;color:#86a9b8}.verification-ladder small{font-size:.6875rem;color:var(--muted)}.verification-ladder>i{text-align:center;color:#6f91a3}

/* World trust signals. */
.world-reputation{width:min(1100px,90vw);margin:.48rem auto 0;padding:.6rem .72rem;display:grid;grid-template-columns:1.2fr 1.25fr 1fr;align-items:center;gap:.7rem}.world-reputation>span{display:grid;grid-template-columns:32px 1fr;align-items:center}.world-reputation>span i{grid-row:1/3;font-size:1.1rem;color:#62d4ad}.world-reputation small{font-size:.6875rem;color:var(--muted);letter-spacing:.055em}.world-reputation b{font-size:.6875rem;color:#8cabb8}.world-reputation>div{display:flex;flex-wrap:wrap;gap:.28rem}.world-reputation em{font-style:normal;padding:.24rem .32rem;border:1px solid rgba(96,202,242,.07);border-radius:5px;color:var(--muted-2);font-size:.6875rem;letter-spacing:.04em}.world-reputation p{margin:0;color:var(--muted);font-size:.6875rem;line-height:1.45}

/* Affinity Ghost comparison. */
.ghost-compare{width:min(1080px,90vw);margin:.75rem auto 0;padding:.75rem}.ghost-compare>header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.045)}.ghost-compare>header span{display:flex;align-items:center;gap:.32rem;color:#678fa3;font-size:.6875rem;letter-spacing:.075em}.ghost-compare>header i{font-size:1rem;color:#806ff0}.ghost-compare>header b{font-size:.6875rem;color:#9b8df4}.ghost-choices{display:flex;gap:.3rem;margin:.6rem 0}.ghost-choices button{padding:.3rem .46rem;border:1px solid rgba(133,113,242,.09);border-radius:6px;background:rgba(51,42,121,.05);color:var(--muted);font-size:.6875rem;letter-spacing:.06em;cursor:pointer}.ghost-choices button:hover,.ghost-choices button.active{color:#b3a8ff;border-color:rgba(145,125,255,.24);background:rgba(94,71,194,.1)}.ghost-bars{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.ghost-bars>span{display:grid;grid-template-columns:68px 1fr 45px;align-items:center;gap:.35rem}.ghost-bars small,.ghost-bars em{font-size:.6875rem;color:var(--muted)}.ghost-bars em{font-style:normal;text-align:right;color:#7cdda9}.ghost-bars i{height:5px;border-radius:5px;background:rgba(255,255,255,.035);overflow:hidden}.ghost-bars i b{display:block;width:var(--p);height:100%;background:linear-gradient(90deg,rgba(102,84,221,.5),rgba(108,216,255,.72));border-radius:inherit;transition:width .45s ease}.ghost-compare p{margin:.55rem 0 0;color:var(--muted);font-size:.6875rem;line-height:1.5}

/* Temporary shared-agent grammar. */
.shared-agent-strip{width:min(1180px,92vw);margin:.8rem auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:.48rem}.shared-agent-strip article{min-height:126px;padding:.62rem;display:grid;grid-template-columns:34px 1fr;gap:.35rem}.shared-agent-strip article>i{font-size:1.25rem;color:#62bdd4}.shared-agent-strip small{font-size:.6875rem;color:#6f91a3;letter-spacing:.06em}.shared-agent-strip b{display:block;margin:.15rem 0;color:#8aabb8;font-size:.6875rem;line-height:1.25}.shared-agent-strip p{margin:0;color:var(--muted);font-size:.6875rem;line-height:1.48}

/* Signals: a concrete expert/minimum-disclosure example. */
.expert-signal-lab{width:min(1120px,90vw);margin:.8rem auto 0;padding:.75rem}.expert-signal-head{display:flex;justify-content:space-between;align-items:center;gap:.7rem}.expert-signal-head>span{display:grid;grid-template-columns:32px 1fr;align-items:center}.expert-signal-head i{grid-row:1/3;font-size:1.15rem;color:#66d7bc}.expert-signal-head small{font-size:.6875rem;color:var(--muted)}.expert-signal-head b{font-size:.6875rem;color:#8babba}.expert-signal-head em{font-style:normal;font-size:.6875rem;color:#69d7ab;letter-spacing:.07em}.expert-signal-flow{display:grid;grid-template-columns:1fr 26px 1fr 26px 1fr;align-items:center;gap:.35rem;margin:.7rem 0}.expert-signal-flow>span{padding:.55rem;border:1px solid rgba(95,196,237,.06);border-radius:8px;background:rgba(2,10,22,.44)}.expert-signal-flow>span small{display:block;font-size:.6875rem;color:var(--muted)}.expert-signal-flow>span b{display:block;margin-top:.15rem;font-size:.6875rem;color:#8baab8}.expert-signal-flow>i{text-align:center;color:#42677b}.expert-signal-flow .signal-filter{border-color:rgba(101,218,177,.12);background:rgba(29,100,77,.06)}.expert-signal-lab>p{margin:0;color:var(--muted);font-size:.6875rem;line-height:1.5}

/* Vault 1.0: pre-share privacy intelligence and audience precision. */
.privacy-intelligence{width:min(1180px,92vw);margin:1rem auto 0;display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.privacy-intelligence article{padding:.75rem}.privacy-intelligence header{display:flex;justify-content:space-between;align-items:center;gap:.45rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.045);font-size:.6875rem;letter-spacing:.07em;color:#678ca0}.privacy-intelligence header span{display:flex;align-items:center;gap:.3rem}.privacy-intelligence header i{font-size:1rem;color:#67cfe5}.privacy-intelligence header b{font-size:.6875rem;color:#6ad8b0}
.privacy-frame{height:190px;margin:.6rem 0;position:relative;overflow:hidden;border:1px solid rgba(93,197,237,.06);border-radius:10px;background:linear-gradient(rgba(72,154,193,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(72,154,193,.025) 1px,transparent 1px),radial-gradient(circle at 66% 36%,rgba(78,211,248,.075),transparent 22%),rgba(2,9,20,.62);background-size:28px 28px,28px 28px,auto,auto}.privacy-frame::before{content:"";position:absolute;left:8%;right:8%;bottom:14%;height:1px;background:rgba(91,190,227,.12);box-shadow:0 -34px 0 rgba(91,190,227,.035),0 -68px 0 rgba(91,190,227,.025)}.privacy-object{position:absolute;padding:.22rem .28rem;border:1px solid rgba(255,188,102,.26);border-radius:5px;background:rgba(89,55,20,.16);color:#e7bd79;font-size:.6875rem;letter-spacing:.05em;display:flex;align-items:center;gap:.2rem}.po-face{left:18%;top:27%}.po-plate{right:16%;top:52%}.po-home{left:39%;bottom:15%}.privacy-scanline{position:absolute;left:0;right:0;height:1px;top:0;background:linear-gradient(90deg,transparent,rgba(98,224,255,.6),transparent);box-shadow:0 0 12px rgba(98,224,255,.25);animation:privacyScan 3.8s ease-in-out infinite;animation-play-state:paused}.vault-section.chapter-active .privacy-scanline{animation-play-state:running}@keyframes privacyScan{0%,100%{transform:translateY(14px);opacity:.2}50%{transform:translateY(170px);opacity:1}}
.privacy-findings{display:flex;flex-wrap:wrap;gap:.3rem}.privacy-findings span{font-size:.6875rem;color:var(--muted-2)}.privacy-findings i{color:#e5b66f}.privacy-scan button{margin-top:.55rem;padding:.36rem .52rem;border:1px solid rgba(96,220,179,.16);border-radius:6px;background:rgba(37,113,87,.08);color:#75dcb8;font-size:.6875rem;letter-spacing:.05em;cursor:pointer}.privacy-scan.is-safe .privacy-object{border-color:rgba(104,221,180,.18);color:#74dcb7;background:rgba(31,102,79,.09)}.privacy-scan.is-safe .privacy-scanline{animation:none;top:50%;opacity:.15}.privacy-scan.is-safe #privacyScanState{color:#74dcb7}
.precision-axis{margin:.72rem 0}.precision-axis>span{display:grid;grid-template-columns:58px 1fr;gap:.45rem;align-items:center}.precision-axis small{font-size:.6875rem;color:var(--muted)}.precision-axis b{font-size:.6875rem;color:#839fac}.precision-axis>i{display:block;width:1px;height:22px;margin:.14rem 0 .14rem 28px;background:linear-gradient(rgba(99,208,246,.25),rgba(99,208,246,.04))}.privacy-zones{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;margin-top:.7rem}.privacy-zones span{padding:.42rem;border:1px solid rgba(101,199,239,.06);border-radius:7px;background:rgba(2,10,21,.38);display:flex;align-items:center;gap:.28rem}.privacy-zones i{color:#668fa2}.privacy-zones b{font-size:.6875rem;color:#6f8d9b;letter-spacing:.045em}

/* Intelligence Fabric becomes a denser feature constellation in v1. */
.feature-constellation{grid-template-columns:repeat(3,1fr)}

/* History bridge and import/export continuity. */
.history-bridge{width:min(1120px,90vw);margin:.85rem auto 0;padding:.75rem;display:grid;grid-template-columns:1.15fr 1.4fr;grid-template-areas:"copy sources" "flow flow";gap:.65rem;align-items:center}.history-copy{grid-area:copy}.history-copy>span{display:grid;grid-template-columns:30px 1fr;align-items:center}.history-copy i{grid-row:1/3;font-size:1.1rem;color:#65c8df}.history-copy small{font-size:.6875rem;color:var(--muted)}.history-copy b{font-size:.6875rem;color:#8cabb8}.history-copy p{margin:.35rem 0 0;color:var(--muted);font-size:.6875rem;line-height:1.5}.history-sources{grid-area:sources;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.28rem}.history-sources span{padding:.28rem .38rem;border:1px solid rgba(94,193,236,.07);border-radius:5px;background:rgba(3,11,23,.42);font-size:.6875rem;color:var(--muted-2);letter-spacing:.05em}.history-flow{grid-area:flow;display:grid;grid-template-columns:1fr 20px 1.2fr 20px 1.2fr 20px 1fr;align-items:center;gap:.25rem;padding-top:.55rem;border-top:1px solid rgba(255,255,255,.035)}.history-flow b{text-align:center;font-size:.6875rem;color:#7696a5;letter-spacing:.05em}.history-flow i{text-align:center;color:#6f91a3}

/* ------------------------------------------------------------
   CAPABILITY ATLAS / COMPLETE FRONTEND CONTRACT
   ------------------------------------------------------------ */
.atlas-section{padding-top:clamp(4rem,8vw,7rem);padding-bottom:clamp(4rem,8vw,7rem);background:radial-gradient(48% 30% at 50% 18%,rgba(67,191,235,.07),transparent 72%),radial-gradient(38% 26% at 74% 55%,rgba(108,80,223,.055),transparent 72%)}
.atlas-stage{width:min(1120px,90vw);margin:1.15rem auto 0;display:grid;grid-template-columns:.78fr 1.22fr;gap:.8rem;align-items:center;perspective:1300px}.atlas-visual{height:300px;position:relative;display:grid;place-items:center;transform-style:preserve-3d}.atlas-orbit{position:absolute;width:70%;height:42%;border:1px solid rgba(96,210,250,.12);border-radius:50%;transform:rotateX(68deg) rotateZ(15deg);animation:atlasOrbitA 22s linear infinite;animation-play-state:paused}.ao-b{width:88%;height:58%;border-color:rgba(146,120,255,.11);transform:rotateX(72deg) rotateZ(-40deg);animation:atlasOrbitB 30s linear infinite reverse}.ao-c{width:58%;height:72%;border-style:dashed;border-color:rgba(88,214,179,.09);transform:rotateY(68deg) rotateZ(28deg);animation:atlasOrbitC 27s linear infinite}.atlas-stage.is-live .atlas-orbit{animation-play-state:running}@keyframes atlasOrbitA{to{transform:rotateX(68deg) rotateZ(375deg)}}@keyframes atlasOrbitB{to{transform:rotateX(72deg) rotateZ(320deg)}}@keyframes atlasOrbitC{to{transform:rotateY(68deg) rotateZ(388deg)}}
.atlas-prism{width:92px;height:92px;position:relative;transform-style:preserve-3d;transform:rotateX(-17deg) rotateY(28deg);animation:atlasPrism 18s ease-in-out infinite;animation-play-state:paused;z-index:5}.atlas-stage.is-live .atlas-prism{animation-play-state:running}@keyframes atlasPrism{0%,100%{transform:rotateX(-17deg) rotateY(28deg)}50%{transform:rotateX(-8deg) rotateY(205deg)}}.atlas-prism span{position:absolute;inset:0;display:grid;place-items:center;border:1px solid rgba(102,219,255,.2);background:linear-gradient(145deg,rgba(12,43,65,.82),rgba(3,12,27,.9));box-shadow:inset 0 0 24px rgba(73,198,237,.06);color:#91e9f8;font-size:.6875rem;letter-spacing:.09em}.ap-front{transform:translateZ(46px)}.ap-back{transform:rotateY(180deg) translateZ(46px)}.ap-right{transform:rotateY(90deg) translateZ(46px)}.ap-left{transform:rotateY(-90deg) translateZ(46px)}.ap-top{transform:rotateX(90deg) translateZ(46px)}.ap-bottom{transform:rotateX(-90deg) translateZ(46px)}
.atlas-satellite{position:absolute;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(95,201,241,.11);border-radius:50%;background:rgba(3,13,27,.9);color:#64bbd3;font-size:1rem;box-shadow:0 8px 22px rgba(0,0,0,.28)}.as-a{left:12%;top:48%}.as-b{left:39%;top:7%}.as-c{right:10%;top:39%}.as-d{right:26%;bottom:8%;color:#62d5ad}.as-e{left:24%;bottom:13%;color:#9584ef}
.atlas-intro{padding:1rem}.atlas-intro>span{font-size:.6875rem;color:var(--muted-2);letter-spacing:.09em}.atlas-intro h3{margin:.34rem 0;color:#d3e8ef;font-size:clamp(1rem,2.1vw,1.65rem);line-height:1.15}.atlas-intro h3 b{color:#75dff3}.atlas-intro>p{margin:.4rem 0 .7rem;color:var(--muted-2);font-size:.6875rem;line-height:1.6}.atlas-signal{padding:.55rem .65rem;display:grid;grid-template-columns:38px 1fr;align-items:center;border:1px solid rgba(99,211,249,.08);border-radius:8px;background:rgba(15,68,94,.06)}.atlas-signal i{grid-row:1/3;font-size:1.25rem;color:#68d2e8}.atlas-signal small{font-size:.6875rem;color:#6f91a3}.atlas-signal b{font-size:.6875rem;color:#89aab8;letter-spacing:.04em}
.atlas-controls{width:min(1180px,92vw);margin:1rem auto .65rem;display:flex;justify-content:space-between;align-items:center;gap:.65rem}.atlas-filters{display:flex;flex-wrap:wrap;gap:.26rem}.atlas-filters button{padding:.32rem .46rem;border:1px solid rgba(93,191,233,.07);border-radius:6px;background:rgba(2,10,22,.45);color:var(--muted);font-size:.6875rem;letter-spacing:.06em;cursor:pointer;transition:.2s ease}.atlas-filters button:hover,.atlas-filters button.active{color:#8de6f7;border-color:rgba(102,216,255,.22);background:rgba(31,115,151,.08);box-shadow:0 0 18px rgba(62,190,232,.05)}.atlas-search{min-width:255px;display:grid;grid-template-columns:24px 1fr auto;align-items:center;padding:.28rem .38rem;border:1px solid rgba(91,192,235,.08);border-radius:7px;background:rgba(2,9,20,.62)}.atlas-search i{color:#4f879e}.atlas-search input{min-width:0;border:0;background:transparent;color:#96bac7;font:inherit;font-size:.6875rem;letter-spacing:.055em}.atlas-search input::placeholder{color:#38596b}.atlas-search span{font-size:.6875rem;color:var(--muted);letter-spacing:.05em}
.atlas-grid{width:min(1220px,94vw);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:.42rem}.atlas-card{min-height:138px;padding:.56rem;display:grid;grid-template-columns:34px 1fr;gap:.38rem;align-items:start;position:relative;overflow:hidden;transition:transform .24s ease,opacity .2s ease,border-color .2s ease}.atlas-card::after{content:"";position:absolute;left:0;top:14%;bottom:14%;width:1px;background:linear-gradient(transparent,rgba(94,211,250,.26),transparent);opacity:0;transition:opacity .2s ease}.atlas-card:hover{transform:translateY(-3px);border-color:rgba(99,211,250,.15)}.atlas-card:hover::after{opacity:1}.atlas-card>i{font-size:1.1rem;color:#5f9bb5}.atlas-card[data-atlas-cat="play"]>i{color:#9280ed}.atlas-card[data-atlas-cat="privacy"]>i{color:#65d4ad}.atlas-card[data-atlas-cat="social"]>i{color:#72b6e8}.atlas-card small{font-size:.6875rem;color:#6f91a3;letter-spacing:.075em}.atlas-card b{display:block;margin:.08rem 0 .16rem;color:#8faebb;font-size:.6875rem;letter-spacing:.025em}.atlas-card p{margin:0;color:var(--muted);font-size:.6875rem;line-height:1.42}.atlas-card em{display:block;margin-top:.36rem;padding-top:.3rem;border-top:1px solid rgba(255,255,255,.035);color:var(--muted);font-size:.6875rem;line-height:1.4;font-style:normal}.atlas-card.is-hidden{display:none}.atlas-card.is-match{border-color:rgba(100,218,255,.16);box-shadow:inset 0 0 24px rgba(54,170,210,.025)}
.atlas-foot{width:min(1080px,90vw);margin:.75rem auto 0;padding:.58rem .7rem;border:1px solid rgba(99,213,250,.08);border-radius:10px;background:linear-gradient(90deg,rgba(23,87,115,.06),rgba(3,13,27,.55),rgba(37,30,91,.05));display:flex;justify-content:space-between;align-items:center;gap:.7rem}.atlas-foot>span{display:grid;grid-template-columns:32px 1fr;align-items:center}.atlas-foot i{grid-row:1/3;font-size:1.1rem;color:#69dab1}.atlas-foot b{font-size:.6875rem;color:#8fabba}.atlas-foot small{font-size:.6875rem;color:var(--muted)}.atlas-foot em{font-style:normal;color:#6fd9ed;font-size:.6875rem;letter-spacing:.08em}

/* Professional lenses: same brain, different context. */
.professional-lenses{width:min(1180px,92vw);margin:.85rem auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}.professional-lenses article{padding:.58rem;display:grid;grid-template-columns:34px 1fr;gap:.35rem}.professional-lenses article>i{font-size:1.1rem;color:#5ea4be}.professional-lenses small{font-size:.6875rem;color:var(--muted);letter-spacing:.06em}.professional-lenses b{display:block;margin:.09rem 0 .16rem;color:#85a5b3;font-size:.6875rem}.professional-lenses p{margin:0;color:var(--muted);font-size:.6875rem;line-height:1.45}

/* V1 final scene language. */
.horizon-section .final-content .eyebrow{color:#66cfe7}.site-footer .brand-word::after{content:" / 1.0";font-size:.6875rem;color:var(--muted);letter-spacing:.08em;margin-left:.3rem}

@media(max-width:1120px){
  .capture-sources{grid-template-columns:repeat(3,1fr)}
  .shared-agent-strip{grid-template-columns:1fr 1fr}
  .atlas-grid{grid-template-columns:repeat(3,1fr)}
  .professional-lenses{grid-template-columns:1fr 1fr}
}
@media(max-width:860px){
  .quest-director{grid-template-columns:1fr;grid-template-areas:"copy" "route" "controls"}.director-route{min-height:180px}
  .verification-ladder{grid-template-columns:1fr 1fr 1fr;gap:.4rem}.verification-ladder>i{display:none}
  .world-reputation{grid-template-columns:1fr}.ghost-bars{grid-template-columns:1fr}
  .expert-signal-flow{grid-template-columns:1fr}.expert-signal-flow>i{transform:rotate(90deg)}
  .privacy-intelligence{grid-template-columns:1fr}
  .history-bridge{grid-template-columns:1fr;grid-template-areas:"copy" "sources" "flow"}.history-sources{justify-content:flex-start}
  .atlas-stage{grid-template-columns:1fr}.atlas-visual{height:250px}.atlas-controls{align-items:stretch;flex-direction:column}.atlas-search{width:100%}.atlas-grid{grid-template-columns:1fr 1fr}
  .feature-constellation{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .capture-sources{grid-template-columns:1fr 1fr}.capture-source{min-height:66px}
  .verification-ladder{grid-template-columns:1fr 1fr}.world-reputation>div{display:grid;grid-template-columns:1fr 1fr}
  .shared-agent-strip{grid-template-columns:1fr}.privacy-zones{grid-template-columns:1fr}
  .history-flow{grid-template-columns:1fr}.history-flow i{transform:rotate(90deg)}
  .atlas-grid{grid-template-columns:1fr}.atlas-card{min-height:0}.atlas-visual{height:220px}.atlas-prism{width:78px;height:78px}.ap-front{transform:translateZ(39px)}.ap-back{transform:rotateY(180deg) translateZ(39px)}.ap-right{transform:rotateY(90deg) translateZ(39px)}.ap-left{transform:rotateY(-90deg) translateZ(39px)}.ap-top{transform:rotateX(90deg) translateZ(39px)}.ap-bottom{transform:rotateX(-90deg) translateZ(39px)}
  .professional-lenses{grid-template-columns:1fr}.feature-constellation{grid-template-columns:1fr}
  .atlas-foot{align-items:flex-start;flex-direction:column}.ghost-bars>span{grid-template-columns:62px 1fr 40px}
}
@media(prefers-reduced-motion:reduce){
  .dr-ring,.privacy-scanline,.atlas-orbit,.atlas-prism{animation:none!important}
  .atlas-card:hover{transform:none!important}
}
html.balanced-render .dr-ring{animation-duration:32s}html.balanced-render .privacy-scanline{animation-duration:6s}html.balanced-render .atlas-orbit{animation-duration:40s}html.balanced-render .atlas-prism{animation-duration:32s}

/* v1 density/performance guard: the Atlas can contain dozens of cards without
   creating dozens of live blur surfaces on Firefox/Linux. */
.atlas-card{backdrop-filter:none;contain:layout paint style}
@supports (content-visibility:auto){.atlas-card{content-visibility:auto;contain-intrinsic-size:138px}}
html.balanced-render .quest-director,html.balanced-render .ghost-compare,html.balanced-render .shared-agent-strip .holo-card,html.balanced-render .expert-signal-lab,html.balanced-render .privacy-intelligence .holo-card,html.balanced-render .history-bridge,html.balanced-render .atlas-intro,html.balanced-render .professional-lenses .holo-card{backdrop-filter:none}

/* ============================================================
   GENESIS 1.0.1 / DESKTOP READABILITY + ORBIT RECENTER
   Live review pass: use available desktop space, remove micro-text,
   and make ORBIT a truly centered, non-overlapping 3D navigation field.
   ============================================================ */
@media (min-width:1181px){
    :root{--max:1440px;}
    .scene{padding-left:max(34px,calc((100vw - var(--max))/2));padding-right:max(34px,calc((100vw - var(--max))/2));}
    .section-heading{max-width:820px;}
    .section-heading p,.final-content p{max-width:760px;}
    .agent-ledger em,
    .atlas-card em,
    .atlas-card small,
    .atlas-filters button,
    .atlas-foot small,
    .atlas-prism span,
    .atlas-search span,
    .atlas-signal small,
    .attention-spectrum small,
    .director-context b,
    .edge-stack>span small,
    .expert-signal-flow>span small,
    .expert-signal-head em,
    .expert-signal-head small,
    .final-module,
    .ghost-bars em,
    .ghost-bars small,
    .ghost-compare>header b,
    .history-copy small,
    .history-flow b,
    .history-sources span,
    .memory-zoom>div,
    .precision-axis small,
    .privacy-findings span,
    .privacy-intelligence header b,
    .privacy-object,
    .privacy-zones b,
    .professional-lenses small,
    .shared-agent-strip small,
    .sovereign-strip small,
    .verification-ladder small,
    .world-reputation em,
    .world-reputation small{font-size:0.72rem;}
    .agent-ledger b,
    .agent-permission-detail>div b,
    .ask-memory>p span,
    .atlas-card b,
    .atlas-card p,
    .atlas-foot b,
    .atlas-foot em,
    .atlas-intro>span,
    .atlas-orbit button span,
    .atlas-search input,
    .atlas-signal b,
    .attention-spectrum b,
    .autonomy-card>small,
    .autonomy-track button,
    .capture-event-core small,
    .capture-source small,
    .chain-track>span small,
    .city-objectives span,
    .city-quest>header,
    .city-quest>header b,
    .city-quest>small,
    .council-candidate small,
    .council-candidate strong,
    .council-lab>header,
    .council-lab>header b,
    .council-policy,
    .council-votes small,
    .credit-grid small,
    .device-tabs button,
    .device-trust>small,
    .director-controls button,
    .echo-provenance,
    .echo-provenance b,
    .edge-policy small,
    .edge-stack>span b,
    .edge-toggle,
    .expert-signal-flow>span b,
    .expert-signal-head b,
    .expert-signal-lab>p,
    .feature-constellation small,
    .future-grid b,
    .future-grid small,
    .ghost-choices button,
    .ghost-compare>header span,
    .handshake-strip small,
    .history-copy b,
    .history-copy p,
    .humor-toggle,
    .ledger-card>button,
    .memory-zoom>span small,
    .microleague-table .ml-head,
    .microleague-table div>span small,
    .patch-notes>div span,
    .personal-compare em,
    .personal-compare>span small,
    .policy-actions button small,
    .policy-head em,
    .policy-head small,
    .precision-axis b,
    .preview-playback b,
    .preview-telemetry span,
    .preview-transcript small,
    .privacy-intelligence header,
    .privacy-scan button,
    .professional-lenses b,
    .professional-lenses p,
    .quest-boss>header b,
    .quest-chain>header b,
    .quest-checkpoint,
    .quest-complete-demo,
    .quest-director-copy>span,
    .quest-route-stats small,
    .render-guard small,
    .shared-agent-strip b,
    .shared-agent-strip p,
    .sovereign-strip b,
    .sys-core small,
    .system-engine-grid small,
    .system-example em,
    .system-example small,
    .system-readout-head,
    .system-readout-head b,
    .system-tab,
    .telemetry-lens small,
    .trust-card>header,
    .trust-card>header b,
    .vault-export button,
    .vault-export em,
    .vault-export small,
    .verification-ladder b,
    .verification-row span,
    .verse-daybar small,
    .world-event>header,
    .world-event>header b,
    .world-reputation b,
    .world-reputation p{font-size:0.76rem;}
    .agent-ledger p,
    .agent-permission-detail>span,
    .agent-permission-tabs button,
    .ask-memory>label,
    .ask-memory>p,
    .atlas-core b,
    .atlas-intro>p,
    .atlas-readout small,
    .boss-progress>b,
    .capture-source span,
    .ci-contexts small,
    .ci-provenance,
    .ci-provenance b,
    .community-vote button span,
    .council-votes b,
    .daily-credits>header,
    .echo-action-status b,
    .echo-preset,
    .edge-policy b,
    .feature-constellation b,
    .ghost-compare p,
    .guild-strip small,
    .handshake-core span,
    .hero-hotspot small,
    .memory-portal,
    .microleague>header,
    .microleague>header b,
    .orbit-nav-foot,
    .orbit-nav-hud small,
    .overview-stream,
    .patch-notes>header,
    .patch-notes>header>b,
    .personal-compare>p,
    .policy-actions button span,
    .preview-context span,
    .preview-visual-label,
    .quest-boss>header,
    .quest-chain>header,
    .quest-route-copy>span,
    .render-public>small,
    .render-public>span,
    .render-source>small,
    .render-source>span,
    .render-transform,
    .system-engine-grid b,
    .telemetry-lens-readout span,
    .temporal-compass small,
    .temporal-compass span,
    .trust-card>p,
    .verse-daybar b,
    .world-progress>b{font-size:0.82rem;}
    .achievement span,
    .agent-core small,
    .atlas-readout b,
    .audio-head span,
    .capture-event-core p,
    .case-actions button,
    .case-answer>span,
    .case-query b,
    .case-source small,
    .case-tab,
    .case-workbench>footer,
    .ci-event>span,
    .city-quest p,
    .community-lab-copy>span,
    .community-safety,
    .community-safety b,
    .consent-packet,
    .core-telemetry span,
    .council-candidate b,
    .council-lab>p,
    .credit-grid b,
    .diag-grid span,
    .event-node > button span,
    .handshake-strip b,
    .hero-hotspot b,
    .hero-sim-badge,
    .hero-stat-panel .micro-stats small,
    .memory-beacon span,
    .memory-zoom>span b,
    .microleague>footer,
    .orbit-nav-3d .orbit-item small,
    .orbit-nav-hud b,
    .orbit-nav-hud span,
    .origin-line,
    .overview-evidence header,
    .overview-evidence header b,
    .overview-evidence-line,
    .overview-module em,
    .overview-module small,
    .patch-notes>div p,
    .peer small,
    .personal-compare>span b,
    .policy-head b,
    .presence-point,
    .presence-stage>header b,
    .presence-stats small,
    .preview-transcript p,
    .proof-stack b,
    .proof-stack small,
    .quest-chain>p,
    .quest-director-copy p,
    .render-guard b,
    .signal-console>header b,
    .signal-policy small,
    .signal-step>span,
    .signal-tab,
    .suggestion-card button,
    .suggestion-card span,
    .system-example b,
    .telemetry-lens span,
    .vault-export b,
    .world-event p{font-size:0.86rem;}
    .ask-memory input,
    .audience-copy>span,
    .audience-tab,
    .boot-skip,
    .chip-button,
    .continuum-now,
    .core-label span,
    .daily-credits>p,
    .diagnostics p,
    .discovery-strip span,
    .echo-palette small,
    .echo-palette>div,
    .event-source span,
    .evidence-button,
    .footer-stats,
    .form-footer>span,
    .guild-strip>div b,
    .intelligence-panel dt,
    .life-gauge span,
    .live-ribbon-label,
    .live-ribbon-time,
    .memory-preview header,
    .microleague-table div>b,
    .microleague-table strong,
    .orbit-item,
    .orbit-nav-3d .orbit-item span,
    .overview-core small,
    .overview-evidence p,
    .pipeline span,
    .presence-stage>header,
    .preview-image span,
    .public-render header,
    .quest-card footer,
    .quest-card header,
    .quest-route-stats b,
    .radar-copy span,
    .signal-console>header,
    .signal-policy b,
    .signal-step b,
    .signal-step small,
    .site-footer nav a,
    .site-footer nav button,
    .site-footer small,
    .source small,
    .suggestion-card p,
    .sys-core b,
    .system-console>p,
    .telemetry-card header,
    .temporal-compass b,
    .transcript-lines time,
    .transmission-panel label>span,
    .vault-rule,
    .verse-instruction,
    kbd{font-size:0.88rem;}
    .agent-permission-detail p,
    .brand-build,
    .capture-copy p,
    .capture-event-core b,
    .case-source b,
    .ci-contexts b,
    .ci-event p,
    .community-lab-copy p,
    .diag-head,
    .event-card span,
    .event-dimensions span,
    .event-source small,
    .float-panel footer,
    .float-panel header,
    .guild-strip b,
    .hero-meta span,
    .icon-control,
    .intel-head,
    .live-ribbon-event,
    .overview-module b,
    .peer span,
    .permission-list span,
    .pipeline b,
    .presence-stats b,
    .quest-route-copy p,
    .radar-copy small,
    .render-meta span,
    .render-public>b,
    .render-source>b,
    .scroll-cue,
    .telemetry-card > small,
    .topbar-center,
    .vision-window-caption span{font-size:0.90rem;}
    .achievement b,
    .agent-core b,
    .audience-copy p,
    .audio-head b,
    .boot-line,
    .case-answer p,
    .case-query span,
    .core-label b,
    .diag-grid b,
    .discovery-strip b,
    .eyebrow,
    .ghost-button,
    .intelligence-panel dd,
    .life-atlas-copy p,
    .memory-preview p,
    .micro-stats span,
    .overview-core p,
    .plasma-button,
    .primary > p,
    .quest-card p,
    .source b,
    .suggestion-card b{font-size:0.92rem;}
    .event-card b,
    .float-panel p,
    .peer b,
    .render-meta b,
    .telemetry-card > p,
    .transcript-lines p,
    .transmission-panel>p{font-size:0.95rem;}
    .echo-search span,
    .echo-search input,
    .event-source b,
    .origin-inner>p{font-size:1.00rem;}

    /* Paragraph copy is for reading, not decoration. */
    .agent-ledger p,
    .agent-permission-detail p,
    .ask-memory>p,
    .atlas-card p,
    .atlas-intro>p,
    .audience-copy p,
    .capture-copy p,
    .capture-event-core p,
    .case-answer p,
    .ci-event p,
    .city-quest p,
    .community-lab-copy p,
    .council-lab>p,
    .daily-credits>p,
    .diagnostics p,
    .expert-signal-lab>p,
    .float-panel p,
    .ghost-compare p,
    .history-copy p,
    .life-atlas-copy p,
    .memory-preview p,
    .origin-inner>p,
    .overview-core p,
    .overview-evidence p,
    .patch-notes>div p,
    .personal-compare>p,
    .preview-transcript p,
    .primary > p,
    .professional-lenses p,
    .quest-card p,
    .quest-chain>p,
    .quest-director-copy p,
    .quest-route-copy p,
    .shared-agent-strip p,
    .suggestion-card p,
    .system-console>p,
    .telemetry-card > p,
    .transcript-lines p,
    .transmission-panel>p,
    .trust-card>p,
    .world-event p,
    .world-reputation p{font-size:.90rem;line-height:1.55;}

    /* Roomier high-density components now that the type is readable. */
    .atlas-grid{width:min(1440px,94vw);gap:.7rem;}
    .atlas-card{min-height:190px;padding:.85rem;grid-template-columns:42px 1fr;gap:.55rem;}
    .professional-lenses{width:min(1380px,92vw);gap:.7rem;}
    .feature-constellation{width:min(1380px,92vw);}
    .history-bridge,.atlas-stage{width:min(1320px,92vw);}
    .capture-sources{gap:.62rem;}
    .systems-stage,.trust-grid,.quest-director,.shared-agent-strip,.privacy-intelligence,.atlas-controls,.case-lab{width:min(1380px,94vw);}
    .verification-ladder,.world-reputation,.ghost-compare,.expert-signal-lab,.sovereign-strip,.atlas-foot{width:min(1280px,92vw);}

    /* ORBIT: hard-center the stage. JS supplies only center-relative offsets. */
    .orbit-nav.orbit-nav-3d{
        left:50%!important;top:50%!important;
        width:min(900px,94vw,90vh);
        transform-origin:center center;
    }
    .orbit-nav-stage{inset:0!important;left:0!important;top:0!important;width:100%;height:100%;}
    .orbit-nav-3d .orbit-item{
        left:50%!important;top:50%!important;
        width:174px;height:90px;
        padding:.68rem .78rem;
        grid-template-columns:36px 1fr;
        column-gap:.58rem;
        border-radius:16px;
    }
    .orbit-nav-3d .orbit-item span{font-size:.78rem;line-height:1.15;letter-spacing:.085em;}
    .orbit-nav-3d .orbit-item small{font-size:.6875rem;line-height:1.25;letter-spacing:.055em;}
    .orbit-nav-3d .orbit-item i{font-size:1.52rem;}
    .orbit-nav-stage .orbit-center{width:150px;height:150px;}
    .orbit-nav-hud{top:5.5%;width:min(500px,60%);}
    .orbit-nav-hud span,.orbit-nav-hud b{font-size:.6875rem;}
    .orbit-nav-hud small{font-size:.6875rem;}
    .orbit-nav-foot{bottom:4.6%;font-size:.6875rem;}
}

@media (min-width:1500px) and (min-height:900px){
    .orbit-nav.orbit-nav-3d{width:min(960px,92vw,90vh);}
    .orbit-nav-3d .orbit-item{width:184px;height:94px;}
}

@media (min-width:1024px) and (max-height:820px){
    /* Short desktop/laptop viewports need smaller modules, not a smaller or off-center orbit. */
    .orbit-nav.orbit-nav-3d{width:min(92vw,90vh);}
    .orbit-nav-3d .orbit-item{width:142px;height:76px;padding:.52rem .6rem;grid-template-columns:30px 1fr;column-gap:.42rem;}
    .orbit-nav-3d .orbit-item span{font-size:.70rem;}
    .orbit-nav-3d .orbit-item small{font-size:.6875rem;}
    .orbit-nav-3d .orbit-item i{font-size:1.3rem;}
    .orbit-nav-stage .orbit-center{width:126px;height:126px;}
    .orbit-nav-hud{top:3.5%;}
    .orbit-nav-foot{bottom:3.2%;}
}

/* ==============================================================
   GENESIS 1.0.2 / ORBIT AIR + PUBLIC COPY CLEANUP
   ============================================================== */
@media (min-width:1024px){
    /* Give the 3D cards a little more room to breathe. Cards may project
       just beyond the visual halo instead of being clipped by its circle. */
    .orbit-nav.orbit-nav-3d{
        width:min(940px,95vw,92vh);
        overflow:visible;
    }
    .orbit-nav-3d .orbit-item{
        width:170px;
        height:88px;
    }
    .orbit-nav-stage .orbit-center{width:146px;height:146px;}
}

@media (min-width:1500px) and (min-height:900px){
    .orbit-nav.orbit-nav-3d{width:min(1000px,94vw,92vh);}
    .orbit-nav-3d .orbit-item{width:178px;height:92px;}
}

@media (min-width:1024px) and (max-height:820px){
    .orbit-nav.orbit-nav-3d{width:min(95vw,92vh);}
    .orbit-nav-3d .orbit-item{width:140px;height:74px;}
    .orbit-nav-stage .orbit-center{width:122px;height:122px;}
}

/* ============================================================
   GENESIS 1.0.3 / UI + UX POLISH
   Consistent spacing, clearer interaction affordances, ambient depth,
   and a collision-free ORBIT composition without adding heavy renderers.
   ============================================================ */
html{scroll-padding-top:96px}
.scene[id],.system-overview[id],.origin-band[id]{scroll-margin-top:96px}

/* Shared interaction language: interactive glass should feel alive, not jumpy. */
.world-card-actions{margin-top:auto;padding-top:.82rem;border-top:1px solid rgba(255,255,255,.055);display:flex;align-items:center;justify-content:space-between;gap:.7rem;position:relative;z-index:3}
.world-card-actions button,.ux-inline-link{min-height:38px;border:1px solid rgba(99,214,255,.13);border-radius:9px;background:linear-gradient(180deg,rgba(21,75,103,.12),rgba(4,15,29,.52));color:#7ddff4;display:inline-flex;align-items:center;justify-content:center;gap:.42rem;padding:.48rem .66rem;font:inherit;font-size:.72rem;font-weight:650;letter-spacing:.075em;text-decoration:none;cursor:pointer;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,color .2s ease,translate .2s ease}
.world-card-actions button i,.ux-inline-link i{font-size:1rem;transition:transform .22s ease}
.world-card-actions button:hover,.world-card-actions button:focus-visible,.ux-inline-link:hover,.ux-inline-link:focus-visible{color:#e5fbff;border-color:rgba(112,227,255,.38);background:linear-gradient(180deg,rgba(42,140,178,.16),rgba(5,20,37,.64));box-shadow:0 0 0 3px rgba(63,198,239,.045),0 10px 30px rgba(0,0,0,.18);translate:0 -1px}
.world-card-actions button:hover i,.ux-inline-link:hover i{transform:translateX(2px)}
.world-card-actions small{max-width:48%;color:var(--muted);font-size:.6875rem;line-height:1.3;letter-spacing:.06em;text-align:right}
.world-card-actions button.is-active{color:#71e1bd;border-color:rgba(98,225,186,.34);background:rgba(31,124,100,.11)}
.world-card-actions button.is-active i{filter:drop-shadow(0 0 7px rgba(94,226,187,.35))}

.world-event,.city-quest,.council-lab{display:flex;flex-direction:column}
.world-event h3,.city-quest h3,.council-lab h3{text-align:left}
.world-event>p,.city-quest>p,.council-lab>p{text-align:left}
.world-progress,.city-objectives,.council-candidate{position:relative;z-index:2}
.world-layout .holo-card{transition:border-color .25s ease,box-shadow .25s ease,filter .25s ease}
.world-layout .holo-card:hover{border-color:rgba(103,218,255,.20);box-shadow:0 24px 70px rgba(0,0,0,.28),0 0 34px rgba(63,194,238,.045)}
.world-layout .holo-card.is-joined,.world-layout .holo-card.has-voted,.world-layout .holo-card.is-preview{border-color:rgba(101,224,187,.22);box-shadow:0 20px 62px rgba(0,0,0,.24),0 0 30px rgba(73,219,179,.04)}
.personal-compare .ux-inline-link{grid-column:1/-1;justify-self:end;margin-top:.1rem}

/* Capability Atlas: clarify that this dense map is explorable. */
.atlas-interaction-hint{width:min(1380px,94vw);margin:.15rem auto .75rem;display:flex;justify-content:flex-end;align-items:center;gap:.55rem;color:#527487;pointer-events:none}
.atlas-interaction-hint>i{font-size:1.25rem;color:#63cfe7;opacity:.8}
.atlas-interaction-hint>span{display:flex;flex-direction:column;gap:.1rem;text-align:right}
.atlas-interaction-hint b{font-size:.70rem;letter-spacing:.1em;color:#77aabd}
.atlas-interaction-hint small{font-size:.70rem;line-height:1.35;color:var(--muted)}
.atlas-card{transition:border-color .22s ease,background .22s ease,box-shadow .22s ease,translate .22s ease}
.atlas-card:hover{translate:0 -2px;border-color:rgba(105,221,255,.18);background:linear-gradient(145deg,rgba(13,39,63,.64),rgba(4,12,26,.7));box-shadow:0 18px 48px rgba(0,0,0,.22),0 0 30px rgba(64,194,239,.035)}
.atlas-card:hover>i{filter:drop-shadow(0 0 10px rgba(101,222,255,.28));transform:scale(1.045)}
.atlas-card>i{transition:transform .2s ease,filter .2s ease}
.atlas-card.is-match{border-color:rgba(104,223,255,.25);box-shadow:inset 0 0 28px rgba(57,187,230,.035)}

/* The 12 Life Pack nodes need breathing room, especially at the top of the orbit. */
.atlas-orbit button:nth-of-type(12){--ax:36%;--ay:27%}

/* Ambient 3D schematics occupy otherwise empty desktop space without stealing focus. */
.network-section,.trust-section{position:relative;isolation:isolate}
.network-ambient,.trust-ambient{position:absolute;z-index:1;pointer-events:none;user-select:none;opacity:.42;filter:saturate(.9);transform-style:preserve-3d;perspective:800px}
.network-section>.section-heading,.network-section>.agent-network,.network-section>.agent-permission-lab,.network-section>.shared-agent-strip,
.trust-section>.section-heading,.trust-section>.trust-grid{position:relative;z-index:2}
.network-ambient{right:max(6vw,calc((100vw - 1440px)/2 + 12px));top:155px;width:420px;height:330px}
.network-ambient::before{content:"";position:absolute;inset:16%;border-radius:50%;background:radial-gradient(circle,rgba(68,205,250,.10),transparent 58%);filter:blur(10px)}
.na-core{position:absolute;left:50%;top:48%;width:92px;height:92px;transform:translate(-50%,-50%) translateZ(34px);display:grid;place-items:center;border:1px solid rgba(103,222,255,.25);border-radius:50%;background:radial-gradient(circle at 38% 32%,rgba(116,232,255,.22),rgba(7,23,40,.78) 56%,rgba(2,8,17,.86));box-shadow:0 0 34px rgba(70,208,250,.10),inset 0 0 28px rgba(87,215,255,.06)}
.na-core i{font-size:2rem;color:#82e6fb;filter:drop-shadow(0 0 9px rgba(96,222,255,.25))}
.na-orbit{position:absolute;left:50%;top:48%;border:1px solid rgba(94,208,248,.18);border-radius:50%;transform-style:preserve-3d}
.na-a{width:330px;height:116px;transform:translate(-50%,-50%) rotate(-15deg) rotateX(57deg)}
.na-b{width:238px;height:194px;transform:translate(-50%,-50%) rotate(38deg) rotateX(65deg);border-color:rgba(137,111,255,.15)}
.na-node{position:absolute;min-width:68px;padding:.34rem .46rem;border:1px solid rgba(103,214,255,.14);border-radius:8px;background:rgba(3,14,29,.78);box-shadow:0 9px 28px rgba(0,0,0,.25);text-align:center;color:#6fa1b5;font-size:.6875rem;letter-spacing:.1em}
.na-1{left:4%;top:47%}.na-2{right:4%;top:22%}.na-3{right:9%;bottom:17%}
.network-ambient>b{position:absolute;left:50%;bottom:4%;transform:translateX(-50%);font-size:.6875rem;letter-spacing:.15em;color:var(--muted-2);font-weight:650;white-space:nowrap}

.trust-ambient{right:max(7vw,calc((100vw - 1440px)/2 + 28px));top:150px;width:400px;height:390px}
.ta-shield{position:absolute;left:50%;top:49%;width:112px;height:132px;transform:translate(-50%,-50%) translateZ(40px);clip-path:polygon(50% 0,91% 15%,87% 70%,50% 100%,13% 70%,9% 15%);display:grid;place-items:center;background:linear-gradient(180deg,rgba(37,124,138,.20),rgba(4,17,31,.82));border:1px solid rgba(106,226,192,.23);box-shadow:0 0 40px rgba(70,211,174,.08)}
.ta-shield::before{content:"";position:absolute;inset:7%;clip-path:inherit;border:1px solid rgba(114,228,198,.14);background:radial-gradient(circle at 50% 38%,rgba(100,223,190,.11),transparent 58%)}
.ta-shield i{position:relative;z-index:2;font-size:2.3rem;color:#76dfbd;filter:drop-shadow(0 0 10px rgba(99,222,187,.25))}
.ta-ring{position:absolute;left:50%;top:49%;border:1px solid rgba(103,220,190,.12);border-radius:50%;transform-style:preserve-3d}
.ta-r1{width:330px;height:128px;transform:translate(-50%,-50%) rotate(-12deg) rotateX(62deg)}
.ta-r2{width:270px;height:210px;transform:translate(-50%,-50%) rotate(42deg) rotateX(69deg);border-color:rgba(99,194,244,.13)}
.ta-r3{width:205px;height:310px;transform:translate(-50%,-50%) rotate(75deg) rotateX(72deg);border-style:dashed;border-color:rgba(140,111,255,.12)}
.ta-node{position:absolute;display:flex;flex-direction:column;gap:.07rem;min-width:78px;padding:.36rem .48rem;border:1px solid rgba(101,216,189,.12);border-radius:8px;background:rgba(3,14,27,.76);text-align:center;box-shadow:0 9px 28px rgba(0,0,0,.22)}
.ta-node b{font-size:.6875rem;letter-spacing:.11em;color:#74bba5}.ta-node small{font-size:.6875rem;letter-spacing:.08em;color:var(--muted)}
.tn-1{left:1%;top:47%}.tn-2{right:1%;top:23%}.tn-3{right:7%;bottom:14%}

@media (prefers-reduced-motion:no-preference){
  .network-section.chapter-active .na-a{animation:rmdAmbientOrbitA 17s linear infinite}
  .network-section.chapter-active .na-b{animation:rmdAmbientOrbitB 23s linear infinite reverse}
  .network-section.chapter-active .na-core{animation:rmdAmbientCore 5s ease-in-out infinite}
  .trust-section.chapter-active .ta-r1{animation:rmdTrustRing1 21s linear infinite}
  .trust-section.chapter-active .ta-r2{animation:rmdTrustRing2 27s linear infinite reverse}
  .trust-section.chapter-active .ta-r3{animation:rmdTrustRing3 33s linear infinite}
  .trust-section.chapter-active .ta-shield{animation:rmdShieldBreath 5.8s ease-in-out infinite}
}
@keyframes rmdAmbientOrbitA{to{transform:translate(-50%,-50%) rotate(345deg) rotateX(57deg)}}
@keyframes rmdAmbientOrbitB{to{transform:translate(-50%,-50%) rotate(398deg) rotateX(65deg)}}
@keyframes rmdAmbientCore{0%,100%{transform:translate(-50%,-50%) translateZ(34px) scale(.98);filter:brightness(.92)}50%{transform:translate(-50%,-50%) translateZ(42px) scale(1.035);filter:brightness(1.08)}}
@keyframes rmdTrustRing1{to{transform:translate(-50%,-50%) rotate(348deg) rotateX(62deg)}}
@keyframes rmdTrustRing2{to{transform:translate(-50%,-50%) rotate(402deg) rotateX(69deg)}}
@keyframes rmdTrustRing3{to{transform:translate(-50%,-50%) rotate(435deg) rotateX(72deg)}}
@keyframes rmdShieldBreath{0%,100%{transform:translate(-50%,-50%) translateZ(40px) scale(.98);filter:brightness(.9)}50%{transform:translate(-50%,-50%) translateZ(46px) scale(1.025);filter:brightness(1.06)}}

/* One card family, one rhythm: normalize the places where legacy modules drifted. */
@media (min-width:1181px){
  .continuum-inspector,.capture-fabric,.community-lab,.quest-route-lab,.quest-director,.personal-compare,.world-reputation,.guild-strip,.microleague,.ghost-compare,.render-pipeline,.memory-policy,.expert-signal-lab,.history-bridge{padding:1rem 1.1rem}
  .world-event,.city-quest,.council-lab,.trust-card{padding:1rem 1.05rem}
  .world-layout{gap:.9rem}
  .world-event,.city-quest,.council-lab{min-height:390px}
  .world-card-actions{margin-top:auto}
  .network-ambient,.trust-ambient{display:block}
}

/* Smaller desktops keep the thematic background out of the content path. */
@media (max-width:1380px){
  .network-ambient,.trust-ambient{opacity:.24;transform:scale(.84);transform-origin:top right;right:3vw}
}
@media (max-width:1180px){
  .network-ambient,.trust-ambient{display:none}
  .atlas-interaction-hint{width:100%;padding:0 1rem}
}
@media (max-width:700px){
  html{scroll-padding-top:78px}
  .scene[id],.system-overview[id],.origin-band[id]{scroll-margin-top:78px}
  .world-card-actions{align-items:flex-start;flex-direction:column}
  .world-card-actions small{max-width:none;text-align:left}
  .personal-compare .ux-inline-link{justify-self:stretch;width:100%}
  .atlas-interaction-hint{justify-content:flex-start}.atlas-interaction-hint>span{text-align:left}
}
html.balanced-render .network-ambient,html.balanced-render .trust-ambient{opacity:.25;filter:none}
html.balanced-render .network-ambient *,html.balanced-render .trust-ambient *{animation:none!important}
.city-quest.is-preview .city-objectives span.route-preview{color:#9eeeff;border-color:rgba(104,224,255,.30);background:rgba(40,145,184,.11);box-shadow:inset 0 0 14px rgba(71,205,245,.035)}
.city-quest.is-preview .city-objectives span.route-preview:nth-child(2){transition-delay:.04s}.city-quest.is-preview .city-objectives span.route-preview:nth-child(3){transition-delay:.08s}.city-quest.is-preview .city-objectives span.route-preview:nth-child(4){transition-delay:.12s}

/* ============================================================
   GENESIS 1.0.4 / VISUAL FINISHING + INTERACTION DENSITY
   Sitewide rhythm, meaningful micro-actions, selected-state language,
   and lightweight thematic depth without adding another renderer.
   ============================================================ */

/* A shared card rhythm for the product-simulation surfaces. */
:root{
    --rmd-card-pad:1.05rem;
    --rmd-card-gap:.72rem;
    --rmd-action-h:40px;
}

/* Small actions should look like one system, not a collection of one-off buttons. */
.continuum-actions,
.case-actions{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:.48rem;
}
.continuum-actions{
    grid-column:1/-1;
    padding:.78rem .85rem .1rem;
    border-top:1px solid rgba(255,255,255,.05);
}
.continuum-actions button,
.case-actions button{
    min-height:var(--rmd-action-h);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.42rem;
    padding:.48rem .7rem;
    border:1px solid rgba(99,214,255,.13);
    border-radius:9px;
    background:linear-gradient(180deg,rgba(21,75,103,.12),rgba(4,15,29,.58));
    color:#79d9ed;
    font:inherit;
    font-size:.72rem;
    font-weight:680;
    letter-spacing:.07em;
    cursor:pointer;
    transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,color .2s ease,translate .2s ease;
}
.continuum-actions button:hover,.continuum-actions button:focus-visible,
.case-actions button:hover,.case-actions button:focus-visible{
    
    translate:0 -1px;
    color:#eefcff;
    border-color:rgba(111,226,255,.34);
    background:linear-gradient(180deg,rgba(40,132,169,.16),rgba(5,20,37,.68));
    box-shadow:0 0 0 3px rgba(63,198,239,.04),0 12px 30px rgba(0,0,0,.20);
}
.continuum-actions button.is-active,.case-actions button.is-active{
    color:#78e6bd;
    border-color:rgba(101,228,188,.32);
    background:rgba(36,126,104,.11);
}
.continuum-actions>small{
    margin-left:auto;
    color:var(--muted-2);
    font-size:.70rem;
    line-height:1.35;
    letter-spacing:.065em;
    text-align:right;
}
.continuum-inspector.is-tracing .ci-contexts span{
    border-color:rgba(104,221,255,.20);
    box-shadow:inset 0 0 22px rgba(58,183,224,.035);
}
/* Provenance, not position. The three colours are the legend's own: source cyan, inferred
   violet, confirmed green (.ci-provenance, style.css:1819). The <em> carries the same fact in
   words, because a colour alone is not a readable equivalent. */
.ci-contexts em{font-style:normal;font-size:.6875rem;letter-spacing:.09em;color:var(--muted-2)}
.ci-contexts span[data-provenance="source"] i,.ci-contexts span[data-provenance="import"] i{color:#6fe0ff}
.ci-contexts span[data-provenance="source"] em,.ci-contexts span[data-provenance="import"] em{color:#5f93a6}
.ci-contexts span[data-provenance="inferred"] i{color:#a386ff}
.ci-contexts span[data-provenance="inferred"] em{color:#8f7ad8}
.ci-contexts span[data-provenance="confirmed"] i{color:#65e6bd}
.ci-contexts span[data-provenance="confirmed"] em{color:#5cbd9c}
.continuum-inspector.is-tracing .ci-contexts span[data-provenance="inferred"]{border-color:rgba(145,119,255,.30)}
.continuum-inspector.is-tracing .ci-contexts span[data-provenance="confirmed"]{border-color:rgba(101,230,189,.30)}
/* A bookmark is the person's layer over the record, so it reads as a band under the five
   recorded dimensions rather than a sixth dimension of its own. */
.ci-contexts span.ci-bookmark{grid-column:1/-1;min-height:0;flex-direction:row;align-items:center;gap:.5rem;border-color:rgba(101,230,189,.22);background:rgba(16,48,42,.30)}
.ci-contexts span.ci-bookmark em{margin-left:auto}
.ci-contexts span.ci-bookmark small{flex:none;white-space:nowrap}   /* never break the label mid-word */
.event-node.is-bookmarked>button{border-color:rgba(101,228,188,.46)}
.event-node.is-bookmarked>button::after{content:"";position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;background:#65e6bd;box-shadow:0 0 9px rgba(101,230,189,.65)}
.continuum-actions button[aria-pressed="true"]{color:#78e6bd;border-color:rgba(101,228,188,.32);background:rgba(36,126,104,.11)}
/* Contributing sources of a merged event. Separating one moves its evidence to its own event;
   the panel says in words that Statify is not re-derived, because it is not. */
.ci-sources{grid-column:1/-1;padding:.7rem .85rem;border-top:1px solid rgba(255,255,255,.05)}
.ci-sources[hidden]{display:none}
.ci-sources-head{display:flex;flex-wrap:wrap;gap:.2rem 1rem;align-items:baseline;margin-bottom:.5rem}
.ci-sources-head span{color:var(--muted-2);font-size:.6875rem;letter-spacing:.11em}
.ci-sources-head b{color:#79aabd;font-size:.6875rem;letter-spacing:.06em}
.ci-sources>small{display:block;margin-top:.5rem;color:var(--muted-2);font-size:.6875rem;line-height:1.5}
.ci-source-row{display:flex;align-items:center;gap:.6rem;padding:.45rem .55rem;border:1px solid rgba(94,203,255,.08);border-radius:9px;background:rgba(3,12,27,.42);margin-bottom:.35rem}
.ci-source-row i{font-size:1.1rem;color:#72dff5}
.ci-source-row span{display:flex;flex-direction:column;gap:.12rem;min-width:0}
.ci-source-row b{color:#c7e5f0;font-size:.6875rem}
.ci-source-row small{color:var(--muted-2);font-size:.6875rem;line-height:1.45}
.ci-source-row button{margin-left:auto;flex:none;min-height:var(--rmd-action-h);padding:.4rem .62rem;border:1px solid rgba(99,214,255,.13);border-radius:8px;background:rgba(10,31,51,.5);color:#79d9ed;font:inherit;font-size:.6875rem;letter-spacing:.06em;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease}
.ci-source-row button:hover,.ci-source-row button:focus-visible{color:#eefcff;border-color:rgba(111,226,255,.34)}
.ci-source-row button[aria-pressed="true"]{color:#78e6bd;border-color:rgba(101,228,188,.32);background:rgba(36,126,104,.11)}
.ci-source-row.is-separated{border-color:rgba(101,228,188,.20)}
.ci-source-row.is-absent i,.ci-source-row.is-absent b{color:var(--gold)}
.ci-source-row.is-absent em{margin-left:auto;flex:none;font-style:normal;color:var(--gold);font-size:.6875rem;letter-spacing:.06em}
/* A corrected place is two statements in one band: the record as the source wrote it, and the
   person's assertion beside it. Both lines are always present - one without the other would be
   the edit-in-place this platform must not do. */
.ci-contexts span.ci-correction{grid-column:1/-1;min-height:0;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;column-gap:.6rem;row-gap:.2rem;align-items:center;border-color:rgba(101,230,189,.20);background:rgba(16,48,42,.28)}
.ci-correction>i{grid-row:1/3}
.ci-correction>small{grid-column:2;grid-row:1/3;align-self:center;display:none}
.ci-correction .ci-recorded,.ci-correction .ci-corrected{grid-column:2;display:flex;align-items:baseline;gap:.5rem;margin:0;font-size:.6875rem;line-height:1.45}
.ci-correction .ci-recorded{grid-row:1;color:#c7e5f0}
.ci-correction .ci-corrected{grid-row:2;color:#9ff0d3}
.ci-correction .ci-recorded em,.ci-correction .ci-corrected em{margin-left:auto;flex:none;font-style:normal;font-size:.6875rem;letter-spacing:.09em}
.ci-correction .ci-recorded em{color:#5f93a6}
.ci-correction .ci-corrected em{color:#5cbd9c}
.ci-correction>button{grid-column:3;grid-row:1/3}
.ci-contexts [data-correct-place]{margin-top:.35rem;align-self:flex-start;min-height:26px;padding:.24rem .46rem;border:1px solid rgba(99,214,255,.13);border-radius:7px;background:rgba(10,31,51,.5);color:#79d9ed;font:inherit;font-size:.6875rem;letter-spacing:.06em;cursor:pointer}
.ci-contexts [data-correct-place]:hover,.ci-contexts [data-correct-place]:focus-visible{color:#eefcff;border-color:rgba(111,226,255,.34)}
.ci-contexts [data-correct-place][aria-expanded="true"]{color:#78e6bd;border-color:rgba(101,228,188,.32)}
@media(max-width:620px){
  .ci-contexts span.ci-correction{grid-template-columns:auto 1fr;row-gap:.3rem}
  .ci-correction>button{grid-column:1/-1;grid-row:3;justify-self:start}
}
/* Opener for the one imported archive, shown only while the Import capture source is selected. */
#captureImportOpen{grid-column:2;justify-self:start;margin-top:.5rem;display:inline-flex;align-items:center;gap:.42rem;min-height:var(--rmd-action-h);padding:.44rem .66rem;border:1px solid rgba(99,214,255,.13);border-radius:9px;background:rgba(10,31,51,.5);color:#79d9ed;font:inherit;font-size:.6875rem;letter-spacing:.07em;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease}
#captureImportOpen:hover,#captureImportOpen:focus-visible{color:#eefcff;border-color:rgba(111,226,255,.34)}
#captureImportOpen[aria-pressed="true"]{color:#78e6bd;border-color:rgba(101,228,188,.32);background:rgba(36,126,104,.11)}
#captureImportOpen[hidden]{display:none}
/* Threads an event can be joined to. Same panel idiom as the contributing sources, because it is
   the same promise: only what the demonstration set already holds. */
.ci-threads{grid-column:1/-1;padding:.7rem .85rem;border-top:1px solid rgba(255,255,255,.05)}
.ci-threads[hidden]{display:none}
.ci-threads>small{display:block;margin-top:.5rem;color:var(--muted-2);font-size:.6875rem;line-height:1.5}
.ci-thread-joined{color:#5cbd9c!important}
.event-node.is-threaded>button::before{content:"";position:absolute;bottom:6px;right:6px;width:7px;height:7px;border-radius:50%;border:1px solid #65e6bd;box-shadow:0 0 8px rgba(101,230,189,.45)}
/* The superseded merge belongs to the trace view: it is what the sources graph still holds. */
.ci-merge-note{grid-column:1/-1;margin:0;padding:.55rem .85rem;color:#79aabd;font-size:.6875rem;line-height:1.5}
.ci-merge-note[hidden],.continuum-inspector:not(.is-tracing) .ci-merge-note{display:none}
.event-node.event-separated{opacity:0;visibility:hidden;pointer-events:none}
.event-node.event-separated[aria-hidden="false"]{opacity:1;visibility:visible;pointer-events:auto}
.event-node.event-separated[aria-hidden="false"]>button{border-color:rgba(101,228,188,.30)}
/* Card side is assigned by visual order once the rail holds runtime nodes, because nth-of-type
   counts hidden nodes and would flip the neighbours it was never meant to move. */
.event-node.card-top .event-card{bottom:auto;top:76px}
.event-node.card-bottom .event-card{top:auto;bottom:76px}
.continuum-inspector.is-replaying{animation:rmdInspectorReplay .55s ease-out}
@keyframes rmdInspectorReplay{0%{filter:brightness(.78);transform:translateY(2px)}45%{filter:brightness(1.16);transform:translateY(-1px)}100%{filter:brightness(1);transform:none}}

/* Use-case actions now return visible state instead of feeling decorative. */
.case-action-status{
    min-height:30px;
    margin-top:.65rem;
    padding:.45rem .58rem;
    display:flex;
    align-items:center;
    gap:.42rem;
    border-left:1px solid rgba(101,221,255,.22);
    background:linear-gradient(90deg,rgba(30,116,151,.08),transparent 72%);
    color:var(--muted-2);
    font-size:.70rem;
    line-height:1.35;
    letter-spacing:.06em;
    transition:color .2s ease,background .2s ease,border-color .2s ease;
}
.case-action-status i{color:#67d9f0}
.case-action-status.is-active{color:#91c3d2;border-color:rgba(105,226,255,.42);background:linear-gradient(90deg,rgba(35,138,177,.13),transparent 78%)}
.case-action-status.is-share{color:#76d9b7;border-color:rgba(96,224,184,.34)}

/* Professional examples are now direct entrances into the same Case Workbench. */
.professional-card{
    min-height:194px;
    cursor:pointer;
    align-items:start;
    transition:translate .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
.professional-card>span{min-height:100%;display:flex;flex-direction:column;align-items:flex-start}
.professional-card p{flex:1}
.professional-card em{
    margin-top:.8rem;
    display:flex;
    align-items:center;
    gap:.35rem;
    color:#5e9daf;
    font-size:.6875rem;
    font-style:normal;
    font-weight:650;
    letter-spacing:.08em;
    transition:color .2s ease,transform .2s ease;
}
.professional-card em i{font-size:.92rem}
.professional-card:hover,.professional-card:focus-visible{
    
    translate:0 -3px;
    border-color:rgba(104,219,255,.22);
    background:linear-gradient(145deg,rgba(13,38,61,.66),rgba(4,12,26,.72));
    box-shadow:0 20px 55px rgba(0,0,0,.24),0 0 30px rgba(62,193,235,.04);
}
.professional-card:hover em,.professional-card:focus-visible em{color:#8ce7f7;transform:translateX(2px)}

/* Capability Atlas gains a persistent selected state so click has meaning. */
.atlas-card{cursor:pointer}
.atlas-card:focus-visible{border-color:rgba(110,226,255,.34);box-shadow:0 0 0 3px rgba(77,198,237,.05),0 18px 50px rgba(0,0,0,.22)}
.atlas-card.is-selected{
    translate:0 -2px;
    border-color:rgba(109,226,255,.34);
    background:linear-gradient(145deg,rgba(16,49,76,.78),rgba(5,14,30,.78));
    box-shadow:0 22px 58px rgba(0,0,0,.25),inset 0 0 34px rgba(65,191,231,.045),0 0 34px rgba(66,196,238,.045);
}
.atlas-card.is-selected::after{opacity:1}
.atlas-interaction-hint{min-height:42px}
.atlas-interaction-hint.is-focused>i{color:#7de8fb;filter:drop-shadow(0 0 8px rgba(94,218,248,.25))}
.atlas-interaction-hint.is-focused b{color:#9eeaf7}

/* The origin now uses its empty field to show the idea evolving into a memory system. */
.origin-inner>div:first-child{grid-row:1/4;align-self:center}
.origin-line{grid-row:1}
.origin-schematic{
    grid-column:2;
    grid-row:2;
    position:relative;
    min-height:250px;
    margin:.45rem 0 .25rem;
    border:1px solid rgba(93,202,242,.08);
    border-radius:20px;
    overflow:hidden;
    background:
        radial-gradient(circle at 50% 48%,rgba(54,180,226,.09),transparent 29%),
        linear-gradient(145deg,rgba(7,20,39,.38),rgba(3,10,23,.58));
    perspective:900px;
    transform-style:preserve-3d;
}
.origin-schematic::before{
    content:"";
    position:absolute;
    inset:0;
    opacity:.22;
    background-image:linear-gradient(rgba(85,192,229,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(85,192,229,.08) 1px,transparent 1px);
    background-size:34px 34px;
    mask-image:radial-gradient(circle at 50% 50%,#000 0 35%,transparent 78%);
}
.origin-memory-core{
    position:absolute;
    left:50%;top:50%;
    width:88px;height:88px;
    transform:translate(-50%,-50%) translateZ(24px);
    cursor:default;
}
.origin-device,.origin-output{
    position:absolute;
    z-index:3;
    display:flex;
    align-items:center;
    gap:.42rem;
    min-height:42px;
    padding:.45rem .58rem;
    border:1px solid rgba(98,209,247,.11);
    border-radius:10px;
    background:rgba(4,15,30,.78);
    box-shadow:0 12px 30px rgba(0,0,0,.22);
    color:#648ca0;
    font-size:.6875rem;
    letter-spacing:.08em;
}
.origin-device i,.origin-output i{font-size:1.15rem;color:#61bdd4}
.origin-device b{font-size:.6875rem;font-weight:650}
.od-camera{left:5%;top:16%}.od-mic{left:3%;top:43%}.od-phone{left:8%;bottom:13%}
.origin-output{right:5%;color:#669cb0}.oo-a{top:16%}.oo-b{top:43%}.oo-c{bottom:13%}
.origin-beam{
    position:absolute;
    left:22%;right:22%;top:50%;height:1px;
    transform-origin:center;
    background:linear-gradient(90deg,transparent,rgba(97,218,255,.20) 18%,rgba(123,108,255,.23) 50%,rgba(97,218,255,.20) 82%,transparent);
}
.ob-a{transform:rotate(-15deg)}.ob-b{transform:rotate(0)}.ob-c{transform:rotate(15deg)}
.origin-inner>p{grid-row:3}
@media (prefers-reduced-motion:no-preference){
    .origin-band.chapter-active .origin-memory-core{animation:rmdOriginCore 5.2s ease-in-out infinite}
    .origin-band.chapter-active .origin-beam{animation:rmdOriginBeam 3.6s ease-in-out infinite}
    .origin-band.chapter-active .ob-b{animation-delay:-1.2s}.origin-band.chapter-active .ob-c{animation-delay:-2.4s}
}
@keyframes rmdOriginCore{0%,100%{transform:translate(-50%,-50%) translateZ(24px) scale(.98);filter:brightness(.92)}50%{transform:translate(-50%,-50%) translateZ(32px) scale(1.04);filter:brightness(1.08)}}
@keyframes rmdOriginBeam{0%,100%{opacity:.28;filter:brightness(.8)}50%{opacity:.82;filter:brightness(1.15)}}

/* Normalize families that became cramped after the desktop readability pass. */
@media (min-width:1024px){
    .continuum-inspector{padding:1.15rem 1.2rem;gap:1.05rem}
    .ci-event{padding:.9rem 1.05rem}
    .ci-contexts{gap:.58rem}
    .ci-contexts span{min-height:102px;padding:.8rem}

    .capture-source{min-height:104px;padding:.75rem .5rem;gap:.28rem}
    .capture-source i{font-size:1.48rem}

    .suggestion-deck{gap:.85rem}
    .suggestion-card{min-height:220px;padding:1.1rem;gap:.82rem;grid-template-columns:46px 1fr}
    .suggestion-card>i{font-size:1.85rem}
    .suggestion-card button{min-height:38px}

    .shared-agent-strip{gap:.72rem}
    .shared-agent-strip article{min-height:176px;padding:1rem;grid-template-columns:42px 1fr;gap:.58rem;align-items:start}
    .shared-agent-strip article>i{font-size:1.45rem}

    .professional-lenses{gap:.78rem}
    .professional-lenses article{padding:1.05rem;grid-template-columns:44px 1fr;gap:.62rem}
    .professional-lenses article>i{font-size:1.45rem}

    .trust-grid{gap:.82rem}
    .trust-card{padding:1.05rem 1.1rem;min-height:210px}
    .trust-card>header{padding-bottom:.7rem}

    .system-engine-grid{gap:.55rem}
    .system-engine-grid button{min-height:92px;padding:.72rem;grid-template-columns:40px 1fr;gap:.55rem}
    .system-engine-grid i{font-size:1.38rem}

    .verification-ladder{padding:.78rem .9rem;gap:.3rem}
    .verification-ladder>span{min-height:56px;grid-template-columns:34px 1fr}
    .verification-ladder>span i{font-size:1.08rem}

    .ghost-compare{padding:.95rem 1rem}
    .ghost-choices{gap:.42rem;margin:.72rem 0}
    .ghost-bars{gap:.7rem}

    .atlas-card{min-height:200px;padding:.95rem;gap:.62rem}
    .atlas-grid{gap:.78rem}
}

/* Similar cards should align to the same reading edge. */
.world-event,.city-quest,.council-lab,
.trust-card,.professional-card,.shared-agent-strip article,
.suggestion-card,.atlas-card{text-align:left}
.world-event h3,.city-quest h3,.council-lab h3,
.professional-card b,.shared-agent-strip b,.atlas-card b{line-height:1.28}
.world-event>p,.city-quest>p,.council-lab>p,
.professional-card p,.shared-agent-strip p,.atlas-card p{margin-top:.42rem}

/* Give active/focus controls a subtle energy trace, while keeping Firefox cheap. */
@media (hover:hover) and (prefers-reduced-motion:no-preference){
    .capture-source:hover,.system-engine-grid button:hover,.case-tab:hover,.life-tab:hover,.telemetry-lens:hover{will-change:transform}
}

/* Tablet/mobile: actions stack cleanly and the origin schematic stays readable. */
@media (max-width:900px){
    .origin-inner{grid-template-columns:1fr;gap:1.2rem}
    .origin-inner>div:first-child,.origin-line,.origin-schematic,.origin-inner>p{grid-column:1;grid-row:auto}
    .origin-schematic{min-height:230px}
    .continuum-actions>small{width:100%;margin-left:0;text-align:left}
    .professional-card{min-height:auto}
}
@media (max-width:620px){
    .continuum-actions,.case-actions{align-items:stretch}
    .continuum-actions button,.case-actions button{flex:1 1 calc(50% - .3rem)}
    .origin-schematic{min-height:300px}
    .origin-device,.origin-output{min-width:92px;justify-content:center}
    .od-camera{left:4%;top:9%}.od-mic{left:4%;top:43%}.od-phone{left:4%;bottom:9%}
    .oo-a{right:4%;top:9%}.oo-b{right:4%;top:43%}.oo-c{right:4%;bottom:9%}
    .origin-beam{left:20%;right:20%}
}
html.balanced-render .origin-schematic *{animation:none!important}

/* ============================================================
   1.0.5 / VISUAL FINISH + MOBILE TOUCH + CHAPTER PACING
   Public-facing cleanup, touch ergonomics, compact Atlas pacing,
   and a clearer sense of place while moving through the Continuum.
   ============================================================ */

/* The public site is the product story, not a release-note surface. */
.site-footer .brand-word::after{content:none!important}

/* Active chapter readout in the fixed header. */
#chapterState{min-width:150px;text-align:center;transition:color .22s ease,opacity .22s ease,filter .22s ease}
#chapterState.is-switching{opacity:.45;filter:blur(1px)}

/* Stronger keyboard focus language across custom controls. */
:where(button,a,[role="button"]):focus-visible{
    outline:2px solid rgba(118,230,255,.75);
    outline-offset:3px;
}
.atlas-card:focus-visible,.professional-card:focus-visible{outline:2px solid rgba(118,230,255,.62);outline-offset:3px}

/* Slightly more readable rhythm for card families without inflating HUD labels. */
@media (min-width:1024px){
    .holo-card p,.trust-card p,.atlas-card p,.professional-card p,.shared-agent-strip p{line-height:1.62}
    .world-event,.city-quest,.council-lab,.trust-card,.professional-card,.atlas-card{border-radius:18px}
    .section-heading.centered{margin-bottom:3.4rem}
    .scene:not(.hero){padding-top:clamp(118px,9vw,150px);padding-bottom:clamp(118px,9vw,150px)}
}

/* Touch-first quick dock. Desktop keeps the cinematic rail. */
.mobile-dock{display:none}
@media (max-width:1100px){
    .mobile-dock{
        position:fixed;left:50%;bottom:max(10px,env(safe-area-inset-bottom));z-index:120;
        transform:translateX(-50%);
        width:min(520px,calc(100% - 20px));
        min-height:62px;
        display:grid;grid-template-columns:repeat(5,1fr);align-items:stretch;
        padding:6px;
        border:1px solid rgba(111,222,255,.15);border-radius:18px;
        background:rgba(2,9,20,.86);backdrop-filter:blur(18px) saturate(135%);
        box-shadow:0 18px 60px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.035);
        transition:opacity .25s ease,transform .25s ease,border-color .25s ease;
    }
    .mobile-dock a,.mobile-dock button{
        min-width:0;min-height:48px;border:0;border-radius:12px;background:transparent;
        display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
        color:#68879a;font:inherit;cursor:pointer;letter-spacing:.08em;
        transition:color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease;
    }
    .mobile-dock i{font-size:1.18rem;color:#62cbe5;transition:color .2s ease,filter .2s ease,transform .2s ease}
    .mobile-dock span{font-size:.6875rem;font-weight:700}
    .mobile-dock a.active,.mobile-dock a:hover,.mobile-dock a:focus-visible,.mobile-dock button:hover,.mobile-dock button:focus-visible{
        color:#e8fbff;background:linear-gradient(180deg,rgba(46,157,198,.11),rgba(9,27,45,.18));
    }
    .mobile-dock a.active i{color:#8feaff;filter:drop-shadow(0 0 8px rgba(91,221,255,.4));transform:translateY(-1px)}
    .mobile-dock a.active{box-shadow:inset 0 -1px rgba(105,225,255,.52),0 0 22px rgba(57,194,239,.04)}
    body.no-scroll .mobile-dock{opacity:0;pointer-events:none;transform:translateX(-50%) translateY(12px)}
    .horizon-section{padding-bottom:220px}
    .achievement{bottom:88px}
}

/* Small-screen controls must be easy to tap, not only easy to look at. */
@media (max-width:760px){
    button,.chip-button,.audience-tab,.case-tab,.life-tab,.telemetry-lens,.device-tabs button,.agent-permission-tabs button,.ghost-choices button,.atlas-filters button{min-height:44px}
    .icon-control{min-width:44px;min-height:44px;padding:0 .55rem}
    .topbar{height:60px}
    .scene{padding-bottom:110px}
    .section-heading{max-width:100%}
    .section-heading p,.final-content p{font-size:1rem;line-height:1.68}
    .section-heading h2,.final-content h2{line-height:.94}
    .hero-copy h1{line-height:.82}
    .hero-lead{font-size:1rem;line-height:1.68}
    .world-card-actions{align-items:stretch;flex-direction:column}
    .world-card-actions button{width:100%;min-height:46px}
    .world-card-actions small{max-width:none;text-align:left}
}

/* Micro League: no clipped pseudo-table on a phone. Each peer becomes a compact telemetry card. */
@media (max-width:620px){
    .microleague{padding:.85rem;overflow:visible}
    .microleague>header{align-items:flex-start;gap:.35rem;flex-direction:column}
    .microleague-table .ml-head{display:none}
    .microleague-table>div:not(.ml-head){
        display:grid;grid-template-columns:repeat(3,1fr) auto;gap:.48rem;
        min-height:0;margin:.55rem 0;padding:.72rem;
        border:1px solid rgba(102,213,250,.08);border-radius:12px;background:rgba(3,13,28,.42)
    }
    .microleague-table>div:not(.ml-head)>b{grid-column:1/-1;font-size:.88rem;color:#c3e3ee}
    .microleague-table>div:not(.ml-head)>span{height:30px;overflow:visible;padding-top:13px;background:rgba(255,255,255,.025)}
    .microleague-table>div:not(.ml-head)>span::before{position:absolute;left:0;top:-1px;color:var(--muted);font-size:.6875rem;letter-spacing:.08em}
    .microleague-table>div:not(.ml-head)>span:nth-of-type(1)::before{content:"Discovery"}
    .microleague-table>div:not(.ml-head)>span:nth-of-type(2)::before{content:"Consistency"}
    .microleague-table>div:not(.ml-head)>span:nth-of-type(3)::before{content:"Outdoors"}
    .microleague-table>div:not(.ml-head)>span small{top:15px;font-size:.6875rem}
    .microleague-table>div:not(.ml-head)>strong{align-self:end;padding-bottom:4px;font-size:.78rem}
    .microleague>footer{font-size:.72rem;line-height:1.5}

    /* The offline card used to clip once desktop typography was enlarged. */
    .trust-card{min-height:0!important;height:auto!important;overflow:visible}
    .edge-card{padding-bottom:1rem}
    .edge-stack{grid-template-columns:1fr 1fr;gap:.45rem}
    .edge-stack>i{display:none}
    .edge-stack>span{min-height:72px}

    /* Dense control rows become swipeable rather than wrapping into cramped chips. */
    .atlas-filters,.case-tabs,.life-tabs,.audience-tabs,.device-tabs,.ghost-choices{
        flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;overscroll-behavior-inline:contain;padding-bottom:4px
    }
    .atlas-filters::-webkit-scrollbar,.case-tabs::-webkit-scrollbar,.life-tabs::-webkit-scrollbar,.audience-tabs::-webkit-scrollbar,.device-tabs::-webkit-scrollbar,.ghost-choices::-webkit-scrollbar{display:none}
    .atlas-filters button,.case-tabs button,.life-tabs button,.audience-tabs button,.device-tabs button,.ghost-choices button{flex:0 0 auto}
}

/* Legacy mobile Capability Atlas rules; progressive disclosure is finalized by the 1.3.1 overrides below.
   an endless wall before the visitor asks to explore the whole map. */
.atlas-mobile-toggle{display:none}
@media (max-width:620px){
    .atlas-mobile-toggle{
        width:100%;min-height:52px;margin:.15rem auto .8rem;padding:.62rem .72rem;
        border:1px solid rgba(105,218,255,.15);border-radius:12px;background:linear-gradient(180deg,rgba(24,83,111,.12),rgba(3,13,28,.62));
        color:#77dff3;display:flex;align-items:center;justify-content:space-between;gap:.65rem;cursor:pointer
    }
    .atlas-mobile-toggle>span{display:flex;align-items:center;gap:.5rem;text-align:left}
    .atlas-mobile-toggle i{font-size:1.2rem}.atlas-mobile-toggle b{font-size:.70rem;letter-spacing:.075em}.atlas-mobile-toggle small{font-size:.6875rem;color:var(--muted);white-space:nowrap}
    #atlasGrid:not(.mobile-expanded){max-height:1110px;overflow:hidden;position:relative;mask-image:linear-gradient(#000 0 88%,transparent 100%)}
    #atlasGrid.mobile-expanded{max-height:none;mask-image:none}
    .atlas-section.atlas-searching #atlasGrid{max-height:none!important;mask-image:none!important;overflow:visible}
    .atlas-section.atlas-searching .atlas-mobile-toggle{display:none}
}

/* Stronger but restrained hover/touch confirmation for clickable information surfaces. */
@media (hover:hover) and (prefers-reduced-motion:no-preference){
    .capture-source:hover,.system-engine-grid button:hover,.professional-card:hover,.atlas-card:hover{transform:translateY(-2px)}
}

/* Balanced render keeps the new navigation useful without adding compositor pressure. */
html.balanced-render .mobile-dock{backdrop-filter:none;background:rgba(2,9,20,.95)}

/* 1.0.5 mobile overflow correction: older responsive rule set a 650px floor. */
@media (max-width:620px){
    .microleague-table{min-width:0!important;width:100%}
    .microleague-table>div:not(.ml-head),.microleague-table>div:not(.ml-head)>*{min-width:0}
    .microleague-table>div:not(.ml-head)>b{width:auto!important}
    .mobile-dock button.is-active{color:#e8fbff;background:linear-gradient(180deg,rgba(46,157,198,.11),rgba(9,27,45,.18));box-shadow:inset 0 -1px rgba(105,225,255,.52),0 0 22px rgba(57,194,239,.04)}
    .mobile-dock button.is-active i{color:#8feaff;filter:drop-shadow(0 0 8px rgba(91,221,255,.4))}
}

/* 1.0.5 mobile readability floor. Reuses the mature desktop selector map at touch-friendly sizes. */
@media (max-width:760px){
.agent-ledger em,
    .atlas-card em,
    .atlas-card small,
    .atlas-filters button,
    .atlas-foot small,
    .atlas-prism span,
    .atlas-search span,
    .atlas-signal small,
    .attention-spectrum small,
    .director-context b,
    .edge-stack>span small,
    .expert-signal-flow>span small,
    .expert-signal-head em,
    .expert-signal-head small,
    .final-module,
    .ghost-bars em,
    .ghost-bars small,
    .ghost-compare>header b,
    .history-copy small,
    .history-flow b,
    .history-sources span,
    .memory-zoom>div,
    .precision-axis small,
    .privacy-findings span,
    .privacy-intelligence header b,
    .privacy-object,
    .privacy-zones b,
    .professional-lenses small,
    .shared-agent-strip small,
    .sovereign-strip small,
    .verification-ladder small,
    .world-reputation em,
    .world-reputation small{font-size:.6875rem;}
.agent-ledger b,
    .agent-permission-detail>div b,
    .ask-memory>p span,
    .atlas-card b,
    .atlas-card p,
    .atlas-foot b,
    .atlas-foot em,
    .atlas-intro>span,
    .atlas-orbit button span,
    .atlas-search input,
    .atlas-signal b,
    .attention-spectrum b,
    .autonomy-card>small,
    .autonomy-track button,
    .capture-event-core small,
    .capture-source small,
    .chain-track>span small,
    .city-objectives span,
    .city-quest>header,
    .city-quest>header b,
    .city-quest>small,
    .council-candidate small,
    .council-candidate strong,
    .council-lab>header,
    .council-lab>header b,
    .council-policy,
    .council-votes small,
    .credit-grid small,
    .device-tabs button,
    .device-trust>small,
    .director-controls button,
    .echo-provenance,
    .echo-provenance b,
    .edge-policy small,
    .edge-stack>span b,
    .edge-toggle,
    .expert-signal-flow>span b,
    .expert-signal-head b,
    .expert-signal-lab>p,
    .feature-constellation small,
    .future-grid b,
    .future-grid small,
    .ghost-choices button,
    .ghost-compare>header span,
    .handshake-strip small,
    .history-copy b,
    .history-copy p,
    .humor-toggle,
    .ledger-card>button,
    .memory-zoom>span small,
    .microleague-table .ml-head,
    .microleague-table div>span small,
    .patch-notes>div span,
    .personal-compare em,
    .personal-compare>span small,
    .policy-actions button small,
    .policy-head em,
    .policy-head small,
    .precision-axis b,
    .preview-playback b,
    .preview-telemetry span,
    .preview-transcript small,
    .privacy-intelligence header,
    .privacy-scan button,
    .professional-lenses b,
    .professional-lenses p,
    .quest-boss>header b,
    .quest-chain>header b,
    .quest-checkpoint,
    .quest-complete-demo,
    .quest-director-copy>span,
    .quest-route-stats small,
    .render-guard small,
    .shared-agent-strip b,
    .shared-agent-strip p,
    .sovereign-strip b,
    .sys-core small,
    .system-engine-grid small,
    .system-example em,
    .system-example small,
    .system-readout-head,
    .system-readout-head b,
    .system-tab,
    .telemetry-lens small,
    .trust-card>header,
    .trust-card>header b,
    .vault-export button,
    .vault-export em,
    .vault-export small,
    .verification-ladder b,
    .verification-row span,
    .verse-daybar small,
    .world-event>header,
    .world-event>header b,
    .world-reputation b,
    .world-reputation p{font-size:.6875rem;}
.agent-ledger p,
    .agent-permission-detail>span,
    .agent-permission-tabs button,
    .ask-memory>label,
    .ask-memory>p,
    .atlas-core b,
    .atlas-intro>p,
    .atlas-readout small,
    .boss-progress>b,
    .capture-source span,
    .ci-contexts small,
    .ci-provenance,
    .ci-provenance b,
    .community-vote button span,
    .council-votes b,
    .daily-credits>header,
    .echo-action-status b,
    .echo-preset,
    .edge-policy b,
    .feature-constellation b,
    .ghost-compare p,
    .guild-strip small,
    .handshake-core span,
    .hero-hotspot small,
    .memory-portal,
    .microleague>header,
    .microleague>header b,
    .orbit-nav-foot,
    .orbit-nav-hud small,
    .overview-stream,
    .patch-notes>header,
    .patch-notes>header>b,
    .personal-compare>p,
    .policy-actions button span,
    .preview-context span,
    .preview-visual-label,
    .quest-boss>header,
    .quest-chain>header,
    .quest-route-copy>span,
    .render-public>small,
    .render-public>span,
    .render-source>small,
    .render-source>span,
    .render-transform,
    .system-engine-grid b,
    .telemetry-lens-readout span,
    .temporal-compass small,
    .temporal-compass span,
    .trust-card>p,
    .verse-daybar b,
    .world-progress>b{font-size:0.70rem;}
.achievement span,
    .agent-core small,
    .atlas-readout b,
    .audio-head span,
    .capture-event-core p,
    .case-actions button,
    .case-answer>span,
    .case-query b,
    .case-source small,
    .case-tab,
    .case-workbench>footer,
    .ci-event>span,
    .city-quest p,
    .community-lab-copy>span,
    .community-safety,
    .community-safety b,
    .consent-packet,
    .core-telemetry span,
    .council-candidate b,
    .council-lab>p,
    .credit-grid b,
    .diag-grid span,
    .event-node > button span,
    .handshake-strip b,
    .hero-hotspot b,
    .hero-sim-badge,
    .hero-stat-panel .micro-stats small,
    .memory-beacon span,
    .memory-zoom>span b,
    .microleague>footer,
    .orbit-nav-3d .orbit-item small,
    .orbit-nav-hud b,
    .orbit-nav-hud span,
    .origin-line,
    .overview-evidence header,
    .overview-evidence header b,
    .overview-evidence-line,
    .overview-module em,
    .overview-module small,
    .patch-notes>div p,
    .peer small,
    .personal-compare>span b,
    .policy-head b,
    .presence-point,
    .presence-stage>header b,
    .presence-stats small,
    .preview-transcript p,
    .proof-stack b,
    .proof-stack small,
    .quest-chain>p,
    .quest-director-copy p,
    .render-guard b,
    .signal-console>header b,
    .signal-policy small,
    .signal-step>span,
    .signal-tab,
    .suggestion-card button,
    .suggestion-card span,
    .system-example b,
    .telemetry-lens span,
    .vault-export b,
    .world-event p{font-size:0.72rem;}
.ask-memory input,
    .audience-copy>span,
    .audience-tab,
    .boot-skip,
    .chip-button,
    .continuum-now,
    .core-label span,
    .daily-credits>p,
    .diagnostics p,
    .discovery-strip span,
    .echo-palette small,
    .echo-palette>div,
    .event-source span,
    .evidence-button,
    .footer-stats,
    .form-footer>span,
    .guild-strip>div b,
    .intelligence-panel dt,
    .life-gauge span,
    .live-ribbon-label,
    .live-ribbon-time,
    .memory-preview header,
    .microleague-table div>b,
    .microleague-table strong,
    .orbit-item,
    .orbit-nav-3d .orbit-item span,
    .overview-core small,
    .overview-evidence p,
    .pipeline span,
    .presence-stage>header,
    .preview-image span,
    .public-render header,
    .quest-card footer,
    .quest-card header,
    .quest-route-stats b,
    .radar-copy span,
    .signal-console>header,
    .signal-policy b,
    .signal-step b,
    .signal-step small,
    .site-footer nav a,
    .site-footer nav button,
    .site-footer small,
    .source small,
    .suggestion-card p,
    .sys-core b,
    .system-console>p,
    .telemetry-card header,
    .temporal-compass b,
    .transcript-lines time,
    .transmission-panel label>span,
    .vault-rule,
    .verse-instruction,
    kbd{font-size:0.74rem;}
.agent-permission-detail p,
    .brand-build,
    .capture-copy p,
    .capture-event-core b,
    .case-source b,
    .ci-contexts b,
    .ci-event p,
    .community-lab-copy p,
    .diag-head,
    .event-card span,
    .event-dimensions span,
    .event-source small,
    .float-panel footer,
    .float-panel header,
    .guild-strip b,
    .hero-meta span,
    .icon-control,
    .intel-head,
    .live-ribbon-event,
    .overview-module b,
    .peer span,
    .permission-list span,
    .pipeline b,
    .presence-stats b,
    .quest-route-copy p,
    .radar-copy small,
    .render-meta span,
    .render-public>b,
    .render-source>b,
    .scroll-cue,
    .telemetry-card > small,
    .topbar-center,
    .vision-window-caption span{font-size:0.76rem;}
.achievement b,
    .agent-core b,
    .audience-copy p,
    .audio-head b,
    .boot-line,
    .case-answer p,
    .case-query span,
    .core-label b,
    .diag-grid b,
    .discovery-strip b,
    .eyebrow,
    .ghost-button,
    .intelligence-panel dd,
    .life-atlas-copy p,
    .memory-preview p,
    .micro-stats span,
    .overview-core p,
    .plasma-button,
    .primary > p,
    .quest-card p,
    .source b,
    .suggestion-card b{font-size:0.80rem;}
.event-card b,
    .float-panel p,
    .peer b,
    .render-meta b,
    .telemetry-card > p,
    .transcript-lines p,
    .transmission-panel>p{font-size:0.82rem;}
}

/* 1.0.5 / MOBILE READABILITY FINISH — eliminate legacy microtype in dense simulations */
@media (max-width:760px){
    .memory-zoom>span small{line-height:1.3}
    .memory-zoom>span b{}
    .memory-zoom>div{letter-spacing:.045em;gap:.1rem}
    .memory-zoom>div small{}
    .preview-transcript small{}
    .preview-transcript p{line-height:1.55!important}
    .chronos-head span{}
    .chronos-labels span{letter-spacing:.07em}
    .life-tab,.life-tab span{letter-spacing:.08em}
    .life-event-core small,.life-insight small,.life-actions small{}
    .life-stat-grid small{letter-spacing:.08em}
    .life-actions .safety-chip{}
    .lifegrammar-rule>span{}
    .lifegrammar-rule b{}
    .atlas-mobile-toggle small{}
    .mobile-dock span{}
    .telemetry-card>small,.public-render small{}
}
@media (max-width:760px){
    .microleague-table>div:not(.ml-head)>span small{}
}

/* ============================================================
   1.1.0 / EXPANDED CONTINUUM
   Dedicated Memory Constellation, Open Continuum, deeper lifecycle,
   richer Life Pack universe and long-form interactive reading.
   ============================================================ */

/* Life Pack Universe ------------------------------------------------------- */
.life-pack-universe{max-width:1440px;margin:1.25rem auto 0;display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.7fr);gap:1rem;align-items:stretch}
.life-pack-intro{padding:1.45rem;display:flex;flex-direction:column;justify-content:center;min-height:100%}
.life-pack-intro h3{margin:.7rem 0 .7rem;font-size:clamp(1.65rem,2.4vw,2.65rem);line-height:.95;letter-spacing:-.045em}.life-pack-intro h3 b{color:#8cecff;font-weight:650}.life-pack-intro>p{margin:0;color:#7d9bab;font-size:.9rem;line-height:1.72;max-width:54ch}
.pack-spotlight{display:grid;grid-template-columns:auto 1fr;gap:.8rem;margin-top:1.2rem;padding:.9rem 1rem;border:1px solid rgba(100,217,255,.13);border-radius:14px;background:linear-gradient(135deg,rgba(12,39,63,.48),rgba(4,12,25,.36));box-shadow:inset 0 0 35px rgba(66,197,255,.025)}
.pack-spotlight>i{font-size:1.7rem;color:#78e6ff;filter:drop-shadow(0 0 9px rgba(83,218,255,.28));margin-top:.08rem}.pack-spotlight span{display:grid;gap:.2rem}.pack-spotlight small{font-size:.6875rem;color:var(--muted-2);letter-spacing:.11em}.pack-spotlight b{font-size:.9rem;color:#d9f6ff;letter-spacing:.07em}.pack-spotlight p{margin:.12rem 0 0;color:#83a5b6;font-size:.8rem;line-height:1.6}
.pack-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.pack-categories article{padding:.9rem;border:1px solid rgba(88,196,245,.10);border-radius:15px;background:linear-gradient(145deg,rgba(6,18,37,.74),rgba(3,10,22,.58));box-shadow:0 18px 35px rgba(0,0,0,.12),inset 0 0 0 1px rgba(255,255,255,.012)}
.pack-categories header{display:flex;align-items:center;gap:.65rem;margin-bottom:.7rem}.pack-categories header>i{font-size:1.35rem;color:#68daf5}.pack-categories header span{display:grid;gap:.12rem}.pack-categories header b{font-size:.78rem;color:#d1edf7;letter-spacing:.1em}.pack-categories header small{font-size:.6875rem;color:var(--muted-2);letter-spacing:.1em}.pack-categories article>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.38rem}.pack-categories button{min-height:38px;padding:.45rem .5rem;border:1px solid rgba(91,199,240,.09);border-radius:8px;background:rgba(4,15,29,.68);color:#7395a7;font:700 11px/1.1 inherit;letter-spacing:.075em;cursor:pointer;transition:transform .2s,border-color .2s,background .2s,color .2s,box-shadow .2s}.pack-categories button:hover,.pack-categories button:focus-visible,.pack-categories button.active{color:#dff9ff;border-color:rgba(103,224,255,.35);background:rgba(16,63,83,.46);transform:translateY(-1px);box-shadow:0 0 18px rgba(63,213,255,.08)}

/* Vault lifecycle --------------------------------------------------------- */
.memory-lifecycle-lab{max-width:1380px;margin:1rem auto 0;padding:1.2rem 1.25rem;overflow:hidden;position:relative}.memory-lifecycle-lab::before{content:"";position:absolute;inset:auto -10% -55% 20%;height:72%;background:radial-gradient(ellipse at center,rgba(72,209,255,.09),transparent 68%);pointer-events:none}
.lifecycle-heading{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(280px,1.15fr);gap:1rem;align-items:end;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.05)}.lifecycle-heading>span{display:grid;grid-template-columns:auto 1fr;column-gap:.65rem;align-items:center}.lifecycle-heading>span>i{grid-row:1/3;font-size:1.65rem;color:#71e1fa}.lifecycle-heading small{font-size:.6875rem;letter-spacing:.12em;color:var(--muted-2)}.lifecycle-heading b{font-size:.92rem;color:#c9eaf4;letter-spacing:.055em}.lifecycle-heading p{margin:0;color:#7898a9;font-size:.82rem;line-height:1.65}
.lifecycle-track{position:relative;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:.36rem;align-items:center;margin:1rem 0}.lifecycle-track>i{font-size:.75rem;color:var(--muted)}.lifecycle-track button{position:relative;min-height:64px;display:flex;align-items:center;gap:.58rem;padding:.7rem;border:1px solid rgba(91,198,240,.10);border-radius:12px;background:rgba(4,14,29,.58);color:#6f90a1;cursor:pointer;text-align:left;transition:.23s}.lifecycle-track button>i{font-size:1.25rem}.lifecycle-track button span{display:grid;gap:.12rem}.lifecycle-track button b{font-size:.72rem;letter-spacing:.09em;color:#a9cad8}.lifecycle-track button small{font-size:.6875rem;color:var(--muted)}.lifecycle-track button.active,.lifecycle-track button:hover,.lifecycle-track button:focus-visible{border-color:rgba(98,220,255,.34);background:linear-gradient(145deg,rgba(20,72,94,.48),rgba(6,23,40,.62));color:#8eeaff;box-shadow:0 0 26px rgba(55,204,255,.07)}.lifecycle-track button.active b{color:#ecfcff}
.lifecycle-readout{display:grid;grid-template-columns:1.1fr 1fr;gap:1rem;padding:.9rem;border-radius:14px;background:rgba(3,12,25,.48);border:1px solid rgba(91,197,239,.07)}.lifecycle-readout>div:first-child{padding:.35rem .45rem}.lifecycle-readout small{font-size:.6875rem;color:var(--muted-2);letter-spacing:.11em}.lifecycle-readout h3{margin:.38rem 0;font-size:1.15rem;color:#d7f4fb}.lifecycle-readout p{margin:0;color:#7899aa;font-size:.8rem;line-height:1.6}.lifecycle-policy{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.lifecycle-policy span{display:grid;align-content:center;gap:.18rem;padding:.58rem .65rem;border:1px solid rgba(95,200,242,.08);border-radius:9px;background:rgba(6,20,35,.54)}.lifecycle-policy b{font-size:.7rem;color:#a8d3e2;letter-spacing:.055em}

/* Memory Constellation ---------------------------------------------------- */
.constellation-section{position:relative;overflow:hidden}.constellation-section::before{content:"";position:absolute;inset:12% -18% auto 18%;height:68%;background:radial-gradient(ellipse at center,rgba(77,89,255,.105),rgba(27,150,224,.045) 38%,transparent 70%);pointer-events:none;filter:blur(12px)}
.constellation-stage{position:relative;max-width:1440px;min-height:720px;margin:0 auto 1.1rem;border:1px solid rgba(102,213,255,.10);border-radius:26px;background:radial-gradient(circle at 38% 47%,rgba(25,88,128,.19),rgba(4,12,27,.72) 40%,rgba(2,8,18,.92) 75%);overflow:hidden;perspective:1100px;box-shadow:0 38px 90px rgba(0,0,0,.25),inset 0 0 90px rgba(65,193,255,.025)}
.constellation-cosmos{position:absolute;left:3%;top:5%;width:68%;height:90%;transform-style:preserve-3d;transform:rotateX(5deg) rotateY(-5deg);pointer-events:none}.mc-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(92,205,255,.11);border-radius:50%;transform:translate(-50%,-50%) rotateX(68deg);box-shadow:0 0 38px rgba(52,192,255,.025)}.mc-r1{width:28%;height:44%}.mc-r2{width:46%;height:64%;transform:translate(-50%,-50%) rotateX(70deg) rotateZ(24deg)}.mc-r3{width:68%;height:82%;transform:translate(-50%,-50%) rotateX(72deg) rotateZ(-18deg)}.mc-r4{width:88%;height:98%;transform:translate(-50%,-50%) rotateX(73deg) rotateZ(42deg);opacity:.48}.mc-star{position:absolute;width:4px;height:4px;border-radius:50%;background:#8feaff;box-shadow:0 0 12px #62ddff;opacity:.6}.ms-1{left:14%;top:24%}.ms-2{left:42%;top:12%}.ms-3{left:74%;top:20%}.ms-4{left:20%;top:72%}.ms-5{left:57%;top:81%}.ms-6{left:83%;top:65%}
.constellation-core{position:absolute;left:34%;top:48%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.25rem;z-index:4}.constellation-core .core-mark{width:92px;height:92px}.constellation-core b{margin-top:.45rem;font-size:.82rem;letter-spacing:.14em;color:#e4fbff}.constellation-core small{font-size:.6875rem;letter-spacing:.11em;color:var(--muted-2)}
.chapter-node{position:absolute;z-index:6;display:flex;align-items:center;gap:.5rem;min-width:132px;padding:.58rem .7rem;border:1px solid rgba(104,211,251,.12);border-radius:11px;background:rgba(4,15,31,.78);backdrop-filter:blur(8px);color:#7899aa;text-align:left;cursor:pointer;box-shadow:0 14px 32px rgba(0,0,0,.22);transition:transform .24s,border-color .24s,background .24s,box-shadow .24s,color .24s}.chapter-node>i{font-size:1.25rem;color:#65d8f2}.chapter-node span{display:grid;gap:.08rem}.chapter-node b{font-size:.7rem;letter-spacing:.08em;color:#b9dce8}.chapter-node small{font-size:.6875rem;letter-spacing:.07em;color:var(--muted)}.chapter-node:hover,.chapter-node:focus-visible,.chapter-node.active{border-color:rgba(107,226,255,.4);background:rgba(14,51,71,.82);color:#c8f5ff;transform:translateY(-3px) scale(1.025);box-shadow:0 20px 38px rgba(0,0,0,.28),0 0 24px rgba(54,208,255,.08)}.chapter-node.active b{color:#effdff}.cn-genesis{left:9%;top:18%}.cn-coast{left:41%;top:11%}.cn-family{left:8%;top:69%}.cn-learning{left:43%;top:75%}.cn-workshop{left:20%;top:40%}.cn-city{left:54%;top:47%}
.constellation-inspector{position:absolute;right:2.4%;top:7%;bottom:7%;width:31%;padding:1.25rem;display:flex;flex-direction:column;justify-content:center;z-index:8}.constellation-inspector header{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding-bottom:.65rem;border-bottom:1px solid rgba(255,255,255,.055);font-size:.6875rem;letter-spacing:.08em;color:#6f93a6}.constellation-inspector header span{display:flex;align-items:center;gap:.42rem}.constellation-inspector header i{font-size:1.08rem;color:#76e3fa}.constellation-inspector header b{font-size:.6875rem;color:var(--muted-2)}.constellation-inspector h3{margin:1rem 0 .5rem;font-size:clamp(1.5rem,2vw,2.35rem);line-height:1;color:#e4f9ff}.constellation-inspector>p{margin:0;color:#7f9eae;font-size:.83rem;line-height:1.7}.chapter-metrics{display:grid;grid-template-columns:1fr 1fr;gap:.44rem;margin:1rem 0}.chapter-metrics span{display:grid;gap:.15rem;padding:.65rem;border:1px solid rgba(97,207,247,.08);border-radius:9px;background:rgba(4,15,29,.55)}.chapter-metrics small{font-size:.6875rem;letter-spacing:.09em;color:var(--muted-2)}.chapter-metrics b{font-size:1rem;color:#c8edf7}.chapter-actions{display:flex;gap:.45rem;margin:.1rem 0 .75rem}.chapter-actions button{flex:1;min-height:40px;border:1px solid rgba(96,209,250,.14);border-radius:8px;background:rgba(9,31,49,.64);color:#8db3c3;font:700 11px/1 inherit;letter-spacing:.07em;cursor:pointer}.chapter-actions button:hover,.chapter-actions button:focus-visible{color:#e8fbff;border-color:rgba(108,225,255,.36);background:rgba(18,65,84,.52)}.constellation-inspector>small{font-size:.6875rem;line-height:1.5;letter-spacing:.055em;color:var(--muted-2)}
.memory-zoom-lab{max-width:1440px;margin:1rem auto;padding:1rem 1.2rem;display:grid;grid-template-columns:.65fr 1.6fr;gap:1rem}.memory-zoom-copy{padding:.4rem .7rem;display:flex;flex-direction:column;justify-content:center}.memory-zoom-copy>span{display:grid;grid-template-columns:auto 1fr;column-gap:.55rem;align-items:center}.memory-zoom-copy i{grid-row:1/3;font-size:1.45rem;color:#7be5fb}.memory-zoom-copy small{font-size:.6875rem;letter-spacing:.1em;color:var(--muted-2)}.memory-zoom-copy b{font-size:.88rem;color:#caeaf5;letter-spacing:.05em}.memory-zoom-copy p{margin:.7rem 0 0;color:#7898a8;font-size:.79rem;line-height:1.65}.deep-zoom-track{display:grid;grid-template-columns:repeat(13,auto);align-items:center;justify-content:stretch;gap:.25rem}.deep-zoom-track>i{width:12px;height:1px;background:linear-gradient(90deg,rgba(75,167,210,.15),rgba(101,225,255,.42));box-shadow:0 0 9px rgba(62,202,255,.07)}.deep-zoom-track button{min-width:82px;min-height:70px;display:grid;align-content:center;gap:.12rem;padding:.52rem;border:1px solid rgba(91,198,239,.09);border-radius:10px;background:rgba(4,14,28,.58);color:#698b9d;cursor:pointer;text-align:center;transition:.22s}.deep-zoom-track button small{font-size:.6875rem;color:var(--muted)}.deep-zoom-track button b{font-size:.7rem;letter-spacing:.08em;color:#9fc2d0}.deep-zoom-track button span{font-size:.6875rem;color:var(--muted)}.deep-zoom-track button:hover,.deep-zoom-track button:focus-visible,.deep-zoom-track button.active{border-color:rgba(102,221,255,.35);background:rgba(16,57,76,.58);transform:translateY(-2px);box-shadow:0 0 20px rgba(54,207,255,.055)}.deep-zoom-track button.active b{color:#effdff}.deep-zoom-readout{grid-column:1/-1;display:grid;grid-template-columns:.7fr 1.3fr auto;gap:.8rem;align-items:center;padding:.7rem .85rem;border-top:1px solid rgba(255,255,255,.05);background:rgba(3,12,24,.35);border-radius:10px}.deep-zoom-readout span{display:grid;gap:.12rem}.deep-zoom-readout small{font-size:.6875rem;color:var(--muted-2);letter-spacing:.09em}.deep-zoom-readout b{font-size:.82rem;color:#c7e7f1}.deep-zoom-readout p{margin:0;color:#708fa0;font-size:.76rem;line-height:1.55}.deep-zoom-readout em{font-style:normal;font-size:.6875rem;color:var(--muted-2);letter-spacing:.07em;text-align:right}
.memory-graph-lab{max-width:1440px;margin:1rem auto 0;display:grid;grid-template-columns:1.15fr .85fr;gap:1rem}.relation-graph{padding:1rem;min-height:520px;display:flex;flex-direction:column}.relation-graph>header{display:flex;justify-content:space-between;align-items:center;gap:.7rem;padding:.1rem .1rem .75rem;border-bottom:1px solid rgba(255,255,255,.05);font-size:.6875rem;letter-spacing:.09em;color:#7194a7}.relation-graph>header span{display:flex;align-items:center;gap:.4rem}.relation-graph>header i{font-size:1.05rem;color:#72def7}.relation-graph>header b{font-size:.6875rem;color:var(--muted-2)}.relation-stage{position:relative;flex:1;min-height:350px;margin:.5rem 0;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(47,174,224,.095),transparent 52%)}.relation-stage::before,.relation-stage::after{content:"";position:absolute;left:50%;top:50%;border:1px solid rgba(91,204,246,.08);border-radius:50%;transform:translate(-50%,-50%) rotateX(66deg)}.relation-stage::before{width:58%;height:58%}.relation-stage::after{width:84%;height:78%;transform:translate(-50%,-50%) rotateX(70deg) rotateZ(28deg)}.relation-core{position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%);width:122px;height:122px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;border:1px solid rgba(105,226,255,.3);background:radial-gradient(circle,rgba(39,142,180,.32),rgba(7,28,44,.84) 60%,rgba(4,15,28,.94));box-shadow:0 0 48px rgba(57,211,255,.12),inset 0 0 34px rgba(107,227,255,.08)}.relation-core>i{font-size:1.65rem;color:#80eaff}.relation-core b{font-size:.72rem;letter-spacing:.08em;color:#e4faff}.relation-core small{font-size:.6875rem;color:var(--muted-2)}.rg-node{position:absolute;z-index:4;display:flex;align-items:center;gap:.42rem;min-width:118px;padding:.52rem .58rem;border:1px solid rgba(89,194,236,.10);border-radius:9px;background:rgba(4,15,29,.76);color:#7395a7;cursor:pointer;text-align:left;transition:.22s}.rg-node>i{font-size:1.1rem;color:#69d9f2}.rg-node span{display:grid;gap:.05rem}.rg-node small{font-size:.6875rem;color:var(--muted);letter-spacing:.07em}.rg-node b{font-size:.6875rem;color:#a8cbd8}/* A relation the evidence does not support is drawn as a gap, in the provenance palette's
   inferred violet rather than the cyan that means source. */
.rg-node.is-unestablished{border-style:dashed;border-color:rgba(145,123,255,.34)}
.rg-node.is-unestablished>i,.rg-node.is-unestablished b{color:#917bff}
.rg-node:hover,.rg-node:focus-visible,.rg-node.active{border-color:rgba(104,223,255,.36);background:rgba(15,56,75,.74);transform:translateY(-2px);box-shadow:0 0 20px rgba(56,208,255,.055)}.rg-person{left:8%;top:14%}.rg-place{right:7%;top:13%}.rg-object{left:4%;top:63%}.rg-project{right:5%;top:61%}.rg-decision{left:33%;top:6%}.rg-promise{right:31%;bottom:5%}.relation-readout{display:grid;grid-template-columns:.5fr 1.5fr;gap:.8rem;align-items:center;padding:.68rem .8rem;border-top:1px solid rgba(255,255,255,.05)}.relation-readout span{display:grid;gap:.12rem}.relation-readout small{font-size:.6875rem;color:var(--muted);letter-spacing:.08em}.relation-readout b{font-size:.78rem;color:#c2e5ef}.relation-readout p{margin:0;color:#7796a6;font-size:.75rem;line-height:1.55}
.memory-intelligence-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.memory-intel-card{padding:1rem;display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-content:start;min-height:0}.memory-intel-card>i{font-size:1.5rem;color:#6ddff8;filter:drop-shadow(0 0 8px rgba(64,209,255,.22))}.memory-intel-card span{display:grid;gap:.26rem}.memory-intel-card small{font-size:.6875rem;color:var(--muted-2);letter-spacing:.09em}.memory-intel-card b{font-size:.79rem;line-height:1.35;color:#c9e9f3;letter-spacing:.035em}.memory-intel-card p{margin:.12rem 0 0;color:#7595a6;font-size:.74rem;line-height:1.58}.memory-intel-card.conflict{border-color:rgba(193,133,255,.16);background:linear-gradient(145deg,rgba(41,20,64,.32),rgba(5,15,28,.72))}.memory-intel-card.conflict>i{color:#b79aff}

/* Open Continuum ---------------------------------------------------------- */
.ecosystem-section{position:relative;overflow:hidden}.ecosystem-section::before{content:"";position:absolute;right:-18%;top:11%;width:70%;height:55%;background:radial-gradient(ellipse at center,rgba(45,177,216,.08),transparent 70%);pointer-events:none}
.ecosystem-stage{max-width:1440px;min-height:650px;margin:0 auto 1rem;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);gap:1rem;align-items:stretch}.connector-field{position:relative;min-height:650px;border:1px solid rgba(98,208,248,.09);border-radius:24px;background:radial-gradient(circle at 50% 50%,rgba(37,143,182,.13),rgba(4,13,27,.72) 45%,rgba(2,8,18,.92) 78%);overflow:hidden;perspective:1000px}.connector-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(93,204,245,.10);border-radius:50%;transform:translate(-50%,-50%) rotateX(68deg);pointer-events:none}.cr-a{width:43%;height:46%}.cr-b{width:67%;height:66%;transform:translate(-50%,-50%) rotateX(71deg) rotateZ(28deg)}.cr-c{width:88%;height:86%;transform:translate(-50%,-50%) rotateX(73deg) rotateZ(-22deg);opacity:.55}.connector-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.2rem;z-index:4}.connector-core .core-mark{width:92px;height:92px}.connector-core b{margin-top:.4rem;font-size:.75rem;letter-spacing:.12em;color:#e1f9ff}.connector-core small{font-size:.6875rem;color:var(--muted-2);letter-spacing:.09em}.connector-node{position:absolute;z-index:5;display:flex;align-items:center;gap:.42rem;min-width:92px;padding:.52rem .58rem;border:1px solid rgba(91,197,238,.10);border-radius:10px;background:rgba(3,14,28,.78);color:#6d90a2;cursor:pointer;box-shadow:0 14px 28px rgba(0,0,0,.22);transition:.22s}.connector-node i{font-size:1.15rem;color:#68d8f1}.connector-node span{font-size:.6875rem;font-weight:750;letter-spacing:.07em}.connector-node:hover,.connector-node:focus-visible,.connector-node.active{color:#e1f9ff;border-color:rgba(101,222,255,.38);background:rgba(15,59,78,.82);transform:translateY(-2px) scale(1.025);box-shadow:0 0 22px rgba(58,211,255,.07),0 16px 32px rgba(0,0,0,.24)}.ec-phone{left:8%;top:12%}.ec-camera{left:39%;top:7%}.ec-watch{right:8%;top:14%}.ec-home{left:3%;top:43%}.ec-car{right:3%;top:42%}.ec-calendar{left:9%;bottom:16%}.ec-mail{left:34%;bottom:7%}.ec-files{right:29%;bottom:8%}.ec-finance{right:7%;bottom:18%}.ec-wellness{left:39%;top:30%}
.connector-inspector{padding:1.25rem;display:flex;flex-direction:column;justify-content:center}.connector-inspector>header{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding-bottom:.7rem;border-bottom:1px solid rgba(255,255,255,.055);font-size:.6875rem;color:#7297a8;letter-spacing:.08em}.connector-inspector>header span{display:flex;align-items:center;gap:.4rem}.connector-inspector>header i{font-size:1.1rem;color:#74e2fa}.connector-inspector>header b{font-size:.6875rem;color:var(--muted-2)}.connector-inspector h3{margin:1rem 0 .45rem;font-size:clamp(1.55rem,2.1vw,2.45rem);line-height:1;color:#e5fbff}.connector-inspector>p{margin:0;color:#7c9bab;font-size:.83rem;line-height:1.7}.connector-contract{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin:1rem 0}.connector-contract span{display:grid;gap:.15rem;padding:.68rem;border:1px solid rgba(96,203,243,.08);border-radius:9px;background:rgba(4,16,30,.56)}.connector-contract small{font-size:.6875rem;color:var(--muted-2);letter-spacing:.08em}.connector-contract b{font-size:.6875rem;color:#acd1df;line-height:1.4}.connector-output{display:grid;grid-template-columns:auto 1fr;gap:.6rem;align-items:center;padding:.72rem;border:1px solid rgba(100,216,255,.11);border-radius:10px;background:rgba(9,38,54,.42)}.connector-output>i{font-size:1.25rem;color:#71e2fa}.connector-output span{display:grid;gap:.1rem}.connector-output small{font-size:.6875rem;color:var(--muted-2);letter-spacing:.08em}.connector-output b{font-size:.69rem;color:#b9e1eb}.connector-revoke{margin-top:.8rem;min-height:42px;border:1px solid rgba(99,213,253,.14);border-radius:9px;background:rgba(11,40,57,.62);color:#9bc3d2;font:700 11px/1 inherit;letter-spacing:.07em;cursor:pointer}.connector-revoke:hover,.connector-revoke:focus-visible{color:#e9fcff;border-color:rgba(104,225,255,.38);background:rgba(18,66,84,.58)}
.pack-foundry{max-width:1440px;margin:1rem auto;display:grid;grid-template-columns:.62fr 1.38fr;gap:1rem}.pack-foundry-copy{padding:1.25rem;display:flex;flex-direction:column;justify-content:center}.pack-foundry-copy h3{margin:.65rem 0;font-size:clamp(1.5rem,2vw,2.35rem);line-height:.98}.pack-foundry-copy h3 b{color:#88e9ff}.pack-foundry-copy p{margin:0;color:#7897a8;font-size:.8rem;line-height:1.65}.manifest-line{display:grid;gap:.16rem;margin-top:1rem;padding:.68rem;border-left:2px solid rgba(94,220,255,.35);background:rgba(7,29,44,.42)}.manifest-line span{font-size:.6875rem;color:var(--muted-2);letter-spacing:.1em}.manifest-line b{font-size:.7rem;color:#b6dce8;letter-spacing:.045em}.pack-foundry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.foundry-card{padding:.9rem;display:grid;grid-template-columns:auto 1fr;gap:.62rem;align-content:start}.foundry-card>i{font-size:1.35rem;color:#6fdef7}.foundry-card span{display:grid;gap:.18rem}.foundry-card small{font-size:.6875rem;color:var(--muted-2);letter-spacing:.08em}.foundry-card b{font-size:.7rem;line-height:1.4;color:#c1e2ed;letter-spacing:.025em}.foundry-card p{margin:.12rem 0;color:#718fa0;font-size:.7rem;line-height:1.55}.foundry-card em{font-style:normal;font-size:.6875rem;color:var(--muted-2);letter-spacing:.06em;margin-top:.25rem}.continuum-protocol{max-width:1320px;margin:1rem auto;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:.45rem;padding:.8rem 1rem;border:1px solid rgba(91,201,242,.08);border-radius:14px;background:rgba(4,14,28,.56)}.continuum-protocol>span{display:grid;grid-template-columns:auto 1fr;column-gap:.45rem;align-items:center}.continuum-protocol>span>i{grid-row:1/3;font-size:1.2rem;color:#68d8f2}.continuum-protocol b{font-size:.69rem;color:#b7dce7;letter-spacing:.07em}.continuum-protocol small{font-size:.6875rem;color:var(--muted)}.continuum-protocol>i{font-size:.7rem;color:var(--muted)}.time-horizon{max-width:1440px;margin:1rem auto 0;padding:1rem;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:.8rem;align-items:center}.time-horizon>div{padding:.6rem .75rem}.time-horizon span{font-size:.6875rem;color:var(--muted-2);letter-spacing:.11em}.time-horizon b{display:block;margin:.28rem 0;font-size:.9rem;color:#c7e8f2}.time-horizon p{margin:0;color:#7594a5;font-size:.73rem;line-height:1.6}.time-horizon>i{font-size:.8rem;color:#3c6275}

/* Use-case reading expansion --------------------------------------------- */
.life-question-cloud{max-width:1440px;margin:0 auto 1rem;padding:.9rem 1rem;border:1px solid rgba(95,204,245,.08);border-radius:15px;background:linear-gradient(145deg,rgba(4,15,30,.68),rgba(6,19,35,.42));display:grid;grid-template-columns:minmax(280px,.52fr) 1.48fr;gap:1rem;align-items:center}.life-question-cloud>span{display:grid;grid-template-columns:auto 1fr;column-gap:.55rem;align-items:center}.life-question-cloud>span>i{grid-row:1/3;font-size:1.35rem;color:#71e0f8}.life-question-cloud small{font-size:.6875rem;color:var(--muted-2);letter-spacing:.09em}.life-question-cloud b{font-size:.72rem;line-height:1.4;color:#b9dce8}.life-question-cloud>div{display:flex;flex-wrap:wrap;gap:.4rem}.life-question-cloud button{padding:.5rem .62rem;border:1px solid rgba(94,200,241,.09);border-radius:999px;background:rgba(4,17,31,.65);color:#789bac;font:650 11px/1.2 inherit;cursor:pointer;transition:.2s}.life-question-cloud button:hover,.life-question-cloud button:focus-visible{color:#e7fbff;border-color:rgba(103,220,255,.34);background:rgba(15,56,75,.64);transform:translateY(-1px);box-shadow:0 0 18px rgba(55,209,255,.05)}
.everyday-lenses{max-width:1440px;margin:1rem auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.everyday-card{padding:1rem;display:grid;grid-template-columns:auto 1fr;gap:.7rem;cursor:pointer;transition:transform .22s,border-color .22s,box-shadow .22s}.everyday-card:hover,.everyday-card:focus-visible{transform:translateY(-3px);border-color:rgba(104,220,255,.25);box-shadow:0 18px 38px rgba(0,0,0,.2),0 0 22px rgba(55,210,255,.04)}.everyday-card>i{font-size:1.5rem;color:#6bdcf5}.everyday-card span{display:grid;gap:.25rem}.everyday-card small{font-size:.6875rem;color:var(--muted-2);letter-spacing:.09em}.everyday-card b{font-size:.78rem;color:#c6e6ef;line-height:1.35}.everyday-card p{margin:0;color:#7595a5;font-size:.72rem;line-height:1.58}.everyday-card em{font-style:normal;font-size:.6875rem;color:#67b6d2;letter-spacing:.07em;margin-top:.3rem}.everyday-card em i{font-size:.6875rem}

/* Atlas 100 --------------------------------------------------------------- */
.atlas-card.is-selected{border-color:rgba(112,230,255,.42)!important;box-shadow:0 0 28px rgba(58,209,255,.085),inset 0 0 34px rgba(58,209,255,.035)!important}.atlas-card.is-selected>i{color:#93efff!important;filter:drop-shadow(0 0 10px rgba(87,223,255,.28))}

/* Chapter-aware atmosphere for the new worlds. */
body[data-active-scene="constellation"] .chapter-ambient span:nth-child(1){transform:translate(24vw,18vh) scale(1.25);background:rgba(74,102,255,.28)}
body[data-active-scene="constellation"] .chapter-ambient span:nth-child(2){transform:translate(-28vw,18vh) scale(1.18);background:rgba(79,204,255,.2)}
body[data-active-scene="ecosystem"] .chapter-ambient span:nth-child(1){transform:translate(36vw,18vh) scale(1.12);background:rgba(41,184,199,.24)}
body[data-active-scene="ecosystem"] .chapter-ambient span:nth-child(3){transform:translate(-18vw,-12vh) scale(1.2);background:rgba(83,111,255,.14)}

@media (prefers-reduced-motion:no-preference){
    .constellation-section.chapter-active .mc-r2{animation:memoryConstellationDrift 20s linear infinite}.constellation-section.chapter-active .mc-r3{animation:memoryConstellationDriftReverse 28s linear infinite}.constellation-section.chapter-active .mc-star{animation:memoryStarPulse 3.8s ease-in-out infinite alternate}.constellation-section.chapter-active .mc-star:nth-of-type(2n){animation-delay:-1.5s}
    .ecosystem-section.chapter-active .cr-b{animation:connectorDrift 24s linear infinite}.ecosystem-section.chapter-active .cr-c{animation:connectorDriftReverse 33s linear infinite}
    .constellation-section.chapter-active .chapter-node.active,.ecosystem-section.chapter-active .connector-node.active{animation:selectedNodePulse 2.8s ease-in-out infinite alternate}
}
@keyframes memoryConstellationDrift{to{transform:translate(-50%,-50%) rotateX(70deg) rotateZ(384deg)}}
@keyframes memoryConstellationDriftReverse{to{transform:translate(-50%,-50%) rotateX(72deg) rotateZ(-378deg)}}
@keyframes memoryStarPulse{from{opacity:.25;transform:scale(.75)}to{opacity:.9;transform:scale(1.35)}}
@keyframes connectorDrift{to{transform:translate(-50%,-50%) rotateX(71deg) rotateZ(388deg)}}
@keyframes connectorDriftReverse{to{transform:translate(-50%,-50%) rotateX(73deg) rotateZ(-382deg)}}
@keyframes selectedNodePulse{from{box-shadow:0 0 14px rgba(60,209,255,.04),0 14px 28px rgba(0,0,0,.2)}to{box-shadow:0 0 28px rgba(60,209,255,.14),0 18px 34px rgba(0,0,0,.25)}}

/* New section lazy-paint estimates are explicit to reduce scroll correction. */
@supports (content-visibility:auto){
    #overview{contain-intrinsic-size:auto 1320px}
    #continuum{contain-intrinsic-size:auto 1900px}
    #memoryverse,#echo,#telemetry,#lifegrammar,#quests,#world,#affinity,#network,#signals,#vault,#systems,#trust,#usecases{contain-intrinsic-size:auto 1320px}
    #constellation{contain-intrinsic-size:auto 1900px}
    #ecosystem{contain-intrinsic-size:auto 1800px}
    #atlas{contain-intrinsic-size:auto 4800px}
    #origin{contain-intrinsic-size:auto 1100px}
    #transmission{contain-intrinsic-size:auto 1200px}
}

/* Responsive -------------------------------------------------------------- */
@media(max-width:1180px){
    .life-pack-universe,.pack-foundry{grid-template-columns:1fr}.pack-categories{grid-template-columns:repeat(3,minmax(0,1fr))}.pack-foundry-grid{grid-template-columns:repeat(3,1fr)}
    .constellation-stage{min-height:800px}.constellation-cosmos{width:100%;height:64%;left:0;top:0}.constellation-core{left:50%;top:34%}.constellation-inspector{left:3%;right:3%;top:auto;bottom:3%;width:auto;height:32%;display:grid;grid-template-columns:1.2fr 1fr;column-gap:1rem;align-content:center}.constellation-inspector header,.constellation-inspector>small{grid-column:1/-1}.constellation-inspector h3,.constellation-inspector>p{grid-column:1}.chapter-metrics,.chapter-actions{grid-column:2}.chapter-metrics{margin:.25rem 0}.chapter-actions{margin:0}.cn-genesis{left:8%;top:10%}.cn-coast{left:36%;top:7%}.cn-family{left:72%;top:13%}.cn-learning{left:10%;top:46%}.cn-workshop{left:42%;top:51%}.cn-city{left:72%;top:45%}
    .memory-zoom-lab{grid-template-columns:1fr}.deep-zoom-track{overflow-x:auto;justify-content:start;padding-bottom:.25rem}.deep-zoom-track button{min-width:96px}.deep-zoom-readout{grid-template-columns:1fr 1.4fr}.deep-zoom-readout em{grid-column:1/-1;text-align:left}.memory-graph-lab{grid-template-columns:1fr}.memory-intelligence-grid{grid-template-columns:repeat(4,1fr)}
    .ecosystem-stage{grid-template-columns:1fr}.connector-field{min-height:560px}.connector-inspector{min-height:0}.time-horizon{grid-template-columns:1fr}.time-horizon>i{transform:rotate(90deg);justify-self:center}.life-question-cloud{grid-template-columns:1fr}.everyday-lenses{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
    .pack-categories{grid-template-columns:1fr 1fr}.memory-intelligence-grid{grid-template-columns:1fr 1fr}.pack-foundry-grid{grid-template-columns:1fr 1fr}.continuum-protocol{grid-template-columns:1fr}.continuum-protocol>i{transform:rotate(90deg);justify-self:center}.connector-field{min-height:620px}.connector-node{min-width:86px}.deep-zoom-track{grid-template-columns:repeat(13,auto)}.life-question-cloud>div{max-height:none}
}
@media(max-width:760px){
    .life-pack-universe{margin-top:.8rem}.pack-categories{grid-template-columns:1fr}.pack-categories article>div{grid-template-columns:repeat(3,1fr)}.pack-categories button{font-size:.6875rem;min-height:40px}.life-pack-intro{padding:1rem}.pack-spotlight p{font-size:.76rem}
    .lifecycle-heading{grid-template-columns:1fr}.lifecycle-track{display:flex;overflow-x:auto;gap:.4rem;padding-bottom:.25rem}.lifecycle-track>i{display:none}.lifecycle-track button{min-width:150px}.lifecycle-readout{grid-template-columns:1fr}.lifecycle-policy{grid-template-columns:1fr 1fr}
    .constellation-stage{min-height:940px;border-radius:18px}.constellation-cosmos{height:58%;top:0}.constellation-core{top:31%}.constellation-core .core-mark{width:76px;height:76px}.chapter-node{min-width:0;width:42%;padding:.5rem}.chapter-node b{font-size:.6875rem}.chapter-node small{font-size:.6875rem}.cn-genesis{left:5%;top:8%}.cn-coast{left:53%;top:7%}.cn-family{left:5%;top:35%}.cn-learning{left:53%;top:36%}.cn-workshop{left:5%;top:20%}.cn-city{left:53%;top:21%}.constellation-inspector{left:3%;right:3%;bottom:2%;height:43%;display:flex}.constellation-inspector h3{font-size:1.45rem}.constellation-inspector>p{font-size:.78rem}.chapter-actions{width:100%}.memory-zoom-lab{padding:.85rem}.memory-zoom-copy p{font-size:.76rem}.deep-zoom-readout{grid-template-columns:1fr}.memory-graph-lab{gap:.7rem}.relation-graph{min-height:570px}.relation-stage{min-height:390px}.relation-core{width:100px;height:100px}.rg-node{min-width:104px;padding:.44rem}.rg-person{left:2%;top:8%}.rg-place{right:2%;top:8%}.rg-object{left:1%;top:68%}.rg-project{right:1%;top:68%}.rg-decision{left:28%;top:22%}.rg-promise{right:26%;bottom:8%}.relation-readout{grid-template-columns:1fr}.memory-intelligence-grid{grid-template-columns:1fr}.memory-intel-card p{font-size:.75rem}
    .ecosystem-stage{min-height:0}.connector-field{min-height:720px;border-radius:18px}.connector-core{top:48%}.connector-node{width:42%;min-width:0}.ec-phone{left:4%;top:7%}.ec-camera{left:auto;right:4%;top:7%}.ec-watch{left:4%;top:22%}.ec-home{left:auto;right:4%;top:22%}.ec-car{left:4%;top:37%}.ec-calendar{left:auto;right:4%;top:37%}.ec-mail{left:4%;top:auto;bottom:22%}.ec-files{left:auto;right:4%;bottom:22%}.ec-finance{left:4%;bottom:7%}.ec-wellness{left:auto;right:4%;top:auto;bottom:7%}.connector-inspector{padding:1rem}.connector-contract{grid-template-columns:1fr 1fr}.pack-foundry-grid{grid-template-columns:1fr}.foundry-card p{font-size:.74rem}.continuum-protocol{padding:.75rem}.time-horizon{padding:.75rem}.life-question-cloud{padding:.8rem}.life-question-cloud button{font-size:.6875rem}.everyday-lenses{grid-template-columns:1fr}.everyday-card p{font-size:.76rem}
}
@media(max-width:460px){
    .pack-categories article>div{grid-template-columns:1fr 1fr}.lifecycle-policy{grid-template-columns:1fr}.chapter-metrics{grid-template-columns:1fr 1fr}.chapter-actions{flex-direction:column}.constellation-inspector{height:45%}.rg-decision{left:19%;top:25%}.rg-promise{right:18%;bottom:11%}.connector-contract{grid-template-columns:1fr}.connector-field{min-height:760px}.connector-node span{font-size:.6875rem}.life-question-cloud>div{display:grid;grid-template-columns:1fr}.life-question-cloud button{text-align:left;border-radius:10px}.deep-zoom-track button{min-width:88px}
}

html.balanced-render .chapter-node,html.balanced-render .connector-node{backdrop-filter:none}
html.balanced-render .constellation-section .mc-ring,html.balanced-render .ecosystem-section .connector-ring{animation:none!important}


/* 1.1.0 / FINAL EXPANSION QA -------------------------------------------- */
/* Keep the chapter rail as a peripheral instrument, never a content mask. */
@media (min-width:1101px){
  .section-rail{right:4px;padding:12px 6px;gap:6px;border-radius:15px;background:rgba(2,8,20,.36)}
  .section-rail a{grid-template-columns:23px 7px;gap:4px;min-height:23px}
  .section-rail a b{right:18px}
  .section-rail a.active b{opacity:0;transform:translateX(5px)}
  .section-rail a:hover b,.section-rail a:focus-visible b{opacity:1;transform:translateX(0)}
}

.lifecycle-mobile-hint{display:none}

@media (max-width:760px){
  .lifecycle-mobile-hint{display:flex;align-items:center;gap:.45rem;margin:.75rem 0 -.4rem;color:var(--muted-2);font-size:.6875rem;font-weight:750;letter-spacing:.1em}
  .lifecycle-mobile-hint i{font-size:.9rem;color:#73dff8}
  .lifecycle-track{scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:rgba(92,215,255,.28) transparent}
  .lifecycle-track button{scroll-snap-align:start}
  .lifecycle-track::after{content:"";flex:0 0 18px}

  /* Mobile connector positions explicitly reset desktop anchors. */
  .ec-phone{left:4%;right:auto;top:7%;bottom:auto}
  .ec-camera{left:auto;right:4%;top:7%;bottom:auto}
  .ec-watch{left:4%;right:auto;top:22%;bottom:auto}
  .ec-home{left:auto;right:4%;top:22%;bottom:auto}
  .ec-car{left:4%;right:auto;top:37%;bottom:auto}
  .ec-calendar{left:auto;right:4%;top:37%;bottom:auto}
  .ec-mail{left:4%;right:auto;top:auto;bottom:22%}
  .ec-files{left:auto;right:4%;top:auto;bottom:22%}
  .ec-finance{left:4%;right:auto;top:auto;bottom:7%}
  .ec-wellness{left:auto;right:4%;top:auto;bottom:7%}

  .pack-foundry-copy h3{line-height:1.04}
}
@media (max-width:460px){
  .rg-promise{right:18%;bottom:4%}
  .pack-foundry-copy h3{font-size:1.42rem;line-height:1.07}
}

/* ============================================================
   1.1.1 / LIVE VISUAL AUDIT
   Readability, medium-desktop composition, long-form Atlas pacing,
   mobile fixed-layer cleanup and v1.1 system consistency.
   ============================================================ */

/* Fixed header anchors need a little more breathing room on real screens. */
html{scroll-padding-top:110px}
.scene[id],.system-overview[id],.origin-band[id]{scroll-margin-top:110px}

/* The right chapter rail is a wide-screen luxury. At laptop/medium desktop
   widths it can mask content; ORBIT remains the primary navigation surface. */
@media (min-width:1101px) and (max-width:1559px){
  .section-rail{display:none!important}
}
@media (min-width:1560px){
  .section-rail{right:8px}
}

/* Hidden discovery toast must clear the fixed mobile navigation dock. */
@media (max-width:760px){
  .achievement{bottom:88px;transform:translate(-50%,calc(100% + 124px))}
  .achievement.show{transform:translate(-50%,0)}
}

/* Remove development-era version suffix from the public brand. */
.site-footer .brand-word::after{content:none!important}

/* v1.1 added several rich simulations after the original readability pass.
   Keep instrument labels compact, but never microscopic on desktop. */
@media (min-width:761px){
  .preview-transcript small,
  .chronos-labels span,
  .life-tab span,
  .lifegrammar-rule>span,
  .lifegrammar-rule b,
  .memory-intel-card small,
  .chapter-node small,
  .chapter-metrics small,
  .constellation-inspector>small,
  .memory-zoom-copy small,
  .deep-zoom-track button small,
  .relation-core small,
  .rg-node small,
  .relation-readout small,
  .connector-core small,
  .connector-node span,
  .connector-inspector small,
  .connector-contract small,
  .manifest-line span,
  .foundry-card small,
  .foundry-card em,
  .continuum-protocol small,
  .time-horizon span,
  .pack-categories small{line-height:1.35}

  .preview-transcript p,
  .lifegrammar-rule p,
  .memory-intel-card p,
  .memory-zoom-copy p,
  .relation-readout p,
  .connector-inspector p,
  .foundry-card p,
  .time-horizon p{line-height:1.62}

  .memory-intel-card b,
  .chapter-node b,
  .deep-zoom-track button b,
  .rg-node b,
  .relation-readout b,
  .connector-node,
  .foundry-card b,
  .continuum-protocol b{}
}

/* Strengthen v1.1 muted text just enough for desktop reading without turning
   the HUD into white-on-black documentation. */
.memory-intel-card small,.memory-intel-card p,
.chapter-node small,.chapter-metrics small,.constellation-inspector>small,
.memory-zoom-copy small,.deep-zoom-track button small,
.rg-node small,.relation-readout small,
.connector-core small,.connector-node,
.foundry-card small,.foundry-card p,.foundry-card em,
.continuum-protocol small,.time-horizon span,.time-horizon p{color:#6f93a5}

/* LIFE PACKS: preserve the dimensional orbit but keep decorative geometry out
   of the headline's reading field on desktop. */
@media (min-width:1181px){
  .life-atlas{
    max-width:1380px;
    grid-template-columns:minmax(420px,.86fr) minmax(600px,1.14fr);
    gap:1.35rem;
    padding:1.45rem 1.6rem;
    background:
      linear-gradient(90deg,rgba(3,10,23,.96) 0%,rgba(3,10,23,.82) 31%,rgba(3,10,23,.28) 52%,rgba(3,10,23,.02) 68%),
      radial-gradient(circle at 76% 50%,rgba(64,166,255,.11),transparent 39%),rgba(3,10,23,.52)
  }
  .life-atlas-copy{position:relative;z-index:7;padding:1.15rem 1.1rem 1.15rem .75rem}
  .life-atlas-copy h3{font-size:clamp(2rem,3vw,3.25rem);line-height:.94}
  .life-atlas-copy p{max-width:52ch;line-height:1.72;color:#83a3b4}
  .atlas-orbit{justify-self:end;width:min(720px,100%);min-height:470px;transform:translateX(1.5%)}
  .atlas-readout small{font-size:.6875rem}.atlas-readout b{font-size:.76rem}
}

/* CAPABILITY ATLAS: at everyday desktop widths, use the available vertical
   canvas to make all 100 ideas genuinely readable instead of cramming four
   narrow columns. Ultra-wide screens keep four columns. */
@media (min-width:1181px) and (max-width:1559px){
  .atlas-grid{width:min(1360px,94vw);grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}
  .atlas-controls,.atlas-interaction-hint{width:min(1360px,94vw)}
}
@media (min-width:1181px){
  .atlas-card{min-height:170px;padding:.9rem .95rem;grid-template-columns:42px 1fr;gap:.62rem;border-radius:14px}
  .atlas-card>i{font-size:1.35rem}
  .atlas-card small{color:#678b9d;letter-spacing:.085em}
  .atlas-card b{line-height:1.35;color:#bddbe6;margin:.12rem 0 .32rem}
  .atlas-card p{line-height:1.58;color:#779aaa}
  .atlas-card em{line-height:1.55;color:#638799;margin-top:.52rem;padding-top:.46rem}
  .atlas-filters button{padding:.52rem .68rem}
  .atlas-search input{}.atlas-search span{}
  .atlas-interaction-hint small{}
  .atlas-foot b{}.atlas-foot small,.atlas-foot em{}
}

/* Mobile direction is explicitly long-form: show all 100 capabilities first.
   The control now collapses the map rather than requiring expansion. */
@media (max-width:620px){
  #atlasGrid.mobile-expanded{max-height:none!important;overflow:visible!important;mask-image:none!important}
  #atlasGrid:not(.mobile-expanded){max-height:1110px;overflow:hidden;position:relative;mask-image:linear-gradient(#000 0 88%,transparent 100%)}
  .atlas-card{padding:.85rem .82rem;grid-template-columns:38px 1fr;gap:.6rem}
  .atlas-card small{color:#64889a}
  .atlas-card b{color:#bad9e5}
  .atlas-card p{line-height:1.58;color:#779aaa}
  .atlas-card em{line-height:1.5;color:var(--muted-2)}
}

/* Let the mobile Constellation inspector size to its actual content instead of
   forcing text/actions into a percentage-height box. */
@media (max-width:760px){
  .constellation-stage{min-height:980px;display:flex;flex-direction:column;padding-bottom:0}
  .constellation-cosmos{position:relative;left:auto;top:auto;width:100%;height:540px;flex:0 0 540px}
  .constellation-core{top:31%}
  .constellation-inspector{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;height:auto;margin:0 3% 2%;padding:1rem;display:flex;flex:1 0 auto;justify-content:flex-start}
  .constellation-inspector>p{font-size:.8rem;line-height:1.62}
  .constellation-inspector>small{font-size:.6875rem;line-height:1.5}
}

/* Clean, consistent touch targets for the newly expanded ecosystem. */
@media (max-width:760px){
  .chapter-actions button,.connector-node,.pack-categories button,.life-question-cloud button,.deep-zoom-track button{min-height:44px}
  .connector-node span{}
  .foundry-card small,.foundry-card em,.continuum-protocol small,.chapter-node small,.rg-node small{}
  .foundry-card p,.memory-intel-card p,.relation-readout p{line-height:1.58}
}

/* ============================================================
   1.1.1 / FINAL MICROTYPE + RHYTHM SWEEP
   The interface can be dense without forcing visitors to decode 7px labels.
   ============================================================ */
@media (min-width:761px){
  .life-event-core small,.life-insight small,.life-actions small,
  .life-stat-grid small{line-height:1.35!important}
  .life-event-core p,#lifeEventMeta{line-height:1.45!important}
  .life-insight b,#lifeQuest{line-height:1.48!important}
  .life-actions .safety-chip{line-height:1.2!important;padding:.46rem .58rem!important}
  .chronos-head span{color:#7f9fb9!important}

  .deep-zoom-track button span,.deep-zoom-readout small,.deep-zoom-readout em,
  #deepZoomMode,#deepZoomEvidence{line-height:1.35!important}
  .deep-zoom-track button small{}
  .deep-zoom-track button b{}

  .lifecycle-track button small{line-height:1.35!important;color:#6f93a5!important}
  .lifecycle-track button b{}
  #lifecycleMode{}

  .everyday-card small{color:#6d94a8!important}
  .everyday-card em{line-height:1.35!important;color:#78c7e1!important}
  .everyday-card p{line-height:1.62!important}

  .ta-node b,.ta-node small{line-height:1.25!important}
  .na-node{}
  .origin-device,.origin-output{}
  .manifest-line span{}
  .manifest-line b{line-height:1.42!important}
  #connectorState,#relationType,.relation-readout>b,.constellation-inspector b,
  #constellationPeriod{}
  .life-question-cloud>small{}
}

/* Small-screen instrument labels get a hard floor as well. Numbers may remain
   compact, but no semantic label should look like anti-aliased dust. */
@media (max-width:760px){
  .deep-zoom-track button span,.deep-zoom-readout small,.deep-zoom-readout em,
  #deepZoomMode,#deepZoomEvidence{line-height:1.4!important}
  .deep-zoom-track button small{}
  .everyday-card small{color:#7298aa!important}
  .everyday-card em{line-height:1.38!important}
  .lifecycle-track button small{color:#6f93a5!important}
  .lifecycle-track button b{}
  .lifecycle-mobile-hint span{}
  .manifest-line span,.time-horizon span,.pack-categories header small,
  .connector-contract small,.relation-readout small,.chapter-metrics small{line-height:1.4!important}
  #connectorState,#relationType,#constellationPeriod{}
  .ta-node b,.ta-node small{line-height:1.25!important}
  .life-question-cloud>small{}
}

/* Related information cards should finish on a common visual baseline. */
.everyday-card,.foundry-card,.memory-intel-card{align-content:start}
.everyday-card>span,.foundry-card>span,.memory-intel-card>span{min-width:0}
.everyday-card em,.foundry-card em{margin-top:auto;padding-top:.42rem}

/* Give long-form chapters a stable lazy-layout estimate. This reduces scrollbar
   corrections as expensive offscreen sections become visible. */
@supports (content-visibility:auto){
  @media (min-width:1181px){
    #overview{contain-intrinsic-size:auto 1380px}
    #continuum{contain-intrinsic-size:auto 1940px}
    #memoryverse{contain-intrinsic-size:auto 1440px}
    #echo{contain-intrinsic-size:auto 1500px}
    #telemetry{contain-intrinsic-size:auto 1420px}
    #lifegrammar{contain-intrinsic-size:auto 1900px}
    #quests{contain-intrinsic-size:auto 1560px}
    #world{contain-intrinsic-size:auto 1480px}
    #affinity,#network,#signals{contain-intrinsic-size:auto 1400px}
    #vault{contain-intrinsic-size:auto 1680px}
    #systems{contain-intrinsic-size:auto 1480px}
    #constellation{contain-intrinsic-size:auto 2100px}
    #trust{contain-intrinsic-size:auto 1560px}
    #ecosystem{contain-intrinsic-size:auto 2050px}
    #atlas{contain-intrinsic-size:auto 6900px}
    #usecases{contain-intrinsic-size:auto 1880px}
    #origin{contain-intrinsic-size:auto 1120px}
    #transmission{contain-intrinsic-size:auto 1240px}
  }
}

/* Last sub-10px semantic-label cleanup found by the full rendered-text audit. */
@media (min-width:761px){
  .memory-zoom>span small{}
  .relation-graph header>b,.relation-core small,.constellation-core small,
  .connector-field>.connector-core b,.presence-stats small,.lifecycle-policy small,
  #atlasResultLabel{line-height:1.35!important}
  .origin-device b,.origin-output{}
}
@media (max-width:760px){
  .relation-graph header>b,.relation-core small,.constellation-core small,
  .connector-core small,.connector-output small,.memory-intel-card small,
  .manifest-line span,.manifest-line b{line-height:1.4!important}
  .memory-intel-card b{line-height:1.4!important}
}
@media (min-width:761px){
  .memory-zoom>div,.memory-zoom>div small{line-height:1.35!important}
  .network-ambient>b{}
}
@media (max-width:760px){
  .life-question-cloud>span small,.telemetry-card header small{line-height:1.4!important}
}
@media (min-width:761px){
  .life-question-cloud>span small{line-height:1.4!important}
  .life-actions .safety-chip{}
}

/* ============================================================
   1.1.2 / CINEMATIC REFINEMENT PASS
   Spatial atmosphere, chapter choreography and interaction demos.
   No additional permanent Canvas or requestAnimationFrame renderer.
   ============================================================ */
:root{
  --scene-a:78,198,255;
  --scene-b:106,87,255;
  --cinematic-x:50%;
  --cinematic-y:42%;
  --cinematic-shift-x:0px;
  --cinematic-shift-y:0px;
  --cinematic-drift:0px;
  --cinematic-velocity:0;
}
body[data-active-scene="orbit"],body[data-active-scene="overview"],body[data-active-scene="continuum"]{--scene-a:72,205,255;--scene-b:63,111,255}
body[data-active-scene="memoryverse"]{--scene-a:66,224,193;--scene-b:56,149,255}
body[data-active-scene="echo"]{--scene-a:106,217,255;--scene-b:127,89,255}
body[data-active-scene="telemetry"]{--scene-a:44,194,255;--scene-b:68,224,194}
body[data-active-scene="lifegrammar"]{--scene-a:71,222,190;--scene-b:45,169,255}
body[data-active-scene="quests"]{--scene-a:95,185,255;--scene-b:126,86,255}
body[data-active-scene="world"]{--scene-a:64,208,255;--scene-b:79,224,166}
body[data-active-scene="affinity"]{--scene-a:141,111,255;--scene-b:55,207,238}
body[data-active-scene="network"]{--scene-a:80,211,255;--scene-b:104,112,255}
body[data-active-scene="signals"]{--scene-a:255,188,104;--scene-b:74,205,255}
body[data-active-scene="vault"]{--scene-a:96,226,190;--scene-b:105,109,255}
body[data-active-scene="systems"]{--scene-a:87,207,255;--scene-b:113,92,255}
body[data-active-scene="constellation"]{--scene-a:113,118,255;--scene-b:69,205,255}
body[data-active-scene="trust"]{--scene-a:83,225,180;--scene-b:60,164,255}
body[data-active-scene="ecosystem"]{--scene-a:54,211,211;--scene-b:84,124,255}
body[data-active-scene="atlas"]{--scene-a:86,190,255;--scene-b:124,94,255}
body[data-active-scene="usecases"]{--scene-a:93,218,255;--scene-b:90,224,183}
body[data-active-scene="transmission"]{--scene-a:113,209,255;--scene-b:155,106,255}

.cinematic-field{position:fixed;inset:0;z-index:-3;overflow:hidden;pointer-events:none;isolation:isolate;opacity:.86;transition:opacity .8s ease,filter 1.1s ease}
.cinematic-nebula{position:absolute;width:64vw;height:64vw;border-radius:50%;filter:blur(90px);opacity:.08;transition:background 1.35s ease,transform 1.35s cubic-bezier(.2,.8,.2,1),opacity .8s ease}
.cinematic-nebula.cn-a{left:-18vw;top:-20vh;background:radial-gradient(circle,rgba(var(--scene-a),.62),rgba(var(--scene-a),.08) 42%,transparent 70%);transform:translate3d(var(--cinematic-shift-x),var(--cinematic-shift-y),0)}
.cinematic-nebula.cn-b{right:-24vw;bottom:-25vh;background:radial-gradient(circle,rgba(var(--scene-b),.48),rgba(var(--scene-b),.06) 46%,transparent 72%);transform:translate3d(calc(0px - var(--cinematic-shift-x)),calc(0px - var(--cinematic-shift-y)),0)}
.cinematic-grid{position:absolute;left:-16%;right:-16%;bottom:-37%;height:78%;opacity:.11;background-image:linear-gradient(rgba(var(--scene-a),.11) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--scene-a),.09) 1px,transparent 1px);background-size:72px 72px;transform-origin:center bottom;transform:perspective(760px) rotateX(67deg) translate3d(0,var(--cinematic-drift),0);mask-image:linear-gradient(to top,#000 0 54%,transparent 92%);transition:opacity .8s ease,background-color 1s ease}
.cinematic-horizon{position:absolute;left:8%;right:8%;bottom:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--scene-a),.28),rgba(var(--scene-b),.22),transparent);box-shadow:0 0 28px rgba(var(--scene-a),.12);opacity:.55;transform:translateY(calc(0px - var(--cinematic-drift)));transition:background .9s ease}
.cinematic-streaks{position:absolute;inset:-12%;opacity:0;background:repeating-linear-gradient(116deg,transparent 0 82px,rgba(var(--scene-a),.13) 84px,transparent 86px 164px);mask-image:radial-gradient(circle at var(--cinematic-x) var(--cinematic-y),#000,transparent 68%);transform:translate3d(-4%,0,0);transition:opacity .18s ease}
body.is-scrolling .cinematic-streaks{opacity:var(--cinematic-streak-opacity,.12);animation:cinematicStreakDrift .8s linear infinite}
@keyframes cinematicStreakDrift{to{transform:translate3d(4%,3%,0)}}

.chapter-veil{position:fixed;inset:0;z-index:19;pointer-events:none;overflow:hidden;opacity:0;mix-blend-mode:screen}
.chapter-veil::before{content:"";position:absolute;left:-12%;right:-12%;top:46%;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--scene-a),.85),rgba(255,255,255,.9),rgba(var(--scene-b),.72),transparent);box-shadow:0 0 46px rgba(var(--scene-a),.36);transform:scaleX(.08);opacity:0}
.chapter-veil i,.chapter-veil b{position:absolute;inset:0;display:block}
.chapter-veil i{background:radial-gradient(circle at 50% 48%,rgba(var(--scene-a),.14),transparent 28%)}
.chapter-veil b{background:linear-gradient(180deg,transparent 0 46%,rgba(var(--scene-b),.055) 50%,transparent 54%)}
.chapter-veil.is-transitioning{animation:chapterVeilFade .82s ease-out both}
.chapter-veil.is-transitioning::before{animation:chapterVeilLine .78s cubic-bezier(.2,.75,.2,1) both}
@keyframes chapterVeilFade{0%{opacity:0}22%{opacity:.76}100%{opacity:0}}
@keyframes chapterVeilLine{0%{opacity:0;transform:scaleX(.06) translateY(-18px)}35%{opacity:.9;transform:scaleX(.72) translateY(0)}100%{opacity:0;transform:scaleX(1.1) translateY(52px)}}

.continuum-thread{position:fixed;z-index:28;left:17px;top:24%;height:52%;width:16px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;pointer-events:none;opacity:.55}
.continuum-thread::before{content:"";position:absolute;top:0;bottom:0;left:7px;width:1px;background:linear-gradient(180deg,transparent,rgba(var(--scene-a),.28) 8%,rgba(var(--scene-b),.24) 92%,transparent);box-shadow:0 0 12px rgba(var(--scene-a),.13)}
.continuum-thread i{position:relative;z-index:1;width:5px;height:5px;border-radius:50%;border:1px solid rgba(var(--scene-a),.45);background:#07121f;box-shadow:0 0 0 3px rgba(2,8,18,.72);transition:transform .35s ease,background .35s ease,box-shadow .35s ease,border-color .35s ease}
.continuum-thread i.past{background:rgba(var(--scene-a),.55);border-color:rgba(var(--scene-a),.75)}
.continuum-thread i.active{transform:scale(1.65);background:rgb(var(--scene-a));border-color:white;box-shadow:0 0 0 4px rgba(var(--scene-a),.08),0 0 18px rgba(var(--scene-a),.72)}

.chapter-signal{position:fixed;z-index:29;left:38px;bottom:28px;width:276px;display:flex;align-items:center;gap:.7rem;padding:.62rem .72rem;border:1px solid rgba(var(--scene-a),.13);border-radius:12px;background:rgba(2,9,20,.72);backdrop-filter:blur(15px) saturate(130%);box-shadow:0 14px 42px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.025);opacity:.72;pointer-events:none;transform:translateY(0);transition:border-color .6s ease,opacity .35s ease,transform .35s ease}
.chapter-signal.is-switching{opacity:.28;transform:translateY(6px)}
.chapter-signal-pulse{position:relative;width:29px;height:29px;flex:0 0 29px;border:1px solid rgba(var(--scene-a),.36);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 20px rgba(var(--scene-a),.08)}
.chapter-signal-pulse::before,.chapter-signal-pulse::after{content:"";position:absolute;border:1px solid rgba(var(--scene-a),.18);border-radius:50%;inset:4px;transform:rotateX(64deg)}
.chapter-signal-pulse::after{transform:rotateY(64deg)}
.chapter-signal-pulse i{width:4px;height:4px;border-radius:50%;background:rgb(var(--scene-a));box-shadow:0 0 10px rgba(var(--scene-a),.8)}
.chapter-signal-copy{min-width:0;display:flex;flex-direction:column;gap:.12rem;line-height:1.25}
.chapter-signal-copy small{font-size:.6875rem;letter-spacing:.13em;color:rgb(var(--scene-a));white-space:nowrap}
.chapter-signal-copy b{font-size:.72rem;letter-spacing:.05em;color:#c9e8f3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chapter-signal-copy em{font-style:normal;font-size:.6875rem;letter-spacing:.08em;color:var(--muted-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Headings enter as part of a spatial chapter, not as isolated blocks. */
.scene .section-heading::before,.system-overview .section-heading::before{content:"";position:absolute;left:-32px;top:-22px;width:42px;height:42px;border-left:1px solid rgba(var(--scene-a),.2);border-top:1px solid rgba(var(--scene-a),.13);opacity:0;transform:translate(-12px,-8px);transition:opacity .8s ease,transform .8s ease}
.scene.chapter-active .section-heading::before,.system-overview.chapter-active .section-heading::before{opacity:1;transform:translate(0,0)}
.scene.chapter-active .section-heading h2,.system-overview.chapter-active .section-heading h2{text-shadow:0 0 52px rgba(var(--scene-a),.055)}
.scene.chapter-active .section-heading .eyebrow::after,.system-overview.chapter-active .section-heading .eyebrow::after{content:"";display:inline-block;width:44px;height:1px;margin:0 0 .22em .75rem;background:linear-gradient(90deg,rgba(var(--scene-a),.68),transparent);box-shadow:0 0 10px rgba(var(--scene-a),.22);animation:headingSignal 1.1s ease-out both}
@keyframes headingSignal{from{width:0;opacity:0}to{width:44px;opacity:1}}

/* The existing cursor becomes a lightweight depth instrument. */
.cursor-light::before,.cursor-light::after{content:"";position:absolute;border:1px solid rgba(117,226,255,.18);border-radius:50%;inset:-8px;opacity:.55;transition:inset .25s ease,opacity .25s ease,transform .25s ease}
.cursor-light::after{inset:-15px;border-style:dashed;opacity:.22}
body.cursor-hover .cursor-light::before{inset:-13px;opacity:.72;transform:rotate(22deg)}
body.cursor-hover .cursor-light::after{inset:-23px;opacity:.34;transform:rotate(-18deg)}

/* Hero memory-flow simulation. */
.memory-flow-trigger{appearance:none;cursor:pointer}
.memory-flow-trigger i{font-size:1.05rem;color:#a99aff}
body.memory-flow-running .hero-art-scan{animation-duration:1.25s!important;opacity:.92!important;box-shadow:0 0 35px rgba(var(--scene-a),.72)}
body.memory-flow-running .hero-art{filter:saturate(1.08) brightness(1.03)}
body.memory-flow-running .hero-art img{animation:memoryFlowImage 5.2s ease-in-out both!important}
@keyframes memoryFlowImage{0%,100%{filter:saturate(1) brightness(1)}45%{filter:saturate(1.14) brightness(1.08) contrast(1.03)}}
.hero-hotspot.demo-active{opacity:1!important;border-color:rgba(var(--scene-a),.72)!important;box-shadow:0 0 0 1px rgba(var(--scene-a),.08) inset,0 0 28px rgba(var(--scene-a),.27),0 14px 34px rgba(0,0,0,.35)!important;transform:translate(-50%,-50%) scale(1.075)!important}
.hero-hotspot.demo-active::before{background:linear-gradient(90deg,transparent,rgba(var(--scene-a),.95));box-shadow:0 0 13px rgba(var(--scene-a),.5)}
.live-ribbon.is-flowing{border-color:rgba(var(--scene-a),.28);box-shadow:0 0 28px rgba(var(--scene-a),.08)}

/* Privacy rendering gets a visible transformation state on audience changes. */
#audiencePreview{transition:border-color .35s ease,box-shadow .35s ease,transform .35s ease}
#audiencePreview.audience-transition{transform:scale(.992);border-color:rgba(var(--scene-a),.42);box-shadow:0 0 44px rgba(var(--scene-a),.12),var(--shadow)}
#audiencePreview[data-audience="public"] .preview-image,#audiencePreview[data-audience="affinity"] .preview-image{position:relative;filter:saturate(.72) contrast(1.04)}
#audiencePreview[data-audience="public"] .preview-image::after,#audiencePreview[data-audience="affinity"] .preview-image::after{content:"Privacy render";position:absolute;inset:0;display:grid;place-items:center;background:repeating-linear-gradient(90deg,rgba(130,104,255,.05) 0 1px,transparent 1px 12px),radial-gradient(circle at 50% 50%,transparent 15%,rgba(3,10,23,.34) 76%);color:#a997ff;font-size:.6875rem;letter-spacing:.2em;text-shadow:0 0 13px rgba(135,104,255,.55)}

/* Memory Detective: four fragments resolve into one source-linked explanation. */
.detective-lab{max-width:1180px;margin:1.25rem auto 3.4rem;padding:1rem 1.05rem;background:radial-gradient(circle at 49% 40%,rgba(72,189,255,.075),transparent 36%),linear-gradient(145deg,rgba(5,17,36,.8),rgba(3,10,24,.76))}
.detective-lab>header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.2rem .15rem .9rem;border-bottom:1px solid rgba(255,255,255,.05)}
.detective-lab>header>span{display:flex;align-items:center;gap:.55rem;min-width:0}.detective-lab>header>span>i{font-size:1.4rem;color:#75def8}.detective-lab>header small{font-size:.6875rem;color:#6f91a3;letter-spacing:.11em}.detective-lab>header b{font-size:.76rem;color:#badce8;letter-spacing:.045em}
.detective-lab>header button,.retro-intelligence button,.attention-demo button{min-height:38px;border:1px solid rgba(95,207,249,.16);border-radius:8px;background:rgba(32,128,171,.07);color:#84dff2;padding:.52rem .72rem;font-size:.6875rem;letter-spacing:.08em;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.38rem;transition:.22s ease}
.detective-lab>header button:hover,.retro-intelligence button:hover,.attention-demo button:hover{border-color:rgba(101,224,255,.4);color:#e2fbff;background:rgba(40,153,199,.12);box-shadow:0 0 20px rgba(64,203,255,.07)}
.detective-chain{display:grid;grid-template-columns:1fr 34px 1fr 34px 1fr 34px 1fr;align-items:center;gap:.25rem;padding:1.1rem .2rem}
.detective-chain>i{text-align:center;color:#456779;font-size:.95rem;transition:color .25s ease,transform .25s ease}.detective-chain>i.active{color:#72dff8;transform:translateX(3px);text-shadow:0 0 10px rgba(86,218,255,.45)}
.detective-chain button{position:relative;min-height:112px;padding:.72rem .68rem;border:1px solid rgba(91,191,234,.09);border-radius:11px;background:rgba(3,13,28,.58);color:#708d9e;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"time time" "icon title" "icon meta";column-gap:.52rem;align-content:center;text-align:left;cursor:pointer;overflow:hidden;transition:.28s ease}
.detective-chain button::before{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:linear-gradient(90deg,#72def8,#8f79ff);box-shadow:0 0 13px rgba(90,216,255,.42);transition:right .42s ease}
.detective-chain button small{grid-area:time;font-size:.6875rem;letter-spacing:.1em;color:var(--muted)}.detective-chain button>i{grid-area:icon;align-self:center;font-size:1.5rem;color:#5fa8c1}.detective-chain button b{grid-area:title;font-size:.72rem;color:#98bbc8;letter-spacing:.04em}.detective-chain button em{grid-area:meta;font-size:.6875rem;font-style:normal;color:var(--muted-2)}
.detective-chain button.active{border-color:rgba(102,218,255,.34);background:rgba(29,112,153,.09);box-shadow:0 0 30px rgba(63,193,244,.08);transform:translateY(-3px)}
.detective-chain button.active::before,.detective-chain button.resolved::before{right:0}.detective-chain button.active>i{color:#79e2fa;text-shadow:0 0 16px rgba(89,219,255,.4)}.detective-chain button.resolved{border-color:rgba(97,226,188,.18)}
.detective-answer{display:grid;grid-template-columns:minmax(240px,.75fr) 1.25fr;gap:1rem;align-items:center;padding:.9rem 1rem;border:1px solid rgba(93,194,238,.08);border-radius:12px;background:rgba(2,10,22,.48);transition:border-color .35s ease,background .35s ease}
.detective-answer>span{display:flex;flex-direction:column;gap:.24rem}.detective-answer small{font-size:.6875rem;color:var(--muted-2);letter-spacing:.1em}.detective-answer b{font-size:.9rem;color:#afd0dc;line-height:1.42}.detective-answer p{margin:0;color:#708e9f;font-size:.78rem;line-height:1.62}.detective-answer em{grid-column:1/-1;font-style:normal;color:#69a591;font-size:.6875rem;letter-spacing:.07em;border-top:1px solid rgba(255,255,255,.045);padding-top:.62rem}.detective-answer em i{color:#63dfb4;margin-right:.3rem}
.detective-lab.resolved .detective-answer{border-color:rgba(100,225,188,.2);background:linear-gradient(90deg,rgba(36,151,122,.06),rgba(3,12,25,.5))}

/* Retroactive Intelligence visibly sends meaning backward through time. */
.retro-intelligence>span{display:flex!important;flex-direction:column;align-items:flex-start}.retro-chain{display:grid;grid-template-columns:auto 1fr auto 1fr auto;width:100%;align-items:center;gap:.35rem;margin:.7rem 0 .55rem}.retro-chain span{font-size:.6875rem;letter-spacing:.08em;color:var(--muted-2);white-space:nowrap}.retro-chain i{height:1px;background:rgba(91,195,238,.11);position:relative;overflow:hidden}.retro-chain i::after{content:"";position:absolute;inset:0;transform:translateX(105%);background:linear-gradient(90deg,transparent,#7be4fb,transparent)}
.retro-intelligence.retro-running .retro-chain i::after{animation:retroLink 1.15s ease-in-out reverse both}.retro-intelligence.retro-running .retro-chain i:nth-of-type(1)::after{animation-delay:.46s}
@keyframes retroLink{from{transform:translateX(105%)}to{transform:translateX(-105%)}}
.retro-intelligence.retro-linked{border-color:rgba(115,226,255,.27);box-shadow:0 0 30px rgba(65,205,255,.08),var(--shadow)}

/* Attention Budget simulation: five signals enter, only policy-selected urgency survives. */
.attention-demo{margin-top:.75rem;padding-top:.7rem;border-top:1px solid rgba(255,255,255,.045)}
.attention-events{display:flex;flex-wrap:wrap;gap:.32rem;margin-bottom:.55rem}.attention-events span{display:flex;align-items:center;gap:.25rem;padding:.34rem .42rem;border:1px solid rgba(92,190,233,.08);border-radius:7px;background:rgba(3,13,27,.5);color:var(--muted-2);font-size:.6875rem;letter-spacing:.04em;transition:.3s ease}.attention-events span i{font-size:.78rem}.attention-events span.testing{border-color:rgba(103,217,255,.27);color:#a7d6e4;transform:translateY(-2px)}.attention-events span.silenced{opacity:.28;filter:saturate(.4);transform:scale(.96)}.attention-events span.allowed{border-color:rgba(255,185,105,.42);color:#ffd296;background:rgba(140,85,24,.08);box-shadow:0 0 18px rgba(255,175,81,.08)}
.attention-demo button{width:100%}.attention-demo>small{display:block;margin-top:.45rem;color:var(--muted-2);font-size:.6875rem;letter-spacing:.065em;line-height:1.4}.attention-demo.complete>small{color:#80bba9}

/* Interaction surfaces get a restrained focus pulse instead of generic hover. */
@media (pointer:fine) and (prefers-reduced-motion:no-preference){
  .overview-module,.event-node button,.life-tab,.quest-card,.chapter-node,.connector-node,.rg-node,.case-tab,.atlas-card{transition-property:transform,border-color,background,box-shadow,opacity;transition-duration:.24s}
  .overview-module:hover,.chapter-node:hover,.connector-node:hover,.rg-node:hover{filter:brightness(1.08)}
}

/* Keep cinematic layers premium on mid-range hardware and accessible modes. */
html.balanced-render .cinematic-grid{opacity:.055;background-size:92px 92px}
html.balanced-render .cinematic-nebula{filter:blur(115px);opacity:.045}
html.balanced-render body.is-scrolling .cinematic-streaks{animation:none;opacity:.06}
html.balanced-render .chapter-veil{mix-blend-mode:normal}
@media(max-width:1679px){.chapter-signal{display:none}}
@media(max-width:1180px){.continuum-thread{display:none}.cinematic-grid{opacity:.06}.cinematic-nebula{opacity:.055}}
@media(max-width:760px){
  .cinematic-field{opacity:.62}.cinematic-grid{bottom:-26%;height:56%;background-size:56px 56px;opacity:.055}.cinematic-nebula{width:92vw;height:92vw;filter:blur(76px)}.cinematic-streaks{display:none}.chapter-veil{z-index:18}
  .scene .section-heading::before,.system-overview .section-heading::before{left:-9px;top:-12px;width:24px;height:24px}
  .detective-lab{margin:1rem auto 2.4rem;padding:.8rem}.detective-lab>header{align-items:flex-start;flex-direction:column}.detective-lab>header>span{align-items:flex-start;flex-wrap:wrap}.detective-lab>header b{width:100%;padding-left:1.95rem}.detective-lab>header button{width:100%;min-height:44px}
  .detective-chain{grid-template-columns:1fr;gap:.36rem;padding:.8rem 0}.detective-chain>i{transform:rotate(90deg);height:22px;display:grid;place-items:center}.detective-chain>i.active{transform:rotate(90deg) translateX(3px)}.detective-chain button{min-height:92px}
  .detective-answer{grid-template-columns:1fr;padding:.8rem}.detective-answer em{grid-column:1}.retro-chain{grid-template-columns:auto 1fr auto;grid-template-rows:auto auto}.retro-chain span:last-child{grid-column:3}.retro-chain i:nth-of-type(2){display:none}.retro-intelligence button,.attention-demo button{min-height:44px}
}
@media(prefers-reduced-motion:reduce){
  .cinematic-streaks,.chapter-veil,.hero-hotspot,.retro-chain i::after{animation:none!important}.chapter-veil{display:none}.cinematic-nebula,.cinematic-grid,.cinematic-horizon{transition:none!important}.continuum-thread i,.chapter-signal{transition:none!important}
  body.memory-flow-running .hero-art img,body.memory-flow-running .hero-art-scan{animation:none!important}
}

/* ============================================================
   1.1.3 / READABILITY + COLLISION SWEEP
   Live-review fixes for geometry, text rhythm and dense HUD legibility.
   ORBIT renderer remains untouched.
   ============================================================ */
:root{
  --muted:#9ab0c2;
  --muted-2:#70889c;
}

/* Use the available desktop canvas instead of making dense interface copy tiny. */
@media (min-width:761px){
  body{font-size:17px}
  .section-heading{max-width:760px}
  .section-heading p,.final-content p{max-width:680px}
}

/* HERO: glass needs to separate interactive cards from the cinematic image. */
.hero-system .float-panel,
.hero-hotspot,
.temporal-compass,
.live-ribbon{
  background:linear-gradient(145deg,rgba(5,17,34,.92),rgba(2,8,19,.84));
  backdrop-filter:blur(24px) saturate(145%);
  -webkit-backdrop-filter:blur(24px) saturate(145%);
  border-color:rgba(112,224,255,.27);
  box-shadow:0 18px 48px rgba(0,0,0,.42),0 0 30px rgba(55,196,255,.055),inset 0 1px rgba(255,255,255,.045);
}
.hero-system .float-panel{padding:1.08rem 1.12rem}
.hero-system .float-panel header{line-height:1.35}
.hero-system .float-panel p{line-height:1.58}
.hero-system .float-panel footer{line-height:1.35}
.hero-hotspot{min-width:132px;padding:.58rem .68rem}
.hero-hotspot b{line-height:1.2}
.hero-hotspot small{line-height:1.25;color:#7899aa}
.temporal-compass span,.temporal-compass small{line-height:1.25}
.temporal-compass b{}
.live-ribbon-label,.live-ribbon-time{}
.live-ribbon-event{}

/* 02 / MEMORYVERSE: reserve the right inspector lane and never let a beacon
   paint over the inspector. */
.memory-preview{
  z-index:12;
  background:linear-gradient(150deg,rgba(5,18,36,.95),rgba(2,9,21,.91));
  backdrop-filter:blur(22px) saturate(135%);
  -webkit-backdrop-filter:blur(22px) saturate(135%);
  border-color:rgba(108,221,255,.25);
}
.memory-preview h3{font-size:1.28rem;line-height:1.15}
.memory-preview p{line-height:1.62}
.memory-preview header{}
.memory-beacon{z-index:7}
.memory-beacon span{line-height:1.1}
@media (min-width:901px){
  .memory-preview{right:2.5%;top:4%;width:min(390px,31%);padding:1.15rem}
  .beacon-three{left:52%;top:49%}
  .beacon-four{left:63%;top:74%}
  .beacon-five{left:45%;top:86%}
}

/* 04 / STATIFY: the Life Velocity label stays inside the gauge instead of
   crossing the ring when type is enlarged. */
.telemetry-grid{max-width:1320px;margin-left:auto;margin-right:auto}
.telemetry-card{padding:1.15rem 1.2rem}
.telemetry-card>p{line-height:1.62}
.telemetry-card>small{line-height:1.5}
.telemetry-card header{line-height:1.3}
.life-gauge{width:210px;height:210px;margin:1.25rem auto 1rem}
.life-gauge>div{left:50%;top:50%;right:auto;bottom:auto;width:116px;min-height:116px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center}
.life-gauge b{font-size:3.35rem;line-height:.9}
.life-gauge span{display:block;max-width:92px;margin:.55rem auto 0;line-height:1.25!important;letter-spacing:.105em;white-space:normal;text-wrap:balance}

/* 05 / LIFE GRAMMAR: make the Life Pack universe a real two-zone composition.
   The orbit is contained on the right and can no longer drift through copy. */
@media (min-width:1181px){
  .lifegrammar-shell{max-width:1320px;grid-template-columns:176px minmax(0,1fr) 300px;gap:18px;padding:18px}
  .life-selector{gap:9px}
  .life-tab{min-height:54px;padding:0 13px;}
  .life-event{padding:25px}
  .lifegrammar-rule{padding:24px}
  .lifegrammar-rule>span{}
  .lifegrammar-rule b{line-height:1.35}
  .lifegrammar-rule p{line-height:1.65}

  .life-atlas{
    max-width:1440px;
    grid-template-columns:minmax(470px,.94fr) minmax(650px,1.06fr);
    gap:2.65rem;
    padding:1.75rem;
    align-items:center;
    background:linear-gradient(90deg,rgba(3,10,23,.97) 0%,rgba(3,10,23,.90) 33%,rgba(3,10,23,.38) 55%,rgba(3,10,23,.05) 74%),radial-gradient(circle at 77% 50%,rgba(64,166,255,.12),transparent 42%),rgba(3,10,23,.52)
  }
  .life-atlas-copy{
    padding:1.4rem 1.45rem;
    border:1px solid rgba(98,207,247,.09);
    border-radius:18px;
    background:linear-gradient(145deg,rgba(5,17,34,.76),rgba(3,10,22,.57));
    box-shadow:0 18px 45px rgba(0,0,0,.16);
  }
  .life-atlas-copy p{line-height:1.72}
  .atlas-readout small{}.atlas-readout b{line-height:1.4}
  .atlas-orbit{justify-self:end;width:min(670px,100%);min-height:520px;margin-left:auto;transform:none;border-radius:44%;overflow:hidden}
  .atlas-orbit button{width:84px;height:84px}
  .atlas-orbit button i{font-size:1.38rem}
  .atlas-orbit button span{letter-spacing:.08em}
  .atlas-orbit button:nth-of-type(1){--ax:50%;--ay:10%}
  .atlas-orbit button:nth-of-type(2){--ax:72%;--ay:15%}
  .atlas-orbit button:nth-of-type(3){--ax:87%;--ay:31%}
  .atlas-orbit button:nth-of-type(4){--ax:90%;--ay:54%}
  .atlas-orbit button:nth-of-type(5){--ax:82%;--ay:77%}
  .atlas-orbit button:nth-of-type(6){--ax:64%;--ay:90%}
  .atlas-orbit button:nth-of-type(7){--ax:38%;--ay:91%}
  .atlas-orbit button:nth-of-type(8){--ax:18%;--ay:79%}
  .atlas-orbit button:nth-of-type(9){--ax:10%;--ay:56%}
  .atlas-orbit button:nth-of-type(10){--ax:13%;--ay:33%}
  .atlas-orbit button:nth-of-type(11){--ax:29%;--ay:16%}
  .atlas-orbit button:nth-of-type(12){--ax:50%;--ay:30%}
}

/* 06 / QUEST: every card now follows the same reading rhythm. */
.quest-board{max-width:1320px;margin-left:auto;margin-right:auto;gap:1rem}
.quest-card{min-height:246px;padding:1.32rem 1.35rem}
.quest-card.main-quest{min-height:510px}
.quest-card header{line-height:1.3}
.quest-card h3{margin:1rem 0 .62rem;font-size:clamp(1.2rem,1.65vw,1.72rem);line-height:1.16;min-height:2.3em}
.quest-card p{margin:0 0 1rem;flex:1;line-height:1.62}
.quest-card footer{margin-top:auto;line-height:1.3}
.quest-card .quest-progress{margin-top:auto}
.community-lab,.quest-route-lab,.quest-architecture,.quest-director,.verification-ladder{max-width:1320px;margin-left:auto;margin-right:auto}

/* 08 / AFFINITY: the value badge owns its own readable layer above the fill. */
.microleague{max-width:1200px;padding:1.18rem 1.22rem}
.microleague>header{line-height:1.35}
.microleague>header b{}
.microleague-table>div{grid-template-columns:1.15fr repeat(3,1.05fr) .78fr;gap:.8rem;min-height:55px;padding:.46rem .56rem}
.microleague-table .ml-head{}
.microleague-table div>b{}
.microleague-table div>span{height:24px;border-radius:10px;overflow:hidden}
.microleague-table div>span i{z-index:1;opacity:.82}
.microleague-table div>span small{z-index:3;right:4px;top:50%;transform:translateY(-50%);min-width:34px;padding:.14rem .27rem;border:1px solid rgba(115,219,255,.10);border-radius:6px;background:rgba(3,12,25,.90);box-shadow:0 0 12px rgba(0,0,0,.24);color:#b8d8e5;line-height:1.15;text-align:center;font-variant-numeric:tabular-nums}
.microleague-table strong{}
.microleague>footer{line-height:1.5}

/* 13 / MEMORY CONSTELLATION: normalize the four intelligence cards so the
   reading edge, title block, body copy and actions land on common baselines. */
.memory-intelligence-grid{gap:1rem;align-items:stretch}
.memory-intel-card{min-height:245px;padding:1.2rem 1.25rem;grid-template-columns:34px 1fr;gap:.85rem}
.memory-intel-card>i{font-size:1.65rem;margin-top:.05rem}
.memory-intel-card>span{height:100%;display:flex!important;flex-direction:column;align-items:flex-start;gap:.38rem}
.memory-intel-card small{line-height:1.35}
.memory-intel-card b{line-height:1.42;min-height:2.85em}
.memory-intel-card p{margin:.15rem 0 0;flex:1;line-height:1.62}
.retro-chain{margin-top:.75rem}
.retro-chain span{}
.retro-intelligence button{margin-top:.1rem}

/* 14 / SOVEREIGN LAYER: labels must never compete for the same pixels as
   telemetry bars. Use responsive label columns with genuine breathing room. */
.trust-grid{width:min(1320px,94vw);gap:.9rem}
.trust-card{padding:1.08rem 1.12rem}
.trust-card>header{line-height:1.35}
.trust-card>header b{}
.trust-card>p{line-height:1.62;color:#7f9faf}
.attention-spectrum{gap:.6rem;margin:.95rem 0 1rem}
.attention-spectrum span{grid-template-columns:minmax(92px,.72fr) minmax(150px,1.55fr) minmax(92px,.72fr);gap:.75rem;min-height:28px}
.attention-spectrum b{line-height:1.25}
.attention-spectrum i{height:9px;border-radius:8px;overflow:hidden}
.attention-spectrum small{line-height:1.25;color:#718fa0;white-space:nowrap}
.attention-events{gap:.42rem;margin-bottom:.68rem}
.attention-events span{line-height:1.25;padding:.42rem .5rem}
.attention-demo>small{line-height:1.45}
.device-tabs button{min-height:38px}
.device-trust>small,.autonomy-card>small{line-height:1.45}

/* 15 / OPEN CONTINUUM: the inspector should fit its content, not inherit the
   650px visual-field height. This removes the oversized 'Primary phone' slab. */
@media (min-width:1181px){
  .ecosystem-stage{max-width:1380px;min-height:600px;grid-template-columns:minmax(0,1.28fr) minmax(400px,.72fr);gap:1.35rem;align-items:center}
  .connector-field{min-height:600px}
  .connector-inspector{align-self:center;min-height:0;height:auto;padding:1.45rem 1.55rem;justify-content:flex-start}
  .connector-inspector>header{line-height:1.35}
  .connector-inspector h3{margin:1.05rem 0 .55rem;font-size:clamp(1.75rem,2vw,2.35rem)}
  .connector-inspector>p{line-height:1.68}
  .connector-contract{gap:.55rem;margin:1.05rem 0}
  .connector-contract span{padding:.78rem .8rem}
  .connector-contract small{}.connector-contract b{line-height:1.45}
  .connector-output{padding:.82rem}.connector-output small{}.connector-output b{line-height:1.45}
  .connector-revoke{margin-top:.9rem;min-height:46px;font-size:.70rem}
}

/* General card rhythm: use vertical space for readable copy instead of leaving
   giant dead zones around 10px text. */
@media (min-width:761px){
  .pack-spotlight p,.foundry-card p,.everyday-card p,.relation-readout p,
  .ghost-compare p,.personal-compare>p,.community-lab-copy p,.quest-director-copy p{
    
    line-height:1.62!important;
  }
  .foundry-card,.everyday-card{padding:1.08rem 1.12rem}
  .foundry-card b,.everyday-card b{line-height:1.4}
}

/* Keep fixes responsive rather than reintroducing desktop collisions below the
   wide-screen breakpoints. */
@media (max-width:1180px){
  .memory-preview{z-index:12}
  .quest-card h3{min-height:0}
  .ecosystem-stage{align-items:stretch}
  .connector-inspector{height:auto}
}
@media (max-width:760px){
  body{font-size:16px}
  .memory-preview h3{font-size:1.18rem}
  .memory-preview p{}
  .life-gauge{width:190px;height:190px}
  .life-gauge b{font-size:3rem}
  .life-gauge span{max-width:86px}
  .quest-card{min-height:0;padding:1rem}
  .quest-card.main-quest{min-height:0}
  .quest-card h3{min-height:0;font-size:1.2rem}
  .microleague-table div>span small{}
  .attention-spectrum span{grid-template-columns:82px 1fr 78px;gap:.45rem}
  .attention-spectrum b,.attention-spectrum small{}
  .memory-intel-card{min-height:0;padding:1rem}
  .memory-intel-card b{min-height:0}
}

/* 1.1.3 wide-canvas and balanced-render safety refinements. */
:root{--max:1360px}
html.balanced-render .hero-system .float-panel,
html.balanced-render .hero-hotspot,
html.balanced-render .temporal-compass,
html.balanced-render .live-ribbon{
  background:linear-gradient(145deg,rgba(4,15,31,.96),rgba(2,8,19,.93));
  border-color:rgba(112,224,255,.24);
}
@media (min-width:1181px) and (max-width:1279px){
  .life-atlas{grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);gap:1.35rem;padding:1.35rem}
  .life-atlas-copy{padding:1.15rem}
  .atlas-orbit{width:min(600px,100%);min-height:490px}
  .atlas-orbit button{width:78px;height:78px}
}

/* v1.2 Human Continuum legacy layer */
.legacy-civilization-section{position:relative;padding:100px 0;}
.legacy-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;max-width:1360px;margin:40px auto;}
.legacy-card{min-height:260px;padding:32px;display:flex;flex-direction:column;justify-content:flex-start;}
.legacy-card>i{font-size:34px;margin-bottom:22px;}
.legacy-card b{font-size:1.35rem;display:block;margin:8px 0 14px;}
.legacy-card p{font-size:1rem;line-height:1.6;}
.legacy-builder{max-width:1100px;margin:30px auto;padding:36px;display:flex;align-items:center;justify-content:space-between;gap:30px;}
.legacy-builder b{display:block;font-size:1.5rem;margin:10px 0;}
.legacy-actions{display:flex;flex-wrap:wrap;gap:12px;}
.legacy-actions button{padding:14px 20px;border-radius:999px;}
.civilization-banner{max-width:1100px;margin:40px auto;padding:40px;text-align:center;}
.civilization-banner b{display:block;font-size:2rem;margin-top:15px;}
@media(max-width:900px){.legacy-grid{grid-template-columns:1fr 1fr}.legacy-builder{flex-direction:column}.civilization-banner b{font-size:1.4rem}}
@media(max-width:600px){.legacy-grid{grid-template-columns:1fr}.legacy-card{min-height:auto}}

/* ============================================================
   1.3.0 / THE HUMAN CONTINUUM — MASTERPLAN RECONCILIATION
   Life Atlas, Life Book, Human Legacy, Continuity Economy,
   Digital Civilization and the new continuum finale.
   ============================================================ */
body[data-active-scene="lifeatlas"]{--scene-a:78,216,255;--scene-b:103,111,255}
body[data-active-scene="lifebook"]{--scene-a:137,203,255;--scene-b:155,118,255}
body[data-active-scene="legacy"]{--scene-a:122,226,188;--scene-b:127,101,255}
body[data-active-scene="continuity-economy"]{--scene-a:77,223,190;--scene-b:62,177,255}
body[data-active-scene="civilization"]{--scene-a:119,198,255;--scene-b:166,111,255}

/* The expanded rail still fits short laptops; labels remain hover/focus only. */
.section-rail{gap:4px;padding-top:12px;padding-bottom:12px}
.section-rail a{min-height:22px}
@media (max-height:820px) and (min-width:1101px){
  .section-rail{gap:2px;padding-top:9px;padding-bottom:9px}
  .section-rail a{min-height:20px;font-size:11px}
}

/* Human Continuum world material — shared, but not a generic card theme. */
.continuum-world{isolation:isolate}
.continuum-world::after{content:"";position:absolute;z-index:-1;left:50%;top:24%;width:min(980px,80vw);height:min(980px,80vw);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(var(--scene-a),.055),rgba(var(--scene-b),.02) 42%,transparent 72%);filter:blur(18px);pointer-events:none}
.continuum-world .section-heading p{color:#91acbd}
.continuum-world button{font:inherit}

/* 18 / LIFE ATLAS */
.life-atlas-section{min-height:1120px}
.life-atlas-stage{position:relative;z-index:2;display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.55fr);gap:26px;max-width:1360px;margin:3rem auto 0;align-items:stretch}
.life-atlas-chronology{position:relative;padding:20px;border:1px solid rgba(105,217,255,.12);border-radius:22px;background:linear-gradient(180deg,rgba(5,17,34,.74),rgba(3,9,22,.48));box-shadow:0 22px 70px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.025)}
.life-atlas-chronology::before{content:"";position:absolute;left:49px;top:86px;bottom:34px;width:1px;background:linear-gradient(180deg,rgba(102,224,255,.12),rgba(115,106,255,.28),transparent)}
.life-atlas-chronology header{display:flex;flex-direction:column;gap:5px;padding:4px 8px 18px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.05)}
.life-atlas-chronology header small{font-size:.6875rem;letter-spacing:.15em;color:#6c92a4}
.life-atlas-chronology header b{font-size:.86rem;letter-spacing:.08em;color:#c8e8f3}
.life-chapter{position:relative;width:100%;min-height:86px;display:grid;grid-template-columns:34px 12px minmax(0,1fr);grid-template-areas:"num dot title" "num dot meta";column-gap:10px;align-content:center;text-align:left;padding:12px 12px;border:1px solid transparent;border-radius:13px;background:transparent;color:#7694a5;cursor:pointer;transition:.28s ease}
.life-chapter span{grid-area:num;font-size:.6875rem;letter-spacing:.12em;color:var(--muted)}
.life-chapter>i{grid-area:dot;align-self:center;width:8px;height:8px;border-radius:50%;border:1px solid rgba(107,222,255,.32);background:#06111f;box-shadow:0 0 0 4px rgba(2,8,18,.9);z-index:2;transition:.25s ease}
.life-chapter b{grid-area:title;font-size:.86rem;letter-spacing:.07em;color:#a7c5d2;align-self:end}
.life-chapter small{grid-area:meta;font-size:.72rem;line-height:1.4;color:var(--muted-2);align-self:start;margin-top:4px}
.life-chapter:hover,.life-chapter:focus-visible{background:rgba(74,191,241,.055);border-color:rgba(102,220,255,.12)}
.life-chapter.active{background:linear-gradient(90deg,rgba(69,195,246,.09),rgba(118,98,255,.035));border-color:rgba(102,220,255,.19);color:#d9f6ff}
.life-chapter.active>i{background:#76e6ff;border-color:white;box-shadow:0 0 0 5px rgba(53,195,255,.07),0 0 18px rgba(68,211,255,.62)}
.life-chapter.active b{color:#e9fbff}

.life-atlas-universe{position:relative;min-height:590px;border:1px solid rgba(101,213,255,.11);border-radius:26px;background:radial-gradient(circle at 52% 42%,rgba(74,199,255,.085),transparent 20%),radial-gradient(circle at 52% 42%,rgba(126,97,255,.055),transparent 44%),linear-gradient(145deg,rgba(4,14,31,.76),rgba(2,8,20,.56));overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.025)}
.life-atlas-field{position:absolute;inset:0;pointer-events:none;opacity:.7;background-image:radial-gradient(circle at 20% 20%,rgba(120,229,255,.34) 0 1px,transparent 1.7px),radial-gradient(circle at 70% 38%,rgba(170,150,255,.28) 0 1px,transparent 1.6px),radial-gradient(circle at 42% 78%,rgba(120,229,255,.22) 0 1px,transparent 1.6px);background-size:96px 96px,137px 137px,181px 181px}
.life-atlas-field span{position:absolute;left:50%;top:40%;width:58%;height:36%;border:1px solid rgba(101,214,255,.09);border-radius:50%;transform:translate(-50%,-50%) rotate(11deg)}
.life-atlas-field span:nth-child(2){width:76%;height:52%;transform:translate(-50%,-50%) rotate(-18deg);border-color:rgba(140,111,255,.08)}
.life-atlas-field span:nth-child(3){width:40%;height:64%;transform:translate(-50%,-50%) rotate(58deg);border-style:dashed;opacity:.65}
.atlas-core-wrap{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;z-index:5}
.atlas-human-core{width:132px;height:132px}
.atlas-core-wrap>small{margin-top:12px;font-size:.6875rem;letter-spacing:.16em;color:#71dff7}
.atlas-core-wrap>b{font-size:.74rem;letter-spacing:.08em;color:#9ab8c7}
.atlas-dimension{position:absolute;z-index:6;width:126px;min-height:66px;padding:10px 12px;border:1px solid rgba(105,218,255,.12);border-radius:13px;background:rgba(3,12,27,.76);backdrop-filter:blur(14px);color:#789aaa;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;text-align:left;cursor:pointer;transition:.28s ease}
.atlas-dimension small{font-size:.6875rem;letter-spacing:.15em;color:var(--muted-2)}.atlas-dimension b{font-size:.82rem;letter-spacing:.08em;color:#accbd7}
.atlas-dimension:hover,.atlas-dimension:focus-visible,.atlas-dimension.active{border-color:rgba(112,228,255,.38);background:rgba(9,29,53,.87);box-shadow:0 0 28px rgba(55,198,255,.1);transform:translateY(-3px)}
.atlas-dimension.active small{color:#6ce5ff}.atlas-dimension.active b{color:#effcff}
.ad-when{left:9%;top:15%}.ad-where{right:9%;top:15%}.ad-who{left:5%;top:48%}.ad-what{right:5%;top:48%}.ad-why{left:50%;top:66%;transform:translateX(-50%)}
.ad-why:hover,.ad-why:focus-visible,.ad-why.active{transform:translateX(-50%) translateY(-3px)}
.life-atlas-readout{position:absolute;z-index:8;left:28px;right:28px;bottom:24px;min-height:142px;padding:18px 20px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"mode facts" "title facts" "copy facts";column-gap:26px;align-items:center;background:linear-gradient(145deg,rgba(5,18,36,.94),rgba(3,10,24,.91));border-color:rgba(105,221,255,.16)}
.life-atlas-readout>small{grid-area:mode;font-size:.6875rem;letter-spacing:.14em;color:#6fdff8}.life-atlas-readout h3{grid-area:title;margin:5px 0 7px;font-size:1.55rem;line-height:1.05}.life-atlas-readout>p{grid-area:copy;margin:0;max-width:690px;color:#8aa6b6;font-size:.9rem;line-height:1.55}
.life-atlas-facts{grid-area:facts;display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));gap:8px}.life-atlas-facts span{min-width:110px;padding:10px 12px;border-left:1px solid rgba(100,218,255,.13);display:flex;flex-direction:column;gap:4px}.life-atlas-facts small{font-size:.6875rem;letter-spacing:.13em;color:var(--muted-2)}.life-atlas-facts b{font-size:.75rem;line-height:1.3;color:#b9d8e3;font-weight:650}
.life-atlas-principle{max-width:1000px;margin:28px auto 0;display:flex;align-items:center;justify-content:center;gap:14px;color:var(--muted-2);font-size:.7rem;letter-spacing:.14em}.life-atlas-principle i{width:80px;height:1px;background:linear-gradient(90deg,transparent,rgba(91,211,255,.25),transparent)}

/* 19 / BOOK OF MY LIFE */
.life-book-section{min-height:1000px}
.life-book-stage{position:relative;z-index:2;max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.5fr);gap:34px;align-items:stretch}
.life-book-cover{position:relative;min-height:590px;padding:52px 38px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;border:1px solid rgba(143,211,255,.18);border-radius:10px 26px 26px 10px;background:radial-gradient(circle at 55% 33%,rgba(121,183,255,.16),transparent 29%),linear-gradient(145deg,rgba(11,27,49,.96),rgba(9,13,32,.98));box-shadow:-12px 0 0 rgba(255,255,255,.018),-13px 0 0 rgba(124,220,255,.08),0 34px 90px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.05)}
.life-book-cover::after{content:"";position:absolute;left:18px;top:0;bottom:0;width:1px;background:linear-gradient(transparent,rgba(132,220,255,.22),transparent)}
.book-orbit{position:absolute;width:360px;height:360px;right:-150px;top:-90px;opacity:.55}.book-orbit i{position:absolute;inset:20%;border:1px solid rgba(120,221,255,.16);border-radius:50%;transform:rotateX(67deg) rotateZ(22deg)}.book-orbit i:nth-child(2){inset:5%;transform:rotateX(73deg) rotateZ(-36deg);border-color:rgba(159,120,255,.13)}.book-orbit i:nth-child(3){inset:34%;border-style:dashed;transform:rotateX(61deg) rotateZ(67deg)}
.book-kicker{position:relative;z-index:2;font-size:.6875rem;letter-spacing:.18em;color:#75dff8}.life-book-cover h3{position:relative;z-index:2;margin:24px 0 22px;font-size:clamp(2.5rem,4.5vw,4.4rem);line-height:.88;letter-spacing:-.055em}.life-book-cover p{position:relative;z-index:2;margin:0;max-width:290px;font-size:1rem;line-height:1.6;color:#91aebe}.book-signature{position:absolute;z-index:2;left:38px;right:38px;bottom:40px;padding-top:16px;border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:center;gap:10px;color:#7191a2;font-size:.6875rem;letter-spacing:.13em}.book-signature i{font-size:1.25rem;color:#8bdff3}
.life-book-console{padding:26px;display:flex;flex-direction:column;gap:20px;background:linear-gradient(145deg,rgba(5,18,37,.88),rgba(3,10,24,.83));border-color:rgba(119,215,255,.14)}
.life-book-console>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.055)}.life-book-console>header>div{display:flex;flex-direction:column;gap:5px}.life-book-console header small{font-size:.6875rem;letter-spacing:.14em;color:#66899a}.life-book-console header b{font-size:.86rem;letter-spacing:.08em;color:#d4f0f8}.life-book-console>header>span{font-size:.6875rem;letter-spacing:.13em;color:#67dabf;padding:7px 10px;border:1px solid rgba(91,220,184,.13);border-radius:999px;background:rgba(69,190,160,.045)}
.life-book-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.life-book-modes button,.book-audience button{min-height:42px;border:1px solid rgba(114,215,255,.1);border-radius:9px;background:rgba(255,255,255,.018);color:#6f8d9e;font-size:.6875rem;letter-spacing:.08em;cursor:pointer;transition:.22s ease}.life-book-modes button:hover,.life-book-modes button:focus-visible,.life-book-modes button.active,.book-audience button:hover,.book-audience button:focus-visible,.book-audience button.active{color:#eafcff;border-color:rgba(115,226,255,.32);background:linear-gradient(135deg,rgba(52,181,228,.1),rgba(120,93,255,.055));box-shadow:0 0 20px rgba(61,201,255,.06)}
.life-book-story{padding:20px;border:1px solid rgba(111,214,255,.08);border-radius:14px;background:rgba(1,8,19,.44)}.life-book-story>small{font-size:.6875rem;letter-spacing:.14em;color:#70dff8}.life-book-story h3{margin:8px 0 10px;font-size:1.65rem;line-height:1.1}.life-book-story p{margin:0;color:#91aebe;font-size:.93rem;line-height:1.62}
.life-book-chapters{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.life-book-chapters span{min-height:98px;padding:13px;border:1px solid rgba(255,255,255,.055);border-radius:12px;background:rgba(255,255,255,.018);display:grid;grid-template-columns:28px 1fr;grid-template-areas:"icon title" "icon meta";column-gap:8px;align-content:center}.life-book-chapters i{grid-area:icon;font-size:1.25rem;color:#7cdff6}.life-book-chapters b{grid-area:title;font-size:.72rem;letter-spacing:.055em;color:#bcd9e3}.life-book-chapters small{grid-area:meta;font-size:.6875rem;line-height:1.35;color:var(--muted-2);margin-top:4px}
.life-book-console>footer{margin-top:auto;padding-top:17px;border-top:1px solid rgba(255,255,255,.055);display:flex;align-items:center;justify-content:space-between;gap:18px}.book-audience{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.book-audience>small{margin-right:4px;font-size:.6875rem;letter-spacing:.13em;color:#66899a}.book-audience button{min-height:34px;padding:0 10px}.life-book-console>footer>span{font-size:.6875rem;letter-spacing:.08em;color:#7aa1b0;text-align:right}

/* 20 / HUMAN LEGACY */
.human-legacy-section{min-height:1300px}
.legacy-tree{position:relative;z-index:2;max-width:1360px;margin:3rem auto 0;padding:28px;border:1px solid rgba(102,221,255,.11);border-radius:26px;background:radial-gradient(circle at 50% 43%,rgba(79,206,255,.08),transparent 22%),linear-gradient(145deg,rgba(4,15,32,.72),rgba(3,9,22,.55));overflow:hidden}
.legacy-tree::before{content:"";position:absolute;left:50%;top:24%;bottom:18%;width:1px;background:linear-gradient(transparent,rgba(105,221,255,.22),rgba(129,101,255,.2),transparent)}
.legacy-trunk{position:relative;z-index:3;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px}.legacy-core{width:112px;height:112px;margin-bottom:10px}.legacy-trunk small{font-size:.6875rem;letter-spacing:.16em;color:#72def6}.legacy-trunk b{font-size:.78rem;letter-spacing:.09em;color:#9cb9c7}
.legacy-branches{position:relative;z-index:4;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.legacy-branches button{min-height:112px;padding:15px;border:1px solid rgba(104,215,255,.08);border-radius:13px;background:rgba(3,12,26,.67);color:#7695a5;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:11px;text-align:left;cursor:pointer;transition:.25s ease}.legacy-branches button>i{font-size:1.45rem;color:#668fa1;transition:.25s ease}.legacy-branches button span{display:flex;flex-direction:column;gap:5px}.legacy-branches button b{font-size:.75rem;line-height:1.25;letter-spacing:.055em;color:#b0ccd7}.legacy-branches button small{font-size:.69rem;line-height:1.35;color:var(--muted-2)}.legacy-branches button:hover,.legacy-branches button:focus-visible,.legacy-branches button.active{border-color:rgba(108,225,255,.3);background:linear-gradient(135deg,rgba(53,181,229,.085),rgba(117,92,255,.04));transform:translateY(-3px);box-shadow:0 14px 28px rgba(0,0,0,.16)}.legacy-branches button.active>i{color:#75e4ff;text-shadow:0 0 14px rgba(72,211,255,.35)}.legacy-branches button.active b{color:#eafcff}
.legacy-builder-v2{position:relative;z-index:2;max-width:1240px;margin:28px auto 0;padding:25px;background:linear-gradient(145deg,rgba(5,18,36,.89),rgba(3,10,24,.86));border-color:rgba(107,220,255,.14)}
.legacy-builder-head{display:grid;grid-template-columns:minmax(220px,.6fr) minmax(0,1.4fr);gap:26px;align-items:end;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.055)}.legacy-builder-head span{display:flex;flex-direction:column;gap:5px}.legacy-builder-head small{font-size:.6875rem;letter-spacing:.14em;color:#6d96a6}.legacy-builder-head b{font-size:1.2rem;letter-spacing:.02em;color:#e3f7fb}.legacy-builder-head em{font-style:normal;color:#8ba8b8;font-size:.9rem;line-height:1.55}
.legacy-builder-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:20px 0}.legacy-step{padding:15px;border:1px solid rgba(255,255,255,.05);border-radius:13px;background:rgba(255,255,255,.015)}.legacy-step>small{display:block;margin-bottom:11px;font-size:.6875rem;letter-spacing:.15em;color:var(--muted-2)}.legacy-step>div{display:flex;flex-wrap:wrap;gap:6px}.legacy-step button{min-height:35px;padding:0 10px;border:1px solid rgba(103,213,255,.09);border-radius:8px;background:rgba(4,13,28,.65);color:#698999;font-size:.6875rem;letter-spacing:.06em;cursor:pointer;transition:.2s ease}.legacy-step button:hover,.legacy-step button:focus-visible,.legacy-step button.active{color:#e8fbff;border-color:rgba(106,223,255,.31);background:rgba(61,188,231,.09)}
.legacy-builder-outcome{min-height:68px;padding:13px 16px;border-top:1px solid rgba(255,255,255,.055);display:flex;align-items:center;gap:12px}.legacy-builder-outcome>i{font-size:1.7rem;color:#6de0bd}.legacy-builder-outcome span{display:flex;flex-direction:column;gap:4px}.legacy-builder-outcome small{font-size:.6875rem;letter-spacing:.13em;color:var(--muted-2)}.legacy-builder-outcome b{font-size:.82rem;color:#c9eadd;line-height:1.35}
.legacy-constitution{position:relative;z-index:2;max-width:1240px;margin:26px auto 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,1fr);gap:28px;padding:27px;border-top:1px solid rgba(107,222,255,.12);border-bottom:1px solid rgba(107,222,255,.08)}.legacy-constitution>div:first-child>small{font-size:.6875rem;letter-spacing:.15em;color:#72dfc1}.legacy-constitution h3{margin:9px 0 10px;font-size:1.8rem;line-height:1.05}.legacy-constitution p{margin:0;color:#86a4b3;font-size:.9rem;line-height:1.62}.constitution-lines{display:grid;grid-template-columns:1fr 1fr;gap:8px}.constitution-lines span{min-height:80px;padding:12px;border:1px solid rgba(255,255,255,.055);border-radius:10px;background:rgba(255,255,255,.015);display:flex;flex-direction:column;justify-content:center;gap:5px}.constitution-lines small{font-size:.6875rem;letter-spacing:.12em;color:#608a7f}.constitution-lines b{font-size:.76rem;line-height:1.35;color:#b7d7cd}

/* 21 / CONTINUITY ECONOMY */
.continuity-economy-section{min-height:1080px}
.continuity-economy-stage{position:relative;z-index:2;max-width:1260px;margin:0 auto;display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.32fr);gap:24px;align-items:stretch}
.continuity-reserve{padding:25px;display:flex;flex-direction:column;align-items:center;background:radial-gradient(circle at 50% 40%,rgba(72,220,185,.08),transparent 30%),linear-gradient(145deg,rgba(5,18,34,.88),rgba(3,10,24,.85));border-color:rgba(99,223,188,.14)}.continuity-reserve>header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.055)}.continuity-reserve>header span{display:flex;flex-direction:column;gap:5px}.continuity-reserve>header small{font-size:.6875rem;letter-spacing:.14em;color:#68a999}.continuity-reserve>header b{font-size:.79rem;letter-spacing:.065em;color:#bee5d8}.continuity-reserve>header em{font-style:normal;font-size:.6875rem;letter-spacing:.13em;color:#72dfbe;padding:6px 8px;border:1px solid rgba(97,222,186,.12);border-radius:999px}
.reserve-gauge{position:relative;width:250px;height:250px;margin:30px auto 22px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#69dfbd 0 67%,rgba(105,223,189,.08) 67% 100%);box-shadow:0 0 55px rgba(80,220,184,.09)}.reserve-gauge::before{content:"";position:absolute;inset:12px;border-radius:50%;background:radial-gradient(circle,rgba(45,160,142,.08),rgba(4,14,27,.98) 68%);border:1px solid rgba(125,235,205,.12)}.reserve-gauge::after{content:"";position:absolute;inset:-13px;border:1px solid rgba(94,217,185,.09);border-radius:50%;transform:rotateX(67deg)}.reserve-gauge>div{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center}.reserve-gauge b{font-size:4rem;line-height:.9;letter-spacing:-.07em;color:#effff9}.reserve-gauge small{margin-top:4px;font-size:.6875rem;letter-spacing:.17em;color:#69dbbb}.reserve-gauge span{margin-top:11px;font-size:.6875rem;letter-spacing:.09em;color:#7d9e94}
.reserve-profiles{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.reserve-profiles button{min-height:44px;padding:5px 8px;border:1px solid rgba(94,217,185,.09);border-radius:9px;background:rgba(255,255,255,.015);color:#688b80;font-size:.6875rem;line-height:1.25;letter-spacing:.055em;cursor:pointer;transition:.22s ease}.reserve-profiles button:hover,.reserve-profiles button:focus-visible,.reserve-profiles button.active{color:#e9fff7;border-color:rgba(99,228,193,.32);background:rgba(73,199,167,.08)}.continuity-reserve>p{margin:18px 0 0;color:#86a69b;font-size:.86rem;line-height:1.62;text-align:center}
.resource-routing{display:grid;grid-template-rows:auto 1fr auto;gap:12px}.resource-flow,.resource-bars{padding:20px;background:linear-gradient(145deg,rgba(5,18,36,.87),rgba(3,10,24,.82))}.resource-flow header,.resource-bars header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.resource-flow header small,.resource-bars header small{font-size:.6875rem;letter-spacing:.13em;color:#648b99}.resource-flow header b,.resource-bars header b{font-size:.76rem;letter-spacing:.065em;color:#b9d7e0}
.resource-pipeline{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:8px}.resource-pipeline>span{min-height:86px;padding:11px;border:1px solid rgba(100,215,255,.065);border-radius:10px;background:rgba(255,255,255,.012);display:grid;grid-template-columns:30px 1fr;grid-template-areas:"icon title" "icon meta";column-gap:7px;align-content:center}.resource-pipeline>span>i{grid-area:icon;font-size:1.3rem;color:#6fe0c0}.resource-pipeline b{grid-area:title;font-size:.69rem;letter-spacing:.05em;color:#b9d9d0}.resource-pipeline small{grid-area:meta;font-size:.6875rem;line-height:1.3;color:var(--muted-2)}.resource-pipeline>i{font-size:.8rem;color:#486c76}
.resource-bars{display:flex;flex-direction:column;justify-content:center}.resource-bars>div{display:grid;grid-template-columns:142px minmax(0,1fr);gap:14px;align-items:center;margin:10px 0}.resource-bars>div>span{display:flex;align-items:center;justify-content:space-between;gap:10px}.resource-bars>div>span b{font-size:.69rem;letter-spacing:.065em;color:#92b4ba}.resource-bars>div>span small{font-size:.6875rem;color:#71dec0}.resource-bars>div>i{position:relative;height:7px;border-radius:999px;background:rgba(95,220,187,.055);overflow:hidden}.resource-bars>div>i em{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,rgba(85,215,181,.38),rgba(93,205,255,.7));box-shadow:0 0 14px rgba(85,218,185,.18);transition:width .55s cubic-bezier(.2,.75,.2,1)}
.continuity-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.continuity-principles span{min-height:112px;padding:13px;border:1px solid rgba(255,255,255,.05);border-radius:11px;background:rgba(255,255,255,.014);display:grid;grid-template-columns:30px 1fr;grid-template-areas:"icon title" "icon meta";column-gap:8px;align-content:center}.continuity-principles i{grid-area:icon;font-size:1.25rem;color:#70dcbc}.continuity-principles b{grid-area:title;font-size:.6875rem;line-height:1.25;color:#b5d6cd}.continuity-principles small{grid-area:meta;font-size:.6875rem;line-height:1.35;color:var(--muted-2);margin-top:4px}

/* 22 / DIGITAL CIVILIZATION */
.civilization-section{min-height:1560px}
.civilization-atlas{position:relative;z-index:2;max-width:1320px;margin:3rem auto 0;padding:24px;border:1px solid rgba(113,211,255,.11);border-radius:24px;background:linear-gradient(145deg,rgba(5,16,34,.74),rgba(3,9,23,.58));box-shadow:0 30px 90px rgba(0,0,0,.23)}
.civilization-category-bar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.055)}.civilization-category-bar>span{margin-right:auto;display:flex;flex-direction:column;gap:4px}.civilization-category-bar>span small{font-size:.6875rem;letter-spacing:.14em;color:#6c8e9d}.civilization-category-bar>span b{font-size:.82rem;letter-spacing:.08em;color:#d5edf4}.civilization-category-bar button{min-height:38px;padding:0 11px;border:1px solid rgba(106,214,255,.09);border-radius:8px;background:rgba(255,255,255,.014);color:#688898;font-size:.6875rem;letter-spacing:.055em;cursor:pointer;transition:.2s ease}.civilization-category-bar button:hover,.civilization-category-bar button:focus-visible,.civilization-category-bar button.active{color:#eafcff;border-color:rgba(112,225,255,.31);background:rgba(66,184,231,.08)}
.category-historyline{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:48px 4px 32px}.historyline-track{position:absolute;left:9%;right:9%;top:77px;height:1px;background:linear-gradient(90deg,rgba(104,219,255,.08),rgba(104,219,255,.34) 63%,rgba(151,111,255,.16));pointer-events:none}.historyline-track i{position:absolute;left:0;top:-2px;width:68%;height:5px;background:linear-gradient(90deg,rgba(88,213,255,.06),rgba(91,221,255,.28),transparent);filter:blur(2px)}
.history-event{position:relative;min-height:146px;padding:22px 15px 14px;border:1px solid rgba(101,210,255,.07);border-radius:12px;background:rgba(2,10,23,.62);color:#7493a2;text-align:left;display:flex;flex-direction:column;gap:6px;cursor:pointer;transition:.25s ease}.history-event::before{content:"";position:absolute;left:50%;top:-18px;width:9px;height:9px;border-radius:50%;transform:translateX(-50%);background:#071522;border:1px solid rgba(107,220,255,.35);box-shadow:0 0 0 5px rgba(2,8,18,.92)}.history-event small{font-size:.6875rem;letter-spacing:.14em;color:#638798}.history-event b{font-size:.82rem;line-height:1.25;color:#b6d2dc}.history-event span{font-size:.7rem;line-height:1.4;color:var(--muted-2)}.history-event.future{border-style:dashed;opacity:.72}.history-event.future::after{content:"Uncertain";position:absolute;right:9px;bottom:8px;font-size:.6875rem;letter-spacing:.12em;color:var(--muted-2)}.history-event:hover,.history-event:focus-visible,.history-event.active{border-color:rgba(110,224,255,.29);background:linear-gradient(145deg,rgba(61,179,225,.075),rgba(118,90,255,.035));transform:translateY(-4px);opacity:1}.history-event.active::before{background:#79e6ff;border-color:white;box-shadow:0 0 0 5px rgba(66,199,255,.07),0 0 19px rgba(74,211,255,.6)}
.civilization-readout{min-height:128px;padding:17px 19px;display:grid;grid-template-columns:minmax(230px,.62fr) minmax(0,1.38fr);grid-template-areas:"title copy" "meta copy";column-gap:24px;align-items:center;background:rgba(3,12,27,.77)}.civilization-readout>span{grid-area:title;display:flex;flex-direction:column;gap:5px}.civilization-readout small{font-size:.6875rem;letter-spacing:.13em;color:#6adff8}.civilization-readout b{font-size:1.12rem;line-height:1.2;color:#d9f1f7}.civilization-readout p{grid-area:copy;margin:0;color:#89a5b5;font-size:.88rem;line-height:1.6}.civilization-readout>em{grid-area:meta;font-style:normal;font-size:.6875rem;letter-spacing:.08em;color:var(--muted-2);margin-top:10px}
.civilization-constellation{position:relative;z-index:2;max-width:1220px;height:610px;margin:34px auto 0;border-top:1px solid rgba(112,219,255,.08);border-bottom:1px solid rgba(131,108,255,.075);overflow:hidden}.civilization-space{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 48%,rgba(103,205,255,.09),transparent 23%),radial-gradient(circle at 50% 48%,rgba(147,103,255,.05),transparent 48%)}.civilization-space::before,.civilization-space::after{content:"";position:absolute;left:50%;top:48%;width:52%;height:38%;transform:translate(-50%,-50%) rotate(12deg);border:1px solid rgba(102,215,255,.08);border-radius:50%}.civilization-space::after{width:72%;height:54%;transform:translate(-50%,-50%) rotate(-18deg);border-color:rgba(148,110,255,.07)}.civilization-space i{position:absolute;width:3px;height:3px;border-radius:50%;background:#bff5ff;box-shadow:0 0 12px rgba(104,218,255,.5)}.civilization-space i:nth-child(1){left:14%;top:23%}.civilization-space i:nth-child(2){right:11%;top:31%}.civilization-space i:nth-child(3){left:24%;bottom:16%}.civilization-space i:nth-child(4){right:25%;bottom:20%}
.civilization-core{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;z-index:4}.civilization-core .core-mark{width:130px;height:130px;margin-bottom:11px}.civilization-core small{font-size:.6875rem;letter-spacing:.16em;color:#7ce5ff}.civilization-core b{font-size:.74rem;letter-spacing:.075em;color:#9bb6c5}
.civ-node{position:absolute;z-index:3;min-width:190px;padding:13px 15px;border:1px solid rgba(107,217,255,.09);border-radius:12px;background:rgba(3,12,27,.67);display:grid;grid-template-columns:13px 1fr;grid-template-areas:"dot title" "dot meta";column-gap:9px;align-content:center;box-shadow:0 16px 32px rgba(0,0,0,.16)}.civ-node>i{grid-area:dot;align-self:center;width:7px;height:7px;border-radius:50%;background:#73dff8;box-shadow:0 0 14px rgba(75,210,255,.45)}.civ-node>b{grid-area:title;font-size:.7rem;letter-spacing:.055em;color:#b7d4df}.civ-node>small{grid-area:meta;font-size:.6875rem;line-height:1.35;color:var(--muted-2);margin-top:3px}.civ-node::after{content:"";position:absolute;top:50%;height:1px;width:90px;background:linear-gradient(90deg,rgba(105,217,255,.18),transparent)}
.cn-human{left:4%;top:16%}.cn-human::after,.cn-project::after,.cn-museum::after{left:100%}.cn-project{left:2%;top:58%}.cn-category{right:3%;top:15%}.cn-category::after,.cn-improve::after,.cn-platform::after{right:100%;transform:rotate(180deg)}.cn-museum{left:12%;bottom:8%}.cn-improve{right:10%;bottom:8%}.cn-platform{right:1%;top:57%}
.platform-continuity{position:relative;z-index:2;max-width:1220px;margin:10px auto 0;padding:25px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:26px;background:linear-gradient(145deg,rgba(5,17,36,.89),rgba(3,10,24,.86));border-color:rgba(111,218,255,.12)}.platform-continuity>div:first-child>small{font-size:.6875rem;letter-spacing:.14em;color:#77dff7}.platform-continuity h3{margin:8px 0 10px;font-size:1.6rem}.platform-continuity p{margin:0;color:#89a5b4;font-size:.88rem;line-height:1.62}.platform-loop{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;color:#7697a7;font-size:.6875rem;letter-spacing:.08em}.platform-loop i{width:22px;height:1px;background:rgba(105,220,255,.16)}.platform-continuity>footer{grid-column:1/-1;padding-top:16px;border-top:1px solid rgba(255,255,255,.055);display:flex;align-items:center;gap:11px}.platform-continuity>footer>i{font-size:1.5rem;color:#72e0bd}.platform-continuity>footer>span{display:flex;flex-direction:column;gap:4px}.platform-continuity footer small{font-size:.6875rem;letter-spacing:.13em;color:var(--muted-2)}.platform-continuity footer b{font-size:.78rem;color:#b9d8ce}

/* Finale: Human Continuum expands outward instead of ending on a single planet. */
.final-horizon .continuum-horizon-glow{position:absolute;left:50%;bottom:-30%;width:min(1420px,128vw);height:min(720px,64vw);transform:translateX(-50%);border-radius:50% 50% 0 0;background:radial-gradient(ellipse at 50% 100%,rgba(57,181,255,.13),rgba(94,86,255,.045) 38%,transparent 70%);border-top:1px solid rgba(118,224,255,.15);box-shadow:0 -26px 110px rgba(55,185,255,.06)}
.final-star{position:absolute;width:5px;height:5px;border-radius:50%;background:#dffbff;box-shadow:0 0 18px rgba(88,215,255,.7);opacity:.72}.fs-a{left:16%;top:27%}.fs-b{right:18%;top:31%}.fs-c{left:28%;bottom:29%}.fs-d{right:30%;bottom:33%}
.final-reassembly{width:360px;height:340px}.final-reassembly::before{content:"";position:absolute;inset:-14%;border-radius:50%;background:radial-gradient(circle,rgba(93,204,255,.065),transparent 55%);filter:blur(12px)}
.final-module{letter-spacing:.08em!important;max-width:88px;text-align:center}
.horizon-section .final-content h2{max-width:1100px}
.horizon-section .final-content p{max-width:780px;color:#93aebd}

/* Identity polish */
.hero-copy .eyebrow{letter-spacing:.14em}.hero-actions{max-width:720px}
.brand-build{color:#698798}

/* New closing sections maintain the long-page performance discipline. */
@supports (content-visibility:auto){
  #lifeatlas,#lifebook,#legacy,#continuity-economy,#civilization{content-visibility:auto}
  #lifeatlas{contain-intrinsic-size:auto 1160px}
  #lifebook{contain-intrinsic-size:auto 1040px}
  #legacy{contain-intrinsic-size:auto 1380px}
  #continuity-economy{contain-intrinsic-size:auto 1120px}
  #civilization{contain-intrinsic-size:auto 1620px}
}

/* Medium desktop: preserve readable geometry without overlapping orbit-style labels. */
@media (max-width:1180px){
  .life-atlas-stage{grid-template-columns:250px minmax(0,1fr)}
  .life-atlas-readout{grid-template-columns:1fr;grid-template-areas:"mode" "title" "copy" "facts";row-gap:4px}.life-atlas-facts{margin-top:10px}.atlas-dimension{width:112px}.ad-who{left:3%}.ad-what{right:3%}
  .life-book-stage{grid-template-columns:minmax(270px,.65fr) minmax(0,1.35fr)}.life-book-chapters{grid-template-columns:1fr 1fr}
  .legacy-branches{grid-template-columns:1fr 1fr}.legacy-constitution{grid-template-columns:1fr}.legacy-builder-steps{grid-template-columns:1fr}.legacy-step>div{gap:7px}
  .continuity-economy-stage{grid-template-columns:1fr}.continuity-reserve{display:grid;grid-template-columns:1fr 280px;grid-template-areas:"head gauge" "profiles gauge" "copy gauge";column-gap:24px;align-items:center}.continuity-reserve>header{grid-area:head}.reserve-gauge{grid-area:gauge}.reserve-profiles{grid-area:profiles}.continuity-reserve>p{grid-area:copy;text-align:left}
  .civilization-constellation{height:650px}.civ-node{min-width:170px}.civ-node::after{width:55px}
  .platform-continuity{grid-template-columns:1fr}
}

/* Mobile/tablet: convert spatial worlds into calm vertical experiences. */
@media (max-width:760px){
  .life-atlas-section,.life-book-section,.human-legacy-section,.continuity-economy-section,.civilization-section{min-height:auto}
  .life-atlas-stage,.life-book-stage,.continuity-economy-stage{grid-template-columns:1fr;gap:16px;margin-top:2rem}
  .life-atlas-chronology{padding:14px}.life-atlas-chronology::before{left:40px}.life-chapter{min-height:76px;grid-template-columns:27px 10px 1fr;padding:9px}.life-atlas-universe{min-height:650px}.atlas-human-core{width:108px;height:108px}.atlas-dimension{width:104px;min-height:59px;padding:8px}.ad-when{left:4%;top:16%}.ad-where{right:4%;top:16%}.ad-who{left:3%;top:43%}.ad-what{right:3%;top:43%}.ad-why{top:59%}.life-atlas-readout{left:12px;right:12px;bottom:12px;padding:14px;grid-template-columns:1fr;grid-template-areas:"mode" "title" "copy" "facts";min-height:180px}.life-atlas-facts{grid-template-columns:1fr 1fr 1fr;gap:4px;margin-top:8px}.life-atlas-facts span{min-width:0;padding:8px}.life-atlas-principle{font-size:.6875rem;gap:7px;flex-wrap:wrap}.life-atlas-principle i{width:24px}
  .life-book-cover{min-height:460px;padding:38px 28px}.life-book-cover h3{font-size:3rem}.book-signature{left:28px;right:28px;bottom:28px}.life-book-console{padding:16px}.life-book-console>header{align-items:flex-start;flex-direction:column}.life-book-modes{grid-template-columns:1fr}.life-book-chapters{grid-template-columns:1fr 1fr}.life-book-chapters span{min-height:86px}.life-book-console>footer{align-items:flex-start;flex-direction:column}.life-book-console>footer>span{text-align:left}
  .legacy-tree{padding:16px}.legacy-branches{grid-template-columns:1fr}.legacy-branches button{min-height:86px}.legacy-builder-v2{padding:16px}.legacy-builder-head{grid-template-columns:1fr;gap:8px}.legacy-builder-steps{grid-template-columns:1fr;padding:14px 0}.legacy-constitution{grid-template-columns:1fr;padding:18px 2px}.constitution-lines{grid-template-columns:1fr 1fr}
  .continuity-reserve{display:flex;padding:16px}.reserve-gauge{width:210px;height:210px;margin:22px auto}.reserve-gauge b{font-size:3.3rem}.reserve-profiles{grid-template-columns:1fr}.continuity-reserve>p{text-align:center}.resource-pipeline{grid-template-columns:1fr}.resource-pipeline>i{transform:rotate(90deg);justify-self:center}.resource-bars>div{grid-template-columns:112px minmax(0,1fr);gap:9px}.continuity-principles{grid-template-columns:1fr}
  .civilization-atlas{padding:15px}.civilization-category-bar{align-items:flex-start}.civilization-category-bar>span{width:100%;margin-bottom:5px}.civilization-category-bar button{flex:1 1 45%}.category-historyline{grid-template-columns:1fr;gap:10px;padding:20px 0}.historyline-track{left:16px;right:auto;top:8%;bottom:8%;width:1px;height:auto;background:linear-gradient(180deg,rgba(104,219,255,.08),rgba(104,219,255,.3),rgba(151,111,255,.14))}.history-event{min-height:94px;margin-left:24px}.history-event::before{left:-29px;top:50%;transform:translateY(-50%)}.civilization-readout{grid-template-columns:1fr;grid-template-areas:"title" "copy" "meta";gap:9px}.civilization-constellation{height:auto;min-height:0;padding:20px 0;display:grid;grid-template-columns:1fr;gap:8px;border:0}.civilization-space,.civilization-core{position:relative;left:auto;top:auto;transform:none}.civilization-space{display:none}.civilization-core{order:-1;padding:28px 0}.civ-node{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;min-width:0}.civ-node::after{display:none}.platform-continuity{padding:16px}.platform-loop{justify-content:flex-start}.platform-continuity>footer{align-items:flex-start}
  .final-reassembly{width:280px;height:280px}.final-module{}.final-horizon .continuum-horizon-glow{width:190vw;height:80vw;bottom:-18%}
}

@media (prefers-reduced-motion:reduce){
  .life-chapter,.atlas-dimension,.legacy-branches button,.history-event,.resource-bars em{transition:none!important}
}

/* 1.3.0 final geometry/readability hardening. */
@media (min-width:761px){
  .ad-why{top:56%}
  .life-chapter small,.atlas-dimension small,.life-atlas-readout>small,.life-atlas-facts small,
  .life-book-console header small,.life-book-story>small,.life-book-chapters small,.book-audience>small,
  .legacy-branches button small,.legacy-builder-head small,.legacy-step>small,.legacy-builder-outcome small,
  .legacy-constitution>div:first-child>small,.constitution-lines small,
  .continuity-reserve>header small,.reserve-gauge small,.resource-flow header small,.resource-bars header small,
  .resource-pipeline small,.continuity-principles small,.civilization-category-bar>span small,
  .history-event small,.history-event span,.civilization-readout small,.civ-node>small,
  .platform-continuity>div:first-child>small,.platform-continuity footer small{line-height:1.4}
  .life-atlas-readout>p,.life-book-story p,.legacy-builder-head em,.legacy-constitution p,
  .continuity-reserve>p,.civilization-readout p,.platform-continuity p{}
}


/* ============================================================
   1.3.1 / HUMAN CONTINUUM RHYTHM + IDENTITY PASS
   Progressive disclosure, stronger life narrative and a generative
   Continuum horizon. The protected ORBIT renderer remains untouched.
   ============================================================ */

/* Hero: the object is a Continuum horizon, not a literal planet or void. */
.hero .continuum-horizon-core{
  width:min(1160px,105vw);right:-22%;bottom:-63%;opacity:.9;
  background:
    radial-gradient(circle at 42% 20%,rgba(127,228,255,.22),transparent 8%),
    radial-gradient(circle at 47% 28%,rgba(69,154,208,.25),rgba(15,47,76,.46) 24%,rgba(4,16,34,.9) 55%,rgba(1,5,12,.99) 73%);
  box-shadow:inset 0 0 150px rgba(44,160,219,.16),0 -8px 70px rgba(83,213,255,.2),0 -2px 1px rgba(202,248,255,.25)
}
.hero .continuum-horizon-core::before{
  inset:4%;filter:none;opacity:.72;
  background:
    repeating-radial-gradient(circle at 48% 31%,transparent 0 46px,rgba(101,219,255,.035) 47px 48px,transparent 49px 82px),
    conic-gradient(from 214deg at 46% 27%,transparent 0 15%,rgba(85,218,255,.055) 18%,transparent 23% 53%,rgba(144,111,255,.045) 57%,transparent 63%);
}
.hero .continuum-horizon-core::after{
  content:"";position:absolute;inset:8%;border-radius:50%;
  border-top:1px solid rgba(140,232,255,.14);border-left:1px solid rgba(126,111,255,.05);
  transform:rotate(-9deg);opacity:.75;box-shadow:inset 0 18px 55px rgba(79,200,255,.035)
}
.hero-continuum-definition{max-width:680px;margin:1.1rem 0 .15rem;display:flex;align-items:center;gap:.52rem;flex-wrap:wrap;color:#638499}
.hero-continuum-definition>span{display:flex;align-items:baseline;gap:.4rem;padding:.34rem .5rem;border:1px solid rgba(105,216,255,.065);border-radius:999px;background:rgba(3,13,29,.4)}
.hero-continuum-definition small{font-size:.6875rem;letter-spacing:.12em;color:var(--muted)}
.hero-continuum-definition b{font-size:.6875rem;letter-spacing:.085em;color:#8fb0bf;font-weight:650}
.hero-continuum-definition>i{width:22px;height:1px;background:linear-gradient(90deg,rgba(91,213,255,.08),rgba(91,213,255,.32),rgba(145,112,255,.1))}
.memory-flow-running .hero-continuum-definition>span{border-color:rgba(104,225,255,.18);background:rgba(30,111,148,.055)}

/* Capability Atlas: preserve the 100-capability contract without forcing a 100-card
   wall into the default reading path. The seven families become the first-level map. */
.atlas-family-overview{width:min(1360px,94vw);margin:1.35rem auto 1rem;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.58rem}
.atlas-family-overview button{position:relative;min-height:122px;padding:1rem .8rem .85rem;border:1px solid rgba(102,215,255,.09);border-radius:15px;background:linear-gradient(145deg,rgba(6,21,40,.7),rgba(3,10,24,.6));color:#6e8e9f;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"count icon" "title title" "meta meta";column-gap:.45rem;align-content:center;text-align:left;cursor:pointer;overflow:hidden;transition:transform .24s ease,border-color .24s ease,background .24s ease,box-shadow .24s ease}
.atlas-family-overview button::after{content:"";position:absolute;inset:auto 12% 0;height:1px;background:linear-gradient(90deg,transparent,rgba(102,221,255,.25),transparent);opacity:0;transition:opacity .24s ease}
.atlas-family-overview button:hover,.atlas-family-overview button:focus-visible,.atlas-family-overview button.active{transform:translateY(-3px);border-color:rgba(109,226,255,.25);background:linear-gradient(145deg,rgba(14,48,72,.72),rgba(6,16,35,.7));box-shadow:0 18px 44px rgba(0,0,0,.19),0 0 28px rgba(60,199,241,.035)}
.atlas-family-overview button:hover::after,.atlas-family-overview button.active::after{opacity:1}
.atlas-family-overview span{grid-area:count;font-size:1.35rem;line-height:1;color:#95ddec;font-weight:760;letter-spacing:-.04em}
.atlas-family-overview i{grid-area:icon;justify-self:end;font-size:1.25rem;color:#5e92a8}
.atlas-family-overview b{grid-area:title;margin-top:.7rem;font-size:.76rem;letter-spacing:.08em;color:#bad5df}
.atlas-family-overview small{grid-area:meta;margin-top:.3rem;font-size:.6875rem;line-height:1.42;color:var(--muted-2)}
.atlas-map-toggle{display:flex!important;width:min(1360px,94vw);min-height:56px;margin:.55rem auto 0;padding:.72rem .9rem;border:1px solid rgba(106,220,255,.15);border-radius:13px;background:linear-gradient(180deg,rgba(20,72,99,.1),rgba(3,12,27,.58));color:#7ce4f6;align-items:center;justify-content:space-between;gap:.7rem;cursor:pointer}
.atlas-map-toggle>span{display:flex;align-items:center;gap:.58rem}.atlas-map-toggle i{font-size:1.25rem}.atlas-map-toggle b{font-size:.72rem;letter-spacing:.085em}.atlas-map-toggle small{font-size:.6875rem;letter-spacing:.08em;color:var(--muted-2)}
#atlas:not(.atlas-expanded) .atlas-controls,#atlas:not(.atlas-expanded) .atlas-interaction-hint,#atlas:not(.atlas-expanded) #atlasGrid{display:none!important}
#atlas.atlas-expanded .atlas-controls{display:flex}#atlas.atlas-expanded .atlas-interaction-hint{display:flex}#atlas.atlas-expanded #atlasGrid{display:grid}
.atlas-section.atlas-searching .atlas-map-toggle{display:flex!important}
#atlas.atlas-expanded{padding-bottom:clamp(4rem,7vw,6rem)}
#atlas:not(.atlas-expanded){padding-bottom:clamp(4rem,7vw,6rem)}

/* One synthetic day becomes a lifetime. This is a narrative bridge, not a feature card. */
.continuum-story-bridge{position:relative;z-index:2;width:min(1240px,92vw);margin:2rem auto 2.6rem;padding:18px 20px 20px;border-top:1px solid rgba(102,218,255,.09);border-bottom:1px solid rgba(145,112,255,.075);display:grid;grid-template-columns:repeat(11,auto);align-items:center;justify-content:space-between;gap:8px}
.continuum-story-bridge>div{min-width:0;display:flex;flex-direction:column;gap:3px}
.continuum-story-bridge>div small{font-size:.6875rem;letter-spacing:.12em;color:var(--muted-2)}
.continuum-story-bridge>div b{font-size:.75rem;letter-spacing:.08em;color:#b9d8e2}
.continuum-story-bridge>div span{font-size:.69rem;line-height:1.35;color:var(--muted-2);white-space:nowrap}
.continuum-story-bridge>i{width:28px;height:1px;background:linear-gradient(90deg,rgba(96,218,255,.08),rgba(96,218,255,.3),rgba(145,112,255,.09))}
.continuum-story-bridge>p{grid-column:1/-1;margin:13px 0 0;padding-top:13px;border-top:1px solid rgba(255,255,255,.045);font-size:.86rem;line-height:1.55;color:#7f9dac}
.continuum-story-bridge>p strong{color:#b9d8e3;font-weight:650}

/* Readability and chapter breathing room. */
@media (min-width:761px){
  .hero-continuum-definition{flex-wrap:nowrap;gap:.38rem}
  .hero-continuum-definition>i{width:14px;flex:0 0 14px}
  .hero-continuum-definition>span{padding:.32rem .44rem}
  .continuum-world .section-heading p{line-height:1.7!important;max-width:760px}
  .atlas-section .section-heading p{line-height:1.68!important;max-width:780px}
  .life-atlas-section,.life-book-section,.human-legacy-section,.continuity-economy-section,.civilization-section{padding-top:clamp(5.5rem,8vw,8rem);padding-bottom:clamp(5rem,7vw,7rem)}
}

@media (max-width:1180px){
  .atlas-family-overview{grid-template-columns:repeat(4,minmax(0,1fr))}
  .continuum-story-bridge{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
  .continuum-story-bridge>i{display:none}.continuum-story-bridge>div span{white-space:normal}
}
@media (max-width:760px){
  .hero-continuum-definition{gap:.4rem;margin-top:.85rem}.hero-continuum-definition>span{padding:.3rem .42rem}.hero-continuum-definition>i{width:12px}.hero-continuum-definition small{font-size:.6875rem}.hero-continuum-definition b{font-size:.6875rem}
  .atlas-family-overview{width:100%;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:1rem}.atlas-family-overview button{min-height:108px;padding:.85rem .75rem}.atlas-family-overview span{font-size:1.18rem}.atlas-family-overview b{font-size:.7rem}.atlas-family-overview small{font-size:.6875rem}.atlas-map-toggle{width:100%;margin-top:.7rem}
  #atlas.atlas-expanded .atlas-controls{display:flex}
  .continuum-story-bridge{width:100%;grid-template-columns:1fr 1fr;padding:15px 5px 17px;margin:1.4rem auto 2rem}.continuum-story-bridge>div{min-height:74px;padding:9px;border-left:1px solid rgba(102,218,255,.08)}.continuum-story-bridge>div:nth-of-type(odd){border-left:0}.continuum-story-bridge>div small{font-size:.6875rem}.continuum-story-bridge>div b{font-size:.7rem}.continuum-story-bridge>div span{font-size:.6875rem}.continuum-story-bridge>p{font-size:.78rem;line-height:1.55;padding:12px 8px 0}
  .hero .continuum-horizon-core{right:-63%;bottom:-44%}
}
@media (max-width:430px){
  .atlas-family-overview{grid-template-columns:1fr}.atlas-family-overview button{min-height:96px;grid-template-columns:40px 1fr auto;grid-template-areas:"count title icon" "count meta icon";align-items:center}.atlas-family-overview b{margin-top:0}.atlas-family-overview small{margin-top:2px}.atlas-family-overview i{align-self:center}
  .hero-continuum-definition>i{display:none}.hero-continuum-definition>span{flex:1 1 46%;justify-content:flex-start}
}
@media (prefers-reduced-motion:reduce){
  .atlas-family-overview button,.continuum-horizon-core::after{transition:none!important}
}

@supports (content-visibility:auto){#atlas{contain-intrinsic-size:auto 1450px}}

/* 1.3.1 mobile deep-map expansion must supersede the older mobile preview mask. */
@media (max-width:620px){
  #atlas.atlas-expanded #atlasGrid{max-height:none!important;overflow:visible!important;mask-image:none!important;-webkit-mask-image:none!important}
}

/* ============================================================
   GENESIS 1.3.2 / ORBIT GEOMETRY + MOBILE NAVIGATION RECOVERY
   The navigable worlds sit on the path they visually claim to occupy.
   Desktop keeps the cinematic orbit; phones receive a first-class grid.
   ============================================================ */
.orbit-core-copy{
  position:absolute;left:50%;top:50%;z-index:8;transform:translate(-50%,-50%);
  display:flex;flex-direction:column;align-items:center;gap:.15rem;pointer-events:none;
  text-transform:uppercase;text-align:center;letter-spacing:.12em;
}
.orbit-core-copy b{font-size:.6875rem;color:#d8f8ff;font-weight:760;text-shadow:0 0 16px rgba(91,220,255,.32)}
.orbit-core-copy small{font-size:.6875rem;color:#6594a9;letter-spacing:.16em}
.orbit-nav-3d[data-state="legacy"] .orbit-center{--orbit-state:#d9b6ff;box-shadow:0 0 0 1px rgba(217,182,255,.14),0 0 68px rgba(154,111,255,.18)}
.orbit-nav-3d[data-state="civilization"] .orbit-center{--orbit-state:#9be8d5;box-shadow:0 0 0 1px rgba(155,232,213,.14),0 0 72px rgba(76,213,184,.17)}

@media (min-width:761px){
  .orbit-nav-3d .orbit-item{
    width:148px;height:72px;padding:.58rem .66rem;
    grid-template-columns:32px 1fr;grid-template-rows:1fr;column-gap:.48rem;
    align-items:center;border-radius:15px;
  }
  .orbit-nav-3d .orbit-item i{grid-row:auto;font-size:1.35rem}
  .orbit-nav-3d .orbit-item span{font-size:.72rem;line-height:1.12;letter-spacing:.075em}
  .orbit-nav-3d .orbit-item small{display:none!important}
  /* Put the live readout in the protected empty space around the core instead
     of competing with worlds on the top of the orbit. */
  .orbit-nav-hud{
    top:50%;width:250px;transform:translate(-50%,88px);
    grid-template-columns:1fr;grid-template-areas:"a" "b" "c";
    gap:.18rem;padding:.48rem .65rem;border:0;
    background:linear-gradient(180deg,rgba(4,17,33,.5),rgba(2,9,20,.15));
    border-radius:10px;text-align:center;
  }
  .orbit-nav-hud::before,.orbit-nav-hud::after{display:none}
  .orbit-nav-hud span{font-size:.6875rem;text-align:center;color:var(--muted-2)}
  .orbit-nav-hud b{font-size:.6875rem;text-align:center;color:#d8f7ff}
  .orbit-nav-hud small{display:block!important;line-height:1.25;color:var(--muted-2);text-align:center}
}

@media (min-width:1024px) and (max-height:820px){
  .orbit-nav-3d .orbit-item{width:132px;height:66px;padding:.5rem .56rem;grid-template-columns:28px 1fr}
  .orbit-nav-3d .orbit-item span{font-size:.6875rem}
  .orbit-nav-3d .orbit-item i{font-size:1.22rem}
  .orbit-nav-hud{transform:translate(-50%,78px);width:228px}
  .orbit-core-copy b{font-size:.6875rem}.orbit-core-copy small{font-size:.6875rem}
}

/* Phone ORBIT is intentionally not a shrunken solar system. The cinematic
   spatial model becomes a compact world selector with the same hierarchy. */
@media (max-width:760px){
  .orbit-nav.orbit-nav-3d{
    width:min(94vw,430px)!important;height:min(88dvh,720px)!important;max-height:88dvh!important;
    aspect-ratio:auto!important;border-radius:24px!important;overflow:auto!important;
    padding:78px 14px 18px!important;overscroll-behavior:contain;
    background:linear-gradient(180deg,rgba(5,19,37,.98),rgba(1,7,16,.99))!important;
  }
  .orbit-nav-canvas,.orbit-nav-nebula,.orbit-nav-foot,
  .orbit-nav.orbit-nav-3d::before,.orbit-nav.orbit-nav-3d::after{display:none!important}
  .orbit-nav-hud{
    position:absolute!important;left:14px!important;right:14px!important;top:12px!important;
    width:auto!important;transform:none!important;padding:.52rem .65rem!important;
    grid-template-columns:1fr auto!important;grid-template-areas:"a b" "c c"!important;
    gap:.2rem .6rem!important;border-top:1px solid rgba(102,223,255,.11)!important;
    border-bottom:1px solid rgba(102,223,255,.06)!important;
  }
  .orbit-nav-hud span,.orbit-nav-hud b{}
  .orbit-nav-hud small{display:block!important;line-height:1.25!important}
  .orbit-nav-stage{
    position:relative!important;inset:auto!important;left:auto!important;top:auto!important;
    width:100%!important;height:auto!important;display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;
    transform:none!important;perspective:none!important;pointer-events:auto!important;
  }
  .orbit-nav-stage .orbit-center{
    position:relative!important;left:auto!important;top:auto!important;grid-column:1/-1!important;
    width:100%!important;height:92px!important;transform:none!important;animation:none!important;
    border-radius:17px!important;margin:0!important;
    background:radial-gradient(circle at 50% 48%,rgba(118,233,255,.2),rgba(24,85,126,.12) 25%,rgba(4,15,31,.92) 66%)!important;
  }
  .orbit-nav-stage .orbit-center::before,.orbit-nav-stage .orbit-center::after{display:none!important}
  .orbit-core-copy b{font-size:.72rem}.orbit-core-copy small{font-size:.6875rem}
  .orbit-nav-3d .orbit-item{
    position:relative!important;left:auto!important;top:auto!important;margin:0!important;
    width:100%!important;height:68px!important;min-width:0!important;padding:.56rem .6rem!important;
    transform:none!important;opacity:1!important;filter:none!important;z-index:1!important;
    display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;column-gap:.45rem!important;row-gap:.12rem!important;
    justify-items:start!important;align-content:center!important;border-radius:13px!important;
    background:linear-gradient(145deg,rgba(9,31,54,.92),rgba(3,11,26,.92))!important;
    backdrop-filter:none!important;
  }
  .orbit-nav-3d .orbit-item i{grid-row:1/3!important;align-self:center!important}
  .orbit-nav-3d .orbit-item span{line-height:1.15!important;letter-spacing:.055em!important}
  .orbit-nav-3d .orbit-item small{display:block!important;line-height:1.2!important;letter-spacing:.035em!important;white-space:normal!important;color:var(--muted-2)!important}
  .orbit-nav-3d .orbit-item:hover,.orbit-nav-3d .orbit-item:focus-visible,.orbit-nav-3d .orbit-item.active{transform:none!important}
}

@media (max-width:370px){
  .orbit-nav.orbit-nav-3d{width:96vw!important;padding-left:10px!important;padding-right:10px!important}
  .orbit-nav-stage{gap:7px!important}
  .orbit-nav-3d .orbit-item{height:66px!important;padding:.5rem!important}
  .orbit-nav-3d .orbit-item span{}
  .orbit-nav-3d .orbit-item small{}
}

/* ============================================================
   GENESIS 1.3.2 / EVENT ACTION LEDGER
   Left = human-readable event summary. Right = complete action history.
   ============================================================ */
.shopping-event-lab{
  grid-template-columns:minmax(210px,238px) minmax(0,1fr)!important;
  grid-template-areas:"source ledger" "dims ledger" "discover discover";
  align-items:start!important;gap:1rem 1.2rem!important;
}
.shopping-event-lab>.event-source{grid-area:source;align-self:start}
.shopping-event-lab>.event-dimensions{grid-area:dims;align-content:start;align-self:start}
.shopping-event-lab>.discovery-strip{grid-area:discover}
.shopping-action-ledger{
  grid-area:ledger;min-width:0;padding:1rem 1.05rem .9rem;border-radius:20px;
  background:linear-gradient(145deg,rgba(7,24,44,.82),rgba(2,10,23,.78));
  border-color:rgba(103,221,255,.12);overflow:hidden;
}
.shopping-ledger-head{display:flex;justify-content:space-between;gap:1rem;padding-bottom:.85rem;border-bottom:1px solid rgba(255,255,255,.055)}
.shopping-ledger-head>div:first-child{display:flex;flex-direction:column;gap:.18rem;min-width:0}
.shopping-ledger-head span,.shopping-ledger-head small{font-size:.6875rem;line-height:1.35;letter-spacing:.09em;color:var(--muted-2);text-transform:uppercase}
.shopping-ledger-head b{font-size:1rem;letter-spacing:.055em;color:#d8eef4}
.shopping-ledger-total{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:.06rem;text-align:right}
.shopping-ledger-total strong{font-size:1.36rem;color:#dff9ff;letter-spacing:-.025em}
.shopping-ledger-total span{font-size:.6875rem}
.shopping-route{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:.38rem;padding:.88rem 0 .78rem}
.shopping-route>i{height:1px;background:linear-gradient(90deg,rgba(83,211,255,.08),rgba(83,211,255,.32),rgba(145,112,255,.08));min-width:10px}
.shopping-route button{min-width:0;border:1px solid rgba(98,216,255,.08);border-radius:11px;background:rgba(255,255,255,.018);padding:.5rem .56rem;color:#6d8d9d;display:flex;flex-direction:column;gap:.09rem;align-items:flex-start;text-align:left;cursor:pointer;transition:.2s ease}
.shopping-route button:hover,.shopping-route button:focus-visible,.shopping-route button.active{border-color:rgba(105,225,255,.26);background:rgba(49,153,190,.07);box-shadow:0 0 22px rgba(55,197,239,.045)}
.shopping-route button span{font-size:.6875rem;letter-spacing:.08em;color:var(--muted-2)}.shopping-route button b{font-size:.6875rem;color:#a9c4d0;white-space:nowrap}.shopping-route button small{font-size:.6875rem;color:#6e94a4}
.shopping-route button.active b{color:#d7f4fb}.shopping-route button.active span,.shopping-route button.active small{color:#77dcef}
.shopping-ledger-body{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(210px,.72fr);gap:.8rem;min-width:0}
.shopping-items-panel,.shopping-evidence-panel{min-width:0;border:1px solid rgba(255,255,255,.05);border-radius:14px;background:rgba(1,8,20,.46)}
.shopping-items-panel{padding:.7rem .72rem .75rem}
.shopping-items-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:0 .1rem .55rem;border-bottom:1px solid rgba(255,255,255,.045)}
.shopping-items-head span,.shopping-items-head b{font-size:.6875rem;letter-spacing:.09em;color:var(--muted-2)}.shopping-items-head b{color:#77cfe0}
.shopping-item-list{height:222px;overflow:auto;padding-right:.18rem;scrollbar-width:thin;scrollbar-color:rgba(94,203,230,.25) transparent}
.shopping-item-list>div{display:flex;align-items:center;justify-content:space-between;gap:.8rem;min-height:35px;border-bottom:1px solid rgba(255,255,255,.035);font-size:.6875rem;color:#8eabb8}
.shopping-item-list>div:last-child{border-bottom:0}.shopping-item-list span{display:flex;align-items:center;gap:.52rem;min-width:0}.shopping-item-list em{font-style:normal;font-size:.6875rem;color:var(--muted);letter-spacing:.06em}.shopping-item-list b{font-size:.69rem;color:#bed7df;font-weight:640;white-space:nowrap}
.shopping-evidence-panel{padding:.72rem;display:grid;grid-template-columns:1fr 1fr;gap:.58rem}
.shopping-evidence-panel>div{min-width:0;padding:.55rem .58rem;border:1px solid rgba(255,255,255,.035);border-radius:10px;background:rgba(255,255,255,.012);display:flex;flex-direction:column;gap:.18rem}
.shopping-evidence-panel span{font-size:.6875rem;letter-spacing:.09em;color:var(--muted-2)}.shopping-evidence-panel b{font-size:.6875rem;line-height:1.35;color:#9db7c2;font-weight:620}
.shopping-evidence-panel p{grid-column:1/-1;margin:0;padding:.62rem .65rem;border-top:1px solid rgba(102,220,255,.07);display:grid;grid-template-columns:20px 1fr;gap:.5rem;align-items:start}
.shopping-evidence-panel p i{font-size:1rem;color:#71d7ea}.shopping-evidence-panel p span{font-size:.6875rem;line-height:1.45;letter-spacing:0;text-transform:none;color:#688b9a}
.shopping-ledger-foot{display:flex;align-items:center;justify-content:space-between;gap:.7rem;flex-wrap:wrap;margin-top:.78rem;padding-top:.72rem;border-top:1px solid rgba(255,255,255,.05)}
.shopping-ledger-foot span{display:flex;align-items:center;gap:.32rem;font-size:.6875rem;line-height:1.35;letter-spacing:.05em;color:var(--muted-2)}.shopping-ledger-foot i{font-size:.86rem;color:#6ed5e8}

@media (max-width:1180px){
  .shopping-route{grid-template-columns:repeat(5,minmax(0,1fr));gap:.38rem}.shopping-route>i{display:none}
  .shopping-route button{padding:.5rem .48rem}.shopping-route button b{font-size:.6875rem}
  .shopping-ledger-body{grid-template-columns:1fr}.shopping-evidence-panel{grid-template-columns:repeat(4,minmax(0,1fr))}.shopping-evidence-panel p{grid-column:1/-1}
}
@media (max-width:760px){
  .shopping-event-lab{grid-template-columns:1fr!important;grid-template-areas:"source" "dims" "ledger" "discover";padding:1rem!important;gap:.85rem!important}
  .shopping-event-lab>.event-dimensions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:.45rem!important;width:100%}
  .shopping-event-lab>.event-dimensions span{justify-content:flex-start!important;min-width:0!important;border-radius:11px!important;padding:.58rem!important}
  .shopping-action-ledger{padding:.8rem!important;border-radius:16px!important}
  .shopping-ledger-head{gap:.6rem}.shopping-ledger-head b{font-size:.84rem}.shopping-ledger-total strong{font-size:1.08rem}.shopping-ledger-total span{display:none}
  .shopping-route{grid-template-columns:1fr 1fr!important}.shopping-route button{min-height:56px}.shopping-route button:last-of-type{grid-column:1/-1}
  .shopping-ledger-body{grid-template-columns:1fr!important}.shopping-item-list{height:188px}
  .shopping-evidence-panel{grid-template-columns:1fr 1fr!important;padding:.62rem!important}.shopping-evidence-panel p{grid-column:1/-1!important}
  .shopping-ledger-foot{display:grid;grid-template-columns:1fr;gap:.38rem}
}
@media (max-width:390px){
  .shopping-ledger-head{align-items:flex-start}.shopping-ledger-total strong{font-size:.98rem}.shopping-ledger-head span,.shopping-ledger-head small{font-size:.6875rem}
  .shopping-route button b{font-size:.6875rem}.shopping-route button small{font-size:.6875rem}
  .shopping-evidence-panel{grid-template-columns:1fr!important}
}
@media (min-width:1024px) and (max-height:820px){
  .orbit-nav-3d .orbit-item{width:118px;height:60px;padding:.44rem .5rem;grid-template-columns:25px 1fr}
  .orbit-nav-3d .orbit-item span{font-size:.6875rem;letter-spacing:.06em}
  .orbit-nav-3d .orbit-item i{font-size:1.12rem}
}

/* ============================================================
   GENESIS 1.3.2 / MOBILE RECOVERY — PHONE IS NOT A SMALL DESKTOP
   Flatten desktop-only spatial compositions into bounded, touch-first
   instruments. Preserve the concepts, remove collision-prone geometry.
   ============================================================ */
@media (max-width:760px){
  html,body{max-width:100%;overflow-x:clip!important}
  body{padding-bottom:0}
  main{width:100%;max-width:100%;overflow-x:clip;padding-bottom:78px}
  .scene{
    box-sizing:border-box!important;width:100%!important;max-width:100%!important;
    padding-left:16px!important;padding-right:16px!important;
    padding-bottom:92px!important;overflow-x:clip!important;
  }
  .scene>*{min-width:0;max-width:100%;box-sizing:border-box}
  .section-heading,.section-heading.centered{width:100%;max-width:100%;margin-left:auto;margin-right:auto}

  /* Hero: contain every control inside the scene padding. */
  .hero-copy,.hero-actions,.hero-meta,.hero-continuum-definition{
    width:auto!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;
  }
  .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:.55rem!important}
  .hero-actions .plasma-button,.hero-actions .ghost-button{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
  .hero-art{
    left:auto!important;right:auto!important;width:calc(100% + 20px)!important;max-width:calc(100% + 20px)!important;
    margin-left:-10px!important;margin-right:-10px!important;box-sizing:border-box!important;
  }

  /* CONTINUUM: chronology becomes explicit rows instead of alternating
     cards around an invisible desktop axis. */
  .continuum-section{min-height:auto!important}
  .continuum-visual{
    height:auto!important;min-height:0!important;margin:2rem 0 1rem!important;
    display:grid!important;grid-template-columns:1fr!important;gap:.62rem!important;
  }
  .continuum-line{display:none!important}
  .event-node,.event-a,.event-b,.event-c,.event-d{
    position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    transform:none!important;width:100%!important;max-width:100%!important;
    display:grid!important;grid-template-columns:56px minmax(0,1fr)!important;gap:.65rem!important;align-items:stretch!important;
  }
  .event-node>button{
    position:relative!important;inset:auto!important;transform:none!important;width:56px!important;height:auto!important;min-height:72px!important;
    border-radius:14px!important;box-shadow:none!important;
  }
  .event-node:hover>button,.event-node.active>button{transform:none!important}
  .event-card,.event-node:nth-of-type(even) .event-card{
    position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    transform:none!important;width:100%!important;max-width:none!important;min-height:72px!important;
    padding:.78rem .82rem!important;opacity:1!important;display:flex!important;flex-direction:column!important;justify-content:center!important;
  }
  .event-node:hover .event-card,.event-node.active .event-card{transform:none!important}
  .continuum-now{
    position:relative!important;inset:auto!important;justify-self:end;margin-top:.18rem;padding:.4rem .55rem;
    border:1px solid rgba(105,221,255,.1);border-radius:999px;background:rgba(3,15,29,.48);
  }

  /* Agent Network: relationships remain visible without overlapping orbs. */
  .agent-network{
    height:auto!important;min-height:0!important;margin-top:1.4rem!important;padding:10px!important;
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;
    overflow:visible!important;border-radius:18px!important;
  }
  .agent-network>.network-grid,.agent-network>.network-lines,.agent-network>.consent-packet{display:none!important}
  .agent-network>.agent-core{
    position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;
    width:100%!important;height:auto!important;min-height:108px!important;border-radius:16px!important;padding:.75rem!important;
    box-sizing:border-box!important;
  }
  .agent-network>.node-you{grid-column:1/-1;min-height:126px!important;border-color:rgba(104,226,255,.3)}

  /* Memory Constellation: selectable chapters become a constellation list,
     inspector stays attached below them. */
  .constellation-stage{
    min-height:0!important;height:auto!important;display:grid!important;grid-template-columns:1fr 1fr!important;
    gap:8px!important;padding:10px!important;border-radius:18px!important;overflow:visible!important;
  }
  .constellation-stage>.constellation-cosmos,.constellation-stage>.constellation-core{display:none!important}
  .constellation-stage>.chapter-node{
    position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    transform:none!important;width:100%!important;min-width:0!important;min-height:76px!important;padding:.62rem!important;
    box-sizing:border-box!important;
  }
  .constellation-stage>.chapter-node:hover,.constellation-stage>.chapter-node:focus-visible,.constellation-stage>.chapter-node.active{transform:none!important}
  .constellation-stage>.constellation-inspector{
    position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    grid-column:1/-1!important;width:100%!important;height:auto!important;min-height:0!important;padding:1rem!important;
    box-sizing:border-box!important;margin-top:2px!important;
  }

  /* One-event graph: one center event + six bounded relations. */
  .relation-graph{min-height:0!important;padding:.82rem!important}
  .relation-stage{
    min-height:0!important;height:auto!important;overflow:visible!important;margin:.65rem 0!important;padding:0!important;
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;background:none!important;
  }
  .relation-stage::before,.relation-stage::after{display:none!important}
  .relation-stage>.relation-core{
    position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;
    grid-column:1/-1!important;width:100%!important;height:auto!important;min-height:94px!important;border-radius:15px!important;
  }
  .relation-stage>.rg-node{
    position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;
    width:100%!important;min-width:0!important;min-height:64px!important;padding:.52rem!important;box-sizing:border-box!important;
  }
  .relation-stage>.rg-node:hover,.relation-stage>.rg-node:focus-visible,.relation-stage>.rg-node.active{transform:none!important}
  .relation-readout{grid-template-columns:1fr!important;padding:.7rem .1rem .15rem!important}

  /* Memory Zoom: no invisible horizontal strip; every level is tappable. */
  .deep-zoom-track{
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;overflow:visible!important;
    max-width:100%!important;padding:.1rem 0!important;
  }
  .deep-zoom-track>i{display:none!important}
  .deep-zoom-track>button{width:100%!important;min-width:0!important;max-width:100%!important;min-height:66px!important;box-sizing:border-box!important}
  .deep-zoom-track>button:last-of-type{grid-column:1/-1!important}

  /* Consent Router: turn the radial field into a clear device/service matrix. */
  .ecosystem-stage{grid-template-columns:1fr!important;min-height:0!important;gap:.8rem!important}
  .connector-field{
    min-height:0!important;height:auto!important;padding:10px!important;display:grid!important;grid-template-columns:1fr 1fr!important;
    gap:8px!important;border-radius:18px!important;overflow:visible!important;
  }
  .connector-field>.connector-ring{display:none!important}
  .connector-field>.connector-core{
    position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;
    grid-column:1/-1!important;min-height:112px!important;padding:.75rem!important;border:1px solid rgba(104,221,255,.12);
    border-radius:16px!important;background:radial-gradient(circle at 50% 25%,rgba(47,165,210,.14),rgba(3,13,28,.58));
    justify-content:center!important;box-sizing:border-box!important;
  }
  .connector-field>.connector-core .core-mark{width:64px!important;height:64px!important}
  .connector-field>.connector-node{
    position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;
    width:100%!important;min-width:0!important;min-height:60px!important;padding:.55rem!important;box-sizing:border-box!important;
  }
  .connector-field>.connector-node:hover,.connector-field>.connector-node:focus-visible,.connector-field>.connector-node.active{transform:none!important}

  /* Life Atlas: preserve its meaning, reduce spatial competition. */
  .life-atlas-universe{min-height:630px!important}
  .atlas-dimension{width:43%!important;max-width:140px!important;backdrop-filter:none!important}
  .ad-when{left:4%!important;top:13%!important}.ad-where{right:4%!important;top:13%!important}
  .ad-who{left:4%!important;top:36%!important}.ad-what{right:4%!important;top:36%!important}
  .ad-why{left:50%!important;top:52%!important}
  .life-atlas-readout{left:10px!important;right:10px!important;bottom:10px!important;min-height:0!important;height:auto!important}
  .life-atlas-facts{grid-template-columns:1fr 1fr!important}
  .life-atlas-facts span:last-child{grid-column:1/-1!important}

  /* Persistent chrome: useful, but never dominant. */
  .mobile-dock{
    left:10px!important;right:10px!important;bottom:max(7px,env(safe-area-inset-bottom))!important;
    transform:none!important;width:auto!important;min-height:54px!important;padding:4px!important;border-radius:16px!important;
  }
  .mobile-dock a,.mobile-dock button{min-height:44px!important;gap:1px!important}
  .mobile-dock i{}.mobile-dock span{}
  body.no-scroll .mobile-dock{transform:translateY(10px)!important}
  .achievement{
    width:min(232px,calc(100vw - 32px))!important;bottom:70px!important;padding:.62rem .72rem!important;gap:.55rem!important;
    pointer-events:none!important;
  }
  .achievement:not(.show){transform:translate(-50%,calc(100% + 150px))!important}
  .achievement.show{transform:translate(-50%,0)!important}
}

@media (max-width:390px){
  .scene{padding-left:14px!important;padding-right:14px!important}
  .event-node,.event-a,.event-b,.event-c,.event-d{grid-template-columns:50px minmax(0,1fr)!important;gap:.5rem!important}
  .event-node>button{width:50px!important;min-height:68px!important}
  .agent-network,.constellation-stage,.relation-stage,.connector-field{grid-template-columns:1fr 1fr!important}
  .constellation-stage>.chapter-node{min-height:72px!important}
  .rg-node b,.chapter-node b{overflow-wrap:anywhere}
}

@media (max-width:760px){
  /* Memory lifecycle: every state remains visible; no off-canvas swipe rail. */
  .lifecycle-mobile-hint{display:none!important}
  .lifecycle-track{
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;
    overflow:visible!important;scroll-snap-type:none!important;margin:.8rem 0!important;
  }
  .lifecycle-track>i,.lifecycle-track::after{display:none!important;content:none!important}
  .lifecycle-track>button{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
  .lifecycle-track>button:last-of-type{grid-column:1/-1!important}
}

/* ============================================================
   GENESIS 1.3.2 / TYPOGRAPHY + CARD RHYTHM
   Human-facing copy and machine-facing metadata use different scales.
   The goal is hierarchy without the old "giant headline / dust labels" gap.
   ============================================================ */
:root{
  --rmd-type-display-max:5.35rem;
  --rmd-type-statement-max:2.30rem;
  --rmd-type-body:.90rem;
  --rmd-type-body-compact:.82rem;
  --rmd-type-label:.72rem;
  --rmd-type-meta:.66rem;
  --rmd-type-control:.74rem;
  --rmd-card-pad:1rem;
  --rmd-card-gap:.75rem;
}

/* Cinematic headings stay distinctive, but no longer consume an entire scene
   simply because a viewport is wide. */
.section-heading h2,.final-content h2{
  font-size:clamp(2.45rem,5.35vw,var(--rmd-type-display-max));
  line-height:.92;
}
.section-heading p,.final-content p{
  line-height:1.66;
}

/* Common metadata should be quiet, not illegible. */
.eyebrow{
  font-size:var(--rmd-type-label);
  line-height:1.35;
}

/* LIFE PACK UNIVERSE: reference implementation for the shared card rhythm. */
.life-pack-universe{
  grid-template-columns:minmax(360px,.84fr) minmax(0,1.66fr);
  gap:1rem;
}
.life-pack-intro{
  padding:1.2rem 1.25rem;
  justify-content:flex-start;
}
.life-pack-intro h3{
  margin:.78rem 0 .82rem;
  font-size:clamp(1.85rem,2.05vw,var(--rmd-type-statement-max));
  line-height:1.00;
  letter-spacing:-.038em;
}
.life-pack-intro>p{
  
  line-height:1.68!important;
}
.pack-spotlight{
  margin-top:auto;
  padding:.92rem 1rem;
  gap:.78rem;
}
.pack-spotlight span{gap:.24rem}
.pack-spotlight small{
  
  line-height:1.35;
}
.pack-spotlight b{
  font-size:.88rem;
  line-height:1.35;
}
.pack-spotlight p{
  
  line-height:1.58!important;
}
.pack-categories{
  gap:.75rem;
}
.pack-categories article{
  display:flex;
  flex-direction:column;
  min-height:0;
  padding:var(--rmd-card-pad);
}
.pack-categories header{
  min-height:40px;
  margin:0 0 .72rem;
  gap:.62rem;
}
.pack-categories header>i{
  font-size:1.25rem;
  flex:0 0 auto;
}
.pack-categories header span{
  gap:.10rem;
  min-width:0;
}
.pack-categories header b{
  font-size:.79rem;
  line-height:1.25;
  letter-spacing:.085em;
}
.pack-categories header small{
  
  line-height:1.3!important;
  letter-spacing:.085em;
}
.pack-categories article>div{
  flex:1;
  grid-auto-rows:1fr;
  gap:.42rem;
}
.pack-categories button{
  min-height:42px;
  padding:.48rem .5rem;
  
  line-height:1.16!important;
  letter-spacing:.065em;
  text-wrap:balance;
}

/* A few dense card families use the same internal rhythm even though their
   visual metaphors differ. */
.memory-intel-card,.foundry-card,.everyday-card,.trust-card,.suggestion-card{
  padding:var(--rmd-card-pad);
}
.memory-intel-card p,.foundry-card p,.everyday-card p,.trust-card>p,.suggestion-card p{
  line-height:1.62!important;
}

@media (min-width:761px) and (max-width:1180px){
  .life-pack-universe{grid-template-columns:1fr!important}
  .life-pack-intro{min-height:0}
  .pack-spotlight{margin-top:1rem}
}

@media (max-width:760px){
  :root{
    --rmd-type-body:.92rem;
    --rmd-type-body-compact:.86rem;
    --rmd-type-label:.70rem;
    --rmd-type-meta:.66rem;
    --rmd-type-control:.76rem;
  }
  .section-heading h2,.final-content h2{
    /* 12vw is wider than the longest single word these headings contain: at 390 it overflowed in
       four chapters - affinity by 30px, systems 23, network 13, life grammar 3 - and the ratio
       worsens as the viewport narrows because the clamp floor stops following it. Measured across
       390 / 360 / 320, the widest word needs 10.87vw at the tightest, so the fluid step is 10.6vw
       and the floor drops with it. One rule, not four per-chapter overrides. */
    font-size:clamp(2.1rem,10.6vw,3.35rem);
    line-height:.94;
  }
  .section-heading p,.final-content p{
    
    line-height:1.62!important;
  }
  .life-pack-universe{grid-template-columns:1fr!important;gap:.72rem!important}
  .life-pack-intro{padding:1rem!important}
  .life-pack-intro h3{
    
    line-height:1.02!important;
    margin:.68rem 0 .72rem!important;
  }
  .life-pack-intro>p{}
  .pack-spotlight{margin-top:1rem!important}
  .pack-categories{grid-template-columns:1fr!important;gap:.62rem!important}
  .pack-categories article{padding:.88rem!important}
  .pack-categories header{min-height:36px;margin-bottom:.62rem!important}
  .pack-categories article>div{grid-template-columns:1fr 1fr!important;gap:.38rem!important}
  .pack-categories button{min-height:44px!important;}
}

/* Readability floor for dense semantic metadata. These selectors deliberately
   avoid decorative telemetry particles and geometry labels. */
@media (min-width:761px){
  .microleague-table small,.memory-zoom-lab small,.atlas-family-overview small,
  .pack-categories small,.deep-zoom-track small,.foundry-card small,.everyday-card small,
  .continuum-story-bridge small,.attention-spectrum small,.continuum-protocol small,
  .resource-bars small,.hero-continuum-definition small,.shopping-route small,
  .life-stat-grid small,.lifecycle-track small,.lifecycle-policy small,.chapter-metrics small,
  .connector-contract small,.detective-chain small,.presence-stats small,
  .constellation-inspector small,.relation-core small,.connector-core small{
    line-height:1.34!important;
  }
  .atlas-orbit span,.life-tab span,.deep-zoom-track span,.final-reassembly span,
  .chronos-labels span,.shopping-evidence-panel span,.ml-head span,.platform-loop,
  .shopping-route span,.life-chapter span,.retro-chain span,.time-horizon span,
  .memory-beacon span,.shopping-items-head span,.shopping-ledger-total span{
    line-height:1.34!important;
  }
  .shopping-route b,.shopping-evidence-panel b,.chapter-metrics b,
  .continuity-principles b,.shopping-items-head b{
    line-height:1.35!important;
  }
  .legacy-step button,.device-tabs button,.book-audience button,
  .civilization-category-bar button,.life-book-modes button,.reserve-profiles button{
    line-height:1.2!important;
  }
}

.pack-grammar-logic{
  display:grid;grid-template-columns:1fr auto 1.2fr auto 1fr;align-items:center;
  gap:.48rem;margin:1rem 0 .15rem;padding:.68rem .72rem;border-top:1px solid rgba(99,214,255,.08);
  border-bottom:1px solid rgba(99,214,255,.08);background:rgba(2,11,23,.22);
}
.pack-grammar-logic span{display:grid;gap:.12rem;min-width:0}
.pack-grammar-logic small{font-size:.6875rem;color:var(--muted-2);letter-spacing:.10em;line-height:1.25}
.pack-grammar-logic b{font-size:.74rem;color:#b8dce8;letter-spacing:.055em;line-height:1.3}
.pack-grammar-logic i{font-size:.85rem;color:#426b80}

@media (max-width:760px){
  .microleague-table small,.memory-zoom-lab small,.atlas-family-overview small,
  .pack-categories small,.deep-zoom-track small,.foundry-card small,.everyday-card small,
  .continuum-story-bridge small,.attention-spectrum small,.continuum-protocol small,
  .resource-bars small,.hero-continuum-definition small,.shopping-route small,
  .life-stat-grid small,.lifecycle-track small,.lifecycle-policy small,.chapter-metrics small,
  .connector-contract small,.detective-chain small,.presence-stats small,
  .constellation-inspector small,.relation-core small,.connector-core small{
    line-height:1.36!important;
  }
  .shopping-evidence-panel span,.shopping-route span,.shopping-items-head span,
  .shopping-ledger-total span,.final-reassembly span,.platform-loop{
    line-height:1.35!important;
  }
  .pack-grammar-logic{
    grid-template-columns:1fr;gap:.34rem;margin:.9rem 0 .1rem;padding:.7rem .75rem;
  }
  .pack-grammar-logic i{display:none}
  .pack-grammar-logic span{grid-template-columns:8.2rem 1fr;align-items:baseline;gap:.5rem}
  .pack-grammar-logic small{font-size:.6875rem}.pack-grammar-logic b{font-size:.74rem}
}

@media (min-width:761px){
  .life-pack-intro .pack-spotlight{margin-top:1rem}
}

/* v1.3.2 / ORIGIN — IDEA BEFORE TECHNOLOGY */
.origin-copy{align-self:start}.origin-copy>p{margin:1.3rem 0 0;max-width:620px;color:#86a4b7;font-size:clamp(.9rem,1.15vw,1.05rem);line-height:1.72}
.origin-era-rail{grid-column:2;display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin:.2rem 0 .4rem}
.origin-era{min-height:88px;padding:.8rem .85rem;border:1px solid rgba(86,202,255,.11);border-radius:12px;background:linear-gradient(180deg,rgba(8,22,42,.72),rgba(3,10,23,.58));color:#63859a;text-align:left;cursor:pointer;transition:border-color .25s,background .25s,transform .25s,box-shadow .25s}
.origin-era span,.origin-era b,.origin-era small{display:block}.origin-era span{color:#5bdfff;font-size:.6875rem;letter-spacing:.13em}.origin-era b{margin-top:.35rem;color:#c9eaf8;font-size:.72rem;letter-spacing:.08em}.origin-era small{margin-top:.28rem;color:#6f8ea2;font-size:.72rem;line-height:1.45;letter-spacing:0}
.origin-era:hover,.origin-era:focus-visible,.origin-era.active{border-color:rgba(91,225,255,.38);background:linear-gradient(180deg,rgba(17,62,91,.36),rgba(5,16,34,.74));box-shadow:0 0 28px rgba(63,207,255,.06),inset 0 -1px rgba(94,230,255,.52);transform:translateY(-2px)}
.origin-era.active span{color:#a8f4ff}.origin-era.active b{color:#f1fbff}
.origin-principle{grid-column:2;display:grid;grid-template-columns:42px 1fr;gap:.75rem;align-items:start;padding:.9rem 1rem;border:1px solid rgba(90,205,255,.12);border-radius:12px;background:rgba(4,14,29,.62)}
.origin-principle>i{font-size:1.35rem;color:#6ee4ff;margin-top:.08rem}.origin-principle small{display:block;color:var(--muted-2);font-size:.6875rem;letter-spacing:.12em}.origin-principle b{display:block;margin-top:.35rem;color:#a9c6d7;font-size:.88rem;line-height:1.55;font-weight:500}
.origin-schematic[data-era="2026"] .origin-output{border-color:rgba(101,222,255,.34);color:#b9f6ff;box-shadow:0 0 18px rgba(64,208,255,.08)}
.origin-schematic[data-era="continuum"] .origin-memory-core{filter:drop-shadow(0 0 22px rgba(100,227,255,.42))}.origin-schematic[data-era="continuum"] .origin-beam{opacity:.95}
@media (max-width:1100px){.origin-era-rail,.origin-principle{grid-column:1}.origin-copy>p{max-width:760px}}
@media (max-width:760px){.origin-era-rail{grid-template-columns:1fr}.origin-era{min-height:auto}.origin-copy>p{font-size:.98rem}.origin-principle{grid-template-columns:32px 1fr}.origin-principle b{font-size:.9rem}.origin-line{overflow-x:auto;scrollbar-width:none;padding-bottom:.25rem}.origin-line::-webkit-scrollbar{display:none}.origin-line span{flex:0 0 auto}.origin-line i{min-width:24px}}

/* ============================================================
   1.3.2 / HUMAN-FIRST CONTRACT + CAUSAL EXPLAINERS
   ============================================================ */
.human-first-contract{
  position:relative;isolation:isolate;overflow:hidden;
  width:min(1680px,calc(100% - 48px));margin:0 auto;
  padding:clamp(5.2rem,8vw,8rem) clamp(1rem,2.7vw,3.2rem);
  border-top:1px solid rgba(100,220,255,.08);border-bottom:1px solid rgba(100,220,255,.08);
  background:
    radial-gradient(circle at 50% 12%,rgba(64,194,255,.07),transparent 34%),
    linear-gradient(180deg,rgba(3,9,20,.08),rgba(5,16,31,.3),rgba(3,9,20,.08));
}
.human-first-contract::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.32;
  background-image:linear-gradient(rgba(92,210,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(92,210,255,.035) 1px,transparent 1px);
  background-size:64px 64px;mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 84%,transparent);
}
.human-first-contract>.section-heading{max-width:900px;margin:0 auto 2.4rem;text-align:center}
.human-first-contract>.section-heading p{max-width:820px;margin-left:auto;margin-right:auto}
.human-need-stage{display:grid;grid-template-columns:minmax(260px,.62fr) minmax(0,1.9fr);gap:1rem;align-items:stretch;max-width:1500px;margin:0 auto}
.human-need-tabs{display:grid;grid-template-columns:1fr;gap:.52rem}
.human-need-tabs button{
  display:grid;grid-template-columns:42px 1fr;gap:.72rem;align-items:center;min-height:72px;padding:.78rem .9rem;
  border:1px solid rgba(91,207,255,.11);border-radius:12px;background:linear-gradient(180deg,rgba(8,23,42,.68),rgba(3,10,22,.6));
  color:#6f8fa1;text-align:left;cursor:pointer;transition:.22s ease;
}
.human-need-tabs button>i{font-size:1.35rem;color:#4b829a}.human-need-tabs button span{display:grid;gap:.16rem}.human-need-tabs button b{font-size:.78rem;letter-spacing:.09em;color:#b7d5e2}.human-need-tabs button small{font-size:.7rem;line-height:1.35;color:#68889b}
.human-need-tabs button:hover,.human-need-tabs button:focus-visible,.human-need-tabs button.active{transform:translateX(4px);border-color:rgba(92,226,255,.34);background:linear-gradient(180deg,rgba(17,57,82,.48),rgba(4,15,31,.75));box-shadow:inset 3px 0 rgba(92,226,255,.52),0 0 26px rgba(67,208,255,.05)}
.human-need-tabs button.active>i,.human-need-tabs button.active b{color:#d8f7ff}
.human-need-readout{padding:clamp(1.2rem,2vw,2rem);min-height:100%;display:flex;flex-direction:column}
.human-need-readout header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding-bottom:.9rem;border-bottom:1px solid rgba(102,214,255,.09)}
.human-need-readout header span{display:grid;gap:.2rem}.human-need-readout header small{font-size:.69rem;letter-spacing:.12em;color:var(--muted-2)}.human-need-readout header b{font-size:.83rem;letter-spacing:.09em;color:#c7eaf6}.human-need-readout header em{font-style:normal;font-size:.6875rem;line-height:1.45;letter-spacing:.08em;color:#60a0b8;text-align:right;max-width:330px}
.human-need-readout h3{margin:clamp(1.2rem,2.2vw,2rem) 0 .65rem;font-size:clamp(1.7rem,2.6vw,2.75rem);line-height:1.04;letter-spacing:-.035em;color:#e7f8ff;max-width:950px}
.human-need-readout>p{margin:0;color:#91adbc;font-size:1rem;line-height:1.7;max-width:1000px}
.human-causal-chain{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:.55rem;align-items:stretch;margin-top:auto;padding-top:1.45rem}
.human-causal-chain>span{display:grid;align-content:center;gap:.34rem;min-height:94px;padding:.82rem .9rem;border:1px solid rgba(91,204,255,.1);border-radius:10px;background:rgba(4,15,29,.58)}
.human-causal-chain small{font-size:.6875rem;letter-spacing:.11em;color:var(--muted-2)}.human-causal-chain b{font-size:.8rem;line-height:1.45;color:#bad9e6;font-weight:600}.human-causal-chain>i{align-self:center;color:#47798d}
.no-ads-contract{max-width:1500px;margin:1rem auto 0;display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1rem 1.2rem;border-color:rgba(111,225,191,.16);background:linear-gradient(90deg,rgba(11,37,35,.45),rgba(4,14,28,.62))}
.no-ads-icon{position:relative;width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(113,225,190,.2);border-radius:50%;color:#7ce9c4;font-size:1.3rem}.no-ads-icon span{position:absolute;width:28px;height:1px;background:#7ce9c4;transform:rotate(-45deg);box-shadow:0 0 10px rgba(124,233,196,.32)}
.no-ads-contract>span{display:block}.no-ads-contract small{display:block;font-size:.6875rem;letter-spacing:.12em;color:#65978d}.no-ads-contract b{display:block;margin:.25rem 0 .28rem;color:#d9fff2;font-size:.88rem;letter-spacing:.07em}.no-ads-contract p{margin:0;max-width:1050px;color:#86aaa5;font-size:.88rem;line-height:1.62}.no-ads-contract em{font-style:normal;max-width:260px;text-align:right;color:#76cbb0;font-size:.6875rem;line-height:1.55;letter-spacing:.09em}

/* Every major world can teach the human need that produced it. */
.why-toggle{
  margin-top:1.05rem;display:inline-grid;grid-template-columns:auto auto;grid-template-areas:"icon text" "icon meta";column-gap:.55rem;align-items:center;
  padding:.62rem .78rem;border:1px solid rgba(91,207,255,.13);border-radius:9px;background:rgba(5,17,32,.58);color:#88b4c6;cursor:pointer;text-align:left;transition:.2s ease;
}
.section-heading.centered .why-toggle{margin-left:auto;margin-right:auto}
.why-toggle>i{grid-area:icon;font-size:1.05rem;color:#5edcf7}.why-toggle>span{grid-area:text;font-size:.6875rem;line-height:1.1;font-weight:700;letter-spacing:.1em;color:#bfe8f5}.why-toggle>small{grid-area:meta;font-size:.6875rem;line-height:1.2;color:var(--muted-2);letter-spacing:.045em}
.why-toggle:hover,.why-toggle:focus-visible,.why-toggle[aria-expanded="true"]{border-color:rgba(91,225,255,.34);background:rgba(10,34,53,.74);box-shadow:0 0 24px rgba(70,210,255,.06)}
.why-explainer{margin-top:.65rem;width:min(1080px,100%);padding:.9rem 1rem;border:1px solid rgba(91,207,255,.12);border-radius:12px;background:linear-gradient(180deg,rgba(7,23,42,.88),rgba(3,11,24,.82));box-shadow:0 18px 54px rgba(0,0,0,.18);text-align:left}
.section-heading.centered .why-explainer{margin-left:auto;margin-right:auto}
.why-explainer[hidden]{display:none!important}.why-explainer-title{display:block;margin-bottom:.72rem;color:#cceef8;font-size:.78rem;line-height:1.4;letter-spacing:.075em}
/* OD-01 boundary line */
.why-explainer-boundary{margin:.55rem 0 0;padding:.55rem .6rem;display:grid;gap:.18rem;border-left:2px solid rgba(240,196,102,.55);background:rgba(240,196,102,.05)}.why-explainer-boundary small{font-size:.6875rem;letter-spacing:.09em;color:#e2c37a}.why-explainer-boundary b{font-size:.72rem;line-height:1.45;color:#e9d9b5;font-weight:600}
/* wire-queue 2026-09-19: constraint copy, same amber as the why-panel boundary row */
.contract-note{margin:.6rem 0 0;padding:.5rem .6rem;border-left:2px solid rgba(240,196,102,.55);background:rgba(240,196,102,.05);font-size:.72rem;line-height:1.45;color:#e9d9b5}.contract-note.wide{grid-column:1/-1}
.why-explainer-grid{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:.45rem;align-items:center}
.why-explainer-grid>span{display:grid;gap:.18rem;align-self:stretch;align-content:center;padding:.55rem .6rem;border-left:1px solid rgba(91,207,255,.11)}
.why-explainer-grid small{font-size:.6875rem;letter-spacing:.09em;color:var(--muted-2)}.why-explainer-grid b{font-size:.72rem;line-height:1.4;color:#9fc4d3;font-weight:600}.why-explainer-grid>i{font-size:.76rem;color:var(--muted)}

@media (min-width:1600px){
  .human-first-contract{width:min(1840px,calc(100% - 64px))}
  .human-need-stage,.no-ads-contract{max-width:1640px}
}
@media (max-width:980px){
  .human-need-stage{grid-template-columns:1fr}.human-need-tabs{grid-template-columns:repeat(3,1fr)}
  .human-need-tabs button{grid-template-columns:32px 1fr;min-height:68px}.human-need-readout{min-height:430px}
  .no-ads-contract{grid-template-columns:46px 1fr}.no-ads-contract em{grid-column:2;text-align:left;max-width:none}
}
@media (max-width:760px){
  .human-first-contract{width:100%;padding:4.4rem 16px}.human-first-contract>.section-heading{margin-bottom:1.5rem}
  .human-need-tabs{grid-template-columns:1fr 1fr;gap:.42rem}.human-need-tabs button{grid-template-columns:28px 1fr;padding:.65rem .68rem;min-height:68px}.human-need-tabs button>i{font-size:1.08rem}.human-need-tabs button b{font-size:.72rem}.human-need-tabs button small{font-size:.6875rem}
  .human-need-readout{padding:1rem;min-height:0}.human-need-readout header{display:grid}.human-need-readout header em{text-align:left}.human-need-readout h3{font-size:1.55rem;line-height:1.08;margin:1rem 0 .6rem}.human-need-readout>p{font-size:.93rem;line-height:1.64}
  .human-causal-chain{grid-template-columns:1fr;gap:.34rem;padding-top:1rem}.human-causal-chain>i{display:none}.human-causal-chain>span{min-height:0;padding:.68rem .72rem;grid-template-columns:7.3rem 1fr;align-items:baseline;gap:.5rem}.human-causal-chain small{font-size:.6875rem}.human-causal-chain b{font-size:.76rem}
  .no-ads-contract{grid-template-columns:38px 1fr;padding:.9rem}.no-ads-icon{width:36px;height:36px;font-size:1rem}.no-ads-icon span{width:22px}.no-ads-contract b{font-size:.8rem;line-height:1.45}.no-ads-contract p{font-size:.86rem}.no-ads-contract em{grid-column:1/-1;margin-top:.2rem;text-align:left}
  .why-toggle{width:100%;max-width:360px;margin-top:.82rem;padding:.65rem .72rem}.section-heading.centered .why-toggle{margin-left:auto;margin-right:auto}
  .why-explainer{padding:.75rem}.why-explainer-title{font-size:.72rem}.why-explainer-grid{grid-template-columns:1fr;gap:.3rem}.why-explainer-grid>i{display:none}.why-explainer-grid>span{grid-template-columns:7.2rem 1fr;gap:.45rem;align-items:baseline;padding:.46rem .5rem}.why-explainer-grid small{font-size:.6875rem}.why-explainer-grid b{font-size:.73rem}
}

/* ============================================================
   1.3.2 / SYSTEM-WIDE DENSITY, WIDTH, STACKING + INTERACTION FINISH
   ============================================================ */

/* Large screens should use the display, not leave an interface floating in a narrow strip. */
@media (min-width:1450px){
  :root{--max:1560px}
  .atlas-stage,.atlas-family-overview,.atlas-map-toggle,.continuity-economy-stage,
  .civilization-atlas,.civilization-constellation,.platform-continuity,
  .life-atlas-stage,.project-continuum-stage,.project-stewardship-grid,
  .professional-lenses,.everyday-lenses,.shared-agent-strip{
    width:min(1500px,calc(100vw - 92px));max-width:none;
  }
  .continuity-economy-stage{grid-template-columns:minmax(350px,.72fr) minmax(0,1.65fr)}
  .civilization-atlas,.civilization-constellation{max-width:none}
}

/* Agent graph, permission inspector and meaning cards are separate semantic planes. */
.agent-permission-lab{margin:1.15rem auto 0!important;position:relative!important;z-index:5!important}
.shared-agent-strip{margin-top:1rem!important}
@media (min-width:1024px){
  .network-section .agent-network{margin-bottom:0!important}
  .network-section .agent-permission-lab{width:min(1080px,86vw)}
  .network-section .shared-agent-strip{width:min(1480px,94vw)}
}

/* Temporary discoveries should never sit on top of the content they describe. */
.achievement{
  left:auto!important;right:24px!important;top:92px!important;bottom:auto!important;
  transform:translateX(calc(100% + 48px))!important;
  width:min(260px,calc(100vw - 48px));pointer-events:none!important;
}
.achievement.show{transform:translateX(0)!important}
@media (max-width:760px){
  .achievement{right:10px!important;top:72px!important;bottom:auto!important;width:min(220px,calc(100vw - 20px))!important;transform:translateY(calc(-100% - 90px))!important}
  .achievement.show{transform:translateY(0)!important}
}

/* Professional / everyday scenario cards are one semantic family. */
.professional-lenses,.everyday-lenses{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}
.professional-card,.everyday-card{
  min-height:214px!important;padding:1.08rem 1.12rem!important;display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;gap:.68rem!important;align-items:start!important;
}
.professional-card>i,.everyday-card>i{color:#68d7ef!important;margin-top:.05rem}
.professional-card>span,.everyday-card>span{display:flex!important;flex-direction:column!important;align-items:flex-start!important;min-height:100%!important;gap:0!important}
.professional-card small,.everyday-card small{line-height:1.35!important;letter-spacing:.09em!important;color:#62889b!important}
.professional-card b,.everyday-card b{display:block!important;margin:.25rem 0 .42rem!important;line-height:1.36!important;letter-spacing:.02em!important;color:#c3e3ed!important}
.professional-card p,.everyday-card p{flex:1!important;margin:0!important;line-height:1.62!important;color:#7696a8!important}
.professional-card em,.everyday-card em{margin-top:auto!important;padding-top:.72rem!important;line-height:1.35!important;color:#68bad6!important}
@media (max-width:980px){.professional-lenses,.everyday-lenses{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.professional-lenses,.everyday-lenses{grid-template-columns:1fr}.professional-card,.everyday-card{min-height:0!important}}

/* Capability Atlas preview needs explicit component styling, not browser-default text flow. */
.atlas-intro{padding:1.15rem 1.2rem!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;min-height:310px}
.atlas-intro>span:first-child{font-size:.6875rem;letter-spacing:.12em;color:#5f879a}
.atlas-intro h3{margin:.5rem 0 .55rem;font-size:1.55rem;line-height:1.16;letter-spacing:-.025em;color:#d9f3fb}
.atlas-intro h3>b{color:#65e4ff;font-size:1.7rem}.atlas-intro h3>span{color:#d9f3fb}
.atlas-intro>p{margin:0;font-size:.88rem;line-height:1.62;color:#7595a6;max-width:820px}
.atlas-preview-examples{display:flex;flex-wrap:wrap;gap:.42rem;margin:.9rem 0 .65rem}
.atlas-preview-examples span{padding:.38rem .5rem;border:1px solid rgba(97,216,255,.09);border-radius:7px;background:rgba(5,18,34,.58);font-size:.6875rem;line-height:1.2;letter-spacing:.075em;color:#82b6c8}
.atlas-signal{margin-top:auto;display:grid;grid-template-columns:32px minmax(0,1fr);gap:.55rem;align-items:center;min-height:48px;padding:.58rem .68rem;border:1px solid rgba(95,216,255,.08);border-radius:8px;background:rgba(3,13,28,.48)}
.atlas-signal>i{font-size:1.05rem;color:#63d8f1}.atlas-signal span{display:grid;gap:.12rem}.atlas-signal small{font-size:.6875rem;letter-spacing:.09em;color:var(--muted-2)}.atlas-signal b{font-size:.7rem;line-height:1.3;color:#91c4d3}
.atlas-preview-open{margin-top:.55rem;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:.5rem;min-height:46px;padding:.55rem .65rem;border:1px solid rgba(95,219,255,.16);border-radius:8px;background:linear-gradient(90deg,rgba(30,113,145,.12),rgba(4,14,29,.56));color:#7cdff1;cursor:pointer;text-align:left}
.atlas-preview-open>i{font-size:1.05rem}.atlas-preview-open>span{font-size:.6875rem;font-weight:700;letter-spacing:.08em}.atlas-preview-open>small{font-size:.6875rem;letter-spacing:.08em;color:var(--muted-2)}.atlas-preview-open:hover,.atlas-preview-open:focus-visible{border-color:rgba(100,225,255,.36);background:linear-gradient(90deg,rgba(30,129,166,.2),rgba(5,18,35,.7))}
.atlas-family-overview button.active i,.atlas-family-overview button.active b{color:#d7f6ff}
@media (max-width:760px){
  .atlas-intro{min-height:0!important;padding:1rem!important}.atlas-intro h3{font-size:1.35rem}.atlas-intro h3>b{font-size:1.45rem}.atlas-intro>p{font-size:.88rem}.atlas-preview-open{grid-template-columns:26px 1fr auto}
}

/* Continuity economy: readable instrument, more screen usage, no microtype as content. */
.continuity-economy-stage{max-width:1460px}
.resource-flow,.resource-bars{padding:22px}
.resource-pipeline>span{min-height:94px;padding:13px}
.resource-pipeline b{}.resource-pipeline small{line-height:1.36!important}
.continuity-principles span{min-height:124px;padding:15px}.continuity-principles b{line-height:1.35!important}.continuity-principles small{line-height:1.42!important}
.resource-flow header small,.resource-bars header small{font-size:.6875rem}.resource-flow header b,.resource-bars header b{font-size:.78rem}
.resource-bars>div>span b{font-size:.73rem}.resource-bars>div>span small{font-size:.72rem}

/* Civilization graph: inspector is a real visual component and selection changes the scene. */
.civilization-constellation{max-width:1460px;height:660px;margin-top:30px}
.civilization-node-readout{
  position:absolute;z-index:6;left:50%;top:24px;transform:translateX(-50%);width:min(650px,54%);
  padding:1rem 1.05rem;border-color:rgba(106,218,255,.15);background:linear-gradient(145deg,rgba(7,25,45,.92),rgba(3,11,25,.9));
  box-shadow:0 18px 60px rgba(0,0,0,.3),0 0 40px rgba(74,201,242,.04);pointer-events:none;
}
.civilization-node-readout small{display:block;font-size:.6875rem;letter-spacing:.11em;color:#5f899e}.civilization-node-readout b{display:block;margin:.3rem 0 .42rem;font-size:1.1rem;line-height:1.25;color:#d8f0f6}.civilization-node-readout p{margin:0;color:#7f9dab;font-size:.82rem;line-height:1.58}.civilization-node-readout em{display:block;margin-top:.55rem;font-style:normal;font-size:.6875rem;line-height:1.35;letter-spacing:.08em;color:#69bad1}
.civ-node{cursor:pointer;transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease,opacity .22s ease}
.civ-node:hover,.civ-node:focus-visible,.civ-node.active{transform:translateY(-3px);border-color:rgba(102,225,255,.32);background:rgba(9,33,52,.86);box-shadow:0 16px 42px rgba(0,0,0,.23),0 0 24px rgba(77,205,246,.06)}
.civ-node.active>b{color:#e0f7ff}.civ-node.active>i{background:#c2f9ff;box-shadow:0 0 18px rgba(94,228,255,.68)}
.civilization-section[data-civ-focus] .civilization-core .core-mark{filter:drop-shadow(0 0 18px rgba(97,222,255,.25))}
.civilization-section[data-civ-focus] .civilization-space::before{border-color:rgba(98,223,255,.14)}
@media (prefers-reduced-motion:no-preference){
  .civilization-section.chapter-active .civilization-core .core-ring-a{animation:spin 18s linear infinite}
  .civilization-section.chapter-active .civilization-core .core-ring-b{animation:spin 26s linear infinite reverse}
  .civilization-section.chapter-active .civ-node.active>i{animation:rmdCivNodePulse 1.9s ease-in-out infinite}
}
@keyframes rmdCivNodePulse{0%,100%{transform:scale(.9);opacity:.75}50%{transform:scale(1.25);opacity:1}}
@media (max-width:760px){
  .civilization-constellation{height:auto!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:14px 0!important}
  .civilization-node-readout{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:100%!important;order:1;margin-bottom:6px;pointer-events:auto}
  .civilization-core{order:0!important}.civ-node{order:2!important}
}
.civilization-node-readout #civNodeAction{margin-top:.62rem;padding:0;border:0;background:transparent;color:#69bad1;font-size:.6875rem;line-height:1.4;letter-spacing:.08em;cursor:pointer;text-align:left}.civilization-node-readout #civNodeAction i{font-size:.74rem;margin-left:.25rem}.civilization-node-readout #civNodeAction:hover,.civilization-node-readout #civNodeAction:focus-visible{color:#a1ecfa}
@media (max-width:760px){.achievement{display:none!important}}

/* ============================================================
   GENESIS 1.3.2 / RELEASE FINISH — MASTERPLAN WORLDS
   These systems were added after the original visual language. They now use
   the same protected semantic planes, readable type roles and interaction
   anatomy as the mature chapters.
   ============================================================ */

/* 18 / THE LIVING HUMAN --------------------------------------------------- */
.human-layer-stage{
  width:min(1460px,100%);margin:2rem auto 0;display:grid;
  grid-template-columns:minmax(280px,.58fr) minmax(0,1.75fr);gap:1rem;align-items:stretch;
}
.human-dimensions{display:grid;grid-template-columns:1fr;gap:.48rem}
.human-dimensions button{
  min-height:72px;padding:.72rem .82rem;border:1px solid rgba(91,207,255,.1);border-radius:12px;
  background:linear-gradient(145deg,rgba(7,22,40,.72),rgba(3,11,25,.68));color:#6d8d9e;
  display:grid;grid-template-columns:38px minmax(0,1fr);gap:.62rem;align-items:center;text-align:left;cursor:pointer;
  transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;
}
.human-dimensions button>i{font-size:1.28rem;color:#5fbfd6}
.human-dimensions button span{display:grid;gap:.12rem;min-width:0}
.human-dimensions button b{font-size:.76rem;line-height:1.25;letter-spacing:.08em;color:#b9d8e4}
.human-dimensions button small{font-size:.6875rem;line-height:1.35;color:#66899b}
.human-dimensions button:hover,.human-dimensions button:focus-visible,.human-dimensions button.active{
  transform:translateX(3px);border-color:rgba(102,225,255,.32);
  background:linear-gradient(145deg,rgba(14,55,78,.55),rgba(4,15,31,.82));
  box-shadow:inset 3px 0 rgba(95,225,255,.52),0 0 28px rgba(64,204,239,.05);
}
.human-dimensions button.active>i,.human-dimensions button.active b{color:#e1f9ff}
.human-dimension-readout{min-height:100%;padding:clamp(1.25rem,2.2vw,2rem);display:flex;flex-direction:column;overflow:hidden;position:relative}
.human-dimension-readout::before{content:"";position:absolute;right:-12%;top:-34%;width:430px;height:430px;border:1px solid rgba(96,218,255,.06);border-radius:50%;box-shadow:0 0 0 70px rgba(112,87,255,.018),0 0 0 145px rgba(81,192,255,.012);pointer-events:none}
.human-dimension-readout header{position:relative;z-index:1;display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding-bottom:.9rem;border-bottom:1px solid rgba(95,209,255,.08)}
.human-dimension-readout header span{display:grid;gap:.18rem}.human-dimension-readout header small{font-size:.6875rem;letter-spacing:.11em;color:var(--muted-2)}.human-dimension-readout header b{font-size:.84rem;letter-spacing:.08em;color:#ccebf5}
.human-dimension-readout header em{font-style:normal;font-size:.6875rem;line-height:1.4;letter-spacing:.08em;color:#63899c;text-align:right}
.human-state-thread{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;gap:0;margin:1.2rem 0 .3rem}
.human-state-thread::before{content:"";position:absolute;left:5%;right:5%;top:50%;height:1px;background:linear-gradient(90deg,rgba(93,220,255,.08),rgba(93,220,255,.34),rgba(126,95,255,.22),rgba(93,220,255,.08))}
.human-state-thread i{position:relative;justify-self:center;width:9px;height:9px;border:1px solid rgba(93,220,255,.26);border-radius:50%;background:#061426;z-index:1}.human-state-thread i.active{width:15px;height:15px;background:#bdf8ff;box-shadow:0 0 22px rgba(93,224,255,.55)}
.human-dimension-readout h3{position:relative;z-index:1;margin:1.15rem 0 .65rem;font-size:clamp(1.7rem,2.8vw,3rem);line-height:1.06;letter-spacing:-.035em;max-width:900px;color:#e8f8ff}
.human-dimension-readout>p{position:relative;z-index:1;margin:0;color:#86a5b5;font-size:.96rem;line-height:1.72;max-width:980px}
.human-dimension-facts{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin-top:auto;padding-top:1.4rem}
.human-dimension-facts span{min-height:82px;padding:.75rem .82rem;border:1px solid rgba(94,205,255,.09);border-radius:10px;background:rgba(3,13,27,.5);display:grid;align-content:center;gap:.25rem}
.human-dimension-facts small{font-size:.6875rem;letter-spacing:.1em;color:var(--muted-2)}.human-dimension-facts b{font-size:.8rem;line-height:1.4;color:#afd1de;font-weight:600}
.human-constitution-strip{width:min(1460px,100%);margin:1rem auto 0;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:.85rem;align-items:center;padding:1rem 1.1rem}
.human-constitution-strip>i{font-size:1.5rem;color:#76e1f6}.human-constitution-strip>span{display:grid;gap:.22rem}.human-constitution-strip small{font-size:.6875rem;letter-spacing:.11em;color:var(--muted-2)}.human-constitution-strip b{font-size:.78rem;line-height:1.35;letter-spacing:.055em;color:#c2e3ed}.human-constitution-strip p{margin:.1rem 0 0;font-size:.84rem;line-height:1.6;color:#7898a8}
.human-constitution-strip button{min-height:42px;padding:0 .85rem;border:1px solid rgba(99,221,255,.16);border-radius:9px;background:rgba(11,42,61,.54);color:#73cfe2;font-size:.7rem;font-weight:700;letter-spacing:.08em;cursor:pointer}.human-constitution-strip button:hover,.human-constitution-strip button:focus-visible{color:#e8fbff;border-color:rgba(104,228,255,.38);background:rgba(20,78,104,.48)}

/* 22 / PROJECT CONTINUUM -------------------------------------------------- */
.project-continuum-stage{width:min(1460px,100%);margin:2rem auto 0;display:grid;grid-template-columns:minmax(285px,.58fr) minmax(0,1.75fr);gap:1rem;align-items:stretch}
.project-thread{display:grid;grid-template-columns:1fr;gap:.5rem}
.project-thread button{min-height:76px;padding:.75rem .85rem;border:1px solid rgba(96,209,255,.1);border-radius:12px;background:linear-gradient(145deg,rgba(7,22,40,.72),rgba(3,11,25,.68));display:grid;grid-template-columns:38px 1fr;gap:.62rem;align-items:center;text-align:left;color:#6c8b9c;cursor:pointer;transition:.22s ease}
.project-thread button>i{font-size:1.3rem;color:#61c2d9}.project-thread button span{display:grid;gap:.12rem}.project-thread button b{font-size:.76rem;letter-spacing:.08em;color:#b9d8e4}.project-thread button small{font-size:.6875rem;line-height:1.35;color:#66899b}
.project-thread button:hover,.project-thread button:focus-visible,.project-thread button.active{transform:translateX(3px);border-color:rgba(100,226,255,.32);background:linear-gradient(145deg,rgba(14,55,78,.55),rgba(4,15,31,.82));box-shadow:inset 3px 0 rgba(96,226,255,.52),0 0 28px rgba(64,204,239,.05)}
.project-thread button.active>i,.project-thread button.active b{color:#e3faff}
.project-readout{padding:clamp(1.25rem,2.2vw,2rem);display:flex;flex-direction:column;min-height:100%;position:relative;overflow:hidden}
.project-readout::after{content:"";position:absolute;right:-100px;bottom:-160px;width:460px;height:460px;border:1px solid rgba(103,221,255,.06);border-radius:50%;box-shadow:0 0 0 72px rgba(116,83,255,.018),0 0 0 150px rgba(81,192,255,.01);pointer-events:none}
.project-readout header{position:relative;z-index:1;display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding-bottom:.9rem;border-bottom:1px solid rgba(95,209,255,.08)}
.project-readout header span{display:grid;gap:.18rem}.project-readout header small{font-size:.6875rem;letter-spacing:.11em;color:var(--muted-2)}.project-readout header b{font-size:.84rem;letter-spacing:.08em;color:#ccebf5}.project-readout header em{font-style:normal;font-size:.6875rem;line-height:1.4;letter-spacing:.08em;color:#63899c;text-align:right}
.project-readout h3{position:relative;z-index:1;margin:1.55rem 0 .68rem;font-size:clamp(1.8rem,2.8vw,3rem);line-height:1.06;letter-spacing:-.035em;color:#e9f9ff;max-width:950px}.project-readout>p{position:relative;z-index:1;margin:0;color:#86a5b5;font-size:.96rem;line-height:1.72;max-width:1000px}
.project-rules{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin-top:auto;padding-top:1.4rem}.project-rules span{min-height:84px;padding:.75rem .82rem;border:1px solid rgba(94,205,255,.09);border-radius:10px;background:rgba(3,13,27,.5);display:grid;align-content:center;gap:.25rem}.project-rules small{font-size:.6875rem;letter-spacing:.1em;color:var(--muted-2)}.project-rules b{font-size:.8rem;line-height:1.4;color:#afd1de;font-weight:600}
.project-stewardship-grid{width:min(1460px,100%);margin:1rem auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}
.project-stewardship-grid article{min-height:205px;padding:1.05rem 1.1rem;display:grid;grid-template-columns:42px minmax(0,1fr);gap:.75rem;align-items:start}.project-stewardship-grid article>i{font-size:1.5rem;color:#6ed9ee;margin-top:.08rem}.project-stewardship-grid article>span{height:100%;display:flex;flex-direction:column;align-items:flex-start}.project-stewardship-grid small{font-size:.6875rem;letter-spacing:.1em;color:var(--muted-2)}.project-stewardship-grid b{display:block;margin:.28rem 0 .48rem;font-size:.8rem;line-height:1.35;letter-spacing:.045em;color:#c3e2ec}.project-stewardship-grid p{margin:0;color:#7898a8;font-size:.82rem;line-height:1.62}

/* 25 / CONTINUUM PROOF LAB ---------------------------------------------- */
.proof-lab{width:min(1460px,100%);margin:2rem auto 0;display:grid;gap:.85rem}
.proof-cases{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem}
.proof-cases button{min-height:92px;padding:.68rem .72rem;border:1px solid rgba(94,207,255,.1);border-radius:11px;background:linear-gradient(180deg,rgba(7,22,40,.72),rgba(3,11,25,.68));display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:.5rem;align-content:center;text-align:left;color:#68899a;cursor:pointer;transition:.22s ease}
.proof-cases button>span{grid-row:1/3;align-self:center;font-size:1.35rem;line-height:1;color:#527a8e;font-weight:750}.proof-cases button b{font-size:.73rem;line-height:1.25;letter-spacing:.06em;color:#b8d7e3}.proof-cases button small{font-size:.6875rem;line-height:1.3;color:var(--muted-2)}
.proof-cases button:hover,.proof-cases button:focus-visible,.proof-cases button.active{transform:translateY(-2px);border-color:rgba(101,226,255,.34);background:linear-gradient(180deg,rgba(15,59,84,.52),rgba(4,15,31,.8));box-shadow:inset 0 -2px rgba(96,226,255,.5),0 0 24px rgba(64,204,239,.05)}.proof-cases button.active>span,.proof-cases button.active b{color:#e2f9ff}
.proof-readout{padding:1.25rem 1.35rem;min-height:300px;display:flex;flex-direction:column}
.proof-readout header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding-bottom:.82rem;border-bottom:1px solid rgba(96,210,255,.08)}.proof-readout header span{display:grid;gap:.2rem}.proof-readout header small{font-size:.6875rem;letter-spacing:.11em;color:var(--muted-2)}.proof-readout header b{font-size:.9rem;line-height:1.35;letter-spacing:.055em;color:#ccebf5}.proof-readout header em{font-style:normal;padding:.34rem .5rem;border:1px solid rgba(99,225,183,.16);border-radius:999px;background:rgba(26,102,77,.09);color:#78dcb9;font-size:.6875rem;letter-spacing:.08em;white-space:nowrap}
.proof-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:.5rem;margin:1.2rem 0}.proof-flow span{min-height:54px;display:grid;place-items:center;padding:.45rem;border:1px solid rgba(94,207,255,.09);border-radius:9px;background:rgba(4,15,29,.55);font-size:.7rem;font-weight:700;letter-spacing:.08em;color:#92b7c6}.proof-flow i{width:22px;height:1px;background:linear-gradient(90deg,rgba(92,220,255,.12),rgba(92,220,255,.5));position:relative}.proof-flow i::after{content:"";position:absolute;right:-1px;top:-2px;width:5px;height:5px;border-top:1px solid #6eddf3;border-right:1px solid #6eddf3;transform:rotate(45deg)}
.proof-readout>p{margin:.2rem 0 1rem;color:#89a7b6;font-size:.94rem;line-height:1.7;max-width:1100px}.proof-invariants{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.proof-invariants span{padding:.48rem .58rem;border:1px solid rgba(94,210,255,.08);border-radius:8px;background:rgba(3,13,27,.45);color:#7598aa;font-size:.7rem;line-height:1.35}.proof-invariants i{color:#66dfb8;margin-right:.28rem}
.proof-failure-strip{width:min(1460px,100%);margin:1rem auto 0;padding:1rem 1.1rem;border:1px solid rgba(255,135,168,.09);border-radius:16px;background:linear-gradient(90deg,rgba(65,20,41,.12),rgba(4,14,28,.72));display:grid;grid-template-columns:42px minmax(0,1fr);gap:.75rem;align-items:start}.proof-failure-strip>i{font-size:1.55rem;color:#e694ac}.proof-failure-strip>span{display:grid;gap:.28rem}.proof-failure-strip small{font-size:.6875rem;letter-spacing:.11em;color:#a27688}.proof-failure-strip b{font-size:.78rem;line-height:1.48;letter-spacing:.04em;color:#c7a9b4}.proof-failure-strip p{margin:.15rem 0 0;color:#867b86;font-size:.82rem;line-height:1.62}

/* ORIGIN / EVOLUTION OF CONTINUITY -------------------------------------- */
@media (min-width:1101px){
  .origin-inner{width:min(1460px,100%);grid-template-columns:minmax(430px,.82fr) minmax(620px,1.18fr);gap:2rem 3.4rem;align-items:start}
  .origin-inner>.origin-copy{grid-column:1;grid-row:1/7;position:sticky;top:120px;align-self:start}
  .evolution-continuity,.origin-era-rail,.origin-line,.origin-schematic,.origin-principle{grid-column:2!important;grid-row:auto!important}
}
.evolution-continuity{position:relative;padding:1.05rem 1.1rem 1.1rem;border:1px solid rgba(96,210,255,.1);border-radius:18px;background:linear-gradient(145deg,rgba(7,23,42,.78),rgba(3,11,24,.72));overflow:hidden}
.evolution-continuity::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 76% 18%,rgba(99,213,255,.08),transparent 28%),radial-gradient(circle at 20% 88%,rgba(124,91,255,.07),transparent 28%)}
.evolution-continuity-head{position:relative;z-index:1;display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding-bottom:.82rem;border-bottom:1px solid rgba(96,210,255,.08)}.evolution-continuity-head>span{display:grid;gap:.2rem;max-width:620px}.evolution-continuity-head small{font-size:.6875rem;letter-spacing:.11em;color:var(--muted-2)}.evolution-continuity-head b{font-size:.8rem;line-height:1.4;letter-spacing:.045em;color:#c5e5ef}.evolution-continuity-head em{font-style:normal;max-width:260px;text-align:right;color:#668b9d;font-size:.6875rem;line-height:1.4;letter-spacing:.07em}
.evolution-era-track{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.48rem;margin:.85rem 0}
.evolution-era-track button{min-height:76px;padding:.65rem .7rem;border:1px solid rgba(94,207,255,.09);border-radius:10px;background:rgba(4,15,29,.58);display:grid;grid-template-columns:30px minmax(0,1fr);gap:.5rem;align-items:center;text-align:left;color:#69899a;cursor:pointer;transition:.22s ease}.evolution-era-track button>i{font-size:1.12rem;color:#57afc6}.evolution-era-track button span{display:grid;gap:.12rem}.evolution-era-track button b{font-size:.7rem;line-height:1.25;letter-spacing:.055em;color:#adceda}.evolution-era-track button small{font-size:.6875rem;line-height:1.3;color:var(--muted-2)}
.evolution-era-track button:hover,.evolution-era-track button:focus-visible,.evolution-era-track button.active{transform:translateY(-2px);border-color:rgba(101,226,255,.32);background:rgba(15,57,80,.5);box-shadow:inset 0 -1px rgba(97,226,255,.48),0 0 20px rgba(65,204,239,.05)}.evolution-era-track button.active>i,.evolution-era-track button.active b{color:#e2faff}
.evolution-era-track button:last-child{grid-column:span 2}
.evolution-era-readout{position:relative;z-index:1;min-height:150px;padding:.85rem .95rem;border:1px solid rgba(95,209,255,.08);border-radius:11px;background:rgba(2,10,23,.5);display:grid;align-content:center}.evolution-era-readout small{font-size:.6875rem;letter-spacing:.1em;color:var(--muted-2)}.evolution-era-readout b{display:block;margin:.35rem 0 .48rem;font-size:1.03rem;line-height:1.35;color:#d0ebf4}.evolution-era-readout p{margin:0;color:#7f9dad;font-size:.82rem;line-height:1.62}

/* LIFE PACK ORBIT: no decorative system may enter the following semantic plane. */
@media (min-width:1181px){
  .life-atlas{min-height:585px;isolation:isolate;overflow:hidden!important}
  .life-atlas>.atlas-orbit{height:520px!important;min-height:520px!important;max-height:520px!important;align-self:center!important;overflow:hidden!important;contain:layout paint}
  .life-pack-universe{position:relative;z-index:3;margin-top:1.8rem!important;background:linear-gradient(180deg,rgba(2,7,16,.98),rgba(2,7,16,.86));border-radius:20px}
}

/* PHONE: semantic text is allowed to wrap, but not to become dust. */
@media (max-width:760px){
  .human-layer-stage,.project-continuum-stage{grid-template-columns:1fr!important;gap:.7rem!important;margin-top:1.2rem}
  .human-dimensions,.project-thread{grid-template-columns:1fr 1fr;gap:.42rem}
  .human-dimensions button,.project-thread button{min-height:74px;padding:.62rem .66rem;grid-template-columns:28px 1fr;gap:.45rem;transform:none!important}
  .human-dimensions button>i,.project-thread button>i{font-size:1.08rem}.human-dimensions button b,.project-thread button b{font-size:.74rem}.human-dimensions button small,.project-thread button small{font-size:.69rem}
  .human-dimension-readout,.project-readout{padding:1rem;min-height:0}.human-dimension-readout header,.project-readout header{display:grid}.human-dimension-readout header em,.project-readout header em{text-align:left}
  .human-dimension-readout h3,.project-readout h3{font-size:1.55rem;line-height:1.08;margin:1rem 0 .6rem}.human-dimension-readout>p,.project-readout>p{font-size:.93rem;line-height:1.64}
  .human-dimension-facts,.project-rules{grid-template-columns:1fr;margin-top:1rem;padding-top:.7rem;gap:.4rem}.human-dimension-facts span,.project-rules span{min-height:0;padding:.65rem .7rem;grid-template-columns:6.5rem 1fr;align-items:baseline}.human-dimension-facts small,.project-rules small{font-size:.69rem}.human-dimension-facts b,.project-rules b{font-size:.78rem}
  .human-constitution-strip{grid-template-columns:34px 1fr;padding:.9rem}.human-constitution-strip button{grid-column:1/-1;width:100%}.human-constitution-strip p{font-size:.86rem}
  .project-stewardship-grid{grid-template-columns:1fr;gap:.55rem}.project-stewardship-grid article{min-height:0;padding:.9rem;grid-template-columns:34px 1fr}.project-stewardship-grid small{font-size:.69rem}.project-stewardship-grid b{font-size:.78rem}.project-stewardship-grid p{font-size:.84rem}

  .proof-cases{grid-template-columns:1fr 1fr;gap:.42rem}.proof-cases button{min-height:76px;padding:.58rem .62rem}.proof-cases button>span{font-size:1.05rem}.proof-cases button b{font-size:.7rem}.proof-cases button small{font-size:.6875rem}.proof-cases button:last-child{grid-column:1/-1}
  .proof-readout{padding:1rem;min-height:0}.proof-readout header{display:grid}.proof-readout header em{justify-self:start;margin-top:.3rem}.proof-flow{grid-template-columns:1fr;gap:.28rem;margin:.85rem 0}.proof-flow i{width:1px;height:14px;justify-self:center;background:linear-gradient(180deg,rgba(92,220,255,.12),rgba(92,220,255,.5))}.proof-flow i::after{right:-2px;top:auto;bottom:-1px;transform:rotate(135deg)}.proof-flow span{min-height:42px}.proof-readout>p{font-size:.9rem}.proof-invariants{display:grid;grid-template-columns:1fr}.proof-invariants span{font-size:.72rem}.proof-failure-strip{grid-template-columns:32px 1fr;padding:.85rem}.proof-failure-strip b{font-size:.74rem}.proof-failure-strip p{font-size:.84rem}

  .evolution-continuity{grid-column:1!important;padding:.9rem}.evolution-continuity-head{display:grid}.evolution-continuity-head em{text-align:left;max-width:none}.evolution-continuity-head b{font-size:.78rem}.evolution-continuity-head small,.evolution-continuity-head em{font-size:.6875rem}
  .evolution-era-track{grid-template-columns:1fr 1fr;gap:.4rem}.evolution-era-track button{min-height:74px;padding:.58rem .62rem;grid-template-columns:26px 1fr}.evolution-era-track button:last-child{grid-column:1/-1}.evolution-era-track button b{font-size:.7rem}.evolution-era-track button small{font-size:.6875rem}.evolution-era-readout{min-height:0;padding:.75rem .8rem}.evolution-era-readout small{font-size:.6875rem}.evolution-era-readout b{font-size:.96rem}.evolution-era-readout p{font-size:.86rem}
  .origin-schematic{display:none!important}.origin-line{margin-top:.15rem!important}.origin-principle{margin-top:.2rem}

  /* Smartphone semantic floor. Machine labels can remain compact, but all
     controls and explanatory text must remain comfortably readable. */
  .scene button small,.scene article small,.scene .holo-card small,.origin-band button small,.origin-band .evolution-era-readout small,
  .scene button em,.scene article em,.scene .holo-card em{line-height:1.35!important}
  .orbit-nav-3d .orbit-item span{}.orbit-nav-3d .orbit-item small{}.orbit-nav-hud span,.orbit-nav-hud b{}.orbit-nav-hud small{}
}
@media (max-width:760px){
  .orbit-core-copy small{}
  .constitution-lines small{line-height:1.35!important}
}
/* Pseudo-elements on Holo cards must not inherit the generic light-sweep fill. */
.human-dimension-readout::before{background:none!important;transform:none!important;transition:none!important;inset:auto!important;right:-12%!important;top:-34%!important}
.project-readout::after{background:none!important;opacity:1!important;transform:none!important;transition:none!important}

/* ============================================================
   1.3.2 FINAL / STABILIZATION + READABILITY CONTRACT
   ============================================================ */

/* Accessibility link must never become a persistent floating card after mouse/script focus. */
.skip-link:focus{top:-6rem}
.skip-link:focus-visible{top:1rem}

/* Every major scene is its own protected semantic plane. Decorative geometry may glow
   behind it, but it may not determine content geometry. */
.scene:not(.hero),.origin-band,.human-first-contract{isolation:isolate}
.scene:not(.hero)>.section-heading{z-index:8}
.scene:not(.hero) .holo-card,.scene:not(.hero) article,.scene:not(.hero) [role="group"]{min-width:0}

/* Desktop masterplan canvas: human-readable interfaces use the screen; prose remains bounded. */
@media (min-width:1450px){
  .scene:not(.hero){padding-left:max(46px,calc((100vw - 1640px)/2));padding-right:max(46px,calc((100vw - 1640px)/2))}
  .scene:not(.hero)>.section-heading.centered{max-width:980px}
  .scene:not(.hero)>.section-heading.centered p{max-width:760px}
  .telemetry-interface,.lifegrammar-stage,.life-pack-universe,.quest-stage,.world-stage,.affinity-stage,
  .network-section>.agent-network,.network-section>.agent-permission-lab,.network-section>.shared-agent-strip,
  .systems-stage,.trust-grid,.ecosystem-stage,.atlas-stage,.case-lab,.life-atlas-stage,.life-book-stage,
  .legacy-stage,.project-continuum-stage,.continuity-economy-stage,.civilization-atlas,.civilization-constellation,
  .platform-continuity,.proof-lab{width:min(1560px,calc(100vw - 92px));max-width:none;margin-left:auto;margin-right:auto}
}

/* Cards that communicate the same kind of thing share the same anatomy. */
.professional-card,.everyday-card,.shared-agent-strip article,.project-stewardship-grid article{
  align-content:start;
}
.professional-card>span,.everyday-card>span,.shared-agent-strip article>span,.project-stewardship-grid article>span{
  min-width:0;
}
.professional-card p,.everyday-card p,.shared-agent-strip p,.project-stewardship-grid p{
  overflow-wrap:anywhere;
}

/* Previously micro-sized semantic content. HUD can stay compact; information a human must
   understand cannot. */
.shopping-ledger-foot span{line-height:1.4!important}
.shopping-item-list em{}
.shopping-item-list>div{min-height:38px}
.shopping-item-list b{}
.atlas-preview-open small,.atlas-map-toggle small,.civilization-node-readout small,
.civilization-node-readout #civNodeAction,.civilization-readout em,
.evolution-continuity-head small,.evolution-continuity-head em,.origin-era small,
.proof-cases button small,.proof-readout header em{line-height:1.4!important}
.life-atlas-principle span{line-height:1.45!important}
.continuity-principles span{min-height:112px;padding:1rem 1.05rem!important}
.continuity-principles span>i{}
.continuity-principles b{line-height:1.35!important}
.continuity-principles small{line-height:1.45!important}

/* The mobile dock yields to reading. It returns when the person scrolls upward, reaches an
   edge, focuses it, or touches the bottom interaction zone. */
@media (max-width:1100px){
  .mobile-dock.is-auto-hidden{opacity:0!important;pointer-events:none!important;transform:translateX(-50%) translateY(calc(100% + 28px))!important}
  .mobile-dock:focus-within{opacity:1!important;pointer-events:auto!important}
}

@media (max-width:760px){
  html{scroll-padding-top:76px;scroll-padding-bottom:84px}
  body{font-size:16px}
  main{padding-bottom:76px}
  .scene:not(.hero){min-height:auto!important;padding-top:88px!important;padding-bottom:88px!important}
  .origin-band{padding-top:88px!important;padding-bottom:88px!important}
  .human-first-contract{padding-top:88px!important;padding-bottom:88px!important}

  /* Cinematic statements remain dramatic without swallowing the entire phone. */
  .scene:not(.hero) .section-heading h2,.final-content h2{
    
    line-height:.92!important;letter-spacing:-.05em!important;
    max-width:15ch;
  }
  .scene:not(.hero) .section-heading.centered h2{margin-left:auto;margin-right:auto}
  .scene:not(.hero) .section-heading p,.final-content p{
    line-height:1.66!important;color:#91adbd!important;
  }
  .section-heading.centered{margin-bottom:2rem!important}

  /* Semantic microtype floor for the high-risk dense worlds. */
  .network-section .shared-agent-strip small,.network-section .shared-agent-strip b,.network-section .shared-agent-strip p,
  .trust-section button,.trust-section small,.trust-section .history-sources span,.trust-section .trust-card b,
  .vault-section button,.vault-section small,.vault-section .privacy-findings span,.vault-section .trust-card b,
  .affinity-section button,.affinity-section small,
  .quest-section button,.quest-section small,.quest-section .verification-row span,
  .systems-section .system-tab,.ecosystem-section button,.ecosystem-section small,
  .civilization-category-bar button,.reserve-profiles button,.legacy-stage button,
  .life-atlas-principle span,.chronos-labels span,.preview-telemetry span{
    line-height:1.38!important;
  }
  .network-section .shared-agent-strip b,.vault-section .trust-card b,.trust-section .trust-card b{}
  .network-section .shared-agent-strip p{line-height:1.55!important}

  /* Dense button grids must read as controls, not merged text. */
  .pack-categories article>div,.human-dimensions,.project-thread,.evolution-era-track{gap:.5rem!important}
  .pack-categories button,.human-dimensions button,.project-thread button,.evolution-era-track button,
  .civilization-category-bar button,.reserve-profiles button{min-height:48px!important}

  /* The phone navigator no longer covers the current paragraph while reading. */
  .mobile-dock.is-auto-hidden{opacity:0!important;pointer-events:none!important;transform:translateY(calc(100% + 26px))!important}
  .mobile-dock:focus-within{opacity:1!important;pointer-events:auto!important;transform:none!important}

  /* Avoid exaggerated empty cinematic fields on phone. */
  .continuum-section,.telemetry-section,.lifegrammar-section,.network-section,.systems-section,
  .constellation-section,.trust-section,.ecosystem-section,.atlas-section,.usecases-section,
  .human-layer-section,.life-atlas-section,.life-book-section,.human-legacy-section,
  .project-continuum-section,.continuity-economy-section,.civilization-section,.proof-lab-section{min-height:auto!important}
}

@media (max-width:390px){
  .scene:not(.hero) .section-heading h2,.final-content h2{max-width:14ch}
  .scene:not(.hero) .section-heading p,.final-content p{}
}

/* 1.3.2 RELEASE GATE / FINAL SEMANTIC MICROTYPE FLOOR
   Anything the person is expected to interpret stays above the decorative HUD scale. */
.atlas-signal small{line-height:1.35!important}
.continuity-reserve>header em{line-height:1.25!important}
.shopping-ledger-head span,.shopping-ledger-head small,.shopping-ledger-total small{
  line-height:1.35!important;
}
.shopping-items-head span,.shopping-items-head b{line-height:1.35!important}
.shopping-route button b{line-height:1.3!important}
.shopping-route button small{line-height:1.35!important}
@media (max-width:760px){
  .orbit-core-copy b{line-height:1.2!important}
  .orbit-core-copy small{line-height:1.25!important}
  .shopping-ledger-head span,.shopping-ledger-head small,.shopping-ledger-total small,
  .shopping-items-head span,.shopping-items-head b,.shopping-route button b,.shopping-route button small{
    line-height:1.35!important;
  }
}
.telemetry-card header small{line-height:1.3!important}
@media (max-width:760px){
  .hero-continuum-definition b{line-height:1.25!important}
  .hero-continuum-definition small{line-height:1.25!important}
}
/* ORBIT navigation identity is semantic, not decorative telemetry. */
.orbit-nav-hud span,.orbit-nav-hud b,.orbit-nav-hud small{line-height:1.25!important}
.orbit-core-copy b,.orbit-core-copy small{line-height:1.2!important}

/* Chapter continuity is a cinematic transition, not a permanent overlay. */
@media (min-width:1680px){
  .chapter-signal{opacity:0!important;transform:translateY(10px)!important;visibility:hidden!important;transition:opacity .35s ease,transform .35s ease,visibility 0s linear .35s!important}
  .chapter-signal.is-visible{opacity:.82!important;transform:translateY(0)!important;visibility:visible!important;transition:opacity .35s ease,transform .35s ease,visibility 0s!important}
  .chapter-signal.is-visible.is-switching{opacity:.35!important;transform:translateY(5px)!important}
}

/* Atlas satellites are controls: reveal their family identity on intent. */
.atlas-satellite{cursor:pointer;transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease}
.atlas-satellite::after{
  content:attr(data-label);position:absolute;left:50%;top:calc(100% + 7px);transform:translate(-50%,-3px);
  padding:.28rem .38rem;border:1px solid rgba(99,218,255,.11);border-radius:6px;background:rgba(3,13,27,.94);
  color:#7eb7c8;font-size:.6875rem;line-height:1.2;letter-spacing:.08em;white-space:nowrap;opacity:0;pointer-events:none;
  transition:opacity .2s ease,transform .2s ease;box-shadow:0 8px 20px rgba(0,0,0,.25)
}
.atlas-satellite:hover,.atlas-satellite:focus-visible,.atlas-satellite.active{transform:scale(1.08);border-color:rgba(105,226,255,.34);background:rgba(11,43,61,.92);box-shadow:0 0 22px rgba(64,207,245,.08)}
.atlas-satellite:hover::after,.atlas-satellite:focus-visible::after,.atlas-satellite.active::after{opacity:1;transform:translate(-50%,0)}
@media(max-width:760px){.atlas-satellite::after{display:none}}
/* Short-height desktop: keep all 12 ORBIT worlds on their projected path with collision air. */
@media (min-width:1024px) and (max-height:820px){
  .orbit-nav-3d .orbit-item{width:124px!important;height:64px!important;padding:.46rem .5rem!important;grid-template-columns:26px 1fr!important}
  .orbit-nav-3d .orbit-item span{}
  .orbit-nav-3d .orbit-item small{}
}
@media (min-width:1024px) and (max-height:820px){
  .orbit-nav-3d .orbit-item{width:112px!important;height:60px!important;grid-template-columns:24px 1fr!important}
}

/* ============================================================
   GENESIS 1.3.3 / MASTERPLAN COMPLETENESS + ORIENTATION
   ============================================================ */

/* The chapter rail now reaches Origin and Humanity without making short laptops unusable. */
.section-rail{max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px);overflow:visible}
@media (min-width:1101px) and (max-height:820px){
  .section-rail{gap:1px!important;padding:8px 6px!important}
  .section-rail a{min-height:19px!important;}
}

/* Human primitives: explicit structures that remain projections of one person. */
.human-primitives{
  width:min(1460px,100%);margin:1rem auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;
}
.human-primitives button{
  min-height:164px;padding:1rem 1.05rem;border:1px solid rgba(100,214,255,.09);border-radius:15px;
  background:linear-gradient(145deg,rgba(5,18,34,.78),rgba(3,10,23,.86));color:inherit;text-align:left;cursor:pointer;
  display:grid;grid-template-columns:42px minmax(0,1fr);gap:.75rem;align-items:start;transition:.23s ease;
}
.human-primitives button:hover,.human-primitives button:focus-visible{transform:translateY(-2px);border-color:rgba(111,226,255,.26);box-shadow:0 16px 34px rgba(0,0,0,.2)}
.human-primitives button>i{font-size:1.55rem;color:#70d6ec;margin-top:.08rem}.human-primitives button>span{display:flex;flex-direction:column;gap:.22rem}
.human-primitives small{font-size:.6875rem;letter-spacing:.1em;color:#64879a}.human-primitives b{font-size:.8rem;line-height:1.35;letter-spacing:.04em;color:#c6e3ec}.human-primitives p{margin:.2rem 0 0;font-size:.83rem;line-height:1.58;color:#7797a7}

/* Sovereignty rights are explicit product controls, not buried privacy copy. */
.sovereignty-rights{width:min(1320px,94vw);margin:1rem auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;position:relative;z-index:2}
.sovereignty-rights>button{min-height:86px;padding:.72rem .78rem;border:1px solid rgba(95,210,255,.08);border-radius:12px;background:rgba(4,14,29,.7);color:inherit;display:grid;grid-template-columns:32px minmax(0,1fr);gap:.52rem;text-align:left;cursor:pointer;transition:.22s ease}
.sovereignty-rights>button:hover,.sovereignty-rights>button:focus-visible,.sovereignty-rights>button.active{border-color:rgba(97,224,255,.3);background:rgba(18,60,80,.42);box-shadow:0 0 22px rgba(57,206,241,.05)}
.sovereignty-rights>button>i{font-size:1.2rem;color:#6bd6ec}.sovereignty-rights>button span{display:grid;gap:.16rem}.sovereignty-rights>button small{font-size:.6875rem;letter-spacing:.09em;color:#65889b}.sovereignty-rights>button b{font-size:.74rem;line-height:1.3;color:#c2e2eb}
.sovereignty-rights-readout{grid-column:1/-1;min-height:96px;padding:1rem 1.1rem;display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.4fr);grid-template-areas:"k t" "k p";column-gap:1.2rem;align-items:center}
.sovereignty-rights-readout small{grid-area:k;font-size:.6875rem;letter-spacing:.11em;color:#63899a}.sovereignty-rights-readout b{grid-area:t;font-size:.9rem;line-height:1.4;color:#d5eef4}.sovereignty-rights-readout p{grid-area:p;margin:.2rem 0 0;font-size:.84rem;line-height:1.58;color:#7899a8}

/* Project stewardship can grow without creating another section. */
.project-stewardship-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.project-stewardship-grid article{min-height:220px}
@media (max-width:1320px) and (min-width:761px){.project-stewardship-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Five Preservation Tiers are a deliberate graceful-degradation ladder. */
.reserve-profiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.reserve-profiles button{padding:.4rem .45rem;min-width:0}
.legacy-runway{grid-column:1/-1;min-height:108px;padding:1rem 1.1rem;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:.85rem;align-items:center;border-color:rgba(99,222,193,.12)}
.legacy-runway>i{font-size:1.55rem;color:#6fdfbd}.legacy-runway>span{display:grid;gap:.2rem}.legacy-runway small{font-size:.6875rem;letter-spacing:.1em;color:#648c80}.legacy-runway b{font-size:.86rem;color:#cdebe1;line-height:1.35}.legacy-runway p{margin:.12rem 0 0;font-size:.84rem;line-height:1.55;color:#789b91}.legacy-runway em{font-style:normal;font-size:.6875rem;line-height:1.35;letter-spacing:.08em;color:#66887f;text-align:right;max-width:260px}

@media (max-width:760px){
  .human-primitives{grid-template-columns:1fr;gap:.55rem}.human-primitives button{min-height:0;padding:.9rem;grid-template-columns:34px 1fr}.human-primitives p{font-size:.85rem}
  .sovereignty-rights{width:min(100%,calc(100vw - 28px));grid-template-columns:1fr 1fr;gap:.5rem}.sovereignty-rights>button{min-height:82px;padding:.68rem;grid-template-columns:28px 1fr}.sovereignty-rights-readout{grid-template-columns:1fr;grid-template-areas:"k" "t" "p";gap:.22rem;padding:.9rem}.sovereignty-rights-readout p{font-size:.85rem}
  .project-stewardship-grid{grid-template-columns:1fr!important}.project-stewardship-grid article{min-height:0!important}
  .reserve-profiles{grid-template-columns:1fr 1fr!important}.reserve-profiles button:last-child{grid-column:1/-1}.legacy-runway{grid-template-columns:34px 1fr;gap:.62rem;padding:.9rem}.legacy-runway em{grid-column:1/-1;text-align:left;max-width:none}
}

/* ============================================================
   GENESIS 1.3.4 / LIVE DEFECT + INTERACTION POLISH
   Removes equal-height dead zones from explanatory cards and turns two
   passive demonstrations into explicit, source-like interactive consoles.
   ============================================================ */

/* Cards should not stretch simply because the neighboring instrument is taller. */
@media (min-width:1181px){
  .life-pack-universe,.pack-foundry{align-items:start}
  .life-pack-intro,.pack-foundry-copy{min-height:0!important;align-self:start;height:auto}
  .life-pack-intro .pack-spotlight{margin-top:1rem!important}
}

/* Scenario cards keep aligned rows without carrying ~70px of unused panel floor. */
@media (min-width:981px){
  .professional-card,.everyday-card{min-height:176px!important}
}

/* QUEST / ROUTE CONSOLE ---------------------------------------------------- */
.quest-route-copy{justify-content:flex-start}
.quest-route-controls{margin-top:auto;padding-top:.72rem;display:grid;gap:.48rem;border-top:1px solid rgba(93,205,255,.075)}
.quest-route-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.42rem}
.quest-route-buttons button{min-height:42px;display:flex;align-items:center;justify-content:center;gap:.42rem;padding:.52rem .65rem;border:1px solid rgba(93,205,255,.12);border-radius:8px;background:linear-gradient(180deg,rgba(9,31,52,.72),rgba(3,13,28,.72));color:#7da8b9;font:700 11px/1.2 inherit;letter-spacing:.075em;cursor:pointer;transition:transform .2s ease,border-color .2s ease,color .2s ease,background .2s ease,box-shadow .2s ease}
.quest-route-buttons button i{font-size:1rem;color:#65d7f0}
.quest-route-buttons button:hover,.quest-route-buttons button:focus-visible{transform:translateY(-1px);color:#dff9ff;border-color:rgba(100,225,255,.32);background:linear-gradient(180deg,rgba(16,55,78,.78),rgba(4,18,34,.78));box-shadow:0 0 20px rgba(65,211,255,.07)}
.quest-route-buttons button.active{color:#e2fbff;border-color:rgba(103,229,255,.44);background:linear-gradient(180deg,rgba(24,78,102,.72),rgba(5,24,42,.82));box-shadow:inset 0 0 24px rgba(61,211,255,.055),0 0 24px rgba(61,211,255,.07)}
.quest-route-controls>small{line-height:1.35!important;letter-spacing:.075em;color:#5f879a}
/* Lifecycle controls. A control that cannot act says so instead of disappearing: the quest's
   state is readable from the buttons, not only from the status line. */
.quest-route-buttons button[aria-pressed="true"]{color:#78e6bd;border-color:rgba(101,228,188,.32);background:linear-gradient(180deg,rgba(24,86,72,.5),rgba(5,24,20,.78))}
.quest-route-buttons button[aria-pressed="true"] i{color:#78e6bd}
.quest-route-buttons button[disabled]{opacity:.42;cursor:not-allowed}
.quest-route-buttons button[disabled]:hover,.quest-route-buttons button[disabled]:focus-visible{transform:none;color:#7da8b9;border-color:rgba(93,205,255,.12);background:linear-gradient(180deg,rgba(9,31,52,.72),rgba(3,13,28,.72));box-shadow:none}
.quest-lifecycle-note{margin:.5rem 0 0;color:#5f879a;font-size:.6875rem;line-height:1.5}
/* Meaning markers. The person's own reading, rendered in the user-confirmed colour beside a
   record that does not change, and never aggregated into anything. */
.meaning-markers{margin-top:1.1rem;padding:1rem}
.meaning-markers header{display:flex;align-items:center;gap:.55rem;margin-bottom:.5rem}
.meaning-markers header i{font-size:1.3rem;color:#65e6bd}
.meaning-markers header span{display:grid;gap:.1rem}
.meaning-markers header small{color:var(--muted-2);font-size:.6875rem;letter-spacing:.12em}
.meaning-markers header b{color:#d9f4ff;font-size:.8rem}
.meaning-note{margin:.25rem 0 .5rem;color:#5f879a;font-size:.6875rem;line-height:1.55}
.meaning-row{border:1px solid rgba(94,203,255,.08);border-radius:10px;background:rgba(3,12,27,.42);margin-bottom:.4rem}
.meaning-head{width:100%;display:flex;align-items:center;gap:.6rem;padding:.55rem .6rem;border:0;border-radius:10px;background:none;color:inherit;font:inherit;cursor:pointer;text-align:left}
.meaning-head span{display:grid;gap:.1rem;min-width:0}
.meaning-head b{color:#c7e5f0;font-size:.6875rem}
.meaning-head small{color:var(--muted-2);font-size:.6875rem}
.meaning-head em{margin-left:auto;flex:none;font-style:normal;color:var(--muted-2);font-size:.6875rem;letter-spacing:.06em;text-align:right}
.meaning-head em.is-marked{color:#5cbd9c}
.meaning-head:hover b,.meaning-head:focus-visible b{color:#eefcff}
.meaning-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.35rem;padding:0 .6rem .6rem}
.meaning-choices[hidden]{display:none}
.meaning-choices button{display:flex;align-items:center;gap:.4rem;min-height:var(--rmd-action-h);padding:.42rem .55rem;border:1px solid rgba(99,214,255,.13);border-radius:8px;background:rgba(10,31,51,.5);color:#79d9ed;font:inherit;font-size:.6875rem;letter-spacing:.05em;cursor:pointer;text-align:left;white-space:normal}
.meaning-choices button>i{flex:none;font-size:1rem}
.meaning-choices button:hover,.meaning-choices button:focus-visible{color:#eefcff;border-color:rgba(111,226,255,.34)}
.meaning-choices button[aria-pressed="true"]{color:#78e6bd;border-color:rgba(101,228,188,.32);background:rgba(36,126,104,.11)}
.meaning-log{margin-top:.6rem;padding:.55rem;border:1px solid rgba(93,205,255,.10);border-radius:10px;background:rgba(3,12,27,.42)}
.meaning-log .ci-sources-head{margin-bottom:.4rem}
@media(max-width:620px){.meaning-choices{grid-template-columns:1fr 1fr}}
/* Device trust. A compromised device must not look like a device that still holds authority. */
.device-trust-controls{margin-top:.6rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.device-trust-controls button{min-height:var(--rmd-action-h);display:inline-flex;align-items:center;gap:.42rem;padding:.46rem .64rem;border:1px solid rgba(99,214,255,.13);border-radius:9px;background:rgba(10,31,51,.5);color:#79d9ed;font:inherit;font-size:.6875rem;letter-spacing:.06em;cursor:pointer;white-space:normal;text-align:left}
.device-trust-controls button:hover,.device-trust-controls button:focus-visible{color:#eefcff;border-color:rgba(111,226,255,.34)}
.device-trust-controls button[aria-pressed="true"]{color:var(--gold);border-color:rgba(255,215,130,.34);background:rgba(74,58,20,.24)}
.device-trust-controls button[hidden]{display:none}
.device-trust-controls>small{color:var(--muted-2);font-size:.6875rem;line-height:1.4}
.device-guest-note{margin:.5rem 0 0;color:var(--gold);font-size:.6875rem;line-height:1.5}
.device-guest-note[hidden]{display:none}
.device-trust[data-device-state="compromised"] .device-capability-matrix b,
.device-trust[data-device-state="lost"] .device-capability-matrix b{color:var(--gold)}
.device-trust[data-device-state="compromised"] #deviceTrustState,
.device-trust[data-device-state="lost"] #deviceTrustState{color:var(--gold)}
.device-log{margin-top:.6rem;padding:.55rem;border:1px solid rgba(93,205,255,.10);border-radius:10px;background:rgba(3,12,27,.42)}
.device-log .ci-sources-head{margin-bottom:.4rem}
/* Signal controls. A paused rule may not look like a rule that is still evaluating. */
/* Three controls where there was one: the buttons share a row that wraps, and the status keeps a
   line of its own instead of being squeezed beside them. */
.signal-simulator{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;align-items:stretch!important}
.signal-simulator>small{grid-column:1/-1}
.signal-simulator button{white-space:normal;line-height:1.25;padding:.5rem .55rem!important;text-align:center}
.signal-simulator button>span{white-space:normal;min-width:0;overflow-wrap:anywhere}
.signal-simulator button>i{flex:none}
.signal-simulator button[aria-pressed="true"]{color:#78e6bd;border-color:rgba(101,228,188,.32)}
.signal-simulator button[disabled]{opacity:.42;cursor:not-allowed}
.signal-console[data-signal-state="paused"] .signal-sequence{opacity:.5}
.signal-console[data-signal-state="paused"] .signal-permission-path{opacity:.62}
.signal-pause-note{margin:.45rem 0 0;color:#5f879a;font-size:.6875rem;line-height:1.5}
.signal-log{margin-top:.55rem;padding:.6rem;border:1px solid rgba(93,205,255,.10);border-radius:10px;background:rgba(3,12,27,.42)}
.signal-log[hidden]{display:none}
.signal-log>small{display:block;margin-top:.45rem;color:#5f879a;font-size:.6875rem;line-height:1.5}
.signal-log .ci-sources-head{margin-bottom:.45rem}
.signal-log-row[data-log-kind="state"] i{color:#a386ff}
.signal-log-packet{display:block;margin-top:.15rem;color:#79aabd;letter-spacing:.06em}
/* The verification requirement is a stated fact or a stated absence, never a quiet default. */
.quest-route-stats .quest-verification{grid-column:1/-1}
#questVerification.is-miss{color:var(--gold)}
.quest-ladder-panel{margin-top:.55rem;padding:.6rem;border:1px solid rgba(93,205,255,.10);border-radius:10px;background:rgba(3,12,27,.42)}
.quest-ladder-panel[hidden]{display:none}
.quest-ladder-panel>small{display:block;margin-top:.45rem;color:#5f879a;font-size:.6875rem;line-height:1.5}
.quest-ladder-panel .ci-sources-head{margin-bottom:.45rem}
.quest-route-lab[data-quest-state="abandoned"] .quest-route-map,
.quest-route-lab[data-quest-state="offered"] .quest-route-map{opacity:.62}
.quest-route-lab[data-quest-state="paused"] .quest-checkpoint.active{border-color:rgba(255,215,130,.38);color:#ffd782}
.quest-route-lab[data-quest-state="paused"] .quest-checkpoint.active i{color:#ffd782}
.quest-route-lab.is-running .quest-route-energy{stroke:#a0f1ff;stroke-width:2.2;filter:drop-shadow(0 0 7px rgba(102,230,255,.72));animation-duration:1.45s}
.quest-route-lab.is-running .quest-route-map{border-color:rgba(100,224,255,.22);box-shadow:inset 0 0 46px rgba(61,207,255,.035)}
.quest-route-lab.is-rerouted .quest-route-map{background:radial-gradient(circle at 38% 28%,rgba(96,114,255,.16),transparent 30%),radial-gradient(circle at 72% 68%,rgba(65,201,255,.08),transparent 32%),#040d1c}
.quest-route-lab.is-rerouted .quest-route-energy{stroke:#a99dff}
@keyframes questCheckpointPing{0%,100%{box-shadow:0 0 0 rgba(88,221,255,0)}50%{box-shadow:0 0 28px rgba(88,221,255,.2)}}
@media (prefers-reduced-motion:no-preference){.quest-route-lab.is-running .quest-checkpoint.active{animation:questCheckpointPing 1.05s ease-in-out infinite}}

/* SOVEREIGN / DOMAIN-SCOPED AGENT AUTHORITY ------------------------------- */
.autonomy-card{display:flex;flex-direction:column}
.authority-domain-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:1rem}
.authority-domain-grid button{min-width:0;min-height:82px;padding:.66rem .7rem;border:1px solid rgba(92,199,241,.09);border-radius:10px;background:linear-gradient(145deg,rgba(5,19,35,.72),rgba(3,11,24,.64));color:#6f91a2;text-align:left;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}
.authority-domain-grid button>span{display:flex;align-items:center;gap:.42rem;min-width:0}
.authority-domain-grid button i{font-size:1.05rem;color:#5fbdd6}
.authority-domain-grid button b{font-size:.69rem;line-height:1.3;letter-spacing:.075em;color:#a9cbd7}
.authority-domain-grid button em{display:block;margin:.42rem 0 .12rem;font-style:normal;font-size:.6875rem;line-height:1.2;letter-spacing:.09em;color:#75d9ee}
.authority-domain-grid button small{display:block;line-height:1.35!important;color:var(--muted-2)!important;letter-spacing:.02em!important}
.authority-domain-grid button:hover,.authority-domain-grid button:focus-visible{transform:translateY(-1px);border-color:rgba(101,221,255,.25);background:linear-gradient(145deg,rgba(11,40,58,.78),rgba(4,16,31,.72));box-shadow:0 0 22px rgba(65,208,249,.055)}
.authority-domain-grid button.active{border-color:rgba(102,226,255,.34);background:linear-gradient(145deg,rgba(15,52,70,.82),rgba(4,18,33,.78));box-shadow:inset 0 0 26px rgba(72,214,255,.04),0 0 24px rgba(62,203,246,.05)}
.authority-domain-grid button.active i,.authority-domain-grid button.active b{color:#d5f4fb}
.authority-domain-readout{margin-top:auto;padding-top:.85rem;display:grid;grid-template-columns:34px minmax(0,1fr);gap:.68rem;align-items:start;border-top:1px solid rgba(92,201,241,.08)}
.authority-domain-readout>i{font-size:1.25rem;color:#6fdcf3;margin-top:.08rem;filter:drop-shadow(0 0 8px rgba(72,214,255,.15))}
.authority-domain-readout>span{display:grid;gap:.22rem}
.authority-domain-readout small{line-height:1.35!important;letter-spacing:.09em;color:var(--muted-2)!important}
.authority-domain-readout b{font-size:.76rem;line-height:1.52;color:#abcdd9;font-weight:550}

/* Pointer-triggered feedback only; no permanent renderer or animation loop. */
.ui-activation-pulse{position:absolute;left:var(--pulse-x,50%);top:var(--pulse-y,50%);width:14px;height:14px;border-radius:50%;pointer-events:none;z-index:20;background:rgba(131,235,255,.19);border:1px solid rgba(145,239,255,.42);box-shadow:0 0 20px rgba(74,217,255,.28);transform:translate(-50%,-50%) scale(.3);animation:rmdUiActivation .56s cubic-bezier(.2,.72,.25,1) forwards}
@keyframes rmdUiActivation{0%{opacity:.95;transform:translate(-50%,-50%) scale(.3)}70%{opacity:.28}100%{opacity:0;transform:translate(-50%,-50%) scale(13)}}
@media (prefers-reduced-motion:reduce){.ui-activation-pulse{display:none!important}.quest-route-lab.is-running .quest-checkpoint.active{animation:none!important}}

@media (max-width:760px){
  .quest-route-copy{padding:.72rem .2rem!important}
  .quest-route-controls{margin-top:.72rem}
  .quest-route-buttons button{min-height:44px;font-size:.70rem}
  .authority-domain-grid{grid-template-columns:1fr 1fr;gap:.42rem}
  .authority-domain-grid button{min-height:88px;padding:.62rem}
  .authority-domain-readout{margin-top:.85rem}
}
@media (max-width:390px){
  .authority-domain-grid{grid-template-columns:1fr}
  .authority-domain-grid button{min-height:72px}
}

/* 1.3.4 / SIGNAL TEST — explicit interaction uses the otherwise empty console floor. */
.signal-simulator{margin-top:auto;padding:.72rem .8rem 0;display:grid;grid-template-columns:minmax(150px,.55fr) minmax(0,1fr);gap:.65rem;align-items:center;border-top:1px solid rgba(92,201,241,.075)}
.signal-console{display:flex;flex-direction:column}
.signal-simulator button{min-height:42px;display:flex;align-items:center;justify-content:center;gap:.42rem;border:1px solid rgba(93,205,255,.14);border-radius:8px;background:linear-gradient(180deg,rgba(9,31,52,.72),rgba(3,13,28,.72));color:#7da8b9;font:700 11px/1.2 inherit;letter-spacing:.075em;cursor:pointer;transition:.2s ease}
.signal-simulator button i{font-size:1rem;color:#65d7f0}.signal-simulator button:hover,.signal-simulator button:focus-visible,.signal-simulator button.active{color:#e2fbff;border-color:rgba(103,229,255,.4);background:rgba(18,61,84,.7);box-shadow:0 0 22px rgba(61,211,255,.07)}
.signal-simulator>small{line-height:1.4!important;letter-spacing:.065em;color:var(--muted-2)}
.signal-console.is-testing .signal-step.active{box-shadow:0 0 30px rgba(56,208,255,.1),inset 0 0 24px rgba(56,208,255,.025)}
@media(max-width:760px){.signal-simulator{grid-template-columns:1fr;padding:.72rem 0 0;margin-top:.8rem}.signal-simulator button{min-height:44px}}
/* Was nowrap, from when this row held a single short label. It now holds four, and the longest
   ("Arm this signal again") overflowed its button by 49px at both widths. */
.signal-simulator button span{white-space:normal}

/* ============================================================
   GENESIS 1.3.5 / LIVE UX REVIEW — GUIDANCE + MOBILE CHROME
   ============================================================ */

/* The first phone viewport is the product reveal, not a navigation dashboard.
   Topbar ORBIT remains available; the quick dock appears after the person has
   started travelling through the Continuum or explicitly asks for it. */
@media (max-width:1100px){
  .mobile-dock.is-hero-hidden{
    opacity:0!important;pointer-events:none!important;
    transform:translateX(-50%) translateY(calc(100% + 28px))!important;
  }
}
@media (max-width:760px){
  .mobile-dock.is-hero-hidden{transform:translateY(calc(100% + 26px))!important}
}

/* Restore the desktop readability floor for explanatory controls that are meant
   to teach, not merely decorate. */
.why-toggle>small,.evolution-era-track button small{line-height:1.35!important}
@media (max-width:760px){
  #lifeEventMeta,#lifeQuest,.lifegrammar-rule p{line-height:1.42!important}
}

/* One-time interaction guidance. This is deliberately finite: a chapter may
   briefly illuminate one useful demo control, then it gets out of the way. */
.demo-guided-cue{
  position:relative;z-index:3!important;
  border-color:rgba(112,230,255,.42)!important;
  color:#e5fbff!important;
  box-shadow:0 0 0 1px rgba(102,220,255,.06),0 0 26px rgba(67,208,248,.12),inset 0 0 20px rgba(61,202,241,.035)!important;
  animation:rmdGuidedCue 1.85s cubic-bezier(.22,.7,.25,1) both!important;
}
.demo-guided-cue i{filter:drop-shadow(0 0 7px rgba(105,229,255,.36))}
@keyframes rmdGuidedCue{
  0%{box-shadow:0 0 0 0 rgba(96,224,255,.24),0 0 8px rgba(67,208,248,.04),inset 0 0 10px rgba(61,202,241,.02)}
  42%{box-shadow:0 0 0 6px rgba(96,224,255,.025),0 0 31px rgba(67,208,248,.16),inset 0 0 24px rgba(61,202,241,.045)}
  100%{box-shadow:0 0 0 0 rgba(96,224,255,0),0 0 12px rgba(67,208,248,.04),inset 0 0 12px rgba(61,202,241,.015)}
}
@media (prefers-reduced-motion:reduce){.demo-guided-cue{animation:none!important}}

/* Deliberate interaction feels physical on touch without changing layout. */
@media (pointer:coarse){
  .memory-beacon:active,.echo-preset:active,.quest-route-buttons button:active,
  .signal-simulator button:active,.audience-tab:active,.life-tab:active,.pack-categories button:active{
    filter:brightness(1.16);transition-duration:.06s!important;
  }
}

/* ============================================================
   GENESIS 1.3.6 / CONTINUITY TRANSFERS — ONE OPERATING ENVIRONMENT
   Rare event-driven choreography connects existing product worlds.
   No additional permanent canvas or requestAnimationFrame renderer.
   ============================================================ */

/* A transient Continuum bus shows context moving between systems. */
.continuity-transfer{
  position:fixed;z-index:92;left:50%;top:82px;width:min(690px,calc(100vw - 40px));
  padding:.72rem .82rem .66rem;border:1px solid rgba(var(--scene-a),.18);border-radius:14px;
  background:linear-gradient(180deg,rgba(3,13,28,.94),rgba(2,8,19,.91));
  box-shadow:0 18px 54px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.025),0 0 36px rgba(var(--scene-a),.055);
  backdrop-filter:blur(18px) saturate(135%);pointer-events:none;
  opacity:0;visibility:hidden;transform:translate(-50%,-16px) scale(.985);
  transition:opacity .28s ease,transform .42s cubic-bezier(.2,.78,.2,1),visibility 0s linear .42s,border-color .45s ease;
}
.continuity-transfer.is-active{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1);transition:opacity .24s ease,transform .42s cubic-bezier(.2,.78,.2,1),visibility 0s}
.continuity-transfer.is-complete{border-color:rgba(118,235,208,.28);box-shadow:0 18px 54px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.03),0 0 42px rgba(86,226,194,.075)}
.continuity-transfer-head{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:.58rem}
.continuity-transfer-head span{color:rgb(var(--scene-a));font-size:.6875rem;letter-spacing:.13em}
.continuity-transfer-head b{color:#7d9daf;font-size:.6875rem;letter-spacing:.08em;font-weight:650;text-align:right}
.continuity-transfer-track{display:flex;align-items:center;gap:.32rem;min-width:0}
.ct-node{flex:1 1 0;min-width:0;min-height:50px;display:flex;align-items:center;justify-content:center;gap:.42rem;padding:.42rem .46rem;border:1px solid rgba(96,205,245,.075);border-radius:9px;background:rgba(5,18,34,.58);color:#55788b;transition:border-color .3s ease,color .3s ease,background .3s ease,box-shadow .3s ease,transform .3s ease}
.ct-node>i{font-size:1.05rem;color:#527d91;transition:color .3s ease,filter .3s ease}
.ct-node>b{font-size:.6875rem;letter-spacing:.075em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ct-node.active{color:#e1faff;border-color:rgba(var(--scene-a),.42);background:rgba(var(--scene-a),.075);box-shadow:0 0 24px rgba(var(--scene-a),.09);transform:translateY(-1px)}
.ct-node.active>i{color:rgb(var(--scene-a));filter:drop-shadow(0 0 7px rgba(var(--scene-a),.4))}
.ct-node.done{color:#8fd6c1;border-color:rgba(100,229,194,.18);background:rgba(49,163,133,.055)}
.ct-node.done>i{color:#72d9b7}
.ct-link{flex:0 0 26px;height:1px;background:linear-gradient(90deg,rgba(88,177,210,.08),rgba(90,214,249,.18),rgba(88,177,210,.08));position:relative;overflow:visible;transition:background .3s ease,box-shadow .3s ease}
.ct-link::after{content:"";position:absolute;right:-1px;top:-2px;width:5px;height:5px;border-radius:50%;background:#557d91;opacity:.36;transition:background .3s ease,box-shadow .3s ease,opacity .3s ease}
.ct-link.done{background:linear-gradient(90deg,rgba(92,218,184,.18),rgba(93,233,199,.54));box-shadow:0 0 9px rgba(93,233,199,.14)}
.ct-link.done::after{background:#81ecc7;opacity:1;box-shadow:0 0 9px rgba(104,236,201,.55)}
.continuity-transfer>small{display:block;margin-top:.5rem;color:var(--muted);font-size:.6875rem;letter-spacing:.09em;text-align:center}
body.continuity-transfer-active .cinematic-field{filter:saturate(1.08) brightness(1.025)}
@media(prefers-reduced-motion:no-preference){
  .ct-node.active{animation:continuityNodeWake .72s ease-in-out infinite alternate}
  .continuity-transfer.is-complete .ct-node.done>i{animation:continuityDone .55s ease-out both}
}
@keyframes continuityNodeWake{to{box-shadow:0 0 30px rgba(var(--scene-a),.15);transform:translateY(-2px)}}
@keyframes continuityDone{0%{transform:scale(.82)}55%{transform:scale(1.13)}100%{transform:scale(1)}}

/* MemoryVerse source portal: the selected moment becomes the visual anchor,
   then the exact source continues in ECHO instead of opening a disconnected modal. */
.memoryverse.portal-transfer{border-color:rgba(106,226,255,.28);box-shadow:inset 0 0 110px rgba(37,169,222,.075),0 40px 120px rgba(0,0,0,.35),0 0 74px rgba(58,201,255,.07)}
.memoryverse.portal-transfer::after{content:"";position:absolute;z-index:18;left:50%;top:50%;width:30vmin;height:30vmin;border:1px solid rgba(118,231,255,.38);border-radius:50%;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.18);box-shadow:0 0 46px rgba(74,214,255,.16),inset 0 0 38px rgba(77,207,255,.08)}
.memoryverse.portal-transfer .memory-beacon:not(.active){opacity:.12!important;filter:blur(1px)}
.memoryverse.portal-transfer .memory-beacon.active{z-index:19;transform:scale(1.18)!important;box-shadow:0 0 0 10px rgba(91,224,255,.035),0 0 42px rgba(76,217,255,.34)}
.memoryverse.portal-transfer .memory-preview{opacity:.56;transform:scale(.985);filter:saturate(.78)}
.memoryverse.portal-transfer .verse-grid{opacity:.15;transform:scale(1.04)}
@media(prefers-reduced-motion:no-preference){
  .memoryverse.portal-transfer::after{animation:memorySourcePortal 1.25s cubic-bezier(.18,.72,.18,1) both}
}
@keyframes memorySourcePortal{0%{opacity:0;transform:translate(-50%,-50%) scale(.12)}35%{opacity:.72}100%{opacity:0;transform:translate(-50%,-50%) scale(4.8)}}

/* ECHO visibly knows when its source context came from MemoryVerse. */
.echo-handoff{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin:-.25rem 0 .7rem;padding:.56rem .62rem;border:1px solid rgba(95,218,255,.12);border-radius:9px;background:linear-gradient(90deg,rgba(45,166,204,.07),rgba(58,81,172,.04));box-shadow:inset 0 1px rgba(255,255,255,.02)}
.echo-handoff[hidden]{display:none!important}
.echo-handoff>span{display:flex;align-items:center;gap:.5rem;min-width:0}.echo-handoff>span>i{font-size:1.08rem;color:#75e2fa;filter:drop-shadow(0 0 7px rgba(91,220,255,.22))}.echo-handoff>span>small{color:var(--muted-2);font-size:.6875rem;letter-spacing:.09em}.echo-handoff>span>b{color:#b9e9f4;font-size:.6875rem;letter-spacing:.045em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.echo-handoff button{flex:0 0 auto;min-height:32px;padding:.42rem .55rem;border:1px solid rgba(99,214,251,.11);border-radius:7px;background:rgba(5,20,37,.72);color:#75aec2;font:700 11px/1 inherit;letter-spacing:.06em;cursor:pointer;transition:.2s}
.echo-handoff button:hover,.echo-handoff button:focus-visible{color:#e3fbff;border-color:rgba(101,226,255,.32);background:rgba(16,54,72,.74)}
.echo-console.from-memoryverse{border-color:rgba(99,221,255,.18)!important;box-shadow:0 34px 100px rgba(0,0,0,.3),0 0 54px rgba(52,190,236,.055)}
@media(prefers-reduced-motion:no-preference){.echo-console.is-handoff-arrival{animation:echoHandoffArrival 1.15s cubic-bezier(.2,.72,.2,1) both}}
@keyframes echoHandoffArrival{0%{filter:brightness(.82);transform:translateY(8px)}38%{filter:brightness(1.12)}100%{filter:brightness(1);transform:translateY(0)}}

/* A finished quest writes back into the same Continuum and MemoryVerse. */
.event-quest{left:88%;opacity:0;visibility:hidden;pointer-events:none;transition:left .62s cubic-bezier(.2,.72,.2,1),opacity .5s ease,visibility 0s linear .5s}
body.quest-memory-committed .event-a{left:10%}
body.quest-memory-committed .event-b{left:29%}
body.quest-memory-committed .event-c{left:48%}
body.quest-memory-committed .event-d{left:67%}
body.quest-memory-committed .event-quest{left:86%;opacity:1;visibility:visible;pointer-events:auto;transition:left .62s cubic-bezier(.2,.72,.2,1),opacity .5s ease,visibility 0s}
body.quest-memory-committed .event-quest>button{border-color:rgba(113,231,197,.34);color:#78e4bd;box-shadow:0 0 0 7px rgba(76,211,173,.025),0 0 28px rgba(76,211,173,.12)}
.event-quest.is-new-event>button{border-color:rgba(133,247,216,.72)!important;box-shadow:0 0 0 12px rgba(81,229,188,.035),0 0 46px rgba(81,229,188,.32)!important}

.beacon-quest{right:7%;top:80%;opacity:0!important;visibility:hidden;pointer-events:none;transform:scale(.55)!important;border-color:rgba(113,231,197,.28)!important;color:#7be2bd!important;transition:opacity .45s ease,visibility 0s linear .45s,transform .58s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease!important}
.memoryverse.has-quest-memory .beacon-quest{opacity:1!important;visibility:visible;pointer-events:auto;transform:scale(1)!important;transition:opacity .45s ease,visibility 0s,transform .58s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease!important}
.memoryverse.has-quest-memory .beacon-quest.active{transform:scale(1.15)!important}
.beacon-quest.is-new-memory{box-shadow:0 0 0 10px rgba(87,231,190,.035),0 0 42px rgba(79,226,185,.32)!important}
@media(prefers-reduced-motion:no-preference){.beacon-quest.is-new-memory{animation:newQuestMemory 1.15s ease-in-out 2}}
@keyframes newQuestMemory{50%{box-shadow:0 0 0 17px rgba(87,231,190,.018),0 0 56px rgba(79,226,185,.42)}}

@media(max-width:760px){
  .continuity-transfer{top:68px;width:calc(100vw - 24px);padding:.58rem .58rem .54rem;border-radius:12px}
  .continuity-transfer-head{margin-bottom:.45rem}.continuity-transfer-head span{font-size:.6875rem}.continuity-transfer-head b{font-size:.6875rem}
  .continuity-transfer-track{gap:.18rem}.ct-node{min-height:44px;padding:.34rem .24rem;gap:.22rem;flex-direction:column}.ct-node>i{font-size:.92rem}.ct-node>b{font-size:.6875rem;letter-spacing:.045em}.ct-link{flex-basis:10px}.ct-link::after{width:4px;height:4px;top:-1.5px}.continuity-transfer>small{font-size:.6875rem;margin-top:.38rem}
  .echo-handoff{align-items:stretch;flex-direction:column}.echo-handoff>span{display:grid;grid-template-columns:auto 1fr;column-gap:.45rem}.echo-handoff>span>i{grid-row:1/3}.echo-handoff>span>b{white-space:normal}.echo-handoff button{width:100%;min-height:38px}
  .event-quest{display:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  body.quest-memory-committed .event-quest{display:grid!important}
  /* Same rule for a separated source: hidden nodes must leave the stack, not sit in it blank. */
  .event-separated{display:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  .event-separated[aria-hidden="false"]{display:grid!important}
  body.quest-memory-committed .event-a,body.quest-memory-committed .event-b,body.quest-memory-committed .event-c,body.quest-memory-committed .event-d{left:auto!important}
  .memoryverse.has-quest-memory{min-height:810px!important}
  .beacon-quest{right:6%!important;top:84%!important;width:58px!important;height:58px!important}
}
@media(max-width:390px){
  .continuity-transfer{width:calc(100vw - 16px)}
  .ct-node>b{font-size:.6875rem}.continuity-transfer-head b{max-width:44%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .beacon-quest{right:5%!important;top:84%!important}
}
@media(prefers-reduced-motion:reduce){
  .continuity-transfer,.ct-node,.ct-link,.memoryverse.portal-transfer::after,.echo-console.is-handoff-arrival,.event-quest,.beacon-quest{animation:none!important;transition-duration:.01ms!important}
}

/* Public sharing gets one explicit sovereignty transition: private original →
   consent boundary → rendered representation → public audience. */
@media(prefers-reduced-motion:no-preference){
  .audience-preview.public-render-arrival{animation:publicRenderArrival 1s cubic-bezier(.2,.72,.2,1) both}
}
@keyframes publicRenderArrival{0%{filter:brightness(.78) saturate(.72)}42%{filter:brightness(1.12) saturate(1.08);box-shadow:0 0 0 1px rgba(108,226,255,.16),0 0 46px rgba(74,208,248,.1)}100%{filter:brightness(1) saturate(1)}}
@media(prefers-reduced-motion:reduce){.audience-preview.public-render-arrival{animation:none!important}}

/* ============================================================
   GENESIS 1.3.7 / CHAPTER RHYTHM + PRECISION NAVIGATION
   Tighten vertical pacing and make deep links land on content,
   not on the empty padding that belongs to the previous scene.
   ============================================================ */

/* The long-form site should breathe, but consecutive chapters should not
   feel separated by two stacked blank gutters. Keep enough atmosphere for
   the scene boundary while letting the next idea arrive sooner. */
@media (min-width:761px){
  .scene:not(.hero):not(.horizon-section){
    padding-top:clamp(84px,6.6vw,104px);
    padding-bottom:clamp(58px,4.8vw,76px);
  }
  .system-overview{
    padding-top:clamp(88px,6.8vw,108px);
    padding-bottom:clamp(60px,5vw,80px);
  }
  .human-first-contract,.origin-band{
    padding-top:76px!important;
    padding-bottom:68px!important;
  }
}
@media (max-width:760px){
  .scene:not(.hero):not(.horizon-section){padding-top:74px!important;padding-bottom:68px!important}
  .human-first-contract,.origin-band{padding-top:74px!important;padding-bottom:68px!important}
}

/* Hash/router arrivals briefly identify the destination without a permanent
   pulse. This is intentionally subtle; the content itself remains primary. */
.scene.anchor-arrival>.section-heading,
.system-overview.anchor-arrival>.section-heading,
.human-first-contract.anchor-arrival>.section-heading,
.origin-band.anchor-arrival .origin-copy{
  position:relative;
}
.scene.anchor-arrival>.section-heading::after,
.system-overview.anchor-arrival>.section-heading::after,
.human-first-contract.anchor-arrival>.section-heading::after{
  content:"";position:absolute;left:0;top:-15px;width:min(190px,42vw);height:1px;
  background:linear-gradient(90deg,rgba(var(--scene-a),.72),transparent);
  box-shadow:0 0 16px rgba(var(--scene-a),.22);pointer-events:none;
}
@media (prefers-reduced-motion:no-preference){
  .scene.anchor-arrival>.section-heading::after,
  .system-overview.anchor-arrival>.section-heading::after,
  .human-first-contract.anchor-arrival>.section-heading::after{
    animation:rmdAnchorArrival .95s ease-out both;
  }
}
@keyframes rmdAnchorArrival{0%{opacity:0;transform:scaleX(.12);transform-origin:left}35%{opacity:1}100%{opacity:.35;transform:scaleX(1);transform-origin:left}}
@media (prefers-reduced-motion:reduce){
  .scene.anchor-arrival>.section-heading::after,
  .system-overview.anchor-arrival>.section-heading::after,
  .human-first-contract.anchor-arrival>.section-heading::after{animation:none!important}
}

/* STATIFY → QUEST continuity target. Rare arrival emphasis only. */
#quests .quest-card.handoff-target{
  border-color:rgba(113,229,255,.42)!important;
  box-shadow:0 0 0 7px rgba(73,210,255,.025),0 0 42px rgba(61,199,255,.14)!important;
}
@media(prefers-reduced-motion:no-preference){
  #quests .quest-card.handoff-target{animation:rmdHandoffTarget 1.25s cubic-bezier(.2,.72,.2,1) both}
}
@keyframes rmdHandoffTarget{0%{transform:translateY(5px);filter:brightness(.84)}36%{transform:translateY(-3px);filter:brightness(1.14)}100%{transform:translateY(0);filter:brightness(1)}}
@media(prefers-reduced-motion:reduce){#quests .quest-card.handoff-target{animation:none!important}}

/* ============================================================
   GENESIS 1.3.8 / SPATIAL INTERFACES + COMPACT CHAPTER RHYTHM
   Dense grids become navigable fields: selection creates local focus,
   context rails explain how a node connects to the Continuum, and the
   chapter boundary is tightened again without sacrificing readability.
   ============================================================ */

/* Final chapter rhythm: the 1.3.7 router targets readable anchors directly,
   so we can reduce atmospheric gutters further without harming deep links. */
@media (min-width:761px){
  .scene:not(.hero):not(.horizon-section){
    padding-top:clamp(72px,5vw,84px);
    padding-bottom:clamp(42px,3.4vw,54px);
  }
  .system-overview{padding-top:clamp(78px,5.4vw,90px);padding-bottom:clamp(46px,3.6vw,58px)}
  .human-first-contract,.origin-band{padding-top:68px!important;padding-bottom:52px!important}
}
@media (max-width:760px){
  .scene:not(.hero):not(.horizon-section){padding-top:64px!important;padding-bottom:52px!important}
  .human-first-contract,.origin-band{padding-top:64px!important;padding-bottom:52px!important}
}

/* Spatial focus field. No canvas or persistent renderer: the glow moves only
   when the user points, focuses or selects a semantic node. */
.spatial-field{position:relative;isolation:isolate;--spatial-x:50%;--spatial-y:50%}
.spatial-field::after{
  content:"";position:absolute;z-index:0;inset:-16px;border-radius:22px;pointer-events:none;
  background:radial-gradient(circle 210px at var(--spatial-x) var(--spatial-y),rgba(var(--scene-a),.075),rgba(var(--scene-a),.018) 38%,transparent 72%);
  opacity:0;transition:opacity .24s ease;
}
.spatial-field.has-spatial-focus::after{opacity:1}
.spatial-field>.spatial-node{position:relative;z-index:1;transition:translate .24s cubic-bezier(.2,.75,.2,1),opacity .22s ease,filter .22s ease,border-color .22s ease,box-shadow .22s ease}
.spatial-field>.spatial-node.spatial-node-active{translate:0 -3px;filter:brightness(1.055) saturate(1.05)}
@media (hover:hover) and (pointer:fine){
  .spatial-field.has-spatial-focus>.spatial-node:not(.spatial-node-active):not(.selected):not(.active){opacity:.78;filter:saturate(.84) brightness(.93)}
}
@media (prefers-reduced-motion:reduce){
  .spatial-field::after,.spatial-field>.spatial-node{transition:none!important}
  .spatial-field>.spatial-node.spatial-node-active{translate:0 0}
}

/* A trace rail is intentionally not another card. It links selected UI nodes
   through a thin, readable system path so chapters feel spatially connected. */
.spatial-trace-rail{
  position:relative;z-index:4;max-width:1320px;margin:.78rem auto 1.18rem;padding:.72rem .15rem;
  display:grid;grid-template-columns:minmax(220px,.78fr) minmax(360px,1.5fr) minmax(230px,.82fr);gap:1rem;align-items:center;
  border-top:1px solid rgba(var(--scene-a),.10);border-bottom:1px solid rgba(var(--scene-a),.075);
}
.trace-identity{display:grid;gap:.16rem;min-width:0}.trace-identity small{font-size:.6875rem;color:var(--muted-2);letter-spacing:.105em}.trace-identity b{font-size:.76rem;color:#cceaf3;letter-spacing:.035em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trace-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:.35rem;min-width:0}
.trace-flow span{min-height:34px;display:grid;place-items:center;padding:.3rem .42rem;border:1px solid rgba(var(--scene-a),.105);border-radius:7px;background:rgba(4,16,31,.5);color:#6b90a2;font-size:.6875rem;font-weight:720;letter-spacing:.055em;text-align:center;transition:.22s ease}
.trace-flow i{width:18px;height:1px;background:linear-gradient(90deg,rgba(var(--scene-a),.12),rgba(var(--scene-a),.42));box-shadow:0 0 9px rgba(var(--scene-a),.07)}
.spatial-trace-rail em{font-style:normal;color:var(--muted-2);font-size:.6875rem;line-height:1.45;letter-spacing:.06em;text-align:right}
.spatial-trace-rail.is-updating .trace-flow span{border-color:rgba(var(--scene-a),.28);color:#bcecf6;background:rgba(var(--scene-a),.055)}
@media(prefers-reduced-motion:no-preference){
  .spatial-trace-rail.is-updating .trace-flow span{animation:rmdTraceWake .54s ease-out both}
  .spatial-trace-rail.is-updating .trace-flow span:nth-of-type(2){animation-delay:.05s}.spatial-trace-rail.is-updating .trace-flow span:nth-of-type(3){animation-delay:.1s}.spatial-trace-rail.is-updating .trace-flow span:nth-of-type(4){animation-delay:.15s}
}
@keyframes rmdTraceWake{0%{transform:translateY(2px);filter:brightness(.8)}50%{filter:brightness(1.16)}100%{transform:translateY(0);filter:brightness(1)}}

/* Quest selection now communicates what kind of system path each quest uses. */
.quest-card[role="button"]:focus-visible{border-color:rgba(103,225,255,.42);box-shadow:0 0 0 2px rgba(91,216,255,.08),0 20px 58px rgba(0,0,0,.28),0 0 30px rgba(66,205,246,.09)}
.quest-card.selected{border-color:rgba(104,225,255,.27);box-shadow:0 20px 65px rgba(0,0,0,.27),0 0 32px rgba(58,200,244,.055)}

/* Affinity becomes a selectable privacy-safe environment instead of a passive
   list of synthetic profiles. */
.peer[role="button"]{cursor:pointer}
.peer[role="button"]:focus-visible,.peer.selected{border-color:rgba(101,224,255,.3);box-shadow:0 0 0 2px rgba(89,218,255,.055),0 18px 42px rgba(0,0,0,.23),0 0 26px rgba(63,199,239,.05)}
.public-render{transition:border-color .3s ease,box-shadow .3s ease,filter .3s ease}
.public-render.is-peer-transition{border-color:rgba(107,225,255,.26);box-shadow:0 26px 72px rgba(0,0,0,.3),0 0 40px rgba(66,206,247,.07)}
.public-render.peer-code .render-scene{background:linear-gradient(180deg,#071326 0%,#10294a 46%,#07101d 100%)}
.public-render.peer-code .render-scene::after{background:linear-gradient(90deg,transparent 0 18%,rgba(102,153,255,.08) 18.3% 18.7%,transparent 19% 37%,rgba(102,153,255,.06) 37.3% 37.7%,transparent 38%),radial-gradient(circle at 74% 27%,rgba(141,169,255,.2),transparent 20%)}
.public-render.peer-code .render-ridge{clip-path:polygon(0 72%,14% 72%,14% 48%,26% 48%,26% 62%,38% 62%,38% 33%,52% 33%,52% 67%,67% 67%,67% 41%,82% 41%,82% 58%,100% 58%,100% 100%,0 100%)}
.public-render.peer-code .render-figure{left:54%;bottom:28%;width:38px;height:24px;border-radius:4px;background:rgba(151,208,255,.75)}
.public-render.peer-photo .render-scene{background:linear-gradient(180deg,#08152a 0%,#1b3559 48%,#090f1c 100%)}
.public-render.peer-photo .render-sun{right:18%;top:17%;width:48px;height:48px;background:rgba(186,218,255,.78);box-shadow:0 0 42px rgba(121,182,255,.4)}
.public-render.peer-photo .render-ridge{clip-path:polygon(0 75%,16% 58%,28% 67%,42% 39%,58% 58%,74% 34%,100% 63%,100% 100%,0 100%)}
.public-render.peer-photo .render-figure{left:43%;bottom:24%;height:29px}

/* Foundry cards now drive a permission lens and the protocol beneath them. */
.foundry-card[role="button"]{cursor:pointer}
.foundry-card[role="button"]:focus-visible,.foundry-card.selected{border-color:rgba(103,225,255,.28);box-shadow:0 16px 40px rgba(0,0,0,.24),0 0 28px rgba(62,203,244,.05)}
.foundry-live-lens{margin-top:.7rem;padding:.65rem .72rem;border-left:2px solid rgba(105,225,255,.32);background:linear-gradient(90deg,rgba(8,33,49,.46),rgba(4,15,29,.24));display:grid;grid-template-columns:1fr 1fr;gap:.48rem .7rem}
.foundry-live-lens>span{display:grid;gap:.08rem;min-width:0}.foundry-live-lens small{font-size:.6875rem;color:var(--muted-2);letter-spacing:.09em}.foundry-live-lens b{font-size:.6875rem;line-height:1.4;color:#b9dbe5;letter-spacing:.025em}.foundry-live-lens>span:first-child{grid-column:1/-1}.foundry-live-lens>span:first-child b{color:#d9f5fb;font-size:.72rem}.foundry-live-lens em{grid-column:1/-1;font-style:normal;font-size:.6875rem;color:#5e99ad;letter-spacing:.065em;padding-top:.35rem;border-top:1px solid rgba(97,211,246,.08)}
.continuum-protocol>span{transition:border-color .2s ease,background .2s ease,filter .2s ease,translate .2s ease}
.continuum-protocol>span.protocol-active{filter:brightness(1.12);translate:0 -2px}.continuum-protocol>span.protocol-active b,.continuum-protocol>span.protocol-active>i{color:#c8f7ff}.continuum-protocol>span.protocol-done{filter:brightness(1.03)}

/* Preserve the spatial language for already-interactive card families without
   changing their click semantics. */
.professional-lenses.spatial-field,.everyday-lenses.spatial-field,.human-primitives.spatial-field,.proof-cases.spatial-field,.world-layout.spatial-field{overflow:visible}

@media(max-width:900px){
  .spatial-trace-rail{grid-template-columns:1fr;gap:.55rem;padding:.65rem .05rem}.spatial-trace-rail em{text-align:left}.trace-flow{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr}.trace-flow span{font-size:.6875rem;min-height:32px;padding:.25rem}.trace-flow i{width:11px}
  .foundry-live-lens{grid-template-columns:1fr}.foundry-live-lens>span:first-child,.foundry-live-lens em{grid-column:auto}
}
@media(max-width:560px){
  .spatial-trace-rail{margin:.62rem auto .95rem}.trace-flow{grid-template-columns:1fr 1fr;gap:.35rem}.trace-flow i{display:none}.trace-flow span{min-height:36px}
  .trace-identity b{white-space:normal}.foundry-live-lens{padding:.58rem .62rem}
}

/* Capability Atlas has its own legacy chapter padding rule. Keep it inside the
   same compact 1.3.8 rhythm so the long 100-capability chapter does not reopen
   a large dead boundary before Use Cases. */
@media (min-width:761px){
  .atlas-section{padding-bottom:clamp(42px,3.4vw,54px)!important}
}
@media (max-width:760px){
  .atlas-section{padding-bottom:52px!important}
}

/* ============================================================
   GENESIS 1.3.9 / CONNECTED SPATIAL SYSTEMS
   World contribution trace, agent bridge focus, constellation path,
   sovereignty policy path and Capability Atlas relationship field.
   Event-driven only: no new permanent render loop.
   ============================================================ */

/* WORLD / make the collective layer explain the privacy-preserving path. */
.world-context-trace{
  width:min(1180px,92vw);margin:.78rem auto 0;padding:.78rem .9rem;
  display:grid;grid-template-columns:minmax(250px,.85fr) minmax(0,1.35fr);gap:.85rem 1rem;align-items:center;
  border:1px solid rgba(96,211,255,.08);border-radius:14px;
  background:linear-gradient(100deg,rgba(3,12,26,.72),rgba(8,25,43,.58),rgba(3,12,26,.68));
  position:relative;overflow:hidden;
}
.world-context-trace::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(94,220,255,.025),transparent 66%)}
.world-trace-copy{display:grid;gap:.17rem;position:relative;z-index:1}.world-trace-copy small{font-size:.6875rem;letter-spacing:.11em;color:var(--muted-2)}.world-trace-copy b{font-size:.88rem;line-height:1.35;color:#c8e7ef}.world-trace-copy p{margin:.08rem 0 0;font-size:.76rem;line-height:1.55;color:#67899a}
.world-trace-flow{display:grid;grid-template-columns:1fr 18px 1fr 18px 1fr 18px 1fr;align-items:center;gap:.22rem;position:relative;z-index:1}
.world-trace-flow>span{min-height:52px;padding:.45rem .5rem;border:1px solid rgba(92,203,245,.07);border-radius:9px;background:rgba(4,14,28,.48);display:flex;align-items:center;gap:.38rem;color:#58798b;transition:.2s ease}
.world-trace-flow>span i{font-size:1rem;color:#5d91a5}.world-trace-flow>span b{font-size:.6875rem;line-height:1.25;letter-spacing:.06em}.world-trace-flow>i{text-align:center;color:var(--muted);font-size:.72rem}
.world-trace-flow>span.trace-active{border-color:rgba(101,224,255,.28);background:rgba(16,64,83,.32);color:#d4f5fb;box-shadow:0 0 26px rgba(72,205,244,.055)}
.world-trace-flow>span.trace-active i{color:#78e0f4}

/* AGENT NETWORK / graph and permission console now describe the same bridge. */
.agent-core[data-network-bridge]{cursor:pointer;transition:border-color .24s ease,box-shadow .24s ease,filter .24s ease,transform .24s ease}
.agent-core[data-network-bridge]:focus-visible{outline:1px solid rgba(118,231,255,.55);outline-offset:4px}
.agent-network[data-bridge="friend"] .node-friend,
.agent-network[data-bridge="family"] .node-family,
.agent-network[data-bridge="expert"] .node-expert{border-color:rgba(111,229,255,.46);box-shadow:0 0 54px rgba(55,196,242,.17),inset 0 0 24px rgba(55,196,242,.04);filter:brightness(1.14)}
.agent-network[data-bridge="friend"] .path-friend,
.agent-network[data-bridge="family"] .path-family,
.agent-network[data-bridge="expert"] .path-expert{stroke:rgba(116,232,255,.78);stroke-width:2.4;filter:drop-shadow(0 0 5px rgba(89,222,255,.42))}
.agent-network[data-bridge="friend"] [data-network-packet="friend"],
.agent-network[data-bridge="family"] [data-network-packet="family"],
.agent-network[data-bridge="expert"] [data-network-packet="expert"]{border-color:rgba(103,229,255,.4);color:#d9f7fc;background:rgba(11,45,62,.9);box-shadow:0 0 28px rgba(62,205,244,.14)}
.agent-network[data-bridge="quest"] .node-you{border-color:rgba(143,119,255,.42);box-shadow:0 0 58px rgba(117,88,255,.12)}
.agent-network[data-bridge="quest"] .network-path{stroke:rgba(133,112,255,.35)}
.agent-network[data-bridge="quest"] .consent-packet{border-color:rgba(137,113,255,.24)}
.consent-packet.is-active{border-color:rgba(104,227,255,.48);color:#d8f8ff;box-shadow:0 0 28px rgba(64,207,246,.18)}
.community-vote-status{grid-column:2;margin:-.55rem 0 0;color:#7f9fae;font-size:.6875rem;line-height:1.45;text-align:center}
@media(max-width:980px){.community-vote-status{grid-column:1;margin:-.35rem 0 .2rem}}
.agent-bridge-route{margin-top:.72rem!important;padding-top:.58rem;border-top:1px solid rgba(93,204,244,.07);display:grid!important;grid-template-columns:auto 14px auto 14px auto 14px minmax(110px,1fr);align-items:center;gap:.22rem!important}
.agent-bridge-route>span{padding:.32rem .42rem!important;border:1px solid rgba(91,197,245,.08)!important;border-radius:6px!important;background:rgba(3,13,26,.5)!important;color:var(--muted-2)!important;letter-spacing:.08em!important;font-weight:700!important;white-space:nowrap}
.agent-bridge-route>span.active,.agent-bridge-route>span.route-active{border-color:rgba(98,225,255,.26)!important;color:#d6f7fd!important;background:rgba(17,64,83,.34)!important}.agent-bridge-route>i{font-size:.6875rem;color:var(--muted);text-align:center}

/* MEMORY CONSTELLATION / selected chapter carries a visible path into zoom. */
.chapter-threadline{margin:.72rem 0 .15rem;display:grid;grid-template-columns:auto 14px auto 14px auto 14px minmax(90px,1fr);align-items:center;gap:.2rem}
.chapter-threadline>span{min-height:34px;padding:.35rem .42rem;border:1px solid rgba(101,211,250,.08);border-radius:7px;background:rgba(3,13,27,.48);display:flex;align-items:center;color:#66899a;font-size:.6875rem;font-weight:700;letter-spacing:.07em;white-space:nowrap}
.chapter-threadline>span:first-child,.chapter-threadline>span.thread-active{border-color:rgba(105,225,255,.26);background:rgba(17,64,83,.3);color:#cdf3fa}.chapter-threadline>i{text-align:center;color:var(--muted);font-size:.6875rem}
.constellation-inspector.is-comparing{border-color:rgba(131,111,255,.25);box-shadow:0 0 34px rgba(112,84,255,.055)}
.constellation-inspector.is-entering{border-color:rgba(100,224,255,.3);box-shadow:0 0 42px rgba(63,207,245,.07)}

/* SOVEREIGNTY / the constitutional right now propagates through the policy path. */
.sovereign-strip>span{transition:border-color .22s ease,background .22s ease,filter .22s ease,opacity .22s ease;border-radius:8px;padding:.28rem .34rem;border:1px solid transparent}
.sovereign-strip>span.policy-active{border-color:rgba(100,224,255,.22);background:rgba(16,59,80,.27);filter:brightness(1.12)}
.sovereign-strip>span.policy-muted{opacity:.56}
.sovereign-strip.policy-forget [data-sovereign-stage="bridge"] b{color:#d6c7ff}.sovereign-strip.policy-forget [data-sovereign-stage="portable"] b{color:#9fbbca}
.sovereign-strip.policy-disappear [data-sovereign-stage="bridge"]{opacity:.38}.sovereign-strip.policy-disappear [data-sovereign-stage="portable"]{opacity:.52}
.sovereign-strip.policy-leave [data-sovereign-stage="portable"]{border-color:rgba(116,230,193,.28);background:rgba(20,75,58,.24)}

/* CAPABILITY ATLAS / selected capability becomes a relationship graph, not a lone card. */
.atlas-link-field{width:min(1360px,94vw);margin:.58rem auto .3rem;padding:.68rem .78rem;border:1px solid rgba(99,210,249,.075);border-radius:13px;background:linear-gradient(90deg,rgba(3,12,25,.7),rgba(8,25,43,.58),rgba(3,12,25,.7));display:grid;grid-template-columns:minmax(145px,.62fr) 16px minmax(360px,1.55fr) 16px minmax(150px,.7fr);align-items:center;gap:.38rem;position:relative;overflow:hidden}
.atlas-link-field::before{content:"";position:absolute;left:12%;right:12%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(94,219,255,.09),transparent);pointer-events:none}
.atlas-link-source,.atlas-link-world{position:relative;z-index:1;display:grid;gap:.12rem;min-width:0}.atlas-link-source small,.atlas-link-world small{font-size:.6875rem;letter-spacing:.11em;color:var(--muted-2)}.atlas-link-source b,.atlas-link-world b{font-size:.74rem;line-height:1.3;color:#d0edf3}.atlas-link-source em{font-style:normal;font-size:.6875rem;letter-spacing:.08em;color:#6bbfd5}.atlas-link-field>i{position:relative;z-index:1;text-align:center;color:var(--muted);font-size:.6875rem}
.atlas-link-relations{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.34rem}.atlas-link-relations button{min-height:42px;padding:.35rem .42rem;border:1px solid rgba(96,208,248,.08);border-radius:7px;background:rgba(3,14,29,.56);color:#6b8c9c;font-size:.6875rem;line-height:1.2;letter-spacing:.06em;cursor:pointer;transition:.2s ease}.atlas-link-relations button:hover,.atlas-link-relations button:focus-visible{border-color:rgba(105,225,255,.28);color:#d9f7fd;background:rgba(16,61,81,.3)}
.atlas-link-world{text-decoration:none;padding:.35rem .45rem;border-radius:7px}.atlas-link-world:hover,.atlas-link-world:focus-visible{background:rgba(14,54,74,.26)}
.atlas-card.is-related:not(.is-selected){border-color:rgba(101,213,255,.17)!important;box-shadow:inset 0 0 22px rgba(62,198,237,.025)}
.atlas-card.is-related:not(.is-selected)::after{opacity:.6}

@media(max-width:900px){
  .world-context-trace{grid-template-columns:1fr}.world-trace-flow{grid-template-columns:1fr 14px 1fr 14px 1fr 14px 1fr}
  .agent-bridge-route{grid-template-columns:1fr 12px 1fr 12px 1fr 12px 1fr!important}
  .atlas-link-field{grid-template-columns:1fr;gap:.44rem}.atlas-link-field>i{transform:rotate(90deg)}.atlas-link-relations{grid-template-columns:1fr 1fr}.atlas-link-world{padding:.45rem 0}
}
@media(max-width:620px){
  .world-context-trace{width:calc(100vw - 28px);padding:.72rem}.world-trace-copy b{font-size:.86rem}.world-trace-copy p{font-size:.79rem}
  .world-trace-flow{grid-template-columns:1fr 1fr;gap:.38rem}.world-trace-flow>i{display:none}.world-trace-flow>span{min-height:48px}.world-trace-flow>span b{font-size:.6875rem}
  .agent-bridge-route{grid-template-columns:1fr 1fr!important;gap:.35rem!important}.agent-bridge-route>i{display:none}.agent-bridge-route>span{white-space:normal!important;min-height:38px;display:flex!important;align-items:center}
  .chapter-threadline{grid-template-columns:1fr 1fr;gap:.34rem}.chapter-threadline>i{display:none}.chapter-threadline>span{white-space:normal;min-height:38px;font-size:.6875rem}
  .atlas-link-field{width:calc(100vw - 28px);padding:.72rem}.atlas-link-relations{grid-template-columns:1fr 1fr}.atlas-link-relations button{font-size:.6875rem;min-height:44px}.atlas-link-source small,.atlas-link-world small{font-size:.6875rem}.atlas-link-source b,.atlas-link-world b{font-size:.8rem}
  .sovereign-strip>span{padding:.4rem .46rem}
}
@media(prefers-reduced-motion:reduce){
  .agent-core[data-network-bridge],.world-trace-flow>span,.sovereign-strip>span,.atlas-link-relations button{transition:none!important}
}

/* ============================================================
   GENESIS 1.4.0 / PERSISTENT CONTINUUM CONTEXT
   Shared page-session state makes adjacent chapters feel like one system.
   Finite class transitions only; no new permanent render loop.
   ============================================================ */

/* SIGNALS / minimum-disclosure path */
.signal-permission-path{margin:.7rem 0 .58rem;padding:.58rem .62rem;border:1px solid rgba(100,214,250,.075);border-radius:9px;background:rgba(3,13,27,.46);display:grid;grid-template-columns:1fr 14px 1fr 14px 1fr 14px 1fr;align-items:center;gap:.24rem}
.signal-permission-path>span{min-height:46px;padding:.38rem .44rem;border:1px solid rgba(95,205,244,.075);border-radius:7px;background:rgba(5,17,31,.48);display:grid;align-content:center;gap:.08rem;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}
.signal-permission-path>span small{font-size:.6875rem;letter-spacing:.1em;color:var(--muted)}.signal-permission-path>span b{font-size:.6875rem;line-height:1.25;letter-spacing:.05em;color:#8db8c8}.signal-permission-path>i{text-align:center;font-size:.6875rem;color:var(--muted)}
.signal-permission-path>span.context-active{border-color:rgba(106,226,255,.28);background:rgba(15,59,78,.31);box-shadow:0 0 24px rgba(65,203,242,.06)}.signal-permission-path>span.context-active b{color:#d7f7fc}

/* INTELLIGENCE FABRIC / selected engine can route into its actual product world. */
.system-operating-route{margin-top:.72rem;padding:.7rem .72rem;border:1px solid rgba(102,213,251,.08);border-radius:11px;background:linear-gradient(90deg,rgba(3,13,28,.6),rgba(8,27,45,.46),rgba(3,13,28,.58));display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1.45fr) auto;gap:.58rem .72rem;align-items:center}
.system-route-head{display:flex;flex-direction:column;gap:.09rem}.system-route-head small{font-size:.6875rem;letter-spacing:.1em;color:var(--muted-2)}.system-route-head b{font-size:.72rem;line-height:1.25;color:#c5e8f1}.system-route-head em{font-style:normal;margin-top:.16rem;font-size:.6875rem;letter-spacing:.08em;color:var(--muted)}
.system-route-flow{display:grid;grid-template-columns:1fr 12px 1fr 12px 1fr 12px 1fr;gap:.18rem;align-items:center}.system-route-flow>span{min-height:39px;padding:.3rem .36rem;border:1px solid rgba(95,205,245,.07);border-radius:7px;background:rgba(4,15,29,.52);display:grid;align-content:center;gap:.04rem;transition:.2s ease}.system-route-flow>span small{font-size:.6875rem;color:var(--muted);letter-spacing:.08em}.system-route-flow>span b{font-size:.6875rem;line-height:1.2;letter-spacing:.055em;color:#6f96a7}.system-route-flow>i{font-size:.6875rem;color:var(--muted);text-align:center}.system-route-flow>span.context-active{border-color:rgba(105,226,255,.3);background:rgba(15,60,80,.32);box-shadow:0 0 21px rgba(63,202,241,.055)}.system-route-flow>span.context-active b{color:#d7f7fc}
#systemRouteFollow{min-height:42px;padding:.48rem .6rem;border:1px solid rgba(103,218,253,.12);border-radius:8px;background:rgba(5,20,37,.72);color:#77aabd;font:700 11px/1.25 inherit;letter-spacing:.06em;display:flex;align-items:center;justify-content:center;gap:.36rem;cursor:pointer;transition:.2s ease;white-space:nowrap}#systemRouteFollow i{font-size:.9rem;color:#68c8df}#systemRouteFollow:hover,#systemRouteFollow:focus-visible{color:#e0f9fe;border-color:rgba(105,228,255,.32);background:rgba(15,54,73,.72);box-shadow:0 0 25px rgba(61,202,241,.055)}

/* DEVICE TRUST / authority matrix */
.device-capability-matrix{margin-top:.65rem;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.28rem}.device-capability-matrix>span{min-height:48px;padding:.33rem .28rem;border:1px solid rgba(98,204,244,.065);border-radius:7px;background:rgba(3,13,27,.46);display:grid;align-content:center;gap:.06rem;text-align:center}.device-capability-matrix small{font-size:.6875rem;letter-spacing:.08em;color:var(--muted)}.device-capability-matrix b{font-size:.6875rem;line-height:1.22;letter-spacing:.04em;color:#80a7b7}.device-capability-matrix[data-device="phone"]>span{border-color:rgba(88,207,244,.09)}.device-capability-matrix[data-device="revoked"]>span{border-color:rgba(225,99,121,.13);background:rgba(66,17,29,.25)}.device-capability-matrix[data-device="revoked"] b{color:#d4909c}.device-capability-matrix[data-device="camera"]>span:nth-child(n+4),.device-capability-matrix[data-device="guest"]>span:nth-child(n+4){opacity:.58}

/* TRUST / policy resolver combines state selected in earlier chapters. */
.authority-resolver{width:min(1180px,92vw);margin:.78rem auto 0;padding:.78rem .88rem;display:grid;grid-template-columns:minmax(250px,.78fr) minmax(0,1.7fr);gap:.7rem 1rem;align-items:center;position:relative;overflow:hidden}
.authority-resolver::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 12%,rgba(91,216,255,.025) 48%,transparent 76%)}.authority-resolver-copy{position:relative;z-index:1;display:grid;gap:.28rem}.authority-resolver-copy>span{display:flex;align-items:center;gap:.5rem}.authority-resolver-copy>span i{font-size:1.18rem;color:#70d8ef}.authority-resolver-copy>span small{display:block;font-size:.6875rem;letter-spacing:.1em;color:var(--muted-2)}.authority-resolver-copy>span b{display:block;font-size:.75rem;letter-spacing:.045em;color:#c8e9f1}.authority-resolver-copy p{margin:0;color:#66899a;font-size:.74rem;line-height:1.52}
.authority-resolver-flow{position:relative;z-index:1;display:grid;grid-template-columns:1fr 12px 1fr 12px 1fr 12px 1.25fr;gap:.22rem;align-items:center}.authority-resolver-flow>span{min-height:54px;padding:.4rem .44rem;border:1px solid rgba(95,205,244,.07);border-radius:8px;background:rgba(3,14,28,.52);display:grid;align-content:center;gap:.06rem}.authority-resolver-flow>span small{font-size:.6875rem;letter-spacing:.09em;color:var(--muted)}.authority-resolver-flow>span b{font-size:.6875rem;line-height:1.27;letter-spacing:.045em;color:#80a8b9}.authority-resolver-flow>i{text-align:center;font-size:.6875rem;color:var(--muted)}.authority-resolver-flow .resolver-outcome{border-color:rgba(105,226,255,.14);background:rgba(15,54,73,.35)}.authority-resolver-flow .resolver-outcome b{color:#c8edf5}.authority-resolver-note{grid-column:2;position:relative;z-index:1;color:var(--muted);font-size:.6875rem;letter-spacing:.08em;text-align:right}.authority-resolver[data-policy^="revoked"] .resolver-outcome{border-color:rgba(226,97,121,.2);background:rgba(66,17,29,.25)}.authority-resolver[data-policy^="revoked"] .resolver-outcome b{color:#e2a2ad}

/* LIFE ATLAS / selected lens becomes portable story context. */
.life-atlas-context{margin-top:.68rem;padding-top:.62rem;border-top:1px solid rgba(94,204,244,.07);display:grid;grid-template-columns:1fr 12px 1fr 12px 1fr 12px 1fr;gap:.2rem;align-items:center}.life-atlas-context>span{min-height:44px;padding:.34rem .4rem;border:1px solid rgba(95,205,244,.07);border-radius:7px;background:rgba(3,13,27,.45);display:grid;align-content:center;gap:.05rem;transition:.2s ease}.life-atlas-context>span small{font-size:.6875rem;letter-spacing:.09em;color:var(--muted)}.life-atlas-context>span b{font-size:.6875rem;line-height:1.24;letter-spacing:.05em;color:#7fa7b7}.life-atlas-context>i{text-align:center;color:var(--muted);font-size:.6875rem}.life-atlas-context>span.context-active{border-color:rgba(103,224,255,.27);background:rgba(15,58,78,.3);box-shadow:0 0 22px rgba(65,202,241,.05)}.life-atlas-context>span.context-active b{color:#d4f5fb}
.life-atlas-carry{width:100%;margin-top:.48rem;min-height:40px;border:1px solid rgba(99,213,250,.1);border-radius:8px;background:linear-gradient(90deg,rgba(5,20,36,.72),rgba(11,39,57,.56));color:#72a7ba;font:700 11px/1.25 inherit;letter-spacing:.07em;display:flex;align-items:center;justify-content:center;gap:.42rem;cursor:pointer;transition:.2s ease}.life-atlas-carry i{font-size:1rem;color:#65cce3}.life-atlas-carry:hover,.life-atlas-carry:focus-visible{color:#def9fd;border-color:rgba(105,226,255,.3);background:linear-gradient(90deg,rgba(10,35,51,.8),rgba(14,55,73,.65));box-shadow:0 0 28px rgba(60,201,240,.055)}
.life-book-section.is-context-arrival .life-book-console{border-color:rgba(104,226,255,.24);box-shadow:0 28px 90px rgba(0,0,0,.28),0 0 48px rgba(58,203,242,.065)}
@media(prefers-reduced-motion:no-preference){.life-book-section.is-context-arrival .life-book-console{animation:lifeBookContextArrival .95s cubic-bezier(.2,.72,.2,1) both}}@keyframes lifeBookContextArrival{0%{filter:brightness(.84);transform:translateY(8px)}42%{filter:brightness(1.1)}100%{filter:brightness(1);transform:translateY(0)}}

@media(max-width:900px){
  .system-operating-route{grid-template-columns:1fr}.system-route-flow{order:2}#systemRouteFollow{order:3;width:100%}
  .authority-resolver{grid-template-columns:1fr}.authority-resolver-note{grid-column:1;text-align:left}
}
@media(max-width:620px){
  .signal-permission-path,.system-route-flow,.authority-resolver-flow,.life-atlas-context{grid-template-columns:1fr 1fr;gap:.34rem}
  .signal-permission-path>i,.system-route-flow>i,.authority-resolver-flow>i,.life-atlas-context>i{display:none}
  .signal-permission-path>span,.authority-resolver-flow>span{min-height:50px}.system-route-flow>span,.life-atlas-context>span{min-height:42px}
  .device-capability-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}.device-capability-matrix>span:last-child{grid-column:1/-1}
  .authority-resolver{width:calc(100vw - 28px);padding:.72rem}.authority-resolver-copy p{font-size:.78rem}.authority-resolver-flow>span b{font-size:.6875rem}
  .system-route-head b{font-size:.78rem}.system-route-flow>span b{font-size:.6875rem}
}
@media(prefers-reduced-motion:reduce){
  .signal-permission-path>span,.system-route-flow>span,.device-capability-matrix>span,.authority-resolver-flow>span,.life-atlas-context>span,.life-atlas-carry,#systemRouteFollow{transition:none!important}
}
/* 1.4.0 micro-alignment: keep route kicker and active path on separate reading lines. */
.system-route-head>span{display:grid;gap:.06rem;min-width:0}.system-route-head>span small,.system-route-head>span b{display:block}


/* ============================================================
   GENESIS 1.4.1 / CONNECTOR → ATLAS → LIFE BOOK → LEGACY
   Finite context traces only; no continuous renderer.
   ============================================================ */
.connector-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.connector-actions .connector-revoke{margin-top:0}
.connector-trace,.life-book-to-legacy,.atlas-context-arrival button{border:1px solid rgba(107,220,255,.24);background:linear-gradient(135deg,rgba(13,31,51,.78),rgba(9,18,32,.92));color:#dff8ff;min-height:46px;padding:10px 14px;display:flex;align-items:center;justify-content:center;gap:9px;font:700 11px/1.2 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}
.connector-trace:hover,.connector-trace:focus-visible,.life-book-to-legacy:hover,.life-book-to-legacy:focus-visible,.atlas-context-arrival button:hover,.atlas-context-arrival button:focus-visible{border-color:rgba(117,230,255,.58);background:linear-gradient(135deg,rgba(19,49,76,.88),rgba(10,24,42,.96));box-shadow:0 0 28px rgba(53,193,255,.08);}
.connector-capability-path{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1.3fr) auto minmax(0,1fr);align-items:center;gap:8px;margin-top:14px;padding:10px;border:1px solid rgba(104,202,255,.12);background:rgba(4,12,23,.48)}
.connector-capability-path>span{min-width:0;padding:8px 9px;background:rgba(8,21,37,.62);border:1px solid rgba(115,210,255,.08)}
.connector-capability-path small,.atlas-context-arrival small,.life-book-legacy-preview small,.legacy-arrival-context small{display:block;color:rgba(148,180,204,.68);font:700 11px/1.2 var(--font-mono);letter-spacing:.16em;margin-bottom:4px}
.connector-capability-path b,.atlas-context-arrival b,.life-book-legacy-preview b,.legacy-arrival-context b{display:block;color:#dff8ff;font:700 11px/1.35 var(--font-mono);letter-spacing:.055em;overflow-wrap:anywhere}
.connector-capability-path>i,.life-book-legacy-preview>i,.legacy-arrival-context>i{color:rgba(94,210,255,.38);font-size:12px}
.connector-capability-path .context-active,.life-book-legacy-preview .context-active,.legacy-arrival-context .context-active{border-color:rgba(99,226,255,.62);box-shadow:0 0 24px rgba(61,208,255,.12);background:rgba(22,61,88,.62)}

.atlas-context-arrival{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1120px;margin:14px auto 12px;padding:11px 13px;border:1px solid rgba(103,215,255,.13);background:linear-gradient(90deg,rgba(7,20,34,.78),rgba(7,15,28,.54));transition:border-color .25s ease,box-shadow .25s ease}
.atlas-context-arrival>span{display:grid;grid-template-columns:auto auto 1fr;align-items:center;column-gap:9px;min-width:0}
.atlas-context-arrival>span>i{grid-row:1/3;color:#76ddff;font-size:18px}
.atlas-context-arrival small{grid-column:2/4;margin:0 0 2px}
.atlas-context-arrival b{grid-column:2;font-size:11px}
.atlas-context-arrival em{grid-column:3;color:rgba(168,202,222,.76);font:600 11px/1.35 var(--font-mono);letter-spacing:.06em;font-style:normal;overflow-wrap:anywhere}
.atlas-context-arrival button{min-height:36px;padding:7px 10px;flex:0 0 auto;font-size:11px;opacity:.46;pointer-events:none}
.atlas-context-arrival.has-context{border-color:rgba(94,220,255,.34);box-shadow:0 0 34px rgba(37,186,255,.06)}
.atlas-context-arrival.has-context button{opacity:1;pointer-events:auto}
.atlas-section.is-context-arrival .atlas-context-arrival{animation:rmdContextArrival .82s ease-out both}
@keyframes rmdContextArrival{0%{filter:brightness(1);transform:translateY(0)}28%{filter:brightness(1.45);transform:translateY(-2px)}100%{filter:brightness(1);transform:translateY(0)}}

.life-book-legacy-preview{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:7px;margin-top:13px;padding:10px;border-top:1px solid rgba(114,214,255,.12);border-bottom:1px solid rgba(114,214,255,.09);background:rgba(5,16,29,.46)}
.life-book-legacy-preview>span{min-width:0;padding:7px 8px}
.life-book-to-legacy{width:100%;justify-content:space-between;margin-top:10px}
.life-book-to-legacy>span{margin-right:auto}.life-book-to-legacy small{color:rgba(144,185,208,.72);font-size:11px;letter-spacing:.13em}
.legacy-arrival-context{display:grid;grid-template-columns:minmax(0,1.25fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:9px;max-width:1180px;margin:0 auto 18px;padding:11px 13px;border:1px solid rgba(105,216,255,.13);background:linear-gradient(90deg,rgba(8,23,38,.75),rgba(13,13,29,.62))}
.legacy-arrival-context>span{min-width:0;padding:7px 8px}
.legacy-arrival-context.is-live{border-color:rgba(115,227,255,.38);box-shadow:0 0 42px rgba(55,191,255,.06)}
.human-legacy-section.is-context-arrival .legacy-arrival-context{animation:rmdContextArrival .82s ease-out both}

@media(max-width:780px){
 .connector-actions{grid-template-columns:1fr}
 .connector-capability-path,.life-book-legacy-preview,.legacy-arrival-context{grid-template-columns:1fr;gap:5px}
 .connector-capability-path>i,.life-book-legacy-preview>i,.legacy-arrival-context>i{transform:rotate(90deg);justify-self:center}
 .connector-capability-path>span,.life-book-legacy-preview>span,.legacy-arrival-context>span{width:100%}
 .atlas-context-arrival{align-items:stretch;flex-direction:column;gap:9px}
 .atlas-context-arrival>span{grid-template-columns:auto 1fr;row-gap:2px}
 .atlas-context-arrival small,.atlas-context-arrival b,.atlas-context-arrival em{grid-column:2}
 .atlas-context-arrival button{width:100%}
 .life-book-to-legacy{min-height:50px}
}
@media(prefers-reduced-motion:reduce){.atlas-section.is-context-arrival .atlas-context-arrival,.human-legacy-section.is-context-arrival .legacy-arrival-context{animation:none}}

/* 1.4.1 visual QA: the connector inspector is intentionally narrow, so the
   four-stage permission path uses a 2×2 matrix instead of forcing long system
   names into four tiny horizontal columns. */
.connector-capability-path{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px}
.connector-capability-path>i{display:none}
.connector-capability-path>span{min-height:54px;display:flex;flex-direction:column;justify-content:center}
.connector-capability-path b{font-size:11px;line-height:1.3}
@media(max-width:780px){.connector-capability-path{grid-template-columns:1fr}.connector-capability-path>span{min-height:auto}.connector-capability-path>i{display:none}}

/* ============================================================
   GENESIS 1.4.2 / GOVERNED CONTINUATION
   HUMAN LEGACY → PROJECT CONTINUUM → CONTINUITY ECONOMY
   ============================================================ */
.legacy-project-bridge{margin-top:14px;border-top:1px solid rgba(111,222,255,.1);padding-top:12px;display:grid;gap:11px}
.legacy-project-flow,.project-arrival-context,.economy-arrival-context{display:grid;grid-template-columns:minmax(0,1.15fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1.1fr);align-items:center;gap:7px}
.legacy-project-flow>span,.project-arrival-context>span,.economy-arrival-context>span{min-width:0;padding:8px 9px;border:1px solid rgba(105,214,255,.08);background:rgba(4,15,27,.38)}
.legacy-project-flow>i,.project-arrival-context>i,.economy-arrival-context>i{font-size:11px;color:rgba(93,213,255,.34)}
.legacy-project-flow small,.project-arrival-context small,.economy-arrival-context small,.project-continuation-contract small,.economy-resilience small{display:block;color:rgba(143,179,202,.66);font:700 11px/1.2 var(--font-mono);letter-spacing:.15em;margin-bottom:4px}
.legacy-project-flow b,.project-arrival-context b,.economy-arrival-context b,.project-continuation-contract b,.economy-resilience b{display:block;color:#def7ff;font:700 11px/1.35 var(--font-mono);letter-spacing:.055em;overflow-wrap:anywhere}
.legacy-project-action,.project-contract-route,.economy-stress-action{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center}
.legacy-project-action p,.project-contract-route p,.economy-stress-action p{margin:0;color:#7f9dad;font-size:.83rem;line-height:1.55}
.legacy-project-action button,.project-contract-route button,.economy-stress-action button{border:1px solid rgba(105,221,255,.23);background:linear-gradient(135deg,rgba(13,35,54,.82),rgba(7,18,30,.94));color:#dff9ff;min-height:48px;padding:10px 13px;display:flex;align-items:center;gap:9px;font:700 11px/1.15 var(--font-mono);letter-spacing:.09em;text-transform:uppercase;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}
.legacy-project-action button span,.project-contract-route button span,.economy-stress-action button span{margin-right:auto}
.legacy-project-action button small,.project-contract-route button small,.economy-stress-action button small{margin:0;color:rgba(139,182,206,.68);font-size:11px;letter-spacing:.12em}
.legacy-project-action button:hover,.legacy-project-action button:focus-visible,.project-contract-route button:hover,.project-contract-route button:focus-visible,.economy-stress-action button:hover,.economy-stress-action button:focus-visible{border-color:rgba(118,231,255,.57);background:linear-gradient(135deg,rgba(18,52,78,.9),rgba(9,25,42,.98));box-shadow:0 0 30px rgba(62,197,255,.08)}
.project-contract-route button:disabled,.project-contract-route button.is-disabled{opacity:.48;cursor:not-allowed;filter:saturate(.65);box-shadow:none}

.project-arrival-context,.economy-arrival-context{max-width:1260px;margin:0 auto 18px;padding:11px 13px;border:1px solid rgba(101,214,255,.12);background:linear-gradient(90deg,rgba(6,21,36,.76),rgba(11,12,27,.64));position:relative;z-index:2}
.project-arrival-context.is-live,.economy-arrival-context.is-live{border-color:rgba(109,228,255,.34);box-shadow:0 0 44px rgba(56,190,255,.055)}
.project-continuum-section.is-context-arrival .project-arrival-context,.continuity-economy-section.is-context-arrival .economy-arrival-context{animation:rmdContextArrival .82s ease-out both}
.project-continuation-contract{max-width:1260px;margin:18px auto 16px;padding:15px 16px;position:relative;z-index:2;border-color:rgba(95,213,255,.13);background:linear-gradient(135deg,rgba(5,18,31,.78),rgba(9,14,28,.7))}
.project-continuation-contract>header,.economy-resilience-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.project-continuation-contract>header>span,.economy-resilience-head>span{display:grid;gap:2px}
.project-continuation-contract>header em,.economy-resilience-head em{font:700 11px/1.3 var(--font-mono);font-style:normal;letter-spacing:.11em;color:#678f83;text-align:right}
.project-contract-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}
.project-contract-grid>span{min-height:65px;padding:10px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.013);display:flex;flex-direction:column;justify-content:center}
.project-contract-route{padding-top:11px;border-top:1px solid rgba(107,213,255,.08)}

.economy-resilience{grid-column:1/-1;padding:15px 16px;border-color:rgba(99,222,193,.13);background:linear-gradient(135deg,rgba(4,22,29,.77),rgba(9,14,27,.72))}
.economy-stress-flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1.3fr) auto minmax(0,1fr);gap:7px;align-items:center;margin:10px 0 12px}
.economy-stress-flow>span{min-height:61px;padding:9px 10px;border:1px solid rgba(99,222,193,.09);background:rgba(8,31,31,.28);display:flex;flex-direction:column;justify-content:center;transition:border-color .22s ease,background .22s ease,box-shadow .22s ease,filter .22s ease}
.economy-stress-flow>i{font-size:11px;color:rgba(102,221,188,.35)}
.economy-stress-flow>span.stress-active{border-color:rgba(111,235,198,.6);background:rgba(19,65,54,.56);box-shadow:0 0 26px rgba(75,220,174,.1);filter:brightness(1.12)}
.economy-resilience.is-stress{border-color:rgba(232,188,98,.25);box-shadow:0 0 38px rgba(232,188,98,.045)}
.economy-resilience.is-stress-pass{border-color:rgba(104,228,190,.35);box-shadow:0 0 38px rgba(74,218,172,.06)}
.economy-stress-action{padding-top:11px;border-top:1px solid rgba(99,222,193,.075)}

.legacy-project-flow>span.context-active,.project-arrival-context>span.context-active,.economy-arrival-context>span.context-active{border-color:rgba(104,226,255,.58);background:rgba(21,61,85,.62);box-shadow:0 0 24px rgba(59,205,255,.1)}
@supports (content-visibility:auto){#legacy{contain-intrinsic-size:auto 2020px}#project-continuum{contain-intrinsic-size:auto 1860px}#continuity-economy{contain-intrinsic-size:auto 1760px}}

@media(max-width:900px){
  @supports (content-visibility:auto){#legacy{contain-intrinsic-size:auto 3900px}#project-continuum{contain-intrinsic-size:auto 3060px}#continuity-economy{contain-intrinsic-size:auto 3460px}}
  .legacy-project-flow,.project-arrival-context,.economy-arrival-context,.economy-stress-flow{grid-template-columns:1fr;gap:5px}
  .legacy-project-flow>i,.project-arrival-context>i,.economy-arrival-context>i,.economy-stress-flow>i{transform:rotate(90deg);justify-self:center}
  .legacy-project-flow>span,.project-arrival-context>span,.economy-arrival-context>span,.economy-stress-flow>span{width:100%}
  .legacy-project-action,.project-contract-route,.economy-stress-action{grid-template-columns:1fr;gap:9px}
  .legacy-project-action button,.project-contract-route button,.economy-stress-action button{width:100%}
  .project-arrival-context,.economy-arrival-context{margin-bottom:14px;padding:10px}
  .project-continuation-contract,.economy-resilience{padding:13px}
  .project-contract-grid{grid-template-columns:1fr 1fr}
  .project-continuation-contract>header,.economy-resilience-head{align-items:flex-start;flex-direction:column;gap:5px}
  .project-continuation-contract>header em,.economy-resilience-head em{text-align:left}
}
@media(max-width:520px){
  .project-contract-grid{grid-template-columns:1fr}
  .legacy-project-action p,.project-contract-route p,.economy-stress-action p{font-size:.8rem}
  .legacy-project-action button,.project-contract-route button,.economy-stress-action button{min-height:50px}
}
@media(prefers-reduced-motion:reduce){
  .project-continuum-section.is-context-arrival .project-arrival-context,.continuity-economy-section.is-context-arrival .economy-arrival-context{animation:none}
  .economy-stress-flow>span,.legacy-project-action button,.project-contract-route button,.economy-stress-action button{transition:none!important}
}

/* ============================================================
   1.4.3 / CHOSEN CIVILIZATION CONTRIBUTION
   CONTINUITY ECONOMY → EXPLICIT PUBLIC RENDER → DIGITAL CIVILIZATION
   ============================================================ */
.economy-civilization-gate{grid-column:1/-1;padding:16px 17px;border-color:rgba(111,216,255,.13);background:linear-gradient(135deg,rgba(5,22,37,.82),rgba(11,11,29,.78));overflow:hidden}
.civilization-gate-head,.civilization-contribution-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:12px}
.civilization-gate-head>span,.civilization-contribution-head>span{display:grid;gap:3px;min-width:0}
.civilization-gate-head small,.civilization-contribution-head small,.civilization-gate-flow small,.civilization-arrival-context small,.civilization-payload-copy small,.civilization-contribution-flow small,.civilization-contribution-readout small{display:block;color:rgba(145,183,207,.68);font:700 11px/1.25 var(--font-mono);letter-spacing:.14em}
.civilization-gate-head b,.civilization-contribution-head b{color:#e1f8ff;font:700 11px/1.35 var(--font-mono);letter-spacing:.07em}
.civilization-gate-head em,.civilization-contribution-head em{font:700 11px/1.3 var(--font-mono);font-style:normal;letter-spacing:.11em;color:#6f9ba8;text-align:right}
.economy-civilization-gate.is-eligible .civilization-gate-head em{color:#76c9b3}.economy-civilization-gate.is-authorized .civilization-gate-head em{color:#90e6d0}
.civilization-gate-flow,.civilization-arrival-context,.civilization-contribution-flow{display:grid;grid-template-columns:minmax(0,1.15fr) auto minmax(0,.8fr) auto minmax(0,.9fr) auto minmax(0,1fr);align-items:center;gap:7px}
.civilization-gate-flow>span,.civilization-arrival-context>span{min-width:0;padding:9px 10px;border:1px solid rgba(101,213,255,.09);background:rgba(5,18,32,.42)}
.civilization-gate-flow>span b,.civilization-arrival-context>span b{display:block;margin-top:4px;color:#dff8ff;font:700 11px/1.35 var(--font-mono);letter-spacing:.055em;overflow-wrap:anywhere}
.civilization-gate-flow>i,.civilization-arrival-context>i,.civilization-contribution-flow>i{font-size:11px;color:rgba(98,214,255,.34)}
.economy-civilization-gate.is-eligible .civilization-gate-flow>span:last-child{border-color:rgba(107,228,190,.32);background:rgba(13,51,45,.42)}
.economy-civilization-gate.is-authorized .civilization-gate-flow>span:last-child{border-color:rgba(107,228,190,.58);box-shadow:0 0 28px rgba(68,218,174,.08)}
.civilization-payload-builder{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:16px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(101,213,255,.08);align-items:center}
.civilization-payload-copy b{display:block;margin:.35rem 0;color:#dff8ff;font:700 11px/1.35 var(--font-mono);letter-spacing:.07em}.civilization-payload-copy p{margin:0;color:#84a4b7;font-size:.82rem;line-height:1.55}
.civilization-payload-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.civilization-payload-options button,.civilization-gate-buttons button,.civilization-contribution-actions button{border:1px solid rgba(106,218,255,.16);background:rgba(7,22,36,.72);color:#bfefff;min-height:44px;padding:9px 10px;font:700 11px/1.25 var(--font-mono);letter-spacing:.075em;cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,opacity .18s ease,transform .18s ease}
.civilization-payload-options button:hover:not(:disabled),.civilization-payload-options button:focus-visible,.civilization-gate-buttons button:hover:not(:disabled),.civilization-gate-buttons button:focus-visible,.civilization-contribution-actions button:hover:not(:disabled),.civilization-contribution-actions button:focus-visible{border-color:rgba(111,226,255,.56);background:rgba(14,42,62,.84);box-shadow:0 0 26px rgba(62,197,255,.07)}
.civilization-payload-options button.active{border-color:rgba(111,226,255,.48);background:linear-gradient(135deg,rgba(19,58,82,.82),rgba(8,28,45,.88));color:#e7fbff;box-shadow:inset 0 0 22px rgba(63,200,255,.045)}
.civilization-payload-options button:disabled,.civilization-gate-buttons button:disabled,.civilization-contribution-actions button:disabled{opacity:.34;cursor:not-allowed;filter:saturate(.45)}
.civilization-gate-action{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid rgba(101,213,255,.08)}
.civilization-gate-action>p{margin:0;color:#829fac;font-size:.82rem;line-height:1.55;max-width:800px}
.civilization-gate-buttons{display:flex;gap:8px;align-items:stretch;justify-content:flex-end}.civilization-gate-buttons button,.civilization-contribution-actions button{display:flex;align-items:center;gap:8px;text-align:left;min-height:48px}.civilization-gate-buttons button span,.civilization-contribution-actions button span{margin-right:auto}.civilization-gate-buttons button small,.civilization-contribution-actions button small{display:block;color:rgba(142,181,203,.64);letter-spacing:.11em}.civilization-gate-buttons button.secondary,.civilization-contribution-actions button.secondary{border-color:rgba(136,164,184,.12);color:#8fb5c9;background:rgba(6,16,27,.58)}
.civilization-arrival-context{max-width:1460px;margin:0 auto 16px;padding:11px 13px;border:1px solid rgba(104,216,255,.11);background:linear-gradient(90deg,rgba(6,21,36,.78),rgba(13,12,30,.64));position:relative;z-index:3}
.civilization-arrival-context.is-live{border-color:rgba(105,229,199,.32);box-shadow:0 0 44px rgba(63,219,177,.045)}
.civilization-contribution-panel{position:relative;z-index:3;max-width:1460px;margin:0 auto 18px;padding:16px 17px;border-color:rgba(110,216,255,.12);background:linear-gradient(135deg,rgba(5,20,35,.78),rgba(10,12,29,.76))}
.civilization-contribution-panel.is-live{border-color:rgba(104,229,195,.28);box-shadow:0 0 42px rgba(68,220,180,.045)}.civilization-contribution-panel.is-withdrawn{border-color:rgba(218,181,105,.16)}
.civilization-contribution-flow{margin:10px 0 12px}.civilization-contribution-flow>span{min-height:62px;padding:9px 10px;border:1px solid rgba(104,216,255,.085);background:rgba(5,20,34,.42);display:flex;flex-direction:column;justify-content:center;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,filter .18s ease}.civilization-contribution-flow>span b{color:#dff8ff;font:700 11px/1.35 var(--font-mono);letter-spacing:.05em;margin:3px 0}.civilization-contribution-flow>span em{color:#678797;font:700 11px/1.3 var(--font-mono);font-style:normal;letter-spacing:.095em}.civilization-contribution-flow>span.contribution-active{border-color:rgba(100,231,195,.56);background:rgba(16,59,50,.5);box-shadow:0 0 26px rgba(70,218,174,.08);filter:brightness(1.08)}.civilization-contribution-flow>span.withdraw-active{border-color:rgba(220,183,103,.45);background:rgba(64,47,19,.34);box-shadow:0 0 24px rgba(220,181,93,.055)}
.civilization-contribution-readout{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding-top:11px;border-top:1px solid rgba(105,215,255,.075)}.civilization-contribution-readout p{margin:0;color:#84a6b7;font-size:.83rem;line-height:1.58}.civilization-contribution-readout>span{min-width:250px;padding:9px 10px;border:1px solid rgba(104,216,255,.08);background:rgba(4,17,29,.42)}.civilization-contribution-readout b{display:block;margin-top:4px;color:#cceef5;font:700 11px/1.4 var(--font-mono);letter-spacing:.07em}
.civilization-contribution-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:12px}.civilization-contribution-actions button{min-width:220px}
.civilization-section.is-context-arrival .civilization-arrival-context{animation:rmdContextArrival .82s ease-out both}
.spatial-arrival{animation:rmdContextArrival .82s ease-out both}
@supports (content-visibility:auto){#continuity-economy{contain-intrinsic-size:auto 2200px}#civilization{contain-intrinsic-size:auto 2050px}}
@media (max-width:900px){
  .civilization-payload-builder,.civilization-gate-action,.civilization-contribution-readout{grid-template-columns:1fr}
  .civilization-payload-options{grid-template-columns:1fr 1fr 1fr}
  .civilization-gate-buttons,.civilization-contribution-actions{justify-content:stretch}.civilization-gate-buttons button,.civilization-contribution-actions button{flex:1 1 0;min-width:0}
  .civilization-contribution-readout>span{min-width:0}
}
@media (max-width:640px){
  @supports (content-visibility:auto){#continuity-economy{contain-intrinsic-size:auto 4550px}#civilization{contain-intrinsic-size:auto 3700px}}
  .economy-civilization-gate,.civilization-contribution-panel{padding:13px}
  .civilization-gate-head,.civilization-contribution-head{flex-direction:column;gap:5px}.civilization-gate-head em,.civilization-contribution-head em{text-align:left}
  .civilization-gate-flow,.civilization-arrival-context,.civilization-contribution-flow{grid-template-columns:1fr;gap:5px}
  .civilization-gate-flow>i,.civilization-arrival-context>i,.civilization-contribution-flow>i{transform:rotate(90deg);justify-self:center}
  .civilization-gate-flow>span,.civilization-arrival-context>span,.civilization-contribution-flow>span{width:100%}
  .civilization-payload-builder{gap:10px}.civilization-payload-options{grid-template-columns:1fr}
  .civilization-gate-action{gap:10px}.civilization-gate-buttons,.civilization-contribution-actions{display:grid;grid-template-columns:1fr;gap:7px}.civilization-gate-buttons button,.civilization-contribution-actions button{width:100%;min-width:0}
  .civilization-arrival-context{margin-bottom:12px;padding:10px}
  .civilization-contribution-readout{gap:9px}.civilization-contribution-actions{margin-top:10px}
}
@media (prefers-reduced-motion:reduce){
  .civilization-section.is-context-arrival .civilization-arrival-context,.spatial-arrival{animation:none!important}
  .civilization-contribution-flow>span,.civilization-payload-options button,.civilization-gate-buttons button,.civilization-contribution-actions button{transition:none!important}
}
.civilization-gate-flow>span.context-active,.civilization-arrival-context>span.context-active{border-color:rgba(104,226,255,.58);background:rgba(21,61,85,.62);box-shadow:0 0 24px rgba(59,205,255,.1)}

/* ============================================================
   1.4.4 / CONTINUUM JOURNEY HUD
   Persistent page-session context without a new renderer. The HUD stays compact,
   expands only on intent, and records finite cross-system handoffs.
   ============================================================ */
.journey-hud{
  position:fixed;z-index:89;left:24px;bottom:24px;width:min(370px,calc(100vw - 48px));
  display:flex;flex-direction:column-reverse;gap:7px;opacity:0;visibility:hidden;pointer-events:none;
  transform:translateY(10px);transition:opacity .25s ease,transform .3s cubic-bezier(.2,.75,.2,1),visibility 0s linear .3s;
  --journey-accent:99,220,255;
}
.journey-hud.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition:opacity .25s ease,transform .3s cubic-bezier(.2,.75,.2,1),visibility 0s}
body.no-scroll .journey-hud{opacity:0!important;pointer-events:none!important;transform:translateY(10px)!important}
.journey-hud-summary{
  width:100%;min-height:54px;padding:8px 10px;border:1px solid rgba(var(--journey-accent),.18);border-radius:14px;
  display:grid;grid-template-columns:34px minmax(0,1fr) 24px;align-items:center;gap:8px;text-align:left;
  background:linear-gradient(135deg,rgba(4,17,31,.94),rgba(5,11,24,.94));color:#dff8ff;cursor:pointer;
  box-shadow:0 14px 38px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.025);backdrop-filter:blur(16px) saturate(130%);
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.journey-hud-summary:hover,.journey-hud-summary:focus-visible{border-color:rgba(var(--journey-accent),.44);box-shadow:0 14px 40px rgba(0,0,0,.38),0 0 28px rgba(var(--journey-accent),.055),inset 0 1px rgba(255,255,255,.03)}
.journey-hud-orb{position:relative;width:30px;height:30px;border:1px solid rgba(var(--journey-accent),.34);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 18px rgba(var(--journey-accent),.08)}
.journey-hud-orb::before,.journey-hud-orb::after{content:"";position:absolute;inset:5px;border:1px solid rgba(var(--journey-accent),.16);border-radius:50%;transform:rotateX(68deg)}
.journey-hud-orb::after{transform:rotateY(68deg)}
.journey-hud-orb i{width:5px;height:5px;border-radius:50%;background:rgb(var(--journey-accent));box-shadow:0 0 12px rgba(var(--journey-accent),.8)}
.journey-hud-summary-copy{min-width:0;display:grid;gap:1px}
.journey-hud-summary-copy small,.journey-hud-panel small{font:700 11px/1.25 var(--font-mono);letter-spacing:.11em;color:rgba(144,183,207,.72)}
.journey-hud-summary-copy b{font:700 .76rem/1.25 var(--font-mono);letter-spacing:.055em;color:#dcf6ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.journey-hud-summary-copy em{font:700 11px/1.25 var(--font-mono);font-style:normal;letter-spacing:.075em;color:#66899a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.journey-hud-caret{justify-self:end;color:rgba(var(--journey-accent),.72);font-size:.92rem;transition:transform .22s ease}
.journey-hud.is-open .journey-hud-caret{transform:rotate(180deg)}

.journey-hud-panel{
  max-height:0;overflow:hidden;opacity:0;transform:translateY(6px);padding:0 12px;margin-bottom:-7px;
  border:1px solid transparent;border-radius:15px;background:rgba(3,12,25,.965);box-shadow:0 18px 55px rgba(0,0,0,.44);
  transition:max-height .34s cubic-bezier(.2,.75,.2,1),opacity .22s ease,transform .3s ease,padding .3s ease,margin .3s ease,border-color .3s ease;
}
.journey-hud.is-open .journey-hud-panel{max-height:min(520px,62vh);overflow:auto;opacity:1;transform:translateY(0);padding:13px 12px 12px;margin-bottom:0;border-color:rgba(var(--journey-accent),.15)}
.journey-hud-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid rgba(var(--journey-accent),.075)}
.journey-hud-panel>header>span{display:grid;gap:2px;min-width:0}.journey-hud-panel>header b{font:700 .76rem/1.3 var(--font-mono);letter-spacing:.055em;color:#dff8ff}
.journey-hud-panel>header em{font:700 11px/1.3 var(--font-mono);font-style:normal;letter-spacing:.09em;color:#78a0af;text-align:right}
.journey-hud-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:10px 0}
.journey-hud-grid>span{min-width:0;min-height:52px;padding:8px 9px;border:1px solid rgba(var(--journey-accent),.075);background:rgba(255,255,255,.014);display:flex;flex-direction:column;justify-content:center;gap:3px}
.journey-hud-grid b{font:700 .69rem/1.35 var(--font-mono);letter-spacing:.045em;color:#bfe8f2;overflow-wrap:anywhere}
.journey-hud-grid>span:last-child{border-color:rgba(var(--journey-accent),.13);background:rgba(var(--journey-accent),.028)}
.journey-hud-route{display:grid;grid-template-columns:minmax(0,1fr) 10px minmax(0,1fr) 10px minmax(0,1fr) 10px minmax(0,1fr);gap:4px;align-items:center;padding:9px 0;border-top:1px solid rgba(var(--journey-accent),.06);border-bottom:1px solid rgba(var(--journey-accent),.06)}
.journey-hud-route>span{min-width:0;min-height:46px;padding:6px 5px;border:1px solid rgba(var(--journey-accent),.07);background:rgba(5,19,32,.48);display:flex;flex-direction:column;justify-content:center;gap:2px;text-align:center;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,filter .18s ease}
.journey-hud-route>span b{font:700 11px/1.25 var(--font-mono);letter-spacing:.035em;color:#82a9b9;overflow-wrap:anywhere}.journey-hud-route>i{font-size:.6875rem;color:rgba(var(--journey-accent),.32);text-align:center}
.journey-hud-route>span.thread-active{border-color:rgba(var(--journey-accent),.52);background:rgba(var(--journey-accent),.09);box-shadow:0 0 20px rgba(var(--journey-accent),.08);filter:brightness(1.08)}
.journey-hud-history{display:grid;gap:6px;padding:9px 0 2px}.journey-hud-history>small{color:#5f8597}.journey-hud-history>div{display:grid;gap:4px}
.journey-hud-history>div>span{display:block;min-width:0;padding:5px 7px;border-left:1px solid rgba(var(--journey-accent),.16);color:#688b9d;font:700 11px/1.35 var(--font-mono);letter-spacing:.045em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.journey-hud-panel>footer{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}
.journey-hud-panel>footer button{min-height:42px;padding:8px 9px;border:1px solid rgba(var(--journey-accent),.18);background:rgba(8,26,40,.72);color:#cceef6;display:flex;align-items:center;justify-content:center;gap:7px;font:700 11px/1.2 var(--font-mono);letter-spacing:.06em;cursor:pointer;transition:border-color .18s ease,background .18s ease,opacity .18s ease}
.journey-hud-panel>footer button:hover:not(:disabled),.journey-hud-panel>footer button:focus-visible{border-color:rgba(var(--journey-accent),.5);background:rgba(var(--journey-accent),.08)}
.journey-hud-panel>footer button.secondary{border-color:rgba(142,171,190,.11);color:#88aabc;background:rgba(6,16,27,.6)}
.journey-hud-panel>footer button:disabled{opacity:.34;cursor:not-allowed}
.journey-hud.is-public{--journey-accent:103,231,192}.journey-hud.is-withdrawn{--journey-accent:222,186,107}.journey-hud.is-alert{--journey-accent:230,154,113}
.journey-hud.is-public .journey-hud-grid>span:last-child b{color:#9be3cf}.journey-hud.is-withdrawn .journey-hud-grid>span:last-child b{color:#d8bd83}

@media(min-width:1680px){.journey-hud{bottom:104px}}
@media(max-width:1100px){
  .journey-hud{left:10px;bottom:calc(max(7px,env(safe-area-inset-bottom)) + 63px);width:min(360px,calc(100vw - 20px));z-index:88}
  .journey-hud-summary{min-height:48px;padding:6px 9px}.journey-hud-orb{width:27px;height:27px}.journey-hud-summary{grid-template-columns:31px minmax(0,1fr) 22px}
}
@media(max-width:760px){
  .journey-hud{right:10px;width:auto}.journey-hud-summary-copy small{font-size:.6875rem}.journey-hud-summary-copy b{font-size:.74rem}.journey-hud-summary-copy em{font-size:.6875rem}
  .journey-hud.is-open .journey-hud-panel{max-height:52vh;padding:11px 10px 10px}.journey-hud-panel>header{gap:7px}.journey-hud-panel>header em{max-width:42%}
  .journey-hud-grid{gap:5px}.journey-hud-grid>span{min-height:49px;padding:7px}.journey-hud-grid b{font-size:.6875rem}
  .journey-hud-route{gap:3px;grid-template-columns:minmax(0,1fr) 7px minmax(0,1fr) 7px minmax(0,1fr) 7px minmax(0,1fr)}.journey-hud-route>span{min-height:44px;padding:5px 3px}.journey-hud-route>span b{font-size:.6875rem}.journey-hud-route>i{font-size:.6875rem}
  .journey-hud-panel>footer{grid-template-columns:1fr}.journey-hud-panel>footer button{min-height:44px}
}
@media(max-width:390px){
  .journey-hud{left:8px;right:8px;bottom:calc(max(7px,env(safe-area-inset-bottom)) + 61px)}
  .journey-hud-summary{border-radius:12px}.journey-hud.is-open .journey-hud-panel{border-radius:12px}
  .journey-hud-route>span b{font-size:.6875rem;letter-spacing:.02em}.journey-hud-panel small{font-size:.6875rem}
}
@media(prefers-reduced-motion:reduce){
  .journey-hud,.journey-hud-panel,.journey-hud-caret,.journey-hud-route>span,.journey-hud-summary{transition:none!important}.journey-hud-route>span.thread-active{filter:none}
}


/* ============================================================
   1.4.4 / USER-REPORTED GEOMETRY FIXES
   Keep SYSTEM / CONTINUUM readable at every intermediate viewport and
   normalize chapter title alignment across the long-form journey.
   ============================================================ */
.overview-module{
  width:clamp(204px,19vw,226px);
  min-height:86px;
  grid-template-columns:38px minmax(0,1fr);
  grid-template-rows:auto auto;
  column-gap:.62rem;
  row-gap:.14rem;
  padding:.7rem .78rem;
}
.overview-module>i{grid-column:1;grid-row:1 / span 2;align-self:center}
.overview-module>span{grid-column:2;grid-row:1;align-self:end;gap:.2rem;overflow:visible}
.overview-module>em{grid-column:2;grid-row:2;justify-self:start;align-self:start;margin-top:.05rem;line-height:1.25}
.overview-module b{line-height:1.22;overflow-wrap:anywhere}
.overview-module small{
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  line-height:1.28;
  overflow-wrap:anywhere;
}

/* The absolute constellation is excellent on desktop, but the evidence card and
   side modules begin to compete below ~940px. Switch to the proven stacked
   composition before collision can occur rather than clipping text. */
@media (max-width:1024px){
  .system-overview{padding-left:16px;padding-right:16px}
  .overview-stage{
    height:auto;min-height:0;border-radius:22px;padding:92px 12px 80px;
    display:flex;flex-direction:column;align-items:stretch;gap:.55rem;
  }
  .overview-stage::after{left:14px;top:15px}
  .overview-space{opacity:.42}
  .overview-core{position:relative;left:auto;top:auto;transform:none;width:100%;order:0;margin:0 auto 1rem}
  .overview-core-mark{width:94px;height:94px}
  .overview-evidence{position:relative;left:auto;top:auto;transform:none;width:100%;order:1;margin-bottom:.45rem}
  .overview-module{
    position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    width:100%;min-height:76px;order:2;
  }
  .overview-module:hover,.overview-module:focus-visible,.overview-module.active{transform:scale(1.008)}
  .overview-stream{position:relative;left:auto;bottom:auto;transform:none;width:100%;order:3;margin-top:.85rem;overflow:hidden;justify-content:flex-start}
  .overview-stream span:nth-of-type(n+5),.overview-stream i:nth-of-type(n+4){display:none}
}
@media (max-width:520px){
  .overview-module{min-height:74px;padding:.65rem .68rem;grid-template-columns:34px minmax(0,1fr)}
  .overview-module i{font-size:1.35rem}
  .overview-evidence-line{gap:.28rem;letter-spacing:.055em;flex-wrap:wrap}
  .overview-evidence-line i{min-width:14px}
}


/* ============================================================
   GENESIS 1.4.5 / DENSITY + HIERARCHY + ACTIVE LENS
   Full-page readability pass after the 1.4.4 geometry repair. Semantic
   flow labels regain a readable floor, cramped preservation controls breathe,
   and dense card families gain event-driven visual hierarchy without hiding
   content or adding another renderer.
   ============================================================ */

/* Recent context routes were intentionally compact, but 8–9.5px semantic copy
   is too small once the page is read as a product rather than a HUD mockup. */
.connector-capability-path small,.atlas-context-arrival small,.life-book-legacy-preview small,.legacy-arrival-context small,
.legacy-project-flow small,.project-arrival-context small,.economy-arrival-context small,.project-continuation-contract small,.economy-resilience small,
.civilization-gate-head small,.civilization-contribution-head small,.civilization-gate-flow small,.civilization-arrival-context small,
.civilization-payload-copy small,.civilization-contribution-flow small,.civilization-contribution-readout small{
  line-height:1.35!important;letter-spacing:.105em!important;
}
.connector-capability-path b,.atlas-context-arrival b,.life-book-legacy-preview b,.legacy-arrival-context b,
.legacy-project-flow b,.project-arrival-context b,.economy-arrival-context b,.project-continuation-contract b,.economy-resilience b,
.civilization-gate-flow>span b,.civilization-arrival-context>span b,.civilization-contribution-flow>span b{
  line-height:1.38!important;letter-spacing:.045em!important;
}
.atlas-context-arrival em,.project-continuation-contract>header em,.economy-resilience-head em,
.civilization-gate-head em,.civilization-contribution-head em,.civilization-contribution-flow>span em{
  line-height:1.35!important;
}
.atlas-context-arrival button,.civilization-payload-options button,.civilization-gate-buttons button,.civilization-contribution-actions button,
.legacy-project-action button,.project-contract-route button,.economy-stress-action button{
  line-height:1.3!important;
}
.life-book-to-legacy small,.legacy-project-action button small,.project-contract-route button small,.economy-stress-action button small,
.civilization-gate-buttons button small,.civilization-contribution-actions button small{
  line-height:1.3!important;
}
.civilization-contribution-readout b{line-height:1.42!important}
.civilization-gate-flow>span,.civilization-contribution-flow>span,.legacy-project-flow>span,.project-arrival-context>span,.economy-arrival-context>span{min-height:66px}

/* Five preservation tiers were compressed into a narrow column at everyday
   desktop widths. Give the labels real width instead of forcing overflow. */
.reserve-profiles button{line-height:1.28!important;letter-spacing:.04em!important;overflow-wrap:anywhere}
@media (min-width:761px) and (max-width:1559px){
  .reserve-profiles{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* Attention labels are information, not decoration. On phones let the meaning
   occupy two rows instead of clipping longer words such as BACKGROUND. */
@media (max-width:520px){
  .attention-spectrum span{grid-template-columns:minmax(0,1fr) minmax(92px,1.25fr)!important;grid-template-areas:"label bar" "meta meta";gap:.28rem .55rem!important;min-height:44px!important}
  .attention-spectrum b{grid-area:label;min-width:0;overflow-wrap:anywhere;}
  .attention-spectrum i{grid-area:bar}
  .attention-spectrum small{grid-area:meta;text-align:left!important;white-space:normal!important;}
}

/* INTELLIGENCE on the rotating prism is decorative instrumentation; keep it
   inside the face rather than allowing global semantic text floors to push it out. */
.atlas-prism .ap-back{letter-spacing:.018em!important;white-space:nowrap;overflow:hidden}

/* Context isolation: when a visitor points at one dense module, nearby modules
   recede slightly. Nothing is hidden and touch layouts remain unchanged. */
@media (hover:hover) and (pointer:fine){
  .trust-grid:has(.trust-card:hover) .trust-card:not(:hover),
  .trust-grid:has(.trust-card:focus-within) .trust-card:not(:focus-within),
  .memory-intelligence-grid:has(.memory-intel-card:hover) .memory-intel-card:not(:hover),
  .memory-intelligence-grid:has(.memory-intel-card:focus-within) .memory-intel-card:not(:focus-within),
  .project-stewardship-grid:has(article:hover) article:not(:hover),
  .continuity-principles:has(span:hover) span:not(:hover),
  .proof-cases:has(button:hover) button:not(:hover),
  .proof-cases:has(button:focus-visible) button:not(:focus-visible){
    opacity:.68;filter:saturate(.72) brightness(.84);transform:scale(.992);
  }
  .trust-card,.memory-intel-card,.project-stewardship-grid article,.continuity-principles span,.proof-cases button{
    transition:opacity .2s ease,filter .2s ease,transform .2s ease,border-color .2s ease,box-shadow .2s ease;
  }
  .trust-card:hover,.trust-card:focus-within,.memory-intel-card:hover,.memory-intel-card:focus-within,
  .project-stewardship-grid article:hover,.continuity-principles span:hover,.proof-cases button:hover,.proof-cases button:focus-visible{
    opacity:1;filter:none;z-index:2;
  }
}

/* Ordinary chapter interactions now feed the Journey HUD as an ACTIVE LENS.
   This pulse is finite and only occurs after a human interaction. */
@keyframes journeyLensPulse{0%{box-shadow:0 14px 38px rgba(0,0,0,.34),0 0 0 rgba(var(--journey-accent),0)}42%{box-shadow:0 14px 42px rgba(0,0,0,.38),0 0 32px rgba(var(--journey-accent),.12)}100%{box-shadow:0 14px 38px rgba(0,0,0,.34),0 0 0 rgba(var(--journey-accent),0)}}
.journey-hud.lens-pulse .journey-hud-summary{animation:journeyLensPulse .52s ease-out}
.journey-hud.is-open .journey-hud-grid>span:nth-child(3){border-color:rgba(var(--journey-accent),.12);background:rgba(var(--journey-accent),.024)}

@media (prefers-reduced-motion:reduce){
  .journey-hud.lens-pulse .journey-hud-summary{animation:none!important}
  .trust-card,.memory-intel-card,.project-stewardship-grid article,.continuity-principles span,.proof-cases button{transition:none!important}
}

/* Hover takes precedence over retained keyboard focus when both are present. */
@media (hover:hover) and (pointer:fine){
  .trust-grid:has(.trust-card:hover) .trust-card:hover,
  .memory-intelligence-grid:has(.memory-intel-card:hover) .memory-intel-card:hover,
  .proof-cases:has(button:hover) button:hover{opacity:1!important;filter:none!important;transform:none}
  .trust-grid:has(.trust-card:hover) .trust-card:not(:hover),
  .memory-intelligence-grid:has(.memory-intel-card:hover) .memory-intel-card:not(:hover),
  .proof-cases:has(button:hover) button:not(:hover){opacity:.68;filter:saturate(.72) brightness(.84);transform:scale(.992)}
  .trust-grid:not(:has(.trust-card:hover)):has(.trust-card:focus-within) .trust-card:not(:focus-within),
  .memory-intelligence-grid:not(:has(.memory-intel-card:hover)):has(.memory-intel-card:focus-within) .memory-intel-card:not(:focus-within),
  .proof-cases:not(:has(button:hover)):has(button:focus-visible) button:not(:focus-visible){opacity:.68;filter:saturate(.72) brightness(.84);transform:scale(.992)}
}

/* Preserve the established semantic-text floor from the earlier QA passes. */
.connector-capability-path small,.atlas-context-arrival small,.life-book-legacy-preview small,.legacy-arrival-context small,
.legacy-project-flow small,.project-arrival-context small,.economy-arrival-context small,.project-continuation-contract small,.economy-resilience small,
.civilization-gate-head small,.civilization-contribution-head small,.civilization-gate-flow small,.civilization-arrival-context small,
.civilization-payload-copy small,.civilization-contribution-flow small,.civilization-contribution-readout small,
.life-book-to-legacy small,.legacy-project-action button small,.project-contract-route button small,.economy-stress-action button small,
.civilization-gate-buttons button small,.civilization-contribution-actions button small{
  
}

/* Persistent Continuum thread: always readable, never contracted while scrolling. */
.journey-hud{--journey-progress:0%;}
.journey-hud-summary{position:relative;overflow:hidden;}
.journey-hud-summary::after{
  content:"";position:absolute;left:10px;right:10px;bottom:0;height:1px;
  background:linear-gradient(90deg,rgba(var(--journey-accent),.78) 0 var(--journey-progress),rgba(var(--journey-accent),.08) var(--journey-progress) 100%);
  box-shadow:0 0 10px rgba(var(--journey-accent),.12);opacity:.72;pointer-events:none;
  transition:background .18s linear,opacity .2s ease;
}

/* Long-session contrast: these labels carry state, so keep them above decorative
   instrumentation contrast even after the surrounding scene has dimmed. */
.journey-hud-summary-copy small,.journey-hud-panel small{color:#83a9bb;}
.journey-hud-summary-copy em{color:#7899aa;}
.journey-hud-panel>header em{color:#8bafbd;}
.journey-hud-history>small{color:#7fa2b2;}
.journey-hud-history>div>span{color:#7f9fac;}
.chapter-signal-copy em{color:#718fa0;}

@media(prefers-reduced-motion:reduce){
  .journey-hud-summary::after{transition:none!important;}
}

/* Keep the complete thread clearly above the touch dock. */
@media(max-width:1100px){
  .journey-hud{bottom:calc(max(10px,env(safe-area-inset-bottom)) + 74px);}
}
@media(max-width:390px){
  .journey-hud{bottom:calc(max(10px,env(safe-area-inset-bottom)) + 72px);}
}


/* ============================================================
   GENESIS 1.4.7 / SIGNATURE MOMENTS
   Finite, user-triggered cinematic responses for conceptually important
   chapters. No persistent renderer and no ambient animation is added here.
   ============================================================ */
.signature-moment-host{position:relative;isolation:isolate}

/* WHY / HUMAN FIRST — causal lineage moves from the human need to the result. */
.human-need-readout.signature-moment-host{overflow:hidden}
.human-need-readout.signature-moment-host::after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:0;
  background:linear-gradient(105deg,transparent 28%,rgba(110,231,255,.10) 48%,rgba(139,104,255,.08) 54%,transparent 72%);
  transform:translateX(-115%);z-index:0
}
.human-need-readout.signature-running::after{animation:rmdSignatureSweep .95s cubic-bezier(.2,.7,.2,1) both}
.human-causal-chain>span,.human-causal-chain>i{transition:border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease,opacity .2s ease,transform .2s ease}
.human-causal-chain.signature-running>span{opacity:.48;transform:translateY(2px)}
.human-causal-chain.signature-running>i{opacity:.3}
.human-causal-chain.signature-running>span.signature-lit{opacity:1;transform:none;border-color:rgba(105,226,255,.34);background:linear-gradient(145deg,rgba(13,50,70,.66),rgba(4,15,29,.65));box-shadow:0 0 26px rgba(71,211,244,.07),inset 0 -1px rgba(104,228,255,.42)}
.human-causal-chain.signature-running>i.signature-lit{opacity:1;color:#77def1;text-shadow:0 0 12px rgba(89,222,255,.45)}

/* 05 / LIFE GRAMMAR — one detected event visibly traverses the universal loop. */
.lifegrammar-shell.signature-running .life-event{box-shadow:0 0 0 1px rgba(99,226,255,.13),0 24px 72px rgba(0,0,0,.28),0 0 38px rgba(67,209,246,.06)}
.lifegrammar-rule b{position:relative;transition:color .18s ease,text-shadow .18s ease,transform .18s ease}
.lifegrammar-rule.signature-running b{color:#628292!important;transform:translateY(1px)}
.lifegrammar-rule.signature-running b.signature-lit{color:#ddfbff!important;transform:none;text-shadow:0 0 14px rgba(92,226,255,.42)}
.lifegrammar-rule.signature-running b.signature-lit::after{content:"";position:absolute;left:50%;bottom:-7px;width:5px;height:5px;border-radius:50%;background:#86eaff;box-shadow:0 0 12px rgba(91,225,255,.7);transform:translateX(-50%)}
.life-event.signature-arrival::after{content:"";position:absolute;inset:8px;border:1px solid rgba(100,228,255,.18);border-radius:14px;pointer-events:none;animation:rmdSignatureFrame .82s ease-out both}
.life-event{position:relative}

/* 14 / SOVEREIGN LAYER — offline mode becomes a visible local-only collapse. */
.edge-card.signature-running{overflow:hidden}
.edge-stack>span,.edge-stack>i{transition:opacity .22s ease,transform .22s ease,border-color .22s ease,background .22s ease,color .22s ease,filter .22s ease,box-shadow .22s ease}
.edge-card.signature-running .edge-stack>span{opacity:.4;transform:scale(.985)}
.edge-card.signature-running .edge-stack>i{opacity:.22}
.edge-card.signature-running .edge-stack>span.signature-lit{opacity:1;transform:none;border-color:rgba(105,226,255,.3);background:rgba(12,49,67,.56);box-shadow:0 0 20px rgba(67,210,243,.06)}
.edge-card.signature-offline .edge-stack>span:last-of-type{border-color:rgba(236,187,103,.24);background:rgba(75,50,14,.16);filter:saturate(.72)}
.edge-card.signature-offline .edge-stack>span:last-of-type i,.edge-card.signature-offline .edge-stack>span:last-of-type b{color:#dcb975}
.edge-card.signature-offline::after,.edge-card.signature-online::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;z-index:0}
.edge-card.signature-offline::after{background:radial-gradient(circle at 50% 50%,rgba(232,184,94,.10),transparent 48%);animation:rmdSignatureLocal .9s ease-out both}
.edge-card.signature-online::after{background:radial-gradient(circle at 50% 50%,rgba(92,225,255,.10),transparent 48%);animation:rmdSignatureLocal .9s ease-out both}
.edge-card>*{position:relative;z-index:1}

/* 18 / THE LIVING HUMAN — state propagates through one life rather than swapping profiles. */
.human-dimension-readout.signature-running::after{content:"";position:absolute;right:-90px;top:-100px;width:360px;height:360px;border:1px solid rgba(104,225,255,.15);border-radius:50%;pointer-events:none;animation:rmdHumanRefraction 1.1s ease-out both}
.human-state-thread i{transition:width .18s ease,height .18s ease,background .18s ease,box-shadow .18s ease,border-color .18s ease,opacity .18s ease}
.human-state-thread.signature-running i{opacity:.35}
.human-state-thread.signature-running i.signature-lit{opacity:1;width:14px;height:14px;border-color:rgba(147,241,255,.72);background:#c7f8ff;box-shadow:0 0 20px rgba(91,224,255,.52)}
.human-dimension-facts.signature-arrival span{animation:rmdFactArrival .58s ease-out both}.human-dimension-facts.signature-arrival span:nth-child(2){animation-delay:.07s}.human-dimension-facts.signature-arrival span:nth-child(3){animation-delay:.14s}

/* 25 / PROOF LAB — a proof is visibly evaluated end-to-end, then resolves. */
.proof-readout.signature-running{position:relative;overflow:hidden}
.proof-readout.signature-running::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 24%,rgba(100,225,255,.08) 49%,transparent 74%);transform:translateX(-120%);animation:rmdSignatureSweep 1.05s ease-out both}
.proof-flow>span,.proof-flow>i,.proof-invariants>span{transition:opacity .18s ease,transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}
.proof-flow.signature-running>span{opacity:.38;transform:scale(.985)}.proof-flow.signature-running>i{opacity:.2}.proof-flow.signature-running>span.signature-lit{opacity:1;transform:none;border-color:rgba(102,226,255,.34);background:rgba(12,49,69,.56);color:#e0fbff;box-shadow:0 0 22px rgba(69,211,245,.07)}.proof-flow.signature-running>i.signature-lit{opacity:1;box-shadow:0 0 12px rgba(89,222,255,.26)}
.proof-invariants.signature-running>span{opacity:.42}.proof-invariants.signature-running>span.signature-lit{opacity:1;border-color:rgba(103,226,183,.24);background:rgba(23,82,63,.13);color:#9ddcc4;transform:translateY(-1px)}

/* 26 / ORIGIN — deep time compresses toward the selected continuity era. */
.evolution-continuity.signature-running{box-shadow:0 24px 70px rgba(0,0,0,.24),0 0 42px rgba(73,210,247,.05)}
.evolution-era-track button{transition:opacity .2s ease,transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}
.evolution-era-track.signature-running button{opacity:.32;transform:translateY(1px)}
.evolution-era-track.signature-running button.signature-lit{opacity:1;transform:none;border-color:rgba(102,226,255,.31);background:rgba(14,54,77,.54);box-shadow:0 0 20px rgba(68,207,241,.06),inset 0 -1px rgba(98,225,255,.42)}
.evolution-era-readout.signature-arrival{animation:rmdOriginArrival .72s ease-out both}
.origin-schematic.signature-converge .origin-memory-core{animation:rmdOriginConverge .86s cubic-bezier(.2,.8,.2,1) both!important}
.origin-schematic.signature-converge .origin-beam{animation:rmdOriginBeamConverge .86s ease-out both!important}

@keyframes rmdSignatureSweep{0%{opacity:0;transform:translateX(-115%)}18%{opacity:1}78%{opacity:.9}100%{opacity:0;transform:translateX(115%)}}
@keyframes rmdSignatureFrame{0%{opacity:0;transform:scale(.985)}35%{opacity:1}100%{opacity:0;transform:scale(1.018)}}
@keyframes rmdSignatureLocal{0%{opacity:0;transform:scale(.96)}35%{opacity:1}100%{opacity:0;transform:scale(1.04)}}
@keyframes rmdHumanRefraction{0%{opacity:0;transform:scale(.7)}35%{opacity:1}100%{opacity:0;transform:scale(1.18)}}
@keyframes rmdFactArrival{0%{opacity:.35;transform:translateY(5px)}100%{opacity:1;transform:none}}
@keyframes rmdOriginArrival{0%{opacity:.55;transform:translateY(5px)}100%{opacity:1;transform:none}}
@keyframes rmdOriginConverge{0%{transform:scale(.9);filter:drop-shadow(0 0 0 rgba(100,227,255,0))}45%{transform:scale(1.09);filter:drop-shadow(0 0 32px rgba(100,227,255,.62))}100%{transform:scale(1);filter:drop-shadow(0 0 20px rgba(100,227,255,.34))}}
@keyframes rmdOriginBeamConverge{0%{opacity:.12;filter:brightness(.7)}45%{opacity:1;filter:brightness(1.8)}100%{opacity:.72;filter:brightness(1)}}

@media (prefers-reduced-motion:reduce){
  .signature-running::after,.signature-arrival::after,.signature-converge *{animation:none!important}
  .human-causal-chain.signature-running>span,.human-causal-chain.signature-running>i,
  .lifegrammar-rule.signature-running b,.edge-card.signature-running .edge-stack>span,.edge-card.signature-running .edge-stack>i,
  .human-state-thread.signature-running i,.proof-flow.signature-running>span,.proof-flow.signature-running>i,
  .proof-invariants.signature-running>span,.evolution-era-track.signature-running button{transition:none!important;transform:none!important;opacity:1!important}
}

/* ============================================================
   GENESIS 1.4.8 / CAUSAL FOCUS + SAFE DISCLOSURE MOMENTS
   Finite interaction emphasis only. No permanent animation loop.
   ============================================================ */
#world .world-layout article.world-selected{
    border-color:rgba(112,226,255,.34);
    box-shadow:0 0 42px rgba(72,205,244,.085),var(--shadow);
}
#world.world-causal-moment .world-context-trace{border-color:rgba(108,226,255,.28);box-shadow:0 0 38px rgba(65,207,245,.06)}
#world.world-causal-moment .world-orbit{filter:drop-shadow(0 0 16px rgba(82,215,255,.18))}

#affinityPublicRender.safe-render-moment{
    border-color:rgba(116,225,255,.34);
    box-shadow:0 0 46px rgba(69,202,242,.09),var(--shadow);
}
#affinityPublicRender.safe-render-moment .render-scene{animation:rmdSafeRenderMoment .58s cubic-bezier(.2,.8,.2,1) both}
#affinity .peer.peer-selected{border-color:rgba(110,222,255,.32);box-shadow:0 0 28px rgba(68,205,245,.07)}
@keyframes rmdSafeRenderMoment{0%{opacity:.38;filter:blur(5px) saturate(.55);transform:scale(.985)}55%{opacity:1;filter:blur(0) saturate(1.18);transform:scale(1.006)}100%{opacity:1;filter:none;transform:none}}

#agentNetwork.bridge-moment .network-path{opacity:.12}
#agentNetwork.bridge-moment[data-bridge="friend"] .path-friend,
#agentNetwork.bridge-moment[data-bridge="family"] .path-family,
#agentNetwork.bridge-moment[data-bridge="expert"] .path-expert{
    opacity:1;stroke:rgba(112,228,255,.78);stroke-width:2.2;stroke-dasharray:10 12;animation:rmdBridgeTrace .9s linear both;
}
#agentNetwork.bridge-moment[data-bridge="friend"] [data-network-packet="friend"],
#agentNetwork.bridge-moment[data-bridge="family"] [data-network-packet="family"],
#agentNetwork.bridge-moment[data-bridge="expert"] [data-network-packet="expert"]{
    border-color:rgba(102,224,255,.38);color:#d9f9ff;box-shadow:0 0 30px rgba(65,209,248,.12);transform:translateY(-2px);
}
@keyframes rmdBridgeTrace{from{stroke-dashoffset:44}to{stroke-dashoffset:0}}

#signals.disclosure-moment .signal-console{border-color:rgba(103,225,255,.3);box-shadow:0 0 42px rgba(67,205,245,.06),var(--shadow)}
#signals.disclosure-moment .signal-step:last-child{opacity:1;border-color:rgba(103,225,255,.36);background:rgba(16,61,80,.32);box-shadow:0 0 28px rgba(67,205,245,.08)}
#signals.disclosure-moment .signal-step:last-child>i{color:#83e8ff;filter:drop-shadow(0 0 9px rgba(67,213,255,.48))}

#vault[data-render-audience="friend"] .render-transform,
#vault[data-render-audience="affinity"] .render-transform,
#vault[data-render-audience="public"] .render-transform{color:var(--cyan)}
#vault.rendering-moment .render-transform i{animation:rmdRenderBeam .66s ease-out both}
#vault.rendering-moment .render-public{animation:rmdPublicMaterialize .66s ease-out both}
#vault[data-render-audience="public"].rendering-moment .render-source{opacity:.62}
#vault[data-render-audience="public"].rendering-moment .render-public{box-shadow:0 0 34px rgba(88,217,255,.08)}
@keyframes rmdRenderBeam{0%{transform:scaleX(.08);opacity:.18}55%{transform:scaleX(1);opacity:1}100%{opacity:.55}}
@keyframes rmdPublicMaterialize{0%{opacity:.34;filter:blur(4px);transform:translateX(-5px)}65%{opacity:1;filter:none;transform:translateX(1px)}100%{transform:none}}

#systems.system-routing-moment .sys-core{border-color:rgba(112,226,255,.34);box-shadow:0 0 52px rgba(63,206,246,.11)}
#systems.system-routing-moment .systems-constellation .sys-node{filter:brightness(.58);opacity:.48}
#systems.system-routing-moment .systems-constellation .sys-node.route-lit{filter:brightness(1.3);opacity:1;box-shadow:0 0 24px rgba(82,216,255,.12)}
#systems.system-routing-moment #systemRouteFlow>span.context-active{box-shadow:0 0 28px rgba(63,202,241,.1)}

@media (prefers-reduced-motion:reduce){
  #affinityPublicRender.safe-render-moment .render-scene,
  #agentNetwork.bridge-moment .network-path,
  #vault.rendering-moment .render-transform i,
  #vault.rendering-moment .render-public{animation:none!important}
}

/* 1.4.11 / CHAPTER WALKTHROUGHS — local, finite, user-paced. */
/* Keep the retro timeline contract after the older mobile cascade. */
.retro-intelligence .retro-chain{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 14px auto 14px auto}
.retro-intelligence .retro-chain span:last-child{grid-column:auto}
.retro-intelligence .retro-chain i:nth-of-type(2){display:block}
.retro-intelligence.retro-running .retro-chain i::after{animation-name:retroLinkVertical;animation-direction:normal}

.chapter-walk{
  --walk-accent:#80e4ff;--walk-rgb:100,220,255;
  max-width:1380px;margin:1.5rem auto 2rem;padding:clamp(1rem,2.2vw,2rem);
  border:1px solid rgba(var(--walk-rgb),.2);border-radius:22px;
  background:radial-gradient(ellipse at 12% 70%,rgba(var(--walk-rgb),.06),transparent 55%),#061020;
  position:relative;isolation:isolate;min-width:0;
}
.chapter-walk[data-chapter-walk="device"]{--walk-accent:#8be4bb;--walk-rgb:112,220,173}
.chapter-walk[data-chapter-walk="proof"]{--walk-accent:#e5c085;--walk-rgb:229,192,133}
.chapter-walk [hidden]{display:none!important}
.walk-heading{display:flex;flex-wrap:wrap;gap:.65rem 1rem;align-items:center;margin-bottom:1.2rem}
.walk-heading>span{font-size:.7rem;letter-spacing:.12em;color:var(--walk-accent);line-height:1.5}
.walk-heading>small{margin-left:auto;font-size:.6875rem;letter-spacing:.08em;color:#98adbd;line-height:1.5}
.walk-heading h3{flex-basis:100%;margin:.2rem 0 0;font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.15;color:#e1eff9;letter-spacing:-.025em}
.walk-heading>p{flex-basis:100%;max-width:82ch;margin:0;font-size:.9rem;line-height:1.7;color:#9db2c2}
.walk-cases{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.3rem}
.chapter-walk button{font:inherit;cursor:pointer;min-height:44px;border:1px solid rgba(var(--walk-rgb),.2);border-radius:9px;background:#0b192a;color:#bacddd;padding:.6rem .85rem;line-height:1.35;white-space:normal;overflow-wrap:anywhere}
.chapter-walk button:hover:not(:disabled){border-color:var(--walk-accent);color:#fff}
.chapter-walk button:focus-visible{outline:2px solid var(--walk-accent);outline-offset:4px}
.chapter-walk button:disabled{opacity:.5;cursor:default}
.walk-cases button{font-size:.8rem}
.walk-cases button[aria-pressed="true"]{background:rgba(var(--walk-rgb),.14);border-color:var(--walk-accent);color:#fff}
.walk-body{display:grid;grid-template-columns:minmax(200px,.7fr) minmax(0,1.3fr);gap:clamp(1rem,2.6vw,2.4rem);align-items:stretch}
.walk-reader{min-width:0}
.walk-theatre{min-height:320px;position:relative;overflow:hidden;border:1px solid rgba(var(--walk-rgb),.1);border-radius:16px;background:radial-gradient(ellipse at center,rgba(var(--walk-rgb),.08),transparent 68%);perspective:850px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:1.5rem 1rem;gap:.4rem}
.walk-theatre:before{content:"";position:absolute;inset:10%;background-image:linear-gradient(rgba(var(--walk-rgb),.07) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--walk-rgb),.07) 1px,transparent 1px);background-size:30px 30px;transform:rotateX(60deg);pointer-events:none}
.walk-depth{position:absolute;top:42%;left:50%;width:180px;height:150px;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(var(--walk-rx,0deg)) rotateY(var(--walk-ry,0deg));transition:transform .22s ease-out;pointer-events:none}
.walk-depth>i{position:absolute;inset:0;border:1px solid rgba(var(--walk-rgb),.25);border-radius:16px;background:linear-gradient(135deg,rgba(var(--walk-rgb),.09),rgba(6,16,32,.8));transform:translate3d(-20px,-22px,-35px) rotateY(-18deg);transition:border-color .3s,background .3s,transform .4s}
.walk-depth>i:nth-child(2){transform:translate3d(0,0,0) rotateY(-18deg)}
.walk-depth>i:nth-child(3){transform:translate3d(20px,22px,35px) rotateY(-18deg)}
.chapter-walk[data-walk-phase="0"] .walk-depth>i:nth-child(1),
.chapter-walk[data-walk-phase="1"] .walk-depth>i:nth-child(2),
.chapter-walk[data-walk-phase="2"] .walk-depth>i:nth-child(3){border-color:var(--walk-accent);background:linear-gradient(135deg,rgba(var(--walk-rgb),.25),#0a172a);box-shadow:0 0 24px rgba(var(--walk-rgb),.12)}
.walk-orbit{position:absolute;inset:-42px;border:1px solid rgba(var(--walk-rgb),.24);border-radius:50%;transform:rotateX(65deg) rotateZ(-18deg);pointer-events:none}
.walk-beacon{position:absolute;inset:0;display:grid;place-items:center;transform:translateZ(70px);font-size:3.5rem;color:var(--walk-accent);text-shadow:0 0 28px rgba(var(--walk-rgb),.4)}
.walk-visual-label{position:relative;font-size:.82rem;letter-spacing:.18em;color:var(--walk-accent)}
.walk-theatre>small{position:relative;font-size:.6875rem;letter-spacing:.09em;color:#819bb1;text-align:center}
.walk-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:0 0 1.2rem;padding:0}
.walk-steps li{min-width:0}
.walk-steps button{width:100%;height:100%;display:flex;align-items:center;gap:.5rem;text-align:left;font-size:.6875rem;letter-spacing:.04em;padding:.6rem}
.walk-steps button span{color:var(--walk-accent);font-size:.8rem;flex:none}
.walk-steps button[aria-current="step"]{border-color:var(--walk-accent);background:rgba(var(--walk-rgb),.12);color:#fff;box-shadow:inset 0 -2px var(--walk-accent)}
.walk-position{font-size:.6875rem;color:#95b2c8;letter-spacing:.08em;line-height:1.5}
.walk-copy{min-height:230px}
.walk-copy h4{font-size:clamp(1.1rem,1.6vw,1.45rem);line-height:1.25;margin:.55rem 0;color:#ebf5ff}
.walk-copy p{font-size:.9rem;line-height:1.7;color:#a8bed0;margin:.5rem 0}
.walk-boundary{border-left:2px solid var(--walk-accent);padding:.7rem 1rem;background:rgba(var(--walk-rgb),.05);margin:1rem 0}
.walk-boundary>b{font-size:.6875rem;letter-spacing:.09em;color:var(--walk-accent)}
.walk-boundary>p{font-size:.82rem;margin:.3rem 0 0}
.walk-controls{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}
.walk-controls button{font-size:.76rem}
.walk-controls [data-walk-next]{background:rgba(var(--walk-rgb),.14)}
.walk-controls [data-walk-reset]{margin-left:auto}
.walk-arrival .walk-beacon{animation:rmdWalkArrival .65s ease-out both}
@keyframes rmdWalkArrival{from{opacity:.3;filter:blur(3px)}to{opacity:1;filter:none}}
@media(max-width:980px){
  .walk-body{grid-template-columns:minmax(170px,.5fr) minmax(0,1fr)}
  .walk-depth{width:130px;height:125px}
  .walk-steps button{flex-direction:column;align-items:flex-start}
}
@media(max-width:640px){
  .walk-heading>small{margin-left:0;flex-basis:100%}
  .walk-body{grid-template-columns:minmax(0,1fr)}
  .walk-theatre{min-height:210px}
  .walk-depth{top:38%;width:110px;height:85px}
  .walk-beacon{font-size:2.6rem}
  .walk-orbit{inset:-25px}
  .walk-copy{min-height:0}
  .walk-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .walk-controls [data-walk-reset]{grid-column:1/-1;margin-left:0}
  .walk-controls [data-walk-open]{grid-column:1/-1;margin-left:0}
  .walk-controls [data-walk-open-status]{grid-column:1/-1}
  /* `flex:1` fitted two cases into a row. The proof walk now has five, and at this width they
     squeezed to 58px and broke words mid-syllable - measured, then fixed with a grid. */
  .walk-cases{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}
  .walk-cases button{flex:none;width:100%}
}
@media(prefers-reduced-motion:reduce){
  .chapter-walk *{animation:none!important;transition:none!important}
  .walk-depth{transform:translate(-50%,-50%)!important}
}
.balanced-render .chapter-walk *{animation:none!important;transition:none!important}

/* 1.4.12 / LIFE ATLAS → LIFE BOOK: source context and an edition preview. */
.life-atlas-evidence{max-width:1460px;margin:1rem auto;padding:0 1.2rem;border:1px solid rgba(111,220,255,.18);border-radius:12px;background:rgba(5,18,34,.8);color:#a6c0d2}
.life-atlas-evidence summary{min-height:48px;padding:.85rem 0;cursor:pointer;font-size:.86rem;line-height:1.5;color:#cae6f5}
.life-atlas-evidence summary span{display:inline-block;margin-left:1rem;font-size:.6875rem;color:#8baabe;letter-spacing:.08em}
.life-atlas-evidence summary:focus-visible{outline:2px solid #8be4ff;outline-offset:4px}
.life-atlas-evidence>p{font-size:.9rem;line-height:1.7;margin:.3rem 0 .7rem}
.life-atlas-evidence>small{display:block;padding-bottom:1rem;font-size:.74rem;line-height:1.6;color:#84acbf}
.life-book-sample{min-width:0;position:relative;isolation:isolate;padding:1.3rem 1.4rem 1.3rem 1.7rem;border:1px solid rgba(159,200,229,.2);border-radius:3px 14px 14px 3px;background:linear-gradient(105deg,#0e2134,#0a1627 45%);box-shadow:inset 5px 0 rgba(139,216,247,.1),3px 3px 0 #081322,4px 4px 0 rgba(155,209,245,.12);overflow-wrap:anywhere}
.life-book-sample:before{content:"";position:absolute;left:5px;top:0;bottom:0;width:18px;transform-origin:left center;background:linear-gradient(90deg,rgba(149,219,255,.13),transparent);pointer-events:none}
.life-book-sample>header{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center}
.life-book-sample>header>span{font-size:.6875rem;line-height:1.5;letter-spacing:.1em;color:#a4dbf2}
.life-book-sample>header>small{font-size:.6875rem;line-height:1.5;color:#89a7bc;letter-spacing:.04em}
.life-book-sample .book-sample-meta{font-size:.6875rem;line-height:1.6;letter-spacing:.05em;color:#93b5ca;margin:1rem 0 .6rem}
.life-book-sample blockquote{font-family:Georgia,serif;font-size:clamp(1.08rem,1.65vw,1.4rem);line-height:1.7;letter-spacing:0;color:#dcecf5;margin:0;padding:0;border:0;min-height:5.1em}
.life-book-sample .book-sample-source{font-size:.73rem;line-height:1.6;color:#91afc2;margin:1.1rem 0 .7rem;padding-top:.8rem;border-top:1px solid rgba(139,216,247,.14)}
.life-book-sample .book-sample-boundary{font-size:.78rem;line-height:1.6;color:#acd9ce;margin:0}
.book-page-arrival:before{animation:rmdPageEdge .58s ease-out both}
@keyframes rmdPageEdge{from{transform:perspective(300px) rotateY(-70deg);opacity:.2;width:70px}to{transform:perspective(300px) rotateY(0);opacity:1;width:18px}}
@media(max-width:760px){
  .life-atlas-evidence{padding:0 .9rem}
  .life-atlas-evidence summary span{display:block;margin:.3rem 0 0}
  .life-book-sample{padding:1rem 1rem 1rem 1.3rem}
  .life-book-sample blockquote{min-height:0}
}
@media(prefers-reduced-motion:reduce){.book-page-arrival:before{animation:none!important}}
.balanced-render .book-page-arrival:before{animation:none!important}


/* ============================================================
   GENESIS 1.4.13 / PHYSICAL-PHONE NORMALIZATION
   Real-device correction pass. Desktop remains cinematic; phones favor a
   single reading rhythm, predictable alignment and collision-free controls.
   ============================================================ */
.orbit-header-icon{font-size:1.05rem;color:var(--cyan);filter:drop-shadow(0 0 8px rgba(92,222,255,.28))}

@media (max-width:760px){
  /* One header language: brand left, actions right, real ORBIT glyph visible. */
  .topbar{height:56px;padding:0 10px;gap:.45rem;border-radius:15px}
  .brand{gap:.5rem;min-width:0}.brand-core{width:23px;height:23px;flex:none}.brand-core span{left:8px;top:8px}
  .brand-word{font-size:.92rem;letter-spacing:.025em;white-space:nowrap}
  .topbar-actions{gap:.18rem;min-width:0}.icon-control{width:38px;height:38px;padding:0;justify-content:center;flex:none}
  .icon-control i,.orbit-header-icon{}
  .orbit-toggle-glyph{display:none!important}

  /* All chapter introductions use the same centered reading axis on phones. */
  .scene:not(.hero)>.section-heading,
  .system-overview>.section-heading,
  .human-first-contract>.section-heading,
  .origin-band>.section-heading{
    width:100%!important;max-width:680px!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important;
  }
  .scene:not(.hero)>.section-heading h2,
  .system-overview>.section-heading h2,
  .human-first-contract>.section-heading h2,
  .origin-band>.section-heading h2,
  .final-content h2{
    max-width:15ch!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important;
    overflow-wrap:normal!important;word-break:normal!important;
  }
  .scene:not(.hero)>.section-heading p,
  .system-overview>.section-heading p,
  .human-first-contract>.section-heading p,
  .origin-band>.section-heading p,
  .final-content p{
    max-width:38rem!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important;
  }
  .scene:not(.hero)>.section-heading .eyebrow,
  .system-overview>.section-heading .eyebrow,
  .human-first-contract>.section-heading .eyebrow,
  .origin-band>.section-heading .eyebrow{display:block;text-align:center}
  .scene .section-heading::before,.system-overview .section-heading::before{display:none!important}
  .scene.chapter-active .section-heading .eyebrow::after,.system-overview.chapter-active .section-heading .eyebrow::after{display:none!important}

  /* Prevent desktop min-content assumptions from squeezing labels into collisions. */
  .scene *,.system-overview *{min-width:0}
  .scene article,.scene button,.scene .holo-card,.scene .chapter-walk,.system-overview article{
    overflow-wrap:anywhere;word-break:normal;
  }
  .scene img,.scene video,.scene canvas,.scene svg{max-width:100%}

  /* Common long-form surfaces always remain inside the phone reading column. */
  .overview-stage,.continuum-world-stage,.world-stage,.affinity-stage,
  .agent-network,.agent-permission-lab,.shared-agent-strip,.systems-stage,.trust-grid,
  .ecosystem-stage,.atlas-stage,.case-lab,.life-atlas-stage,.life-book-stage,.legacy-stage,
  .project-continuum-stage,.continuity-economy-stage,.civilization-atlas,.civilization-constellation,
  .platform-continuity,.proof-lab,.chapter-walk,.life-atlas-evidence{
    width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;
  }

  /* Cards grow with copy instead of forcing copy into old desktop heights. */
  .holo-card,.telemetry-card,.quest-card,.trust-card,.professional-card,.everyday-card,
  .edge-card,.proof-readout,.proof-failure-strip,.life-book-sample,.project-readout,
  .human-dimension-readout,.shared-agent-strip article,.project-stewardship-grid article{
    height:auto!important;min-height:0;
  }

  /* Repeated horizontal control groups become reliable wrap/stack surfaces. */
  .human-dimensions,.pack-categories article>div,.civilization-category-bar,.reserve-profiles,
  .proof-cases,.walk-cases,.walk-controls,.evolution-era-track{
    max-width:100%;
  }
  .proof-cases button,.civilization-category-bar button,.reserve-profiles button,
  .human-dimensions button,.evolution-era-track button{white-space:normal!important}

  /* Failure copy is explanatory content, not an engineering banner. */
  .proof-failure-strip{align-items:flex-start;gap:.8rem;padding:1rem!important}
  .proof-failure-strip>i{flex:none;margin-top:.15rem}
  .proof-failure-strip b{display:block;line-height:1.55!important;letter-spacing:.045em!important}
  .proof-failure-strip p{line-height:1.62!important;margin-top:.55rem!important}

  /* Fixed overlays must not crowd chapter copy on compact phones. */
  .journey-hud{max-width:calc(100vw - 16px)}
  .journey-hud.is-open .journey-hud-panel{max-height:min(50vh,390px);overflow:auto}
}

@media (max-width:520px){
  .scene{padding-left:16px!important;padding-right:16px!important}
  .scene:not(.hero) .section-heading h2,.system-overview .section-heading h2,
  .human-first-contract .section-heading h2,.origin-band .section-heading h2,.final-content h2{
    line-height:.96!important;letter-spacing:-.045em!important;
  }
  .scene:not(.hero) .section-heading p,.system-overview .section-heading p,
  .human-first-contract .section-heading p,.origin-band .section-heading p,.final-content p{
    line-height:1.65!important;
  }
  .proof-failure-strip{display:grid!important;grid-template-columns:28px minmax(0,1fr)!important}
  .proof-failure-strip small{line-height:1.35!important}
  .proof-failure-strip b{}
  .walk-heading{text-align:left}
}


/* ============================================================
   GENESIS 1.4.14 / PHYSICAL-PHONE HUD + FOOTER CORRECTION
   Screenshot-driven pass: deterministic Continuum bar, reliable close action,
   one chapter alignment system and a non-overlapping final/footer composition.
   ============================================================ */


.journey-hud-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0}
.journey-hud-close{
  width:32px;height:32px;min-width:32px;min-height:32px;padding:0;border:1px solid rgba(var(--journey-accent),.16);
  border-radius:9px;background:rgba(var(--journey-accent),.045);color:#a8d7e4;display:grid;place-items:center;cursor:pointer;
}
.journey-hud-close:hover,.journey-hud-close:focus-visible{border-color:rgba(var(--journey-accent),.46);color:#ecfbff;background:rgba(var(--journey-accent),.10)}
.journey-hud-close i{font-size:.86rem}

@media (max-width:760px){
  /* One mobile chapter-intro grammar, including sections that use custom wrappers. */
  .scene:not(.hero) .section-heading,
  .system-overview .section-heading,
  .human-first-contract .section-heading,
  .origin-band .origin-copy,
  .final-content{
    width:100%!important;max-width:680px!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important;
  }
  .scene:not(.hero) .section-heading h2,
  .system-overview .section-heading h2,
  .human-first-contract .section-heading h2,
  .origin-band .origin-copy h2,
  .final-content h2{
    max-width:15ch!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important;
    line-height:.92!important;letter-spacing:-.05em!important;
  }
  .scene:not(.hero) .section-heading p,
  .system-overview .section-heading p,
  .human-first-contract .section-heading p,
  .origin-band .origin-copy p,
  .final-content p{
    max-width:38rem!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important;
    line-height:1.66!important;
  }
  .origin-band .origin-copy>.eyebrow{display:block;text-align:center}

  /* The final chapter was using an absolutely positioned desktop footer. On a
     phone that placed brand/nav/stats over the paragraph and CTA. Make it flow. */
  .horizon-section{
    min-height:auto!important;height:auto!important;display:block!important;
    padding:88px 16px calc(170px + env(safe-area-inset-bottom))!important;
  }
  .horizon-section .final-content{padding-bottom:0!important}
  .final-reassembly{width:min(300px,86vw);height:min(300px,86vw);margin-bottom:1.25rem}
  .final-content .plasma-button{width:min(100%,420px);margin-top:.25rem}
  .site-footer{
    position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;
    width:100%!important;max-width:680px!important;margin:48px auto 0!important;padding:24px 0 18px!important;
    display:grid!important;grid-template-columns:1fr!important;gap:20px!important;align-items:center!important;justify-items:center!important;
    text-align:center!important;border-top:1px solid rgba(102,222,255,.11)!important;
  }
  .site-footer>div:first-child{align-items:center!important}
  .site-footer .brand-word{}
  .site-footer small{}
  .footer-stats{
    width:100%;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;
    letter-spacing:.08em!important;text-align:center!important;
  }
  .footer-stats span{min-width:0;padding:9px 5px;border:1px solid rgba(102,222,255,.07);border-radius:10px;background:rgba(6,18,31,.36)}
  .footer-stats b{display:block;margin-top:3px;font-size:.72rem}
  .site-footer nav{
    justify-self:center!important;width:100%!important;display:flex!important;justify-content:center!important;flex-wrap:wrap!important;gap:10px 14px!important;
  }
  .site-footer nav a,.site-footer nav button{line-height:1.4!important;padding:4px 2px!important}

  /* Fixed navigation layers always stay in the reserved safe zone below content. */
  main{padding-bottom:0!important}
  .journey-hud{left:8px!important;right:8px!important;width:auto!important;bottom:calc(max(10px,env(safe-area-inset-bottom)) + 76px)!important}
  .journey-hud-summary{min-height:50px!important}
  .journey-hud-summary-copy small{letter-spacing:.08em!important}
  .journey-hud-summary-copy b{}
  .journey-hud-summary-copy em{}
  .journey-hud.is-open .journey-hud-panel{max-height:min(54vh,430px)!important}
  .journey-hud-panel>header{align-items:center!important}
  .journey-hud-panel>header em{max-width:none!important;text-align:right!important}
}

@media (max-width:390px){
  .origin-band .origin-copy h2,.final-content h2,.scene:not(.hero) .section-heading h2{max-width:14ch!important;}
  .footer-stats{grid-template-columns:1fr!important}
  .site-footer nav{gap:8px 12px!important}
  .journey-hud-head-actions>em{display:none}
}


/* ============================================================
   GENESIS 1.4.15 / MOBILE CONTINUUM MAP
   Physical-phone refinement: the desktop context HUD remains intact, while
   touch layouts get a deterministic two-line chapter bar and compact map.
   ============================================================ */
.journey-mobile-map{display:none}

@media (max-width:760px){
  /* Always one stable control above the dock: never a floating bead. */
  .journey-hud{
    left:8px!important;right:8px!important;width:auto!important;
    bottom:calc(max(8px,env(safe-area-inset-bottom)) + 78px)!important;
    gap:5px!important;z-index:92!important;
  }
  .journey-hud.is-visible{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
  .journey-hud-summary{
    min-height:44px!important;padding:5px 9px!important;border-radius:13px!important;
    grid-template-columns:28px minmax(0,1fr) 20px!important;gap:7px!important;
  }
  .journey-hud-orb{width:24px!important;height:24px!important}
  .journey-hud-orb::before,.journey-hud-orb::after{inset:4px!important}
  .journey-hud-summary-copy{gap:0!important}
  .journey-hud-summary-copy small{display:none!important}
  .journey-hud-summary-copy b{line-height:1.18!important;letter-spacing:.045em!important}
  .journey-hud-summary-copy em{line-height:1.18!important;letter-spacing:.065em!important;color:#7899aa!important}
  .journey-hud-caret{}

  /* Mobile panel is a chapter navigator, not the desktop diagnostic console. */
  .journey-hud.is-open .journey-hud-panel{
    max-height:none!important;overflow:hidden!important;padding:10px!important;margin-bottom:0!important;
    border-radius:13px!important;
  }
  .journey-hud-panel>header{padding-bottom:8px!important;gap:8px!important}
  .journey-hud-panel>header small{}
  .journey-hud-panel>header b{}
  .journey-hud-head-actions>em{display:none!important}
  .journey-hud-close{width:30px;height:30px;min-width:30px;min-height:30px}
  .journey-hud-grid,.journey-hud-route,.journey-hud-history,.journey-hud-panel>footer{display:none!important}
  .journey-mobile-map{display:grid;gap:8px;padding-top:8px}
  .journey-mobile-current{display:flex;align-items:end;justify-content:space-between;gap:8px}
  .journey-mobile-current>span{display:grid;gap:1px;min-width:0}
  .journey-mobile-current small{letter-spacing:.1em!important;color:#7398aa!important}
  .journey-mobile-current b{font:700 .7rem/1.2 var(--font-mono);letter-spacing:.045em;color:#dff8ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .journey-mobile-current em{font:700 11px/1.2 var(--font-mono);font-style:normal;letter-spacing:.06em;color:#6f94a5;white-space:nowrap}
  .journey-mobile-progress{height:3px;border-radius:99px;background:rgba(108,214,255,.08);overflow:hidden}
  .journey-mobile-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(80,214,255,.58),rgba(157,111,255,.76));box-shadow:0 0 10px rgba(91,213,255,.22);transition:width .22s ease}
  .journey-mobile-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
  .journey-mobile-chapters button{
    min-width:0;min-height:27px;padding:4px 3px;border:1px solid rgba(102,222,255,.075);border-radius:6px;
    background:rgba(6,19,33,.54);color:#7194a5;font:700 11px/1.1 var(--font-mono);letter-spacing:.025em;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;
  }
  .journey-mobile-chapters button.is-current{
    border-color:rgba(var(--journey-accent),.48);background:rgba(var(--journey-accent),.10);color:#e3faff;
    box-shadow:0 0 14px rgba(var(--journey-accent),.08);
  }
  .journey-mobile-chapters button.is-past{color:#92b6c5;border-color:rgba(102,222,255,.12)}

  /* The actual page footer exists only at the natural end of the page on phones.
     It keeps its layout footprint but stays visually dormant until the final scroll. */
  .site-footer{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(10px);transition:opacity .24s ease,transform .24s ease,visibility 0s linear .24s}
  body.mobile-footer-ready .site-footer{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none;transition:opacity .24s ease,transform .24s ease,visibility 0s}
}

@media (max-width:390px){
  .journey-mobile-chapters{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}
  .journey-mobile-chapters button{min-height:25px;font-size:.6875rem;padding:3px 2px}
  .journey-hud.is-open .journey-hud-panel{padding:9px 8px!important}
}

@media (prefers-reduced-motion:reduce){
  .journey-mobile-progress i,.site-footer{transition:none!important}
}

/* ============================================================
   GENESIS 1.4.16 / MOBILE CHROME SEPARATION
   Phone UI has two independent layers:
   1) Continuum chapter control is always present at the viewport bottom.
   2) App/footer dock appears only when the final Humanity region is reached.
   Desktop journey diagnostics never enter the phone layout.
   ============================================================ */
.journey-desktop-detail{display:contents}

@media (max-width:1100px){
  /* The footer dock is no longer reading chrome. It is a true end-of-page action bar. */
  .mobile-dock{
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;
    transform:translateX(-50%) translateY(calc(100% + 28px))!important;
    transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s!important;
  }
  body.mobile-footer-ready .mobile-dock{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;
    transform:translateX(-50%)!important;
    transition:opacity .22s ease,transform .22s ease,visibility 0s!important;
  }
  /* Old auto-hide / hero-hide states may still be toggled by legacy JS; they no longer
     decide whether the dock exists. End-of-page state is the single authority. */
  body.mobile-footer-ready .mobile-dock.is-auto-hidden,
  body.mobile-footer-ready .mobile-dock.is-hero-hidden{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;
    transform:translateX(-50%)!important;
  }

  /* Two lines means two lines: the DOM no longer contains the old kicker. */
  .journey-hud-summary{
    min-height:46px!important;padding:6px 10px!important;border-radius:14px!important;
    grid-template-columns:28px minmax(0,1fr) 20px!important;gap:8px!important;
  }
  .journey-hud-summary-copy{display:grid!important;grid-template-rows:auto auto!important;gap:1px!important;align-content:center!important;min-width:0!important}
  .journey-hud-summary-copy b{line-height:1.15!important;letter-spacing:.055em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .journey-hud-summary-copy em{line-height:1.15!important;letter-spacing:.07em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

  /* Desktop diagnostics are structurally quarantined from touch layouts. */
  .journey-desktop-detail{display:none!important}
  .journey-mobile-map{display:grid!important}
  .journey-hud-panel>header .journey-hud-head-actions>em{display:none!important}

  /* Expanded chapter map must fit the viewport; there is deliberately no internal scroller. */
  .journey-hud.is-open .journey-hud-panel{
    overflow:hidden!important;overflow-y:hidden!important;max-height:none!important;
    height:auto!important;padding:10px!important;border-radius:14px!important;
  }
  .journey-hud-panel>header{padding:0 0 7px!important;margin:0!important;min-height:30px!important}
  .journey-hud-panel>header small{display:none!important}
  .journey-hud-panel>header b{line-height:1.15!important;letter-spacing:.06em!important}
  .journey-mobile-map{gap:7px!important;padding-top:6px!important}
  .journey-mobile-current{align-items:center!important}
  .journey-mobile-current small{display:none!important}
  .journey-mobile-current b{}
  .journey-mobile-current em{}
  .journey-mobile-progress{height:3px!important}
  .journey-mobile-chapters{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:3px!important}
  .journey-mobile-chapters button{
    min-height:25px!important;height:25px!important;padding:3px 2px!important;
    border-radius:6px!important;line-height:1!important;
  }

  /* Reading content only reserves space for the persistent two-line Continuum bar. */
  main{padding-bottom:62px!important}
  .horizon-section{padding-bottom:calc(92px + env(safe-area-inset-bottom))!important}
  body.mobile-footer-ready .horizon-section{padding-bottom:calc(170px + env(safe-area-inset-bottom))!important}
}

@media (max-width:390px){
  .journey-mobile-chapters{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:2px!important}
  .journey-mobile-chapters button{height:23px!important;min-height:23px!important;}
  .journey-hud.is-open .journey-hud-panel{padding:8px!important}
}

@media (prefers-reduced-motion:reduce){
  .mobile-dock{transition:none!important}
}
@media (max-width:1100px){
  .journey-hud.journey-map-tight .journey-mobile-map{gap:4px!important;padding-top:4px!important}
  .journey-hud.journey-map-tight .journey-mobile-chapters button{height:21px!important;min-height:21px!important;padding:2px 1px!important}
  .journey-hud.journey-map-tight .journey-hud-panel>header{padding-bottom:4px!important}
}


/* ============================================================
   GENESIS 1.4.17 / MOBILE THREAD LOCK
   Retire the legacy reading-bead contraction on touch layouts. The Continuum
   navigator remains one stable full-width control through every chapter.
   ============================================================ */


/* 1.4.19 — readable interface copy and one fitted thread panel. */
body :not(h1,h2,h3,h4,h5,h6):not(h1 *,h2 *,h3 *,h4 *,h5 *,h6 *) {
  text-transform:none!important;
}
.chapter-layout-resolved section {content-visibility:visible!important;contain-intrinsic-size:none!important}
#journeyHud {
  position:fixed!important;left:16px!important;right:auto!important;bottom:max(12px,env(safe-area-inset-bottom))!important;
  width:min(540px,calc(100vw - 32px))!important;gap:8px!important;
  opacity:1!important;visibility:visible!important;transform:none!important;
}
#journeyHud .journey-hud-summary {
  width:100%!important;min-width:0!important;min-height:48px!important;padding:8px 12px!important;
  display:grid!important;grid-template-columns:28px minmax(0,1fr) 20px!important;gap:10px!important;border-radius:14px!important;
}
#journeyHud .journey-hud-summary-copy {display:grid!important;gap:2px!important;opacity:1!important;visibility:visible!important}
#journeyHud .journey-hud-summary-copy b {line-height:1.25!important;letter-spacing:0!important}
#journeyHud .journey-hud-summary-copy em {line-height:1.25!important;letter-spacing:0!important}
#journeyHud .journey-hud-caret {display:block!important}
#journeyHud .journey-hud-orb {width:26px!important;height:26px!important;margin:0!important}
#journeyHudPanel {display:none!important}
#journeyHud.is-open #journeyHudPanel {
  display:block!important;height:auto!important;max-height:none!important;overflow:visible!important;
  padding:14px!important;margin:0!important;opacity:1!important;transform:none!important;transition:opacity .18s ease!important;
}
#journeyHudPanel * {letter-spacing:0!important;box-sizing:border-box}
#journeyHudPanel>header {display:flex!important;align-items:center!important;gap:10px!important;padding:0 0 10px!important;margin:0!important}
#journeyHudPanel>header small,#journeyHudState {display:none!important}
#journeyHudPanel>header b {line-height:1.3!important}
#journeyHudPanel .journey-hud-head-actions {display:flex!important}
#journeyHudPanel .journey-hud-close {width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}
#journeyHudPanel .thread-tabs {display:flex;gap:6px;margin:0 0 10px}
#journeyHudPanel .thread-tabs button {flex:1;min-height:36px;border:1px solid #234153;border-radius:8px;background:#081725;color:#b1ccd8;font-size:13px;cursor:pointer}
#journeyHudPanel .thread-tabs button[aria-selected=true] {color:#e1fbff;background:#123347;border-color:#4cbacb}
#journeyHudPanel [hidden] {display:none!important}
#journeyHudPanel .thread-view:not([hidden]) {display:block!important}
#journeyHudPanel .journey-mobile-current {display:flex!important;justify-content:space-between;gap:10px;margin:0 0 8px}
#journeyHudPanel .journey-mobile-current small {display:none!important}
#journeyHudPanel .journey-mobile-current b,#journeyHudPanel .journey-mobile-current em {line-height:1.3!important;font-style:normal;white-space:normal!important}
#journeyHudPanel .journey-mobile-progress {height:3px;background:#153347;margin-bottom:10px}
#journeyHudPanel .journey-mobile-progress i {display:block;height:100%;background:#61dce9}
#journeyHudPanel .journey-mobile-chapters {display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important}
#journeyHudPanel .journey-mobile-chapters button {height:auto!important;min-height:36px!important;padding:5px!important;font:500 12px/1.25 var(--font-body,sans-serif)!important;white-space:normal!important;overflow:visible!important;overflow-wrap:normal!important;border:1px solid #1a3849;border-radius:7px;color:#a2c5d4;background:#081b29;cursor:pointer}
#journeyHudPanel .journey-mobile-chapters button.is-current {color:#e2fcff;background:#153c4b;border-color:#54bcca}
#journeyHudPanel .journey-hud-grid {display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px;margin:0 0 10px!important}
#journeyHudPanel .journey-hud-grid>span {min-height:0;padding:8px}
#journeyHudPanel .journey-hud-grid small {line-height:1.3!important}
#journeyHudPanel .journey-hud-grid b {line-height:1.4!important;overflow-wrap:break-word!important}
#journeyHudPanel .journey-hud-route {display:grid!important;grid-template-columns:1fr 8px 1fr 8px 1fr 8px 1fr!important;margin:0!important;padding:8px 0!important}
#journeyHudPanel .journey-hud-route>span {padding:5px;min-height:0}
#journeyHudPanel .journey-hud-route b,#journeyHudPanel .journey-hud-route small {line-height:1.35!important;overflow-wrap:break-word!important}
#threadContext>footer {display:flex!important;gap:8px;margin-top:10px}
#threadContext>footer button {flex:1;min-height:40px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #315467;border-radius:8px;background:#0e2637;color:#c6e6ef;font-size:12px;cursor:pointer}
#threadContext>footer button:disabled {opacity:.45;cursor:default}
#journeyHudPanel .journey-hud-history {display:grid!important;margin:0;padding:0;gap:8px}
#journeyHudPanel .journey-hud-history small {}
#journeyHudHistory>span {white-space:normal!important;overflow:visible!important;overflow-wrap:break-word;line-height:1.5!important;padding:8px!important}
#journeyHudPanel button:focus-visible {outline:2px solid #8decff;outline-offset:2px}
.site-footer {opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
.mobile-dock {position:static!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;margin:16px auto 0!important;width:100%!important;max-width:540px!important}
#transmission {padding-bottom:90px!important}
@media(max-width:600px) {
  #journeyHud {left:8px!important;width:calc(100vw - 16px)!important}
  #journeyHud.is-open #journeyHudPanel {padding:10px!important}
  #journeyHudPanel .journey-mobile-chapters {grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important}
  #journeyHudPanel .journey-mobile-chapters button {min-height:34px!important}
}
@media(max-height:600px) and (min-width:601px) {
  #journeyHud {width:min(800px,calc(100vw - 32px))!important}
  #journeyHudPanel .journey-mobile-chapters {grid-template-columns:repeat(6,minmax(0,1fr))!important}
  #journeyHudPanel .journey-hud-grid {grid-template-columns:repeat(4,minmax(0,1fr))!important}
  #journeyHudPanel>header {padding-bottom:4px!important}
  #journeyHudPanel .thread-tabs {margin-bottom:6px}
  #journeyHudPanel .journey-mobile-chapters button {min-height:28px!important}
}
/* Footer navigation is normal document content, with space for the fixed thread. */
#transmission .site-footer {position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%;margin-top:40px}
#transmission .mobile-dock {flex-wrap:wrap;justify-content:center}
@media(max-width:600px) and (max-height:650px) {
  #journeyHudPanel .journey-mobile-chapters {grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:3px!important}
  #journeyHudPanel .journey-mobile-chapters button {min-height:32px!important;padding:4px!important}
  #journeyHudPanel>header {padding-bottom:4px!important}
  #journeyHudPanel .thread-tabs {margin-bottom:6px}
}

body.no-scroll #journeyHud {opacity:0!important;pointer-events:none!important}
#transmission #mobileDock {position:static!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;margin:16px auto 0!important;width:100%!important;max-width:540px!important}

/* Native hash scrolling receives the same fixed-header clearance as the
   precision router, including direct links copied into a new tab. */
main [id] {scroll-margin-top:124px}
@media(max-width:760px) {main [id] {scroll-margin-top:104px}}

/* Context-to-action preview: integrations stay visibly review-gated. */
.life-actions-lab {
  width:min(1180px,calc(100% - 40px));margin:70px auto 10px;padding:clamp(20px,3vw,38px);
  border:1px solid rgba(105,214,233,.3);border-radius:24px;
  background:radial-gradient(circle at 9% 4%,rgba(69,207,226,.13),transparent 30%),linear-gradient(145deg,rgba(8,28,42,.96),rgba(5,17,29,.94));
  box-shadow:0 30px 90px rgba(0,0,0,.26),inset 0 1px rgba(207,250,255,.06);
}
.life-actions-heading {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 28px;align-items:end;margin-bottom:22px}
.life-actions-heading .eyebrow {grid-column:1/-1;color:#6edbe8;font-size:12px;letter-spacing:.08em;text-transform:none}
.life-actions-heading h3 {margin:0;color:#effdff;font-size:clamp(25px,3vw,42px);line-height:1.08;letter-spacing:-.035em}
.life-actions-heading p {grid-column:1;max-width:740px;margin:5px 0 0;color:#a8c4d0;font-size:15px;line-height:1.65}
.life-actions-heading em {grid-column:2;grid-row:2/4;align-self:center;padding:9px 12px;border:1px solid rgba(239,184,91,.34);border-radius:999px;color:#eac98e;background:rgba(144,91,26,.12);font-size:12px;font-style:normal;white-space:nowrap}
.life-action-tabs {display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:7px;margin-bottom:10px}
.life-action-tabs button {min-width:0;min-height:62px;padding:9px 6px;border:1px solid rgba(97,153,176,.24);border-radius:12px;color:#98b9c7;background:rgba(8,29,43,.72);font:500 12px/1.25 var(--font-body,sans-serif);cursor:pointer;transition:border-color .2s,background .2s,color .2s,transform .2s}
.life-action-tabs button i {display:block;margin:0 auto 5px;color:#5ebcca;font-size:21px}
.life-action-tabs button:hover,.life-action-tabs button:focus-visible {border-color:#60c6d5;color:#e8fbff;transform:translateY(-1px)}
.life-action-tabs button:focus-visible {outline:2px solid #8decff;outline-offset:2px}
.life-action-tabs button.active {border-color:rgba(112,227,238,.72);color:#f2feff;background:linear-gradient(145deg,rgba(41,126,145,.3),rgba(12,45,61,.74));box-shadow:inset 0 0 22px rgba(92,213,226,.08)}
.life-action-tabs button.active i {color:#85edf4}
.life-action-console {position:relative;overflow:hidden;padding:clamp(18px,2.6vw,30px);border-radius:16px;background:linear-gradient(135deg,rgba(8,24,38,.96),rgba(8,34,48,.92))}
.life-action-console::after {content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(115,238,244,.09),transparent);transform:translateX(-110%)}
.life-action-console.is-prepared::after {animation:life-action-scan .85s ease}
@keyframes life-action-scan {to{transform:translateX(110%)}}
.life-action-console>header {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.life-action-console>header span {display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;min-width:0}
.life-action-console>header small {color:#8daebb;font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.life-action-console>header b {padding:5px 8px;border:1px solid rgba(111,220,230,.25);border-radius:6px;color:#b5edf1;background:rgba(66,159,171,.1);font-size:11px;font-weight:600}
.life-action-console>header>i {color:#69d6e2;font-size:26px}
.life-action-console>h3 {max-width:760px;margin:0 0 8px;color:#f1fdff;font-size:clamp(22px,2.6vw,34px);line-height:1.15;letter-spacing:-.025em}
.life-action-console>p {max-width:790px;margin:0;color:#adc6d1;font-size:14px;line-height:1.65}
.life-action-flow {display:flex;align-items:center;gap:8px;margin:23px 0 16px;overflow:visible}
.life-action-flow span {flex:1;min-width:0;padding:10px 8px;border:1px solid rgba(101,191,205,.24);border-radius:9px;color:#d7f2f5;background:rgba(22,68,83,.28);font-size:12px;text-align:center;overflow-wrap:anywhere}
.life-action-flow i {flex:0 0 auto;color:#4c8fa2;font-size:15px}
.life-action-facts {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.life-action-facts>span {min-width:0;padding:12px;border:1px solid rgba(69,115,137,.24);border-radius:10px;background:rgba(5,21,33,.48)}
.life-action-facts small,.life-action-facts b {display:block;overflow-wrap:anywhere}
.life-action-facts small {margin-bottom:4px;color:#7198a8;font-size:11px}
.life-action-facts b {color:#c4dce4;font-size:12px;font-weight:600;line-height:1.4}
.life-action-console>footer {display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.life-action-console>footer button {min-height:43px;padding:9px 15px;border:1px solid #376b7e;border-radius:9px;color:#d9f5f7;background:#102f40;font:600 12px/1.3 var(--font-body,sans-serif);cursor:pointer}
.life-action-console>footer button:last-child {border-color:#69cbd5;color:#04171d;background:#78dce5}
.life-action-console>footer button:focus-visible {outline:2px solid #a8f6ff;outline-offset:2px}
.life-action-status {display:block;margin-top:12px;color:#7da5b4;font-size:11px;line-height:1.5}
@media(max-width:900px) {
  .life-actions-heading {grid-template-columns:1fr}.life-actions-heading em {grid-column:1;grid-row:auto;justify-self:start}
  .life-action-tabs {grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:600px) {
  .life-actions-lab {width:calc(100% - 20px);margin-top:45px;padding:16px;border-radius:18px}
  .life-action-tabs {grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .life-action-tabs button:last-child {grid-column:1/-1}
  .life-action-tabs button {min-height:50px;display:flex;align-items:center;justify-content:center;gap:7px;padding:8px}
  .life-action-tabs button i {display:inline;margin:0;font-size:18px}
  .life-action-console {padding:16px}
  .life-action-flow {display:grid;grid-template-columns:1fr 14px 1fr;gap:6px}
  .life-action-flow i:nth-of-type(2) {display:none}
  .life-action-flow span:nth-of-type(3) {grid-column:1}.life-action-flow i:nth-of-type(3) {grid-column:2}.life-action-flow span:nth-of-type(4) {grid-column:3}
  .life-action-facts {grid-template-columns:1fr}
  .life-action-console>footer {display:grid;grid-template-columns:1fr}.life-action-console>footer button {width:100%}
}

/* Communication workspace: one resolved person, four channel boundaries. */
.communication-hub {width:min(1180px,calc(100% - 40px));margin:44px auto}
.communication-hub-heading {display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:12px}
.communication-hub-heading>span {min-width:0}.communication-hub-heading small {display:block;margin-bottom:5px;color:#6edbe8;font-size:12px;letter-spacing:.08em}
.communication-hub-heading h3 {margin:0;color:#edfaff;font-size:clamp(23px,2.8vw,38px);line-height:1.12;letter-spacing:-.03em}
.communication-hub-heading em {flex:0 0 auto;padding:8px 11px;border:1px solid rgba(239,184,91,.32);border-radius:999px;color:#e9c98f;background:rgba(144,91,26,.1);font-size:11px;font-style:normal;white-space:nowrap}
.communication-shell {display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);overflow:hidden;padding:0;border-color:rgba(91,198,216,.3);background:linear-gradient(135deg,rgba(7,27,41,.98),rgba(5,18,31,.96))}
.communication-person {padding:clamp(18px,2.5vw,28px);border-right:1px solid rgba(86,155,177,.2);background:radial-gradient(circle at 30% 0,rgba(80,203,220,.14),transparent 42%)}
.communication-avatar {display:grid;width:54px;height:54px;place-items:center;margin-bottom:13px;border:1px solid rgba(103,220,231,.38);border-radius:50%;color:#78e0e9;background:rgba(54,156,171,.12);font-size:32px;box-shadow:0 0 32px rgba(68,201,218,.12)}
.communication-person h4 {margin:0 0 3px;color:#eefcff;font-size:21px;letter-spacing:-.02em}
.communication-person>p {margin:0 0 11px;color:#83a6b5;font-size:12px}
.communication-person>b {display:inline-flex;align-items:center;gap:6px;color:#78d8bd;font-size:11px;font-weight:600}
.communication-context {display:grid;gap:7px;margin-top:21px}
.communication-context>span {min-width:0;padding:10px;border:1px solid rgba(65,117,137,.23);border-radius:9px;background:rgba(5,19,31,.48)}
.communication-context small,.communication-context strong {display:block;overflow-wrap:anywhere}.communication-context small {margin-bottom:3px;color:#7195a4;font-size:11px}.communication-context strong {color:#c9e0e7;font-size:11px;line-height:1.4}
.communication-console {min-width:0;padding:clamp(18px,2.7vw,30px)}
.communication-tabs {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:10px}
.communication-tabs button {min-width:0;min-height:43px;padding:8px;border:1px solid rgba(83,143,164,.27);border-radius:9px;color:#93b4c1;background:rgba(7,25,38,.64);font:500 12px/1.3 var(--font-body,sans-serif);cursor:pointer}
.communication-tabs button i {margin-right:5px;color:#5abcca;font-size:16px}.communication-tabs button.active {border-color:#66d5df;color:#eaffff;background:rgba(49,136,152,.25)}
.communication-tabs button:focus-visible,.communication-channel-panel button:focus-visible {outline:2px solid #98edf5;outline-offset:2px}
.communication-channel-panel {position:relative;overflow:hidden;padding:18px;border:1px solid rgba(69,125,148,.23);border-radius:13px;background:rgba(4,18,30,.48)}
.communication-channel-panel::after {content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(115,238,244,.09),transparent);transform:translateX(-110%)}
.communication-channel-panel.is-prepared::after {animation:life-action-scan .8s ease}
.communication-channel-panel>header {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.communication-channel-panel>header span {display:flex;flex-wrap:wrap;align-items:center;gap:7px 10px;min-width:0}
.communication-channel-panel>header small {color:#83a9b7;font-size:11px;overflow-wrap:anywhere}.communication-channel-panel>header b {padding:5px 7px;border:1px solid rgba(95,199,211,.25);border-radius:6px;color:#aee7ea;font-size:11px}.communication-channel-panel>header>i {color:#64d0d9;font-size:22px}
.communication-channel-panel>h3 {max-width:720px;margin:0 0 7px;color:#f2fdff;font-size:clamp(21px,2.4vw,31px);line-height:1.15;letter-spacing:-.025em}.communication-channel-panel>p {max-width:760px;margin:0;color:#9ebbc7;font-size:13px;line-height:1.6}
.communication-preview {display:grid;gap:7px;margin:18px 0}.communication-preview span {width:fit-content;max-width:86%;padding:9px 12px;border-radius:10px;color:#bed5dd;font-size:12px;line-height:1.45;overflow-wrap:anywhere}.communication-preview .from-them {border:1px solid rgba(79,128,148,.22);background:#0b2738}.communication-preview .draft {justify-self:end;border:1px solid rgba(94,210,220,.28);color:#daf6f8;background:rgba(38,118,134,.28)}
.communication-boundary {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.communication-boundary>span {min-width:0;padding:10px;border:1px solid rgba(64,112,133,.22);border-radius:8px;background:rgba(4,16,27,.4)}.communication-boundary small,.communication-boundary b {display:block;overflow-wrap:anywhere}.communication-boundary small {margin-bottom:3px;color:#6e94a4;font-size:11px}.communication-boundary b {color:#c2dce4;font-size:11px;line-height:1.4}
.communication-channel-panel>footer {display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.communication-channel-panel>footer button {min-height:40px;padding:8px 12px;border:1px solid #315c70;border-radius:8px;color:#c6e5ec;background:#0d2a3a;font:600 11px/1.3 var(--font-body,sans-serif);cursor:pointer}.communication-channel-panel>footer button:last-child {border-color:#6fd5de;color:#03171d;background:#79dce4}
.communication-status {display:block;margin-top:10px;color:#779dac;font-size:11px;line-height:1.45}
@media(max-width:800px) {
  .communication-hub-heading {display:grid}.communication-hub-heading em {justify-self:start}
  .communication-shell {grid-template-columns:1fr}.communication-person {border-right:0;border-bottom:1px solid rgba(86,155,177,.2)}
  .communication-context {grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:600px) {
  .communication-hub {width:calc(100% - 20px);margin:32px auto}
  .communication-shell {border-radius:15px}.communication-person,.communication-console {padding:15px}
  .communication-context,.communication-boundary {grid-template-columns:1fr}
  .communication-tabs {grid-template-columns:repeat(2,minmax(0,1fr))}
  .communication-channel-panel {padding:14px}
  .communication-channel-panel>footer {display:grid;grid-template-columns:1fr}.communication-channel-panel>footer button {width:100%}
}

/* Everyday action desk: intent, provider submission and outcome stay distinct. */
.everyday-action-desk {width:min(1180px,calc(100% - 40px));margin:54px auto 20px}
.everyday-action-heading {display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:13px}.everyday-action-heading>span {min-width:0}.everyday-action-heading small {display:block;margin-bottom:5px;color:#70dce8;font-size:12px;letter-spacing:.08em}.everyday-action-heading h3 {margin:0;color:#f0fcff;font-size:clamp(23px,2.8vw,38px);line-height:1.12;letter-spacing:-.03em}.everyday-action-heading em {flex:0 0 auto;padding:8px 11px;border:1px solid rgba(239,184,91,.32);border-radius:999px;color:#e9c98f;background:rgba(144,91,26,.1);font-size:11px;font-style:normal;white-space:nowrap}
.everyday-action-tabs {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-bottom:9px}.everyday-action-tabs button {min-width:0;min-height:46px;padding:8px;border:1px solid rgba(81,143,164,.27);border-radius:9px;color:#94b5c2;background:rgba(7,25,38,.7);font:500 12px/1.3 var(--font-body,sans-serif);cursor:pointer}.everyday-action-tabs button i {margin-right:5px;color:#5bbdcb;font-size:17px}.everyday-action-tabs button.active {border-color:#69d5df;color:#ecfeff;background:rgba(49,136,152,.26)}
.everyday-action-tabs button:focus-visible,.everyday-action-shell button:focus-visible {outline:2px solid #98edf5;outline-offset:2px}
.everyday-action-shell {display:grid;grid-template-columns:minmax(250px,305px) minmax(0,1fr);overflow:hidden;padding:0;border-color:rgba(90,197,215,.3);background:linear-gradient(135deg,rgba(7,27,41,.98),rgba(5,18,31,.96))}
.everyday-action-queue {display:grid;align-content:start;gap:6px;padding:20px;border-right:1px solid rgba(86,155,177,.2);background:radial-gradient(circle at 20% 0,rgba(80,203,220,.12),transparent 40%)}.everyday-action-queue>small {margin-bottom:4px;color:#6f96a6;font-size:11px;letter-spacing:.06em}.everyday-action-queue button {display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:10px;border:1px solid rgba(62,112,133,.22);border-radius:9px;color:#87a9b7;background:rgba(4,18,30,.42);text-align:left;cursor:pointer}.everyday-action-queue button>i {color:#57afbe;font-size:19px}.everyday-action-queue button span {min-width:0}.everyday-action-queue button b,.everyday-action-queue button small {display:block;overflow-wrap:anywhere}.everyday-action-queue button b {margin-bottom:2px;color:#bed7df;font-size:11px}.everyday-action-queue button small {color:#7093a1;font-size:11px;line-height:1.35}.everyday-action-queue button em {padding:4px 6px;border-radius:5px;color:#8cb8c5;background:rgba(45,104,121,.22);font-size:11px;font-style:normal}.everyday-action-queue button.active {border-color:rgba(103,215,225,.6);background:rgba(38,118,134,.25)}.everyday-action-queue button.active>i,.everyday-action-queue button.active b {color:#defbfc}
.everyday-action-panel {position:relative;min-width:0;overflow:hidden;padding:clamp(19px,2.8vw,32px)}.everyday-action-panel::after {content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(115,238,244,.09),transparent);transform:translateX(-110%)}.everyday-action-panel.is-prepared::after {animation:life-action-scan .8s ease}
.everyday-action-panel>header {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.everyday-action-panel>header span {display:flex;flex-wrap:wrap;align-items:center;gap:7px 10px;min-width:0}.everyday-action-panel>header small {color:#83a9b7;font-size:11px;overflow-wrap:anywhere}.everyday-action-panel>header b {padding:5px 7px;border:1px solid rgba(235,186,90,.25);border-radius:6px;color:#e1c485;font-size:11px}.everyday-action-panel>header>i {color:#64d0d9;font-size:23px}.everyday-action-panel>h3 {max-width:720px;margin:0 0 7px;color:#f2fdff;font-size:clamp(21px,2.4vw,31px);line-height:1.15;letter-spacing:-.025em}.everyday-action-panel>p {max-width:760px;margin:0;color:#9ebbc7;font-size:13px;line-height:1.6}
.everyday-action-lifecycle {display:flex;align-items:center;gap:7px;margin:20px 0 14px}.everyday-action-lifecycle span {flex:1;min-width:0;padding:9px 7px;border:1px solid rgba(76,132,151,.23);border-radius:8px;color:#86a8b5;background:rgba(5,21,33,.5);font-size:11px;text-align:center;overflow-wrap:anywhere}.everyday-action-lifecycle span.active {border-color:rgba(101,211,222,.55);color:#dffbfc;background:rgba(42,123,139,.22)}.everyday-action-lifecycle i {flex:0 0 auto;color:#477f92;font-size:13px}
.everyday-action-facts {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.everyday-action-facts>span {min-width:0;padding:10px;border:1px solid rgba(64,112,133,.22);border-radius:8px;background:rgba(4,16,27,.4)}.everyday-action-facts small,.everyday-action-facts b {display:block;overflow-wrap:anywhere}.everyday-action-facts small {margin-bottom:3px;color:#6e94a4;font-size:11px}.everyday-action-facts b {color:#c4dde4;font-size:11px;line-height:1.4}
.everyday-action-guard {display:flex;align-items:center;gap:10px;margin-top:9px;padding:10px 12px;border:1px solid rgba(231,178,77,.2);border-radius:9px;background:rgba(105,68,19,.08)}.everyday-action-guard>i {color:#d1ad68;font-size:20px}.everyday-action-guard small,.everyday-action-guard b {display:block}.everyday-action-guard small {margin-bottom:2px;color:#9c845e;font-size:11px}.everyday-action-guard b {color:#d8c6a2;font-size:11px;line-height:1.4}
.everyday-action-panel>footer {display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.everyday-action-panel>footer button {min-height:40px;padding:8px 12px;border:1px solid #315c70;border-radius:8px;color:#c6e5ec;background:#0d2a3a;font:600 11px/1.3 var(--font-body,sans-serif);cursor:pointer}.everyday-action-panel>footer button:last-child {border-color:#6fd5de;color:#03171d;background:#79dce4}.everyday-action-status {display:block;margin-top:10px;color:#779dac;font-size:11px;line-height:1.45}
@media(max-width:900px) {
  .everyday-action-heading {display:grid}.everyday-action-heading em {justify-self:start}
  .everyday-action-shell {grid-template-columns:1fr}.everyday-action-queue {grid-template-columns:repeat(2,minmax(0,1fr));border-right:0;border-bottom:1px solid rgba(86,155,177,.2)}.everyday-action-queue>small {grid-column:1/-1}.everyday-action-facts {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px) {
  .everyday-action-desk {width:calc(100% - 20px);margin:36px auto 10px}.everyday-action-tabs {grid-template-columns:repeat(2,minmax(0,1fr))}.everyday-action-tabs button:last-child {grid-column:1/-1}
  .everyday-action-shell {border-radius:15px}.everyday-action-queue {grid-template-columns:1fr;padding:14px}.everyday-action-panel {padding:15px}.everyday-action-facts {grid-template-columns:1fr}
  .everyday-action-lifecycle {display:grid;grid-template-columns:1fr 13px 1fr}.everyday-action-lifecycle i:nth-of-type(2) {display:none}.everyday-action-lifecycle span:nth-of-type(3) {grid-column:1}.everyday-action-lifecycle i:nth-of-type(3) {grid-column:2}.everyday-action-lifecycle span:nth-of-type(4) {grid-column:3}
  .everyday-action-panel>footer {display:grid;grid-template-columns:1fr}.everyday-action-panel>footer button {width:100%}
}


/* 1.4.30 chapter traversal and persistent accessibility safeguards. */
body.is-booting {overflow:hidden;}
.chapter-route {width:min(1180px,calc(100% - 40px));margin:42px auto 8px;display:flex;align-items:stretch;justify-content:space-between;gap:12px;position:relative;z-index:3;}
.chapter-route a {flex:0 1 310px;min-height:58px;display:flex;flex-direction:column;justify-content:center;padding:10px 14px;border:1px solid rgba(99,211,245,.16);border-radius:11px;background:linear-gradient(145deg,rgba(8,29,46,.78),rgba(4,14,29,.88));color:#89aeba;text-decoration:none;transition:.22s ease;}
.chapter-route a:last-child {margin-left:auto;text-align:right;align-items:flex-end;}
.chapter-route small {color:#70cada;font-size:11px;letter-spacing:.08em;}
.chapter-route b {margin-top:3px;color:#d9f3f8;font-size:13px;letter-spacing:.04em;}
.chapter-route a:hover {border-color:rgba(104,226,255,.38);background:linear-gradient(145deg,rgba(13,48,68,.88),rgba(5,19,35,.92));transform:translateY(-2px);}
:root :is(a,button,input,textarea,select,[tabindex]):focus-visible {
  outline:2px solid #8decff;
  outline-offset:3px;
  box-shadow:0 0 0 4px rgba(35,151,194,.38);
}
.icon-control,.modal-close,.journey-hud-close{min-width:44px;min-height:44px;}
@media(max-width:760px) {
  .chapter-route {width:calc(100% - 24px);margin-top:28px;display:grid;grid-template-columns:1fr;}
  .chapter-route a,.chapter-route a:last-child {width:100%;max-width:none;margin:0;align-items:flex-start;text-align:left;}
  .icon-control,.modal-close,.journey-hud-close {width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;}
}
[aria-invalid="true"] {border-color:#ff809c!important;box-shadow:0 0 0 3px rgba(255,128,156,.2)!important;}
.field-error {display:block;margin-top:6px;color:#ffadbd;font-size:.75rem;line-height:1.4;}
.field-error:empty {display:none;}
/* Static progress values live in classes so the document carries no inline style attributes. */
.u-width-8{width:8%}.u-width-14{width:14%}.u-width-18{width:18%}.u-width-24{width:24%}
.u-width-36{width:36%}.u-width-64{width:64%}.u-width-78{width:78%}.u-width-82{width:82%}
.u-p-60{--p:60%}.u-p-66{--p:66%}.u-p-68{--p:68%}.u-p-71{--p:71%}.u-p-73{--p:73%}
.u-p-74{--p:74%}.u-p-76{--p:76%}.u-p-78{--p:78%}.u-p-81{--p:81%}.u-p-82{--p:82%}
.u-p-86{--p:86%}.u-p-88{--p:88%}.u-p-92{--p:92%}
.u-level-12{--level:12%}.u-level-29{--level:29%}.u-level-43{--level:43%}
.u-level-64{--level:64%}.u-level-92{--level:92%}
.deferred-chapter-error{grid-column:1/-1;margin:1rem auto;padding:1rem 1.25rem;border:1px solid rgba(111,231,255,.22);border-radius:14px;color:#b9ccda;background:rgba(7,18,31,.82);font-size:12px;text-align:center}

/* Life Atlas derived lenses. A computed row must not look like a recorded one, so the table is
   stated as a count and the two lenses that cannot be answered say so in the gold absence colour. */
.atlas-derived{margin-top:.7rem;padding:.6rem;border:1px solid rgba(93,205,255,.10);border-radius:12px;background:rgba(3,12,27,.42)}
.atlas-derived[hidden]{display:none}
.atlas-derived-scope{margin:0 0 .5rem;color:var(--muted-2);font-size:.6875rem;line-height:1.5}
.atlas-derived-table[hidden]{display:none}
.atlas-derived-head,.atlas-derived-row{display:grid;grid-template-columns:1.1fr .6fr 1.6fr 1.4fr;gap:.5rem;padding:.38rem .45rem;align-items:baseline}
.atlas-derived-head{color:var(--muted-2);font-size:.6875rem;letter-spacing:.11em;border-bottom:1px solid rgba(255,255,255,.05)}
.atlas-derived-row{font-size:.6875rem;color:#9fc4d4;border-bottom:1px solid rgba(255,255,255,.03)}
.atlas-derived-row b{color:#c7e5f0}
.atlas-derived-table>small{display:block;margin-top:.5rem;color:var(--muted-2);font-size:.6875rem;line-height:1.5}
.atlas-derived-miss{margin:0;color:var(--gold);font-size:.6875rem;line-height:1.55}
.atlas-derived-miss[hidden]{display:none}
@media(max-width:620px){
  .atlas-derived-head{display:none}
  .atlas-derived-row{grid-template-columns:1fr;gap:.15rem;padding:.5rem .45rem}
  #atlasHowTable .atlas-derived-row span:nth-child(2)::before{content:"Memories: "}
  #atlasHowTable .atlas-derived-row span:nth-child(3)::before{content:"Kinds: "}
  #atlasHowTable .atlas-derived-row span:nth-child(4)::before{content:"Made by: "}
  #atlasChangedTable .atlas-derived-row span:nth-child(2)::before{content:"Memories: "}
  #atlasChangedTable .atlas-derived-row span:nth-child(3)::before{content:"Arrived: "}
  #atlasChangedTable .atlas-derived-row span:nth-child(4)::before{content:"Left: "}
  #atlasRemainedTable .atlas-derived-row span:nth-child(2)::before{content:"Count: "}
  #atlasRemainedTable .atlas-derived-row span:nth-child(3)::before{content:"In every period: "}
  #atlasRemainedTable .atlas-derived-row span:nth-child(4)::before{content:"Periods: "}
}

/* NO-JAVASCRIPT STATE.
   bootstrap.js adds .js-enabled to <html> as its first act and removes it again if the app never
   reports ready, so the class means "the scripts are running". Without it, every control on this
   page is styled and inert: it is bound by a script that is not there. They are not hidden - most
   of them carry the chapter's own words - so instead they stop behaving like controls, and the
   noscript notice in <main> says what still works.
   Not touched here: the form and everything in it, real links, the one <details>/<summary> that
   works without scripting, and the controls already rendered `disabled` by the server, whose
   first paint is deliberate. */
html:not(.js-enabled) button:not([disabled]):not([type="submit"]),
html:not(.js-enabled) [role="button"],
html:not(.js-enabled) input:not([disabled]),
html:not(.js-enabled) textarea:not([disabled]),
html:not(.js-enabled) select:not([disabled]){
  pointer-events:none;
  cursor:default;
}
html:not(.js-enabled) button:not([disabled]):not([type="submit"]):hover,
html:not(.js-enabled) [role="button"]:hover,
html:not(.js-enabled) .memory-beacon:hover,
html:not(.js-enabled) .event-node:hover > button:not([disabled]){
  transform:none;
  box-shadow:none;
  filter:none;
}
/* The contact form is real: it posts without JavaScript and keeps every affordance. The
   :not([disabled]) is carried here too so these rules outweigh the blanket ones above - without
   it the disable rule wins on specificity and the form goes dead, which is what the first
   measurement of this commit found. */
html:not(.js-enabled) form button:not([disabled]),
html:not(.js-enabled) form input:not([disabled]),
html:not(.js-enabled) form select:not([disabled]),
html:not(.js-enabled) form textarea:not([disabled]){
  pointer-events:auto;
}
html:not(.js-enabled) form button:not([disabled]){ cursor:pointer; }
html:not(.js-enabled) form input:not([disabled]),
html:not(.js-enabled) form textarea:not([disabled]){ cursor:text; }
.nojs-notice{
  max-width:var(--max);
  margin:1rem auto 0;
  padding:.8rem .9rem;
  border:1px solid rgba(255,215,130,.24);
  border-radius:12px;
  background:rgba(52,40,14,.28);
  color:var(--gold);
  font-size:.8125rem;
  line-height:1.6;
}
.nojs-notice b{ color:#ffe6b0; }

/* 2026-09-19: 08 exit controls, 07 leave state (OD-02 wiring) */
.handshake-strip .contract-note,.handshake-strip .affinity-exits{grid-column:1/-1}
.handshake-strip>.affinity-exits{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;min-height:0;padding-top:.6rem;border-top:1px solid rgba(255,255,255,.055)}
.affinity-exits button.is-active{color:#f0c466;border-color:rgba(240,196,102,.4);background:rgba(240,196,102,.08)}
.affinity-exits button:disabled{opacity:.45;cursor:not-allowed}
.affinity-exits small{flex-basis:100%;color:var(--muted);font-size:.6875rem;line-height:1.35;letter-spacing:.05em}
.peer.is-declined{opacity:.72}.peer.is-blocked{opacity:.42;filter:grayscale(.7)}
.peer.is-declined small,.peer.is-blocked small{display:block;color:#e9d9b5}
.affinity-section.is-left .peer{opacity:.55}
.world-event.has-left #worldJoinState{color:#e9d9b5}

/* 2026-09-19: PD-01 shared experience (chapter 01) */
.shared-experience{max-width:1100px;margin:1.1rem auto 0;padding:1rem 1.1rem 1.1rem;display:grid;gap:.75rem}
.shared-experience header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;font-size:.7rem;letter-spacing:.1em;color:var(--muted)}.shared-experience header b{color:#b6d6e3;text-align:right}
.shared-experience h3{margin:0;font-size:1.15rem;letter-spacing:.02em}.shared-experience>small{color:var(--muted);font-size:.7rem;letter-spacing:.06em}
.shared-perspectives{display:flex;flex-wrap:wrap;gap:.45rem}
.shared-perspectives button[aria-pressed="true"]{color:#e5fbff;border-color:rgba(112,227,255,.38);background:rgba(42,140,178,.16)}
.shared-actions button[aria-pressed="true"]{color:#f0c466;border-color:rgba(240,196,102,.4);background:rgba(240,196,102,.08)}
.shared-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.7rem}
.shared-columns>div{padding:.7rem .8rem;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:rgba(5,15,31,.45);display:grid;gap:.35rem;align-content:start}
.shared-columns small{font-size:.66rem;letter-spacing:.12em;color:var(--muted)}
.shared-columns p{margin:0;font-size:.85rem;line-height:1.5}.shared-columns em{font-size:.7rem;color:#e9d9b5;font-style:normal;letter-spacing:.04em}
.shared-columns ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.shared-columns li{font-size:.8rem;line-height:1.45}.shared-columns li b{display:block;font-size:.66rem;letter-spacing:.1em;color:#b6d6e3;margin-bottom:.1rem}
.shared-columns li.is-private{color:var(--muted)}
.shared-agreed.is-disputed{border-color:rgba(240,196,102,.4);box-shadow:inset 3px 0 0 rgba(240,196,102,.55)}
.shared-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.shared-actions small{flex-basis:100%;color:var(--muted);font-size:.7rem;line-height:1.4}

/* 2026-09-19: PN-A Continuity Inbox (chapter 09), PN-B Intent Compass (chapter 18) */
.continuity-inbox,.intent-compass{max-width:1100px;margin:1.1rem auto 0;padding:1rem 1.1rem 1.1rem;display:grid;gap:.75rem}
.continuity-inbox header,.intent-compass header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;font-size:.7rem;letter-spacing:.1em;color:var(--muted)}.continuity-inbox header b,.intent-compass header b{color:#b6d6e3;text-align:right}
.inbox-lede,.compass-lede{margin:0;font-size:.85rem;line-height:1.55;color:#c9dbe6;max-width:70ch}
.inbox-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.7rem}
.inbox-item,.compass-row{padding:.75rem .85rem;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:rgba(5,15,31,.45);display:grid;gap:.4rem;align-content:start;transition:border-color .25s ease,opacity .25s ease}
.inbox-item small,.compass-row small{font-size:.64rem;letter-spacing:.12em;color:var(--muted)}
.inbox-item h4,.compass-row h4{margin:0;font-size:.95rem;line-height:1.35;color:#eaf6fb}
.inbox-item p,.compass-row p{margin:0;font-size:.8rem;line-height:1.5;color:#c9dbe6}
.compass-row em,.inbox-item em{font-size:.7rem;color:var(--muted);font-style:normal;line-height:1.4}
.inbox-choices,.compass-choices{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.2rem}
.inbox-choices button[aria-pressed="true"],.compass-choices button[aria-pressed="true"]{color:#e5fbff;border-color:rgba(112,227,255,.38);background:rgba(42,140,178,.16)}
.inbox-choices button[data-inbox-unknown][aria-pressed="true"],.compass-row.is-released .compass-choices button[aria-pressed="true"]{color:#f0c466;border-color:rgba(240,196,102,.4);background:rgba(240,196,102,.08)}
.inbox-item.is-answered{border-color:rgba(112,227,255,.22)}.inbox-item.is-unknown{border-color:rgba(240,196,102,.35)}
.inbox-answer,.compass-answer{color:#e9d9b5!important}
.continuity-inbox footer,.intent-compass footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}.continuity-inbox footer small,.intent-compass footer small{flex:1 1 60%;color:var(--muted);font-size:.7rem;line-height:1.4}
.compass-rows{display:grid;gap:.6rem}
.compass-row{grid-template-columns:1.1fr 1.3fr 1fr;gap:.9rem}.compass-row>div{display:grid;gap:.3rem;align-content:start}
.compass-fit{font-size:.8rem;color:#7ddff4;letter-spacing:.03em}.compass-row.is-released .compass-fit{color:#f0c466}.compass-row.is-released h4{color:var(--muted)}
@media (max-width:820px){.compass-row{grid-template-columns:1fr}}

/* 2026-09-19 quality pass: one choice-button recipe for the four 2026-09-19 surfaces (was four copies) */
.affinity-exits button,.shared-perspectives button,.shared-actions button,.inbox-choices button,.compass-choices button,.continuity-inbox footer button{min-height:34px;border:1px solid rgba(99,214,255,.13);border-radius:9px;background:linear-gradient(180deg,rgba(21,75,103,.12),rgba(4,15,29,.52));color:#7ddff4;display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .66rem;font:inherit;font-size:.7rem;font-weight:650;letter-spacing:.075em;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease}
.affinity-exits button:hover,.shared-perspectives button:hover,.shared-actions button:hover,.inbox-choices button:hover,.compass-choices button:hover,.continuity-inbox footer button:hover,.affinity-exits button:focus-visible,.shared-perspectives button:focus-visible,.shared-actions button:focus-visible,.inbox-choices button:focus-visible,.compass-choices button:focus-visible,.continuity-inbox footer button:focus-visible{color:#e5fbff;border-color:rgba(112,227,255,.38)}

/* 2026-09-19 batch B: 01 retention preview, 06 lifecycle (reuses shared-experience), 10 frequency, 25 causal chain */
.ci-retention{grid-column:1/-1;margin-top:.75rem;display:grid;gap:.5rem}
.ci-retention-choices{display:flex;flex-wrap:wrap;gap:.4rem}
.ci-remain{display:grid;gap:.3rem}.ci-remain div{display:flex;justify-content:space-between;gap:.6rem;font-size:.74rem;line-height:1.35;padding:.38rem .55rem;border:1px solid rgba(255,255,255,.05);border-radius:8px;background:rgba(5,15,31,.4)}
.ci-remain div small{color:var(--muted);letter-spacing:.08em;flex:0 0 auto}.ci-remain div b{color:#c9dbe6;font-weight:500;text-align:right}
.ci-remain .is-reduced b{color:#e9d9b5}.ci-remain .is-gone b{color:#f0c466}.ci-remain .is-downstream{border-color:rgba(240,196,102,.25)}
#ciRetentionStatus{color:var(--muted);font-size:.7rem;line-height:1.4}
.ci-retention[data-retain="destroy"] .ci-sources-head b{color:#f0c466}
.coop-lifecycle{margin-top:.9rem}
.signal-frequency{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:.6rem 0 .2rem}.signal-frequency>small{flex-basis:100%;font-size:.64rem;letter-spacing:.12em;color:var(--muted)}
.signal-frequency>b{flex-basis:100%;font-size:.72rem;font-weight:500;line-height:1.4;color:#c9dbe6}
.walk-chain{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.6rem}.walk-chain span{display:grid;gap:.15rem;align-content:start;padding:.5rem .6rem;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:rgba(5,15,31,.45)}
.walk-chain small{font-size:.62rem;letter-spacing:.1em;color:var(--muted)}.walk-chain b{font-size:.74rem;line-height:1.35;color:#c9dbe6;font-weight:500}
@media (max-width:700px){.walk-chain{grid-template-columns:1fr}}
.ci-retention-choices button,.signal-frequency button{min-height:32px;border:1px solid rgba(99,214,255,.13);border-radius:9px;background:linear-gradient(180deg,rgba(21,75,103,.12),rgba(4,15,29,.52));color:#7ddff4;display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .6rem;font:inherit;font-size:.68rem;font-weight:650;letter-spacing:.07em;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease}
.ci-retention-choices button:hover,.signal-frequency button:hover,.ci-retention-choices button:focus-visible,.signal-frequency button:focus-visible{color:#e5fbff;border-color:rgba(112,227,255,.38)}
.ci-retention-choices button[aria-pressed="true"],.signal-frequency button[aria-pressed="true"]{color:#e5fbff;border-color:rgba(112,227,255,.38);background:rgba(42,140,178,.16)}
.ci-retention-choices button[data-retain="destroy"][aria-pressed="true"]{color:#f0c466;border-color:rgba(240,196,102,.4);background:rgba(240,196,102,.08)}

/* 2026-09-19 batch C: 16 reason/example, 20 forms */
.atlas-link-why{max-width:1100px;margin:.6rem auto 0;display:grid;grid-template-columns:1fr 1.4fr;gap:.6rem}
.atlas-link-why span{display:grid;gap:.2rem;align-content:start;padding:.6rem .75rem;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:rgba(5,15,31,.45)}
.atlas-link-why small{font-size:.62rem;letter-spacing:.12em;color:var(--muted)}.atlas-link-why b{font-size:.8rem;line-height:1.4;color:#c9dbe6;font-weight:500}
@media (max-width:700px){.atlas-link-why{grid-template-columns:1fr}}
.life-book-forms{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin:.4rem 0}.life-book-forms>small{font-size:.62rem;letter-spacing:.12em;color:var(--muted);margin-right:.2rem}
.life-book-forms button{min-height:30px;border:1px solid rgba(99,214,255,.13);border-radius:9px;background:linear-gradient(180deg,rgba(21,75,103,.12),rgba(4,15,29,.52));color:#7ddff4;display:inline-flex;align-items:center;padding:.3rem .55rem;font:inherit;font-size:.66rem;font-weight:650;letter-spacing:.07em;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease}
.life-book-forms button:hover,.life-book-forms button:focus-visible{color:#e5fbff;border-color:rgba(112,227,255,.38)}
.life-book-forms button[aria-pressed="true"]{color:#e5fbff;border-color:rgba(112,227,255,.38);background:rgba(42,140,178,.16)}
#lifeBookForm{display:block;margin-top:.3rem;font-size:.7rem;line-height:1.4;color:var(--muted)}
.life-book-forms-row{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .8rem;margin-top:.55rem;padding-top:.55rem;border-top:1px solid rgba(255,255,255,.05)}.life-book-forms-row .life-book-forms{margin:0}.life-book-forms-row #lifeBookForm{flex:1 1 100%;margin:0}

/* 2026-09-19 batch D: 24 changelog + civilization echo, 27 missions + fund, 18 hand on, 08 match mode */
.humanity-changelog{max-width:1100px;margin:1.1rem auto 0;padding:1rem 1.1rem 1.1rem;display:grid;gap:.75rem}
.humanity-changelog header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;font-size:.7rem;letter-spacing:.1em;color:var(--muted)}.humanity-changelog header b{color:#b6d6e3}
.changelog-lede{margin:0;font-size:.85rem;line-height:1.55;color:#c9dbe6;max-width:75ch}
.changelog-rows{display:grid;gap:.4rem}
.changelog-row{display:grid;grid-template-columns:110px 1fr;gap:.2rem .8rem;padding:.6rem .75rem;border:1px solid rgba(255,255,255,.06);border-left:3px solid rgba(99,214,255,.35);border-radius:10px;background:rgba(5,15,31,.45)}
.changelog-row small{grid-row:1/3;font-size:.68rem;letter-spacing:.08em;color:var(--muted);align-self:start;padding-top:.15rem}.changelog-row b{font-size:.86rem;color:#eaf6fb}.changelog-row span{font-size:.78rem;line-height:1.45;color:#c9dbe6}.changelog-row em{font-style:normal;color:var(--muted);font-size:.7rem;letter-spacing:.06em}
.changelog-row[data-log-kind="withdrawn"]{border-left-color:rgba(240,196,102,.6)}.changelog-row[data-log-kind="lineage"]{border-left-color:rgba(160,140,255,.5)}.changelog-row[data-log-kind="attribution"]{border-left-color:rgba(110,225,189,.5)}.changelog-row.is-session{border-style:dashed}
.civilization-echo{display:grid;gap:.5rem;padding:.7rem .8rem;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:rgba(5,15,31,.35)}
.civilization-echo-asks{display:flex;flex-wrap:wrap;gap:.4rem}
.civilization-echo-asks button,.affinity-mode button{min-height:32px;border:1px solid rgba(99,214,255,.13);border-radius:9px;background:linear-gradient(180deg,rgba(21,75,103,.12),rgba(4,15,29,.52));color:#7ddff4;display:inline-flex;align-items:center;padding:.35rem .6rem;font:inherit;font-size:.68rem;font-weight:650;letter-spacing:.06em;cursor:pointer;text-align:left;transition:border-color .2s ease,background .2s ease,color .2s ease}
.civilization-echo-asks button:hover,.affinity-mode button:hover,.civilization-echo-asks button:focus-visible,.affinity-mode button:focus-visible{color:#e5fbff;border-color:rgba(112,227,255,.38)}
.civilization-echo-asks button[aria-pressed="true"],.affinity-mode button[aria-pressed="true"]{color:#e5fbff;border-color:rgba(112,227,255,.38);background:rgba(42,140,178,.16)}
.civilization-echo-answer{margin:0;font-size:.8rem;line-height:1.5;color:#e9d9b5}
.hli-missions{margin:1.2rem auto .4rem;max-width:860px;padding:1rem 1.1rem;display:grid;gap:.7rem;text-align:left}
.hli-missions header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;font-size:.7rem;letter-spacing:.1em;color:var(--muted)}.hli-missions header b{color:#b6d6e3}
.hli-rows{display:grid;gap:.4rem}.hli-row{display:grid;grid-template-columns:86px 1fr;gap:.15rem .7rem;padding:.55rem .7rem;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:rgba(5,15,31,.45)}
.hli-row small{grid-row:1/3;font-size:.64rem;letter-spacing:.1em;color:var(--muted);padding-top:.15rem}.hli-row b{font-size:.84rem;color:#eaf6fb}.hli-row span{font-size:.76rem;line-height:1.45;color:#c9dbe6}
.hli-row[data-mission-state="running"] small{color:#6ee1bd}.hli-row[data-mission-state="paused"] small{color:#f0c466}
.hli-fund{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.5rem}.hli-fund span{display:grid;gap:.15rem;align-content:start;padding:.55rem .65rem;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:rgba(5,15,31,.4)}
.hli-fund small{font-size:.62rem;letter-spacing:.12em;color:var(--muted)}.hli-fund b{font-size:.8rem;color:#eaf6fb}.hli-fund em{font-style:normal;font-size:.72rem;line-height:1.4;color:#c9dbe6}
.compass-row.is-handed .compass-fit{color:#6ee1bd}.compass-row.is-handed .compass-choices button[aria-pressed="true"]{color:#6ee1bd;border-color:rgba(110,225,189,.4);background:rgba(110,225,189,.08)}
.affinity-mode{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.4rem}.affinity-mode small{flex-basis:100%;font-size:.68rem;line-height:1.35;color:var(--muted)}
@media (max-width:700px){.audience-tabs{flex-wrap:wrap;justify-content:center}}

/* 2026-09-19: PN-H Continuity Rehearsal (21), PN-D Memory Garden (02) */
.continuity-rehearsal,.memory-garden{max-width:1100px;margin:1.1rem auto 0;padding:1rem 1.1rem 1.1rem;display:grid;gap:.75rem}
.continuity-rehearsal header,.memory-garden header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;font-size:.7rem;letter-spacing:.1em;color:var(--muted)}.continuity-rehearsal header b,.memory-garden header b{color:#b6d6e3;text-align:right}
.rehearsal-lede,.garden-lede{margin:0;font-size:.85rem;line-height:1.55;color:#c9dbe6;max-width:72ch}
.rehearsal-scenarios,.garden-group,.rehearsal-actions,.garden-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}
.rehearsal-scenarios button,.rehearsal-actions button,.garden-group button,.garden-actions button{min-height:32px;border:1px solid rgba(99,214,255,.13);border-radius:9px;background:linear-gradient(180deg,rgba(21,75,103,.12),rgba(4,15,29,.52));color:#7ddff4;display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .6rem;font:inherit;font-size:.68rem;font-weight:650;letter-spacing:.06em;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease}
.rehearsal-scenarios button:hover,.rehearsal-actions button:hover,.garden-group button:hover,.garden-actions button:hover,.rehearsal-scenarios button:focus-visible,.rehearsal-actions button:focus-visible,.garden-group button:focus-visible,.garden-actions button:focus-visible{color:#e5fbff;border-color:rgba(112,227,255,.38)}
.rehearsal-scenarios button[aria-pressed="true"],.garden-group button[aria-pressed="true"],#rehearsalMark[aria-pressed="true"]{color:#e5fbff;border-color:rgba(112,227,255,.38);background:rgba(42,140,178,.16)}
.rehearsal-scenarios button.is-rehearsed::after{content:"✓";margin-left:.25rem;color:#6ee1bd}
.garden-group button[aria-pressed="true"]{color:#f0c466;border-color:rgba(240,196,102,.4);background:rgba(240,196,102,.08)}
.garden-group [data-garden-order][aria-pressed="true"]{color:#e5fbff;border-color:rgba(112,227,255,.38);background:rgba(42,140,178,.16)}
.garden-actions button:disabled{opacity:.45;cursor:not-allowed}
.rehearsal-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.7rem}
.rehearsal-panels>div{padding:.7rem .8rem;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:rgba(5,15,31,.45);display:grid;gap:.3rem;align-content:start}
.rehearsal-panels small,.garden-group small{font-size:.64rem;letter-spacing:.12em;color:var(--muted)}.rehearsal-panels p{margin:0;font-size:.82rem;line-height:1.5;color:#c9dbe6}
.rehearsal-decision{border-color:rgba(240,196,102,.35)!important}.rehearsal-decision p{color:#e9d9b5}
.rehearsal-actions small,.garden-actions small{flex-basis:100%;color:var(--muted);font-size:.7rem;line-height:1.4}
.garden-controls{display:grid;gap:.5rem}.garden-group small{margin-right:.2rem}
.garden-card{padding:1.1rem 1.2rem;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:radial-gradient(120% 140% at 20% 0%,rgba(42,140,178,.14),rgba(5,15,31,.55));display:grid;gap:.3rem;min-height:110px;align-content:center}
.garden-card small{font-size:.68rem;letter-spacing:.1em;color:var(--muted)}.garden-card h3{margin:0;font-size:1.35rem;letter-spacing:.01em}.garden-card span{font-size:.74rem;color:#b6d6e3;letter-spacing:.04em}

/* 2026-09-19 backend node 2: device enrolment (14), ledger list (01) */
.device-enrol{margin-top:.7rem;display:grid;gap:.5rem}
.device-enrol-form{display:grid;grid-template-columns:1fr 1fr auto;gap:.5rem;align-items:end}.device-enrol-form label{display:grid;gap:.2rem}.device-enrol-form small,.device-enrol-facts small{font-size:.62rem;letter-spacing:.12em;color:var(--muted)}
.device-enrol-form select,.device-enrol-form input{min-height:34px;border:1px solid rgba(99,214,255,.15);border-radius:9px;background:rgba(4,15,29,.6);color:#eaf6fb;padding:.35rem .55rem;font:inherit;font-size:.74rem}
.device-enrol-form button,.device-enrol-actions button{min-height:34px;border:1px solid rgba(99,214,255,.13);border-radius:9px;background:linear-gradient(180deg,rgba(21,75,103,.12),rgba(4,15,29,.52));color:#7ddff4;display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .66rem;font:inherit;font-size:.7rem;font-weight:650;letter-spacing:.07em;cursor:pointer}
.device-enrol-form button:hover,.device-enrol-actions button:hover{color:#e5fbff;border-color:rgba(112,227,255,.38)}
.device-enrol-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem}.device-enrol-facts span{display:grid;gap:.15rem;padding:.5rem .6rem;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:rgba(5,15,31,.45)}.device-enrol-facts b{font-size:.78rem;color:#eaf6fb;word-break:break-all}
.device-enrol[data-device-state="lost"] .device-enrol-facts b,.device-enrol[data-device-state="compromised"] .device-enrol-facts b,.device-enrol[data-device-state="revoked"] .device-enrol-facts b{color:#f0c466}
.device-enrol-actions{display:flex;flex-wrap:wrap;gap:.4rem}#deviceEnrolStatus{font-size:.7rem;line-height:1.4;color:var(--muted)}
.shared-ledger{display:grid;gap:.4rem}.shared-ledger ul{list-style:none;margin:0;padding:0;display:grid;gap:.3rem}
.shared-ledger li{display:grid;grid-template-columns:auto 1fr auto;gap:.6rem;align-items:baseline;padding:.4rem .6rem;border:1px solid rgba(255,255,255,.06);border-radius:9px;background:rgba(5,15,31,.45);font-size:.76rem}
.shared-ledger li b{color:#e9d9b5;font-size:.7rem;letter-spacing:.06em}.shared-ledger li span{color:#c9dbe6}.shared-ledger li small{color:var(--muted);font-size:.66rem}.shared-ledger li.is-empty{grid-template-columns:1fr;color:var(--muted)}
#sharedLedgerStatus{font-size:.7rem;line-height:1.4;color:var(--muted)}
@media (max-width:700px){.device-enrol-form{grid-template-columns:1fr}}
/* 2026-09-19: display:grid/flex on these blocks beat the UA [hidden] rule; make hidden mean hidden. */
.shared-experience[hidden],.device-enrol-form[hidden],.device-enrol-have[hidden],.walk-chain[hidden],.atlas-derived-table[hidden],.continuity-rehearsal[hidden],.memory-garden[hidden]{display:none!important}
.audience-live{margin:.5rem auto 0;max-width:900px;font-size:.72rem;line-height:1.45;color:#e9d9b5;padding:.5rem .6rem;border-left:2px solid rgba(240,196,102,.55);background:rgba(240,196,102,.05)}
.device-enrol-siblings{display:grid;gap:.4rem}.device-sibling em{display:flex;flex-wrap:wrap;gap:.3rem;font-style:normal}.device-sibling em button{min-height:28px;border:1px solid rgba(99,214,255,.13);border-radius:8px;background:rgba(4,15,29,.52);color:#7ddff4;padding:.25rem .5rem;font:inherit;font-size:.64rem;font-weight:650;letter-spacing:.06em;cursor:pointer}.device-sibling em button:hover{color:#e5fbff;border-color:rgba(112,227,255,.38)}

/* 2026-09-20 nodes 5 + 6: live shared experience, retention on the memory card */
.shared-live{display:grid;gap:.5rem;padding:.7rem .8rem;border:1px solid rgba(110,225,189,.25);border-radius:12px;background:rgba(5,15,31,.35)}
.shared-live[hidden]{display:none!important}.shared-live textarea{width:100%;min-height:72px;border:1px solid rgba(99,214,255,.15);border-radius:9px;background:rgba(4,15,29,.6);color:#eaf6fb;padding:.45rem .55rem;font:inherit;font-size:.82rem;line-height:1.45;resize:vertical}
.shared-live-vis{display:flex;align-items:center;gap:.4rem;font-size:.7rem;color:var(--muted)}.shared-live select{border:1px solid rgba(99,214,255,.15);border-radius:8px;background:rgba(4,15,29,.6);color:#eaf6fb;padding:.3rem .45rem;font:inherit;font-size:.72rem}
#sharedLiveSave{min-height:32px;border:1px solid rgba(110,225,189,.3);border-radius:9px;background:rgba(110,225,189,.08);color:#6ee1bd;display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .6rem;font:inherit;font-size:.68rem;font-weight:650;letter-spacing:.06em;cursor:pointer;justify-self:start}
#sharedLiveStatus{font-size:.7rem;line-height:1.4;color:var(--muted)}
.memory-retain{margin-top:.6rem;display:grid;gap:.45rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.06)}.memory-retain[hidden]{display:none!important}
.memory-retain .ci-retention-choices button:disabled{opacity:.45;cursor:not-allowed}#memoryRetainStatus{font-size:.68rem;line-height:1.4;color:var(--muted)}
.memory-retain .ci-remain div{font-size:.7rem}
.inbox-live{display:grid;gap:.5rem;padding:.7rem .8rem;border:1px solid rgba(110,225,189,.25);border-radius:12px;background:rgba(5,15,31,.35)}.inbox-live[hidden]{display:none!important}#inboxLiveStatus{font-size:.7rem;line-height:1.4;color:var(--muted)}
.vault-export-live{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.5rem}.vault-export-live[hidden]{display:none!important}#vaultExportButton{min-height:34px;border:1px solid rgba(110,225,189,.3);border-radius:9px;background:rgba(110,225,189,.08);color:#6ee1bd;display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .66rem;font:inherit;font-size:.7rem;font-weight:650;letter-spacing:.07em;cursor:pointer}#vaultExportStatus{flex-basis:100%;font-size:.7rem;line-height:1.4;color:var(--muted)}