/* GENESIS AI² FRONTIER WORLD INTERFACE V1
   Presentation-only successor layer. It preserves canonical AI²/Living Graph
   runtime owners and changes only public composition, hierarchy, material,
   typography, responsive behavior, and semantic visual emphasis. */

:root{
  --gx-void:#03060b;--gx-navy:#07101d;--gx-graphite:#101823;
  --gx-platinum:#e8edf3;--gx-silver:#aeb9c7;--gx-muted:#7f8fa3;
  --gx-cobalt:#2f66d0;--gx-cobalt-hi:#4f8df7;--gx-cyan:#79bdf3;
  --gx-green:#4fba8a;--gx-amber:#d5a54f;--gx-red:#d66770;
  --gx-line:rgba(151,173,203,.16);--gx-line-strong:rgba(151,173,203,.28);
  --gx-shadow:0 24px 70px rgba(0,0,0,.38);--gx-radius:14px;
}

body{
  background:
    radial-gradient(1100px 660px at 50% 2%,rgba(47,102,208,.105),transparent 61%),
    radial-gradient(800px 560px at 9% 48%,rgba(121,189,243,.032),transparent 66%),
    linear-gradient(180deg,#03060b 0%,#07101b 48%,#03060b 100%)!important;
  color:#edf2f7;
}
#genesisRain{opacity:.48!important;filter:saturate(.62) brightness(.78)}
.rain-veil{background:radial-gradient(780px 440px at 50% 21%,rgba(3,6,11,.40),rgba(3,6,11,.18) 58%,transparent 82%),linear-gradient(180deg,rgba(3,6,11,.05),transparent 34%,rgba(3,6,11,.73) 89%,#03060b 100%)!important}

/* MASTER BRAND / NAV */
.masthead{min-height:74px!important;padding:12px clamp(18px,3vw,44px)!important;border-bottom:1px solid rgba(174,185,199,.12)!important;background:linear-gradient(180deg,rgba(3,6,11,.97),rgba(6,11,19,.88))!important;box-shadow:0 10px 28px rgba(0,0,0,.14)!important;backdrop-filter:blur(18px) saturate(118%)!important}
.genesis-master-lockup{display:grid!important;grid-template-columns:auto!important;gap:4px!important;min-width:176px!important}
.genesis-master-name{font:720 18px/.95 Inter,"Helvetica Neue",system-ui,sans-serif;letter-spacing:.19em;color:#e9edf2;text-shadow:0 1px 0 rgba(255,255,255,.12)}
.genesis-family{display:flex;align-items:flex-start;gap:7px;font:650 8.5px/1.1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.12em;color:#73849a;white-space:nowrap}
.genesis-family i{font-style:normal;color:#485567}
.genesis-family .active{position:relative;color:#9fc6ff;font-weight:760;transform:translateY(-1px)}
.genesis-family .active small{position:absolute;left:calc(100% - 2px);top:-4px;font-size:4.5px;line-height:1;letter-spacing:.12em;color:#6f86a5;font-weight:750}
.mainnav{gap:19px!important;justify-content:center!important}
.mainnav a{padding:8px 0!important;border-radius:0!important;background:transparent!important;color:#91a0b4!important;font-size:13px!important;font-weight:540!important;letter-spacing:.005em!important}
.mainnav a:hover{color:#edf2f7!important;background:transparent!important}
.mainnav a::after{content:"";position:absolute;left:50%!important;right:50%!important;bottom:1px!important;height:1px!important;background:#4f8df7!important;transition:left .18s,right .18s;opacity:.75}
.mainnav a:hover::after{left:0!important;right:0!important}
.open-ai2{display:inline-flex;align-items:center;height:36px;padding:0 14px;border:1px solid rgba(95,145,223,.34);border-radius:9px;background:rgba(47,102,208,.10);color:#dce9fa;font-size:12px;font-weight:650;letter-spacing:.01em;transition:.18s ease}
.open-ai2:hover{background:rgba(47,102,208,.18);border-color:rgba(95,145,223,.52);transform:translateY(-1px)}
.chainpill{height:34px!important;padding:0 12px!important;background:rgba(7,14,24,.68)!important;border-color:rgba(79,186,138,.18)!important;color:#93a2b4!important;font-size:11px!important}
.avatarbtn{width:36px!important;height:36px!important;border-color:rgba(174,185,199,.2)!important;background:rgba(7,13,22,.82)!important}

/* HERO / ARRIVAL */
.hero{min-height:35vh;max-width:1240px!important;margin:0 auto!important;padding:clamp(78px,10vh,122px) 24px 28px!important;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center}
.hero .eyebrow,.section-eyebrow{font:650 9px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;letter-spacing:.22em!important;color:#7f93b1!important;text-transform:uppercase}
.hero h1{margin:17px 0 0!important;font-size:clamp(48px,6.3vw,86px)!important;line-height:.95!important;letter-spacing:-.048em!important;font-weight:670!important;color:#eef2f6!important;text-wrap:balance}
.hero .sub{margin:25px auto 0!important;max-width:760px!important;font-size:clamp(16px,1.4vw,19px)!important;line-height:1.62!important;color:#a7b3c3!important;text-wrap:balance}
.hero-principles{margin-top:22px;display:flex;align-items:center;gap:12px;color:#718196;font-size:11px;letter-spacing:.03em}
.hero-principles i{width:3px;height:3px;border-radius:50%;background:#516176}
/* First-contact remains in DOM for the existing JS contract, but is removed from the
   accessibility/focus tree on this mission-first front door. */
.ai2-first-contact{display:none!important}

/* MISSION SURFACE */
.ai2-chat-shell{position:relative;z-index:3;max-width:1240px!important;margin:0 auto!important;padding:16px 24px 18px!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important}
.ai2-chat-shell::after{content:"";position:absolute;z-index:-1;left:50%;bottom:-118px;width:min(1040px,84vw);height:190px;transform:translateX(-50%);background:radial-gradient(ellipse at 50% 0,rgba(47,102,208,.105),rgba(47,102,208,.028) 39%,transparent 72%);pointer-events:none}
.ai2-chat-brand{position:absolute!important;z-index:5;left:50%;top:-52px;transform:translateX(-50%);width:176px;height:64px;display:flex!important;align-items:center;justify-content:center;pointer-events:none;color:#edf2f7}
.ai2-chat-brand .ai2-word{font:720 58px/.9 Inter,"Helvetica Neue",system-ui,sans-serif;letter-spacing:-.07em;text-shadow:0 12px 30px rgba(24,58,112,.20)}
.ai2-chat-brand sup{font-size:.43em;line-height:0;position:relative;top:-.78em;left:.05em;color:#9fc6ff;letter-spacing:0}
.ai2-chat-brand>small{position:absolute;left:111px;top:15px;font:740 6px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.15em;color:#7187a8}
.ai2-chat-surface{position:relative;max-width:930px;width:100%;margin:0 auto;border:1px solid rgba(157,178,205,.20)!important;border-radius:16px!important;background:linear-gradient(180deg,rgba(8,15,26,.91),rgba(5,10,18,.955))!important;box-shadow:0 32px 94px rgba(0,0,0,.40),inset 0 1px 0 rgba(255,255,255,.028)!important;overflow:hidden}
.ai2-chat-surface::before{content:"";position:absolute;inset:0 15% auto;height:1px;background:linear-gradient(90deg,transparent,rgba(95,145,223,.55),transparent);pointer-events:none}
.ai2-chat-surface::after{content:"";position:absolute;inset:8px;pointer-events:none;border:1px solid rgba(255,255,255,.012);border-radius:10px}
.thread-head{min-height:48px!important;padding:0 18px!important;border-bottom:1px solid rgba(155,178,207,.11)!important;color:#8291a5!important;display:flex;align-items:center;gap:12px}
.thread-head .t{font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;letter-spacing:.14em!important;color:#9aabc0!important}
.mission-state{font:600 8px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.10em;color:#5f7189}
.tinybtn{color:#8798ad!important;border-color:rgba(151,173,203,.13)!important;background:rgba(255,255,255,.014)!important}
.ai2-chat-thread{min-height:205px!important;max-height:46vh!important;padding:20px 22px!important}
.ai2-ui-host{padding:0 22px 5px!important}
.ai2-chat-composer{max-width:none!important;margin:0!important;border:0!important;border-top:1px solid rgba(155,178,207,.12)!important;border-radius:0!important;background:rgba(4,9,16,.82)!important;box-shadow:none!important;padding:18px 20px 14px!important}
.ai2-chat-composer textarea{min-height:72px!important;font-size:17.5px!important;line-height:1.55!important;color:#edf2f7!important;letter-spacing:-.005em}
.ai2-chat-composer textarea::placeholder{color:#718196!important}
.ai2-chat-bar{margin-top:11px!important}
.ai2-chat-btn{border-color:rgba(158,179,205,.13)!important;background:rgba(255,255,255,.018)!important;color:#8998aa!important}
.ai2-chat-btn:hover{color:#e3eaf2!important;border-color:rgba(79,141,247,.32)!important;background:rgba(79,141,247,.055)!important}
.ai2-chat-send{border-radius:9px!important;background:#2f66d0!important;border:1px solid rgba(111,160,238,.44)!important;box-shadow:0 8px 24px rgba(34,82,166,.24)!important}
.model-note{margin-top:9px!important;text-align:center!important;color:#697a90!important;font:500 10.5px/1.45 Inter,"Helvetica Neue",system-ui,sans-serif!important;letter-spacing:0!important}

/* LIVING GRAPH / SAME WORLD */
.section#map{position:relative;z-index:2;max-width:1360px!important;margin:-6px auto 0!important;padding:42px 24px 92px!important}
.section#map::before{content:"";position:absolute;left:50%;top:0;width:1px;height:42px;background:linear-gradient(180deg,rgba(79,141,247,.36),transparent);pointer-events:none}
#map .section-head{max-width:1180px;margin:0 auto 17px;padding:0 4px!important;align-items:flex-end!important}
#map .section-head>div{display:grid;gap:5px}
#map .section-head h2{margin:0!important;font-size:24px!important;font-weight:640!important;letter-spacing:-.025em!important;color:#dfe7f0!important}
#map .section-head .kicker{color:#6f8197!important;font:650 8.5px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;letter-spacing:.11em!important}
#map .mapframe{max-width:1180px;margin:0 auto;min-height:700px;border:1px solid rgba(157,178,205,.16)!important;border-radius:16px!important;background:radial-gradient(560px 300px at 50% 54%,rgba(47,102,208,.052),transparent 70%),linear-gradient(180deg,rgba(8,15,25,.76),rgba(4,9,16,.84))!important;box-shadow:0 30px 92px rgba(0,0,0,.31)!important}
#map .mapframe::before{content:"";position:absolute;left:16%;right:16%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(121,153,197,.26),transparent);z-index:2;pointer-events:none}
#map .mapframe::after{content:"SYSTEM CONTEXT";position:absolute;top:16px;right:18px;z-index:3;font:650 7.5px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.17em;color:rgba(132,151,176,.46);pointer-events:none}
#map .rings{opacity:.14!important;filter:saturate(.55)}
#map .mapfoot{border-top:1px solid rgba(157,178,205,.10)!important;background:rgba(4,9,16,.78)!important}
#map .mapnote{color:#75869b!important;font-size:9.5px!important;letter-spacing:.07em!important}
.maplegend{opacity:.88}
.ai2-lg-node{border-radius:8px!important;border-color:rgba(150,172,202,.18)!important;background:linear-gradient(180deg,rgba(12,20,31,.97),rgba(7,13,22,.97))!important;box-shadow:0 12px 28px rgba(0,0,0,.24)!important}
.ai2-lg-node:hover,.ai2-lg-node[data-selected="true"]{border-color:rgba(79,141,247,.50)!important;box-shadow:0 16px 34px rgba(0,0,0,.31),0 0 0 2px rgba(79,141,247,.045)!important}
.ai2-lg-node[data-state="accepted-verified"]{border-color:rgba(79,186,138,.40)!important}
.ai2-lg-node[data-state="rejected-blocked"]{border-color:rgba(214,103,112,.54)!important}
.ai2-lg-edge{stroke:rgba(121,153,197,.31)!important}
.ai2-lg-edge.evidence{stroke:rgba(79,186,138,.43)!important}.ai2-lg-edge.authority{stroke:rgba(213,165,79,.48)!important}.ai2-lg-edge.blocked{stroke:rgba(214,103,112,.55)!important}

/* Truth-state material: supports existing runtime semantics without inventing state. */
.ai2-lg-node[data-state*="verified"],.ai2-lg-node[data-truth="verified"]{box-shadow:0 14px 30px rgba(0,0,0,.26),inset 0 0 0 1px rgba(79,186,138,.055)!important}
.ai2-lg-node[data-state*="affected"],.ai2-lg-node[data-truth="affected"]{border-color:rgba(213,165,79,.48)!important}
.ai2-lg-node[data-state*="stale"],.ai2-lg-node[data-truth="stale"]{opacity:.58;filter:saturate(.52)}
.ai2-lg-node[data-state*="unknown"],.ai2-lg-node[data-truth="unknown"]{border-style:dashed!important;opacity:.76}

/* INSTITUTIONAL NARRATIVE */
.institutional-band{max-width:1180px;margin:0 auto;padding:36px 24px 112px;display:grid;grid-template-columns:minmax(260px,.78fr) minmax(0,1.42fr);gap:clamp(38px,6vw,86px);align-items:start}
.institutional-intro{position:sticky;top:112px}
.institutional-intro h2{margin:13px 0 16px;font-size:clamp(34px,4vw,52px);line-height:1.02;letter-spacing:-.04em;font-weight:650;color:#edf1f5}
.institutional-intro p{margin:0;max-width:470px;color:#8f9eb1;font-size:15px;line-height:1.72}
.institutional-principles{display:grid;border-top:1px solid var(--gx-line)}
.institutional-principles article{display:grid;grid-template-columns:42px minmax(145px,.62fr) 1fr;gap:18px;align-items:start;padding:25px 0;border-bottom:1px solid var(--gx-line)}
.institutional-principles article>span{font:650 9px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#62748b;letter-spacing:.1em}
.institutional-principles h3{margin:0;color:#dce4ed;font-size:17px;font-weight:620;letter-spacing:-.015em}
.institutional-principles p{margin:0;color:#8494a8;font-size:13.5px;line-height:1.68}
.proof-callout{max-width:1180px;margin:0 auto 92px;padding:34px 38px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;border-top:1px solid rgba(213,165,79,.24);border-bottom:1px solid rgba(151,173,203,.12);background:linear-gradient(90deg,rgba(213,165,79,.035),transparent 48%,rgba(47,102,208,.035))}
.proof-callout h2{margin:12px 0 8px;font-size:clamp(30px,3.5vw,48px);line-height:1;letter-spacing:-.04em;font-weight:650;color:#edf1f5}.proof-callout p{margin:0;color:#8393a7;font-size:14px}.proof-callout a{flex:0 0 auto;display:inline-flex;align-items:center;gap:12px;min-height:42px;padding:0 16px;border:1px solid rgba(213,165,79,.30);border-radius:9px;color:#e5dfd2;font-size:12.5px;font-weight:650;background:rgba(213,165,79,.045);transition:.18s}.proof-callout a:hover{border-color:rgba(213,165,79,.50);background:rgba(213,165,79,.08);transform:translateY(-1px)}

/* FOCUS / KEYBOARD — institutional clarity, no decorative glow. */
:where(a,button,textarea,input):focus-visible{outline:2px solid rgba(121,189,243,.78)!important;outline-offset:3px!important}
.ai2-lg-node:focus-visible{outline:2px solid rgba(121,189,243,.72)!important;outline-offset:4px!important}

/* FOOTER */
.foot{max-width:1180px!important;margin:0 auto!important;padding:30px 24px 42px!important;border-top:1px solid rgba(157,178,205,.11)!important;color:#7d8c9f!important}.foot .brand b,.foot .check b{color:#dce4ed!important;letter-spacing:.06em!important}.foot .brand small,.foot .check small{color:#7f8fa3!important}

/* RESPONSIVE */
@media (max-width:1040px){.masthead{padding:10px 18px!important}.mainnav{gap:13px!important}.chainpill{display:none!important}.hero{padding-top:78px!important}.institutional-band{grid-template-columns:1fr;gap:34px}.institutional-intro{position:static}.institutional-principles article{grid-template-columns:36px 180px 1fr}}
@media (max-width:760px){.masthead{min-height:64px!important;padding:10px 14px!important}.genesis-master-name{font-size:15px}.genesis-family{font-size:7.5px;gap:5px}.mainnav{display:none!important}.open-ai2{height:34px;padding:0 11px}.hero{min-height:30vh;padding:62px 18px 22px!important}.hero h1{font-size:clamp(42px,12vw,64px)!important}.hero .sub{font-size:16px!important}.hero-principles{font-size:9.5px;gap:8px;flex-wrap:wrap;justify-content:center}.ai2-chat-shell{padding:16px 12px 18px!important}.ai2-chat-shell::after{bottom:-84px;height:150px}.ai2-chat-brand{top:-42px;transform:translateX(-50%) scale(.78)}.ai2-chat-surface{border-radius:13px!important}.mission-state{display:none}.ai2-chat-thread{max-height:50vh!important;padding:16px!important}.ai2-chat-composer{padding:16px!important}.ai2-chat-btn.hideable{display:none!important}.section#map{padding:28px 12px 66px!important}.section#map::before{height:27px}#map .mapframe{min-height:550px;border-radius:13px!important}#map .mapframe::after{display:none}.institutional-band{padding:26px 18px 78px}.institutional-principles article{grid-template-columns:34px 1fr;gap:8px 14px}.institutional-principles p{grid-column:2}.proof-callout{margin:0 14px 62px;padding:26px 22px;align-items:flex-start;flex-direction:column}.foot{padding:24px 16px 34px!important;gap:16px!important;flex-wrap:wrap!important}}
@media (max-width:480px){.head-right{gap:8px!important}.open-ai2{display:none}.hero{padding-top:52px!important}.hero h1{font-size:41px!important}.ai2-chat-brand{top:-36px;transform:translateX(-50%) scale(.68)}.ai2-chat-composer textarea{font-size:16px!important}.section#map{padding-left:8px!important;padding-right:8px!important}.institutional-intro h2{font-size:36px}}
@media (prefers-reduced-motion:reduce){#genesisRain{opacity:.23!important}.open-ai2,.proof-callout a{transition:none!important}.open-ai2:hover,.proof-callout a:hover{transform:none!important}*{scroll-behavior:auto!important}}