:root {
--bg: #050914;
--bg-2: #08111e;
--panel: #0b1220;
--text: #f7f9fc;
--muted: #9aa8bb;
--line: rgba(255, 255, 255, 0.10);
--blue: #3b82f6;
--blue-bright: #60a5fa;
--green: #34d399;
--red: #fb7185;
}

* {
box-sizing: border-box;
}

html {
scroll-behavior: smooth;
}

body {
margin: 0;
font-family:
Inter,
ui-sans-serif,
system-ui,
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
sans-serif;

background:
radial-gradient(
circle at 50% 8%,
rgba(59, 130, 246, 0.15),
transparent 34%
),
linear-gradient(
180deg,
var(--bg) 0%,
var(--bg-2) 45%,
var(--bg) 100%
);

color: var(--text);
}

a {
color: inherit;
text-decoration: none;
}

button,
input,
select,
textarea {
font: inherit;
}


/* =========================
HEADER
========================= */

.site-header {
position: sticky;
top: 0;
z-index: 30;

backdrop-filter: blur(16px);

background:
rgba(5, 9, 20, 0.82);

border-bottom:
1px solid var(--line);
}

.nav {
width: min(1180px, 92%);
margin: auto;

min-height: 78px;

display: flex;
align-items: center;
justify-content: space-between;

gap: 24px;
}

.brand {
display: flex;
flex-direction: column;

line-height: 1;
}

.brand-main {
font-size: 1rem;

font-weight: 900;

letter-spacing: 0.18em;
}

.brand-sub {
margin-top: 7px;

color: var(--blue-bright);

font-size: 0.63rem;

letter-spacing: 0.22em;
}

.nav-links {
display: flex;

gap: 24px;

color: var(--muted);

font-size: 0.9rem;
}

.nav-links a:hover {
color: #ffffff;
}

.nav-button {
padding: 11px 18px;

border:
1px solid rgba(96, 165, 250, 0.5);

border-radius: 999px;

background:
rgba(59, 130, 246, 0.10);
}


/* =========================
HERO
========================= */

.hero {
min-height:
calc(100vh - 78px);

display: grid;

place-items: center;

position: relative;

overflow: hidden;

padding:
90px 20px;
}

.hero::before,
.hero::after {
content: "";

position: absolute;

border-radius: 50%;

filter: blur(110px);

opacity: 0.25;

pointer-events: none;
}

.hero::before {
width: 430px;
height: 430px;

background: #2563eb;

top: 2%;
left: 5%;
}

.hero::after {
width: 360px;
height: 360px;

background: #0ea5e9;

bottom: 3%;
right: 5%;
}

.hero-grid {
position: absolute;

inset: 0;

opacity: 0.12;

background-image:

linear-gradient(
rgba(96, 165, 250, 0.14) 1px,
transparent 1px
),

linear-gradient(
90deg,
rgba(96, 165, 250, 0.14) 1px,
transparent 1px
);

background-size:
42px 42px;
}

.hero-inner {
width:
min(1050px, 92%);

text-align: center;

position: relative;

z-index: 2;
}

.eyebrow,
.section-label,
.arch-kicker {
color:
var(--blue-bright);

font-size:
0.76rem;

font-weight:
800;

letter-spacing:
0.26em;

text-transform:
uppercase;
}

h1 {
margin:
20px 0 0;

font-size:
clamp(
3rem,
9vw,
7.2rem
);

line-height:
0.94;

letter-spacing:
-0.055em;
}

.realm {
margin-top:
18px;

font-size:
clamp(
0.76rem,
2vw,
1rem
);

letter-spacing:
0.42em;

color:
var(--blue-bright);

font-weight:
800;
}

.headline {
margin:
52px auto 0;

max-width:
900px;

font-size:
clamp(
1.7rem,
4vw,
3.6rem
);

line-height:
1.04;

font-weight:
800;
}

.hero-copy,
.section-copy {
max-width:
780px;

margin:
26px auto 0;

color:
var(--muted);

font-size:
1.05rem;

line-height:
1.8;
}

.hero-actions {
margin-top:
38px;

display:
flex;

justify-content:
center;

gap:
14px;

flex-wrap:
wrap;
}

.hero-trust {
margin:
48px auto 0;

display:
flex;

justify-content:
center;

gap:
16px;

flex-wrap:
wrap;

color:
#7f8da0;

font-size:
0.7rem;

letter-spacing:
0.12em;
}

.hero-trust span {
border:
1px solid var(--line);

border-radius:
999px;

padding:
9px 12px;
}


/* =========================
BUTTONS
========================= */

.button {
display:
inline-flex;

align-items:
center;

justify-content:
center;

min-height:
52px;

padding:
0 24px;

border-radius:
12px;

border:
0;

font-weight:
800;

font-size:
0.9rem;

cursor:
pointer;

transition:
0.2s ease;
}

.button-primary {
background:
var(--blue);

color:
#ffffff;
}

.button-primary:hover {
transform:
translateY(-2px);

background:
#4f8df8;
}

.button-secondary {
border:
1px solid var(--line);

background:
rgba(255, 255, 255, 0.04);

color:
#ffffff;
}


/* =========================
GABRIEL FLOW
========================= */

.flow-shell {
width:
min(1180px, 92%);

margin:
auto;

border-top:
1px solid var(--line);

border-bottom:
1px solid var(--line);
}

.flow {
padding:
30px 0;

display:
flex;

align-items:
center;

justify-content:
space-between;

gap:
10px;

overflow-x:
auto;

color:
var(--muted);

font-size:
0.68rem;

letter-spacing:
0.08em;

white-space:
nowrap;
}

.flow i {
color:
var(--blue-bright);

font-style:
normal;
}


/* =========================
SECTIONS
========================= */

section {
width:
min(1180px, 92%);

margin:
auto;

padding:
110px 0;
}

.section-title {
margin:
14px 0 0;

font-size:
clamp(
2rem,
5vw,
4rem
);

line-height:
1.04;

max-width:
900px;
}

.section-copy {
margin-left:
0;
}


/* =========================
CARDS
========================= */

.cards {
margin-top:
48px;

display:
grid;

grid-template-columns:
repeat(3, 1fr);

gap:
18px;
}

.card {
min-height:
250px;

padding:
28px;

border-radius:
18px;

border:
1px solid var(--line);

background:
linear-gradient(
180deg,
rgba(255, 255, 255, 0.045),
rgba(255, 255, 255, 0.015)
);
}

.card-number {
color:
var(--blue-bright);

font-size:
0.72rem;

letter-spacing:
0.18em;

font-weight:
800;
}

.card h3 {
margin:
42px 0 12px;

font-size:
1.28rem;
}

.card p {
color:
var(--muted);

line-height:
1.7;

margin:
0;
}

/* Gabriel second-order observation */
.gabriel-self-observation{margin:22px 0;padding:20px;border:1px solid rgba(91,211,255,.3);border-radius:18px;background:linear-gradient(145deg,rgba(5,20,31,.96),rgba(8,35,46,.88));box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 18px 45px rgba(0,0,0,.2);color:#eafaff}
.self-observation-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.self-observation-heading span,.self-observation-verdict>span{display:block;color:#6edcff;font-size:.72rem;font-weight:800;letter-spacing:.14em}.self-observation-heading strong{display:block;margin-top:5px;font-size:1.15rem}.self-observation-heading em{padding:7px 10px;border:1px solid rgba(110,220,255,.35);border-radius:999px;color:#9ceaff;font-size:.68rem;font-style:normal;font-weight:800;white-space:nowrap}
.self-observation-identity{margin:0 0 16px;color:#c8e6ee;line-height:1.55}.self-observation-identity b{color:#fff}.self-observation-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}.self-observation-metrics div{padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.025)}.self-observation-metrics span{display:block;color:#7fa8b4;font-size:.62rem;font-weight:800;letter-spacing:.08em}.self-observation-metrics strong{display:block;margin-top:5px;color:#fff;font-size:1rem}
.self-observation-body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:12px}.self-observation-body ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0;padding:0;list-style:none}.self-observation-body li{display:flex;gap:8px;padding:9px;border-radius:9px;background:rgba(255,255,255,.035)}.self-observation-body li i{width:7px;height:7px;margin-top:5px;border-radius:50%;background:#f1b75a}.self-observation-body li[data-state="observed"] i{background:#55dfae;box-shadow:0 0 9px rgba(85,223,174,.55)}.self-observation-body li strong,.self-observation-body li span{display:block}.self-observation-body li strong{font-size:.67rem;letter-spacing:.08em}.self-observation-body li span{margin-top:3px;color:#9bbbc4;font-size:.76rem;line-height:1.35}.self-observation-verdict{padding:12px;border-left:2px solid rgba(110,220,255,.45);background:rgba(5,12,18,.34)}.self-observation-verdict strong{display:block;margin:4px 0 12px}.self-observation-verdict p{margin:4px 0 12px;color:#bad4db;font-size:.82rem;line-height:1.45}.gabriel-self-observation footer{margin-top:13px;padding-top:11px;border-top:1px solid rgba(255,255,255,.08);color:#8fb3bc;font-size:.75rem;line-height:1.45}.gabriel-self-observation.is-compact{margin:12px 0 16px;padding:15px}.gabriel-self-observation.is-compact .self-observation-body{grid-template-columns:1fr}.capability-self-observation{position:relative}.what-changed-self-observation{grid-column:1/-1}
@media(max-width:760px){.self-observation-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.self-observation-body{grid-template-columns:1fr}.self-observation-body ul{grid-template-columns:1fr}.self-observation-heading{align-items:stretch;flex-direction:column}.self-observation-heading em{align-self:flex-start}}

.flow-card {
min-height: 320px;
padding: 0;
border: 0;
background: transparent;
perspective: 1200px;
cursor: pointer;
outline: none;
}

.flow-card-inner {
position: relative;
width: 100%;
min-height: 320px;
transform-style: preserve-3d;
transition: transform .7s cubic-bezier(.2,.75,.25,1);
}

.flow-card.is-flipped .flow-card-inner { transform: rotateY(180deg); }
.flow-card-face { position: absolute; inset: 0; padding: 28px; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015)),#09111f; backface-visibility: hidden; -webkit-backface-visibility: hidden; overflow: auto; }
.flow-card-back { transform: rotateY(180deg); border-color: rgba(197,156,78,.38); background: radial-gradient(circle at 100% 0,rgba(197,156,78,.13),transparent 42%),linear-gradient(145deg,#12131a,#09111f); }
.flow-card:focus-visible .flow-card-face,.flow-card:hover .flow-card-front { border-color: rgba(96,165,250,.48); box-shadow: 0 0 0 3px rgba(59,130,246,.09); }
.card-top { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.flow-card .card-number { flex: 1; }
.flow-card h3 { margin-top: 48px; }
.ancient-label { color: #d9b66f; font-size: .7rem; font-weight: 850; letter-spacing: .15em; line-height: 1.5; }
.flow-card-back h3 { margin: 32px 0 12px; color: #ffe9b9; }
.flow-card-back p { color: #b7b2a8; font-size: 1rem; line-height: 1.68; }
.modern-value { display: block; margin-top: 22px; padding-top: 16px; border-top: 1px solid rgba(217,182,111,.22); color: #f0cf89; font-size: .64rem; font-weight: 850; letter-spacing: .11em; }
.flow-flip-instruction { max-width: 720px; margin-top: 18px; }


/* =========================
GABRIEL 1.0 ARCHITECTURE
========================= */

.architecture {
margin-top:
54px;

display:
grid;

grid-template-columns:
1fr 220px 1fr;

gap:
18px;

align-items:
stretch;
}

.arch-panel,
.arch-spine {
border:
1px solid var(--line);

border-radius:
20px;

background:
rgba(255, 255, 255, 0.025);

padding:
28px;
}

.arch-panel h3 {
font-size:
1.6rem;

margin:
10px 0 20px;
}

.arch-panel ul {
list-style:
none;

padding:
0;

margin:
0;

color:
var(--muted);

line-height:
2;
}

.arch-spine {
display:
grid;

place-items:
center;

gap:
10px;

background:
rgba(59, 130, 246, 0.06);
}

.arch-spine .arch-explore {
width:
100%;

text-align:
center;

padding:
12px;

border-radius:
10px;

border:
1px solid
rgba(96, 165, 250, 0.18);

color:
var(--blue-bright);

font-size:
0.72rem;

letter-spacing:
0.14em;

font-family: inherit;
background: transparent;
cursor: pointer;
transition: color .2s ease, transform .2s ease, text-shadow .2s ease;
}

.arch-spine .arch-explore:hover,
.arch-spine .arch-explore.active {
color: #fff;
transform: scale(1.04);
text-shadow: 0 0 18px rgba(96,165,250,.85);
}

.arch-panel.protected li[data-explore] {
cursor: pointer;
padding: 7px 10px;
margin-left: -10px;
border-radius: 8px;
transition: .2s ease;
}

.arch-panel.protected li[data-explore]:hover,
.arch-panel.protected li[data-explore]:focus,
.arch-panel.protected li[data-explore].active {
color: #fff;
background: rgba(59,130,246,.12);
outline: 1px solid rgba(96,165,250,.28);
transform: translateX(5px);
}

.architecture-explorer {
margin-top: 22px;
border: 1px solid rgba(96,165,250,.28);
border-radius: 18px;
background: linear-gradient(135deg,rgba(59,130,246,.09),rgba(5,9,20,.68));
overflow: hidden;
box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

.explorer-heading {
display: flex;
justify-content: space-between;
gap: 18px;
padding: 14px 20px;
border-bottom: 1px solid var(--line);
color: var(--blue-bright);
font-size: .68rem;
font-weight: 850;
letter-spacing: .13em;
}

.explorer-heading strong { color: #8190a5; font-size: inherit; }
.explorer-body { display: grid; grid-template-columns: 1.1fr .9fr; gap: 36px; align-items: center; padding: 26px; }
.explorer-label { color: #728198; font-size: .65rem; letter-spacing: .14em; }
.explorer-body h3 { margin: 8px 0; font-size: 1.55rem; }
.explorer-body p { margin: 0; color: var(--muted); line-height: 1.65; }
.explorer-io { display: grid; grid-template-columns: 1fr auto 1fr; gap: 12px; align-items: center; }
.explorer-io div { min-height: 92px; padding: 15px; border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.025); }
.explorer-io span { display: block; color: #728198; font-size: .62rem; letter-spacing: .11em; margin-bottom: 8px; }
.explorer-io strong { font-size: .82rem; line-height: 1.45; }
.source-channel-trigger {
width: 100%; padding: 0; border: 0; background: transparent; color: #eef6ff;
font: inherit; font-size: .82rem; font-weight: 800; line-height: 1.45; text-align: left;
cursor: pointer; text-decoration: underline; text-decoration-color: rgba(96,165,250,.48);
text-underline-offset: 5px;
}
.source-channel-trigger:hover,.source-channel-trigger:focus-visible { color: var(--blue-bright); outline: none; }
.explorer-io i { color: var(--blue-bright); font-style: normal; }
.explorer-proof { display: flex; flex-wrap: wrap; gap: 8px; padding: 0 26px 22px; }
.explorer-proof span { padding: 7px 9px; border-radius: 999px; border: 1px solid rgba(52,211,153,.2); color: #87b9a7; font-size: .59rem; letter-spacing: .08em; }

/* =========================
INTELLIGENCE EXPLORER
========================= */

body.intel-open { overflow: hidden; }

.intel-overlay[hidden] { display: none; }

.intel-overlay {
position: fixed;
inset: 0;
z-index: 100;
display: grid;
place-items: center;
padding: 24px;
background: rgba(1, 4, 12, .84);
backdrop-filter: blur(18px);
animation: intelFade .22s ease both;
}

.intel-dialog {
width: min(1080px, 100%);
max-height: min(880px, calc(100vh - 48px));
overflow: auto;
border: 1px solid rgba(96,165,250,.34);
border-radius: 24px;
background:
radial-gradient(circle at 85% 0%, rgba(59,130,246,.18), transparent 34%),
linear-gradient(145deg, #0b1425, #060b15 65%);
box-shadow: 0 40px 120px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.07);
animation: intelRise .32s cubic-bezier(.2,.8,.2,1) both;
}

.intel-topbar {
position: sticky;
top: 0;
z-index: 2;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding: 18px 24px;
border-bottom: 1px solid var(--line);
background: rgba(7,13,25,.9);
backdrop-filter: blur(14px);
}

.intel-topbar > div { display: flex; flex-direction: column; gap: 5px; }
.intel-eyebrow { color: var(--blue-bright); font-size: .64rem; font-weight: 850; letter-spacing: .15em; }
.intel-topbar strong { color: #7f8da2; font-size: .65rem; letter-spacing: .12em; }
.intel-close { width: 42px; height: 42px; border: 1px solid var(--line); border-radius: 50%; background: rgba(255,255,255,.04); color: #fff; font-size: 1.75rem; line-height: 1; cursor: pointer; }
.intel-close:hover, .intel-close:focus-visible { border-color: var(--blue-bright); background: rgba(59,130,246,.16); outline: none; }
.intel-content { padding: 34px; }
.intel-intro { display: grid; grid-template-columns: auto 1fr; gap: 24px; align-items: start; }
.intel-number { color: rgba(96,165,250,.2); font-size: clamp(4.5rem, 11vw, 8rem); font-weight: 900; line-height: .8; letter-spacing: -.08em; }
.intel-label, .intel-example > span, .intel-safeguard > span { color: #71819a; font-size: .64rem; font-weight: 800; letter-spacing: .15em; }
.intel-intro h2 { margin: 5px 0 10px; font-size: clamp(2rem, 5vw, 4rem); line-height: 1; }
.intel-intro p { max-width: 760px; margin: 0; color: #b2bfd0; font-size: 1rem; line-height: 1.75; }

.intel-flow {
position: relative;
display: grid;
grid-template-columns: repeat(4,1fr);
gap: 12px;
margin: 34px 0;
}

.intel-flow::before { content: ""; position: absolute; left: 6%; right: 6%; top: 29px; height: 1px; background: linear-gradient(90deg,var(--blue),var(--green)); opacity: .42; }
.intel-step { position: relative; min-height: 176px; margin: 0; padding: 18px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.025); }
.intel-step b { position: relative; z-index: 1; display: grid; place-items: center; width: 24px; height: 24px; margin-bottom: 20px; border-radius: 50%; background: #122b52; color: #8fc0ff; font-size: .62rem; box-shadow: 0 0 0 6px #09101d; }
.intel-step span { color: var(--blue-bright); font-size: .68rem; font-weight: 850; letter-spacing: .13em; }
.intel-step p { margin: 10px 0 0; color: var(--muted); font-size: .78rem; line-height: 1.55; }
.intel-lower { display: grid; grid-template-columns: 1.1fr .9fr; gap: 14px; }
.intel-example, .intel-contract { padding: 20px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.022); }
.intel-example p { margin: 12px 0 0; color: #d7deea; line-height: 1.65; }
.intel-contract { display: grid; grid-template-columns: 1fr auto 1fr; gap: 12px; align-items: center; }
.intel-contract div span { display: block; margin-bottom: 8px; color: #71819a; font-size: .61rem; letter-spacing: .13em; }
.intel-contract div strong { font-size: .78rem; line-height: 1.45; }
.intel-contract .source-channel-trigger { font-size: .78rem; }
.intel-contract i { color: var(--green); font-style: normal; }
.intel-safeguard { display: flex; justify-content: space-between; gap: 28px; margin-top: 14px; padding: 18px 20px; border: 1px solid rgba(52,211,153,.2); border-radius: 14px; background: rgba(52,211,153,.045); }
.intel-safeguard strong { max-width: 620px; color: #a9d7c7; font-size: .82rem; line-height: 1.5; text-align: right; }
.intel-footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 24px; }
.intel-footer > span { color: #728198; font-size: .64rem; letter-spacing: .11em; }
.intel-footer > span i { display: inline-block; width: 7px; height: 7px; margin-right: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 12px var(--green); }
.intel-footer button { padding: 12px 16px; border: 1px solid rgba(96,165,250,.3); border-radius: 10px; background: rgba(59,130,246,.08); color: #afcffb; font-size: .65rem; font-weight: 800; letter-spacing: .1em; cursor: pointer; }
.intel-footer button:hover, .intel-footer button:focus-visible { background: rgba(59,130,246,.18); outline: none; }
.intel-footer button:disabled { cursor: not-allowed; opacity: .42; background: rgba(255,255,255,.025); }

.intel-footer-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }
.intel-footer .try-capability { border-color: rgba(52,211,153,.48); background: rgba(52,211,153,.11); color: #b8f5df; }
.intel-footer .try-capability:hover, .intel-footer .try-capability:focus-visible { background: rgba(52,211,153,.2); }

.capability-output-dialog { width: min(920px,100%); }
.capability-output-content { padding: 34px; }
.capability-output-heading > span { color: var(--green); font-size: .68rem; font-weight: 850; letter-spacing: .14em; }
.capability-output-heading h2 { margin: 8px 0 12px; font-size: clamp(2rem,5vw,3.5rem); line-height: 1.05; }
.capability-output-heading p { max-width: 760px; margin: 0; color: #b2bfd0; font-size: 1rem; line-height: 1.7; }
.capability-output-boundary { margin: 26px 0 18px; padding: 18px 20px; border: 1px solid rgba(52,211,153,.3); border-radius: 14px; background: rgba(52,211,153,.055); }
.capability-output-boundary strong { color: #b8f5df; font-size: .72rem; letter-spacing: .1em; }
.capability-output-boundary p { margin: 8px 0 0; color: #9fb4ad; line-height: 1.55; }
.capability-output-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.capability-output-fields article { min-height: 132px; padding: 20px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.026); }
.capability-output-fields span { color: var(--blue-bright); font-size: .7rem; font-weight: 850; letter-spacing: .12em; }
.capability-output-fields p { margin: 12px 0 0; color: #d7deea; font-size: .95rem; line-height: 1.6; }
.capability-output-footer { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 22px; }
.capability-output-footer span { color: #728198; font-size: .7rem; letter-spacing: .1em; }
.capability-output-footer button { padding: 12px 16px; border: 1px solid rgba(96,165,250,.3); border-radius: 10px; background: rgba(59,130,246,.08); color: #afcffb; font: inherit; font-size: .72rem; font-weight: 800; letter-spacing: .08em; cursor: pointer; }
.capability-output-footer button:hover,.capability-output-footer button:focus-visible { background: rgba(59,130,246,.18); outline: none; }

.source-directory-dialog { width: min(980px,100%); }
.source-directory-content { padding: 30px; }
.source-directory-heading { display: flex; justify-content: space-between; gap: 24px; align-items: start; }
.source-directory-heading > div > span,.source-directory-card > span { color: var(--blue-bright); font-size: .61rem; font-weight: 850; letter-spacing: .13em; }
.source-directory-heading h2 { margin: 7px 0 8px; }
.source-directory-heading p,.source-boundary p { margin: 0; color: var(--muted); line-height: 1.6; }
.source-directory-region { padding: 8px 10px; border: 1px solid rgba(96,165,250,.3); border-radius: 999px; color: #a6cbfa; font-size: .6rem; white-space: nowrap; }
.source-boundary { margin: 22px 0; padding: 16px 18px; border-left: 3px solid #fbbf24; background: rgba(251,191,36,.055); }
.source-boundary strong { display: block; margin-bottom: 7px; color: #f4cf68; font-size: .67rem; letter-spacing: .1em; }
.source-boundary p { font-size: .73rem; }
.source-domain-control { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px 16px; align-items: end; margin: 0 0 18px; padding: 17px; border: 1px solid rgba(96,165,250,.22); border-radius: 12px; background: rgba(59,130,246,.045); }
.source-directory-field { display: grid; gap: 7px; }
.source-domain-control label { color: #86b9fb; font-size: .61rem; font-weight: 850; letter-spacing: .11em; }
.source-domain-control select,.source-domain-control input { width: 100%; min-height: 44px; padding: 11px 38px 11px 12px; border: 1px solid rgba(96,165,250,.35); border-radius: 9px; background: #08111e; color: #e5f1ff; font: inherit; font-size: .75rem; }
.source-domain-control select { cursor: pointer; }
.source-domain-control input { padding-right: 12px; }
.source-domain-control select:focus-visible,.source-domain-control input:focus-visible { outline: 2px solid rgba(125,184,255,.42); outline-offset: 2px; }
.source-directory-search-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; }
.source-directory-search-row button { min-height: 44px; padding: 10px 13px; border: 1px solid rgba(52,211,153,.4); border-radius: 9px; background: rgba(52,211,153,.1); color: #b8f5df; font: inherit; font-size: .6rem; font-weight: 850; letter-spacing: .06em; cursor: pointer; }
.source-directory-search-row button:hover,.source-directory-search-row button:focus-visible { background: rgba(52,211,153,.18); outline: 2px solid rgba(52,211,153,.28); outline-offset: 2px; }
.source-directory-selection-help { color: #91a5bd; font-size: .64rem; line-height: 1.45; }
.source-domain-control p { grid-column: 1 / -1; margin: 0; color: #7f91a8; font-size: .66rem; line-height: 1.5; }
.source-directory-state { color: #9aabc0; font-size: .75rem; }
.source-directory-coverage { display: flex; justify-content: space-between; gap: 14px; margin-top: 12px; padding: 12px 14px; border: 1px solid rgba(52,211,153,.2); border-radius: 10px; background: rgba(52,211,153,.045); color: #a8bfd4; font-size: .69rem; line-height: 1.5; }
.source-directory-coverage strong { color: #b8f5df; }
.source-directory-records { display: grid; gap: 12px; margin-top: 16px; }
.source-directory-card { padding: 18px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.025); }
.source-directory-card h3 { margin: 7px 0 4px; font-size: 1rem; }
.source-directory-card > p { margin: 0 0 13px; color: #9dacbf; font-size: .72rem; line-height: 1.5; }
.source-contact-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
.source-contact-grid div { padding: 11px; border: 1px solid rgba(255,255,255,.07); border-radius: 9px; }
.source-contact-grid span { display: block; color: #6f8199; font-size: .56rem; letter-spacing: .1em; }
.source-contact-grid strong,.source-contact-grid a { display: block; margin-top: 5px; color: #dce9f8; font-size: .7rem; line-height: 1.4; overflow-wrap: anywhere; }
.source-contact-grid small { display: block; margin-top: 5px; color: #71839a; font-size: .56rem; line-height: 1.4; }
.source-directory-actions,.source-authorization-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 13px; }
.source-directory-actions button,.source-directory-actions a,.source-authorization-actions button { padding: 10px 12px; border: 1px solid rgba(96,165,250,.3); border-radius: 8px; background: rgba(59,130,246,.08); color: #acd0ff; font-size: .62rem; font-weight: 850; letter-spacing: .07em; text-decoration: none; cursor: pointer; }
.source-directory-actions button:disabled { opacity: .42; cursor: not-allowed; }
.source-directory-pagination { display: flex; justify-content: center; align-items: center; gap: 14px; margin-top: 18px; }
.source-directory-pagination button { padding: 9px 12px; border: 1px solid rgba(96,165,250,.3); border-radius: 8px; background: rgba(59,130,246,.08); color: #acd0ff; font: inherit; font-size: .62rem; font-weight: 850; cursor: pointer; }
.source-directory-pagination button:disabled { opacity: .38; cursor: not-allowed; }
.source-directory-pagination span { color: #8fa3bb; font-size: .68rem; }
.source-authorization { margin-top: 18px; padding: 20px; border: 1px solid rgba(52,211,153,.25); border-radius: 14px; background: rgba(52,211,153,.045); }
.source-authorization h3 { margin: 0 0 6px; }
.source-authorization > p { color: #9dafc2; font-size: .72rem; }
.source-authorization label { display: block; margin-top: 14px; color: #aebdce; font-size: .7rem; font-weight: 750; }
.source-authorization textarea { width: 100%; margin-top: 7px; padding: 12px; border: 1px solid var(--line); border-radius: 9px; background: #08111e; color: #fff; font: inherit; resize: vertical; }
.source-authorization-actions button:last-child { border-color: rgba(52,211,153,.4); color: #b8f5df; }
.source-authorization-actions button:disabled { opacity: .45; cursor: not-allowed; }
.source-authorization-note { margin-bottom: 0; color: #71849a !important; line-height: 1.55; }

/* =========================
V1.0 REGIONAL PUBLIC CONSEQUENCE MONITOR
========================= */

.regional-evidence { margin-top: 18px; padding: 18px; border: 1px solid rgba(96,165,250,.26); border-radius: 14px; background: linear-gradient(145deg,rgba(11,24,45,.84),rgba(5,10,20,.72)); }
.regional-evidence-heading { display: flex; justify-content: space-between; gap: 18px; align-items: start; }
.regional-evidence-heading span { color: var(--blue-bright); font-size: .61rem; font-weight: 850; letter-spacing: .14em; }
.regional-evidence-heading h3 { margin: 6px 0 0; font-size: 1rem; }
.regional-evidence-heading > #regionalEvidenceRegion { padding: 7px 9px; border: 1px solid rgba(96,165,250,.34); border-radius: 999px; background: rgba(59,130,246,.08); color: #91bdf5; font: inherit; font-size: .57rem; font-weight: 800; letter-spacing: .09em; white-space: nowrap; cursor: pointer; }
.regional-evidence-heading > #regionalEvidenceRegion:hover,
.regional-evidence-heading > #regionalEvidenceRegion:focus-visible { border-color: #7db8ff; background: rgba(59,130,246,.18); color: #d5e8ff; outline: 2px solid rgba(125,184,255,.28); outline-offset: 2px; }
.regional-evidence-state { margin: 15px 0 0; color: #99a9bd; font-size: .75rem; line-height: 1.55; }
.regional-evidence-state button { margin-left: 8px; padding: 7px 9px; border: 1px solid rgba(96,165,250,.36); border-radius: 7px; background: rgba(59,130,246,.1); color: #a9ceff; font: inherit; font-weight: 800; cursor: pointer; }
.regional-evidence-published { margin-top: 10px !important; color: #a9ceff !important; font-weight: 750; }
.regional-recent { border-color: rgba(88,210,173,.34); }
.regional-recent .regional-evidence-heading span { color: #86dac2; }
.regional-recent .regional-evidence-heading button { padding: 8px 11px; border: 1px solid rgba(88,210,173,.4); border-radius: 8px; color: #b2f1da; background: rgba(88,210,173,.09); font-size: .65rem; font-weight: 800; cursor: pointer; }
.regional-recent-articles { display: grid; gap: 10px; margin-top: 14px; }
.regional-recent-card { padding: 12px 14px; border: 1px solid rgba(88,210,173,.17); border-radius: 9px; background: rgba(88,210,173,.04); }
.regional-recent-card a { display: block; color: #c8f4e6; font-size: .79rem; line-height: 1.4; }
.regional-recent-card small { display: block; margin-top: 6px; color: #99a9bd; font-size: .63rem; }
.regional-evidence-records { display: grid; gap: 12px; margin-top: 15px; }
.regional-evidence-card { padding: 16px; border: 1px solid rgba(255,255,255,.09); border-left: 3px solid var(--blue-bright); border-radius: 11px; background: rgba(255,255,255,.025); }
.regional-evidence-card-top { display: flex; justify-content: space-between; gap: 15px; align-items: start; }
.regional-evidence-card-top span, .regional-evidence-measures span { display: block; color: #73859c; font-size: .55rem; font-weight: 850; letter-spacing: .12em; }
.regional-evidence-card h4 { margin: 4px 0 0; font-size: 1rem; }
.regional-evidence-card-top em { color: #f4cf68; font-size: .55rem; font-weight: 850; font-style: normal; letter-spacing: .1em; }
.regional-evidence-card h5 { margin: 15px 0 7px; color: #dce7f5; font-size: .82rem; }
.regional-evidence-card > p { margin: 0; color: #aebbd0; font-size: .72rem; line-height: 1.6; }
.regional-evidence-bottleneck { margin-top: 13px; padding: 12px; border-left: 2px solid #f4cf68; background: rgba(244,207,104,.055); }
.regional-evidence-bottleneck span { display: block; color: #f4cf68; font-size: .55rem; font-weight: 850; letter-spacing: .12em; }
.regional-evidence-bottleneck strong { display: block; margin-top: 5px; color: #eef5ff; font-size: .8rem; }
.regional-evidence-bottleneck p { margin: 5px 0 0; color: #aebbd0; font-size: .68rem; line-height: 1.55; }
.regional-evidence-measures { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 14px 0; }
.regional-evidence-measures > div { padding: 11px; border: 1px solid rgba(255,255,255,.075); border-radius: 8px; background: rgba(0,0,0,.13); }
.regional-evidence-measures strong { display: block; margin: 5px 0 3px; color: #fff; font-size: .91rem; }
.regional-evidence-measures small, .regional-evidence-card footer { color: #718096; font-size: .58rem; line-height: 1.45; }
.regional-evidence-card details { margin: 12px 0; color: #8da0b7; font-size: .65rem; line-height: 1.55; }
.regional-evidence-card summary { color: #95b9e8; cursor: pointer; }
.regional-evidence-card a { color: #84baff; font-size: .61rem; font-weight: 800; letter-spacing: .08em; }
.regional-evidence-card footer { margin-top: 11px; }
.source-release-watch { margin-top: 14px; padding: 12px; border: 1px solid rgba(96,165,250,.2); border-radius: 9px; background: rgba(15,35,63,.55); }
.source-release-watch > div:first-child { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.source-release-watch span { color: #77b7ff; font-size: .54rem; font-weight: 850; letter-spacing: .12em; }
.source-release-watch strong { color: #8bf0be; font-size: .58rem; letter-spacing: .09em; }
.source-release-watch > p { margin: 7px 0 0; color: #aebbd0; font-size: .65rem; line-height: 1.5; }
.source-release-watch dl { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin: 10px 0 0; }
.source-release-watch dl div { padding: 8px; border-radius: 7px; background: rgba(0,0,0,.16); }
.source-release-watch dt { color: #73859c; font-size: .5rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.source-release-watch dd { margin: 4px 0 0; color: #dce7f5; font-size: .58rem; line-height: 1.35; }
.source-release-watch--review_required { border-color: rgba(244,207,104,.52); background: rgba(244,207,104,.06); }
.source-release-watch--review_required strong, .source-release-watch--unavailable strong { color: #f4cf68; }
.source-release-watch--unavailable { border-color: rgba(248,113,113,.38); }
.regional-evidence-boundary { margin: 14px 0 0; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.07); color: #74849a; font-size: .62rem; line-height: 1.55; }

@media (max-width: 700px) {
.regional-evidence-heading { flex-direction: column; }
.regional-evidence-measures { grid-template-columns: 1fr; }
.source-release-watch dl { grid-template-columns: 1fr; }
.regional-evidence-state button { display: block; margin: 9px 0 0; }
}

/* =========================
HISTORICAL NAME STORY
========================= */

.name-section {
display: grid;
grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
gap: 54px;
align-items: center;
padding-top: 34px;
}

.name-copy .section-title { margin-bottom: 26px; }
.name-copy > p { margin: 0 0 20px; color: #b6c2d3; font-size: 1.02rem; line-height: 1.85; }

.history-gallery { display: grid; grid-template-columns: 1.35fr .85fr; gap: 14px; min-height: 520px; }
.history-card { position: relative; min-width: 0; margin: 0; overflow: hidden; border: 1px solid rgba(96,165,250,.2); border-radius: 20px; background: #08111e; }
.history-card::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, transparent 48%, rgba(3,7,15,.94) 100%); }
.history-card img { width: 100%; height: 100%; min-height: 520px; display: block; object-fit: cover; filter: saturate(.78) contrast(1.05); transition: transform .7s ease, filter .7s ease; }
.history-card:hover img { transform: scale(1.025); filter: saturate(.95) contrast(1.06); }
.history-detail img { object-position: 36% center; }
.history-card figcaption { position: absolute; z-index: 2; left: 20px; right: 20px; bottom: 18px; display: flex; flex-direction: column; gap: 5px; }
.history-card figcaption strong { color: #fff; font-size: .78rem; letter-spacing: .14em; }

.artwork-credits { width: min(1200px, calc(100% - 48px)); margin: 14px auto 0; color: #6f7d91; font-size: .68rem; line-height: 1.55; }
.artwork-credits summary { width: max-content; cursor: pointer; }
.artwork-credits p { max-width: 760px; margin: 8px 0 0; }
.artwork-credits a { color: #8e9bb0; }

/* =========================
CONTEXTUAL PILOT ENTRY
========================= */

.pilot-overlay[hidden] { display: none; }
.pilot-overlay { position: fixed; z-index: 90; inset: 0; display: grid; place-items: center; padding: 22px; background: rgba(2,5,12,.88); backdrop-filter: blur(15px); }
.pilot-dialog { position: relative; width: min(880px, 96vw); max-height: 92vh; overflow: auto; padding: clamp(28px, 5vw, 54px); border: 1px solid rgba(96,165,250,.28); border-radius: 24px; background: radial-gradient(circle at 86% 5%, rgba(59,130,246,.2), transparent 28%), #09111f; box-shadow: 0 30px 90px rgba(0,0,0,.55); }
.pilot-close { position: absolute; top: 20px; right: 20px; }
.pilot-dialog h2 { max-width: 720px; margin: 14px 0; font-size: clamp(2rem, 5vw, 3.7rem); line-height: 1.03; }
.pilot-dialog h2 span { color: var(--blue-bright); }
.pilot-intro { max-width: 700px; color: #aebbd0; font-size: 1rem; line-height: 1.7; }
.subscription-choice-heading { margin-top: 24px; padding: 15px 17px; border-left: 3px solid #60a5fa; background: rgba(59,130,246,.08); }
.subscription-choice-heading > span { display: block; color: #8ec5ff; font-size: .74rem; font-weight: 850; letter-spacing: .12em; }
.subscription-choice-heading p { margin: 7px 0 0; color: #aebbd0; font-size: .86rem; line-height: 1.55; }
.organization-choices { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 28px; }
.organization-choices button { display: grid; gap: 6px; min-height: 104px; padding: 15px 16px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.025); color: #e9eef7; text-align: left; cursor: pointer; }
.organization-choices button strong { color: #f3f7ff; font-size: .94rem; }
.organization-choices button span { color: #84c4ff; font-size: .82rem; font-weight: 750; }
.organization-choices button small { color: #7f8da3; font-size: .72rem; }
.organization-choices button:hover, .organization-choices button:focus-visible, .organization-choices button.active { border-color: rgba(96,165,250,.65); background: rgba(59,130,246,.14); outline: none; }
.pilot-dialog { --path-accent: #60a5fa; --path-accent-rgb: 96,165,250; }
.pilot-dialog[data-context="individual"] { --path-accent: #67e8f9; --path-accent-rgb: 103,232,249; }
.pilot-dialog[data-context="small-business"] { --path-accent: #34d399; --path-accent-rgb: 52,211,153; }
.pilot-dialog[data-context="company"] { --path-accent: #60a5fa; --path-accent-rgb: 96,165,250; }
.pilot-dialog[data-context="nonprofit"] { --path-accent: #c084fc; --path-accent-rgb: 192,132,252; }
.pilot-dialog[data-context="government"] { --path-accent: #fbbf24; --path-accent-rgb: 251,191,36; }
.pilot-dialog[data-context="enterprise"] { --path-accent: #818cf8; --path-accent-rgb: 129,140,248; }
.pilot-choice-result { position: relative; margin-top: 20px; padding: 22px; overflow: hidden; border: 1px solid rgba(var(--path-accent-rgb),.35); border-radius: 18px; background: linear-gradient(145deg,rgba(var(--path-accent-rgb),.09),rgba(6,12,24,.96) 42%); box-shadow: inset 0 1px rgba(255,255,255,.04), 0 22px 58px rgba(0,0,0,.28); }
.pilot-choice-result p { color: #aebbd0; font-size: .92rem; line-height: 1.65; }
.pilot-path-rail { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-bottom: 24px; }
.pilot-path-rail span { display: flex; gap: 8px; align-items: center; min-height: 44px; padding: 9px 11px; border: 1px solid var(--line); border-radius: 10px; color: #7f8da3; font-size: .76rem; font-weight: 750; }
.pilot-path-rail span b { color: inherit; font-size: .68rem; }
.pilot-path-rail span.active { border-color: rgba(var(--path-accent-rgb),.7); background: rgba(var(--path-accent-rgb),.14); color: var(--path-accent); }
.pilot-path-rail span.complete { border-color: rgba(52,211,153,.35); color: #6ee7b7; }
.pilot-pathway-stage { position: relative; isolation: isolate; }
.pilot-pathway-stage[hidden] { display: none; }
.pilot-pathway-stage h3 { margin: 8px 0 4px; color: #fff; font-size: clamp(1.45rem,3vw,2.15rem); }
.pilot-stage-kicker { display: block; color: var(--path-accent); font-size: .72rem; font-weight: 850; letter-spacing: .13em; }
.subscription-name { display: block; margin: 8px 0 12px; color: var(--path-accent); font-size: 1rem; }
.protection-stage { animation: protectionReveal .55s cubic-bezier(.2,.8,.2,1); }
.rules-stage { animation: rulesReveal .55s cubic-bezier(.2,.8,.2,1); }
.connection-stage { animation: connectionReveal .62s cubic-bezier(.2,.8,.2,1); }
.rules-stage::after { position: absolute; z-index: -1; top: -12px; left: -10%; width: 120%; height: 2px; content: ""; background: linear-gradient(90deg,transparent,var(--path-accent),transparent); opacity: .55; animation: ruleScan 1.4s ease-out both; }
.preservation-value-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin: 18px 0; }
.preservation-value-grid article { min-height: 126px; padding: 16px; border: 1px solid rgba(var(--path-accent-rgb),.22); border-radius: 12px; background: rgba(255,255,255,.025); }
.preservation-value-grid b,.preservation-value-grid span { display: block; }
.preservation-value-grid b { margin-bottom: 9px; color: var(--path-accent); font-size: .88rem; text-transform: uppercase; letter-spacing: .08em; }
.preservation-value-grid span { color: #b9c5d7; font-size: .82rem; line-height: 1.55; }
.pilot-boundary-note { padding: 13px 15px; border-left: 3px solid var(--path-accent); background: rgba(var(--path-accent-rgb),.07); }
.pilot-boundary-note strong { color: #eaf2ff; }
.pilot-agreements { display: grid; gap: 9px; margin: 22px 0 12px; }
.pilot-agreements h4 { margin: 0 0 3px; color: #f3f7ff; font-size: 1rem; }
.pilot-agreements label { display: grid; grid-template-columns: 20px 1fr; gap: 10px; padding: 13px; border: 1px solid var(--line); border-radius: 10px; color: #afbdd0; font-size: .84rem; line-height: 1.5; cursor: pointer; }
.pilot-agreements label:has(input:checked) { border-color: rgba(var(--path-accent-rgb),.5); background: rgba(var(--path-accent-rgb),.08); }
.pilot-agreements input { width: 17px; height: 17px; margin-top: 2px; accent-color: var(--path-accent); }
.pilot-agreements b { color: #eef5ff; }
.pilot-legal-note { font-size: .78rem !important; }
.pilot-choice-result .button[disabled] { opacity: .42; cursor: not-allowed; filter: grayscale(.4); }
.pilot-rules-list { display: grid; gap: 10px; margin: 18px 0; padding: 0; list-style: none; }
.pilot-rules-list li { padding: 13px 14px 13px 40px; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.025); color: #c2cede; font-size: .86rem; line-height: 1.55; }
.pilot-rules-list li::before { margin-left: -25px; margin-right: 12px; color: var(--path-accent); content: "◆"; }
.free-demo-card { margin: 20px 0; padding: 18px; border: 1px solid rgba(56,189,248,.36); border-radius: 14px; background: radial-gradient(circle at 92% 0,rgba(56,189,248,.17),transparent 32%),rgba(8,18,34,.9); }
.free-demo-card > div { display: flex; gap: 12px; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.free-demo-card span { color: #7dd3fc; font-size: .72rem; font-weight: 850; letter-spacing: .1em; }
.free-demo-card strong { color: #e4f6ff; font-size: .86rem; }
.free-demo-card button { padding: 11px 14px; border: 1px solid #38bdf8; border-radius: 9px; background: rgba(56,189,248,.12); color: #b9efff; font-weight: 800; cursor: pointer; }
.free-demo-card button:disabled { opacity: .48; cursor: not-allowed; }
.pilot-stage-actions { display: flex; gap: 12px; align-items: center; justify-content: space-between; margin-top: 20px; flex-wrap: wrap; }
.pilot-back-button,.change-participant { padding: 10px 0; border: 0; background: transparent; color: #9aabc1; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; }
.change-participant { margin-top: 18px; }
.connection-reference { display: grid; gap: 8px; margin: 20px 0; padding: 18px; border: 1px solid rgba(var(--path-accent-rgb),.48); border-radius: 14px; background: rgba(var(--path-accent-rgb),.08); box-shadow: 0 0 34px rgba(var(--path-accent-rgb),.08); animation: referencePulse 2.8s ease-in-out infinite; }
.connection-reference span { color: var(--path-accent); font-size: .7rem; font-weight: 850; letter-spacing: .12em; }
.connection-reference strong { color: #fff; font: 800 clamp(1.05rem,3vw,1.45rem)/1.2 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing: .06em; overflow-wrap: anywhere; }
.connection-reference small { color: #94a3b8; font-size: .76rem; line-height: 1.5; }
.connection-gates { display: grid; grid-template-columns: repeat(2,1fr); gap: 9px; margin: 18px 0; }
.connection-gates span { display: flex; justify-content: space-between; gap: 12px; padding: 11px 12px; border: 1px solid var(--line); border-radius: 9px; color: #fbbf24; font-size: .78rem; }
.connection-gates b { color: #c7d2e3; }
.pilot-choice-result[data-step="1"] { animation: pathwayFrameOne .45s ease-out; }
.pilot-choice-result[data-step="2"] { animation: pathwayFrameTwo .45s ease-out; }
.pilot-choice-result[data-step="3"] { animation: pathwayFrameThree .5s ease-out; }
.explore-without { margin-top: 18px; padding: 10px 0; border: 0; background: transparent; color: #9aabc1; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; }

@keyframes protectionReveal { from { opacity: 0; transform: translateX(-24px) scale(.985); filter: blur(5px); } to { opacity: 1; transform: none; filter: none; } }
@keyframes rulesReveal { from { opacity: 0; transform: translateY(22px); clip-path: inset(0 0 100% 0); } to { opacity: 1; transform: none; clip-path: inset(0); } }
@keyframes connectionReveal { from { opacity: 0; transform: scale(.94) rotateX(5deg); filter: saturate(1.8); } to { opacity: 1; transform: none; filter: none; } }
@keyframes ruleScan { from { transform: translateY(0); opacity: .9; } to { transform: translateY(420px); opacity: 0; } }
@keyframes referencePulse { 0%,100% { box-shadow: 0 0 24px rgba(var(--path-accent-rgb),.05); } 50% { box-shadow: 0 0 42px rgba(var(--path-accent-rgb),.17); } }
@keyframes pathwayFrameOne { from { border-color: transparent; } to { border-color: rgba(var(--path-accent-rgb),.35); } }
@keyframes pathwayFrameTwo { from { box-shadow: inset 0 0 55px rgba(var(--path-accent-rgb),.25); } to { box-shadow: inset 0 1px rgba(255,255,255,.04),0 22px 58px rgba(0,0,0,.28); } }
@keyframes pathwayFrameThree { from { filter: brightness(1.7); } to { filter: none; } }

/* =========================
CONTEXT, SKILLS, AND TRUST
========================= */

.hero-workspace-link { display: inline-block; margin-top: 24px; color: #a9cfff; font-size: .72rem; font-weight: 800; letter-spacing: .12em; text-decoration: underline; text-underline-offset: 5px; }

.context-section,
.skills-section,
.trust-section,
.verification-section { width: min(1180px, 92%); margin: 0 auto; padding: 96px 0; }

.context-heading,
.skills-heading,
.trust-heading,
.verification-heading { display: grid; grid-template-columns: 1fr .8fr; gap: 48px; align-items: end; margin-bottom: 34px; }
.context-heading .section-copy,
.skills-heading .section-copy,
.verification-heading .section-copy { margin: 0; }

.context-shell { display: grid; grid-template-columns: .72fr 1.28fr; overflow: hidden; border: 1px solid rgba(96,165,250,.24); border-radius: 22px; background: rgba(5,9,20,.72); }
.context-notice { padding: 34px; border-right: 1px solid var(--line); background: radial-gradient(circle at 0 0,rgba(59,130,246,.16),transparent 45%); }
.context-notice > span,
.registry-topline span,
.immutable-standards span,
.result-boundary span,
.trust-grid article > span { color: var(--blue-bright); font-size: .65rem; font-weight: 850; letter-spacing: .14em; }
.context-notice p { margin: 16px 0 24px; color: #d5dfed; font-size: 1.08rem; line-height: 1.7; }
.context-layers { display: grid; grid-template-columns: 1fr 1fr; }
.context-layers > div { min-height: 115px; padding: 22px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.context-layers strong,
.context-layers span,
.context-layers em { display: block; }
.context-layers strong { font-size: .92rem; }
.context-layers span { margin-top: 7px; color: #9dadc2; font-size: .78rem; }
.context-layers em { margin-top: 8px; color: #76b89f; font-size: .67rem; font-style: normal; }

.activation-sequence { display: grid; grid-template-columns: repeat(13,auto); align-items: center; gap: 8px; margin: 34px 0 24px; overflow-x: auto; padding-bottom: 8px; }
.activation-sequence div { min-width: 118px; min-height: 86px; padding: 14px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.025); }
.activation-sequence b { display: block; color: var(--blue-bright); font-size: .65rem; letter-spacing: .12em; }
.activation-sequence span { display: block; margin-top: 10px; color: #dbe6f4; font-size: .75rem; line-height: 1.35; }
.activation-sequence i { color: #52657e; font-style: normal; }

.skills-workspace { display: grid; grid-template-columns: .66fr 1.34fr; overflow: hidden; border: 1px solid rgba(96,165,250,.25); border-radius: 22px; background: rgba(5,9,20,.72); }
.skills-activator { padding: 32px; border-right: 1px solid var(--line); }
.skills-activator label,
.context-confirmation-form label { display: block; margin: 0 0 17px; color: #c9d4e3; font-size: .76rem; font-weight: 700; }
.skills-activator select,
.skills-activator input,
.context-confirmation-form input[type="text"],
.context-confirmation-form input:not([type]),
.context-confirmation-form select { width: 100%; margin-top: 7px; padding: 13px 14px; border: 1px solid var(--line); border-radius: 10px; background: #08111e; color: #fff; }
.skills-activator select:focus,
.skills-activator input:focus,
.context-confirmation-form input:focus,
.context-confirmation-form select:focus { border-color: var(--blue-bright); outline: 2px solid rgba(96,165,250,.16); }
.country-coverage-state { margin: -7px 0 17px; color: #8da0b7; font-size: .7rem; line-height: 1.5; }
.country-coverage-state strong { color: #9cc8ff; }
.consent-check { display: flex !important; align-items: flex-start; gap: 10px; font-weight: 500 !important; line-height: 1.5; }
.consent-check input { width: 18px !important; min-width: 18px; height: 18px; margin: 2px 0 0 !important; accent-color: var(--blue); }
.skills-form-note { margin: 15px 0 0; color: #73839a; font-size: .68rem; line-height: 1.5; }

.lcac-language-control { margin: 17px 0 24px; padding: 16px; border: 1px solid rgba(96,165,250,.28); border-radius: 13px; background: linear-gradient(135deg,rgba(59,130,246,.11),rgba(52,211,153,.035)); }
.lcac-language-kicker { display: block; color: var(--blue-bright); font-size: .58rem; font-weight: 900; letter-spacing: .13em; }
.lcac-language-control > strong { display: block; margin-top: 9px; color: #dceaff; font-size: .76rem; line-height: 1.45; }
.lcac-language-control > p { margin: 15px 0 10px; color: #fff; font-size: .84rem; font-weight: 800; }
.lcac-language-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.lcac-language-actions button { min-height: 40px; border: 1px solid rgba(96,165,250,.42); border-radius: 9px; background: rgba(59,130,246,.1); color: #b9d8ff; font-size: .68rem; font-weight: 900; letter-spacing: .1em; cursor: pointer; }
.lcac-language-actions button:hover,.lcac-language-actions button:focus-visible,.lcac-language-actions button.active { border-color: #7db6ff; background: rgba(59,130,246,.25); color: #fff; outline: none; }
.lcac-language-switch { margin: 13px 0 0 !important; color: #9eafc4 !important; font-size: .64rem !important; }
.lcac-language-switch select { margin-top: 6px !important; }
.lcac-language-control small { display: block; margin-top: 9px; color: #7f92aa; font-size: .62rem; line-height: 1.45; }

.skills-registry-panel { min-width: 0; padding: 32px; }
.registry-topline { display: flex; justify-content: space-between; gap: 20px; margin-bottom: 18px; }
.registry-topline strong { color: #7b8ba1; font-size: .64rem; letter-spacing: .1em; }
.registry-topline strong.active { color: var(--green); }
.micro-sensor-panel { margin: 0 0 16px; padding: 14px; border: 1px solid rgba(96,165,250,.32); border-radius: 14px; background: rgba(8,22,42,.75); }
.micro-sensor-heading { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; font-size: .88rem; }
.micro-sensor-heading span,.micro-sensor-panel p { color: #a9bdd3; font-size: .86rem; }
.micro-sensor-domains { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin-top: 12px; }
.micro-sensor-domain { display: grid; gap: 3px; padding: 10px; border: 1px solid rgba(255,255,255,.14); border-radius: 9px; font-size: .9rem; }
.micro-sensor-domain strong { color: #f4cb79; font-size: .8rem; }
.micro-sensor-domain[data-state="STABLE_OBSERVATION"] strong { color: #9dd6cf; }
.micro-sensor-domain[data-state="PRECURSOR_REVIEW"] strong,.micro-sensor-domain[data-state="INCIDENT_REVIEW"] strong { color: #ffba74; }
.micro-sensor-domain small { color: #a9bdd3; font-size: .78rem; }
@media (max-width: 760px) { .micro-sensor-domains { grid-template-columns: 1fr; } }
.registry-history-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
.registry-history-actions button { min-height: 38px; padding: 0 13px; border: 1px solid rgba(96,165,250,.48); border-radius: 9px; background: rgba(59,130,246,.12); color: #b9d8ff; font: inherit; font-size: .63rem; font-weight: 900; letter-spacing: .1em; cursor: pointer; }
.registry-history-actions button:hover,.registry-history-actions button:focus-visible { border-color: #7db6ff; background: rgba(59,130,246,.24); color: #fff; outline: none; }
.registry-history-actions button b { display: inline-grid; place-items: center; min-width: 20px; height: 20px; margin-left: 5px; padding: 0 5px; border-radius: 999px; background: rgba(125,182,255,.18); color: #dcecff; font-size: .58rem; }
.scanner-history-panel { margin-bottom: 16px; padding: 18px; border: 1px solid rgba(96,165,250,.34); border-radius: 14px; background: linear-gradient(145deg,rgba(10,27,50,.94),rgba(4,9,18,.96)); box-shadow: inset 3px 0 #60a5fa; }
.scanner-history-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.scanner-history-heading span { color: var(--blue-bright); font-size: .57rem; font-weight: 900; letter-spacing: .13em; }
.scanner-history-heading h3 { margin: 6px 0 0; font-size: 1.05rem; }
.scanner-history-heading button { width: 34px; height: 34px; border: 1px solid var(--line); border-radius: 50%; background: rgba(255,255,255,.035); color: #b9c8db; font: 300 1.35rem/1 inherit; cursor: pointer; }
.scanner-history-state { margin: 13px 0; color: #8fa3bc; font-size: .7rem; line-height: 1.5; }
.scanner-history-state a { color: #8ec5ff; }
.scanner-history-list { display: grid; gap: 10px; max-height: 480px; overflow-y: auto; padding-right: 5px; }
.scanner-history-card { padding: 14px; border: 1px solid rgba(255,255,255,.09); border-radius: 11px; background: rgba(255,255,255,.025); }
.scanner-history-card[data-status="hold"] { border-left: 3px solid #fbbf24; }
.scanner-history-card[data-status="preflight_ready"] { border-left: 3px solid #34d399; }
.scanner-history-card header { display: flex; justify-content: space-between; gap: 12px; }
.scanner-history-card header span,.scanner-history-card dt { color: #72849c; font-size: .55rem; font-weight: 850; letter-spacing: .1em; }
.scanner-history-card h4 { margin: 5px 0 0; font-size: .83rem; }
.scanner-history-card header em { color: #f4cf68; font-size: .57rem; font-style: normal; font-weight: 900; letter-spacing: .09em; }
.scanner-history-card[data-status="preflight_ready"] header em { color: #6ee7b7; }
.scanner-history-card dl { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin: 13px 0 0; }
.scanner-history-card dl div { padding: 10px; border: 1px solid rgba(255,255,255,.065); border-radius: 8px; background: rgba(0,0,0,.12); }
.scanner-history-card dd { margin: 5px 0 0; color: #cbd8e8; font-size: .66rem; line-height: 1.48; }
.scanner-history-meta { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 11px; }
.scanner-history-meta span { padding: 5px 7px; border-radius: 999px; background: rgba(96,165,250,.09); color: #91bdf5; font-size: .54rem; font-weight: 800; letter-spacing: .06em; }
.scanner-history-boundary { margin: 13px 0 0; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.07); color: #75879d; font-size: .61rem; line-height: 1.55; }
.scanner-history-boundary strong { color: #91bdf5; }
.skill-registry { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; max-height: 560px; overflow-y: auto; padding-right: 7px; scrollbar-width: thin; scrollbar-color: rgba(96,165,250,.55) rgba(255,255,255,.03); }
.skill-module { width: 100%; display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; min-height: 82px; padding: 15px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.02); color: inherit; text-align: left; opacity: .72; transition: .2s ease; cursor: pointer; }
.skill-module:hover,.skill-module:focus-visible { border-color: rgba(96,165,250,.56); background: rgba(59,130,246,.08); opacity: 1; transform: translateY(-1px); outline: none; }
.skill-module.active { border-color: rgba(52,211,153,.4); background: rgba(52,211,153,.055); opacity: 1; box-shadow: inset 3px 0 var(--green); }
.skill-module b { color: #64758d; font-size: .66rem; }
.skill-module strong { display: block; font-size: .82rem; line-height: 1.35; }
.skill-module span { display: block; margin-top: 5px; color: #77889f; font-size: .66rem; line-height: 1.35; }
.skill-module em { color: #718097; font-size: .57rem; font-style: normal; font-weight: 800; letter-spacing: .08em; }
.skill-module.active em { color: var(--green); }
.lcac-sensor-result { position: relative; margin-bottom: 15px; padding: 17px 58px 17px 17px; border: 1px solid rgba(96,165,250,.32); border-radius: 13px; background: rgba(59,130,246,.055); box-shadow: inset 3px 0 var(--blue-bright); }
.lcac-sensor-result[data-state="review"] { border-color: rgba(251,191,36,.35); background: rgba(251,191,36,.045); box-shadow: inset 3px 0 #fbbf24; }
.lcac-result-clear { position: absolute; top: 13px; right: 13px; z-index: 2; display: grid; place-items: center; width: 36px; height: 36px; padding: 0; border: 1px solid rgba(148,163,184,.36); border-radius: 50%; background: rgba(3,10,22,.78); color: #d8e7f8; font: 300 1.45rem/1 inherit; cursor: pointer; }
.lcac-result-clear:hover,.lcac-result-clear:focus-visible { border-color: #7db6ff; background: rgba(59,130,246,.2); color: #fff; outline: 2px solid rgba(125,182,255,.28); outline-offset: 2px; }
.skill-module[aria-busy="true"] { cursor: wait; opacity: .55; }
.lcac-sensor-result span { display: block; color: var(--blue-bright); font-size: .58rem; font-weight: 900; letter-spacing: .13em; }
.lcac-sensor-result strong { display: block; margin-top: 8px; font-size: .92rem; }
.lcac-sensor-result p { margin: 8px 0 0; color: #a8b7c9; font-size: .7rem; line-height: 1.55; }
.lcac-sensor-result ul { display: grid; gap: 6px; margin: 12px 0 0; padding: 0; list-style: none; }
.lcac-sensor-result li { color: #c8d5e5; font-size: .68rem; line-height: 1.45; }
.lcac-sensor-result li::before { content: "◇"; margin-right: 8px; color: #75b7ff; }
.lcac-trace-heading { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; }
.lcac-trace-badges { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.lcac-trace-badges em { padding: 6px 9px; border: 1px solid rgba(117,183,255,.3); border-radius: 999px; color: #bfdbfe; font-size: .58rem; font-style: normal; font-weight: 900; letter-spacing: .08em; white-space: nowrap; }
.lcac-trace-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 14px; }
.lcac-trace-grid article { min-width: 0; padding: 13px; border: 1px solid rgba(117,183,255,.18); border-radius: 10px; background: rgba(3,10,22,.48); }
.lcac-trace-grid article > span,
.lcac-propagation > span { color: #75b7ff; font-size: .6rem; font-weight: 900; letter-spacing: .12em; }
.lcac-trace-grid article > strong { margin-top: 7px; color: #edf6ff; font-size: .76rem; }
.lcac-propagation { margin-top: 14px; padding: 13px; border: 1px solid rgba(117,183,255,.18); border-radius: 10px; background: rgba(3,10,22,.48); }
.lcac-propagation ol { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 10px 0 0; padding: 0; list-style: none; }
.lcac-propagation li { position: relative; padding: 10px 9px; border-left: 2px solid #60a5fa; background: rgba(96,165,250,.07); }
.lcac-propagation li::before { content: none; }
.lcac-propagation li b { display: block; margin-bottom: 5px; color: #75b7ff; font-size: .58rem; }
.lcac-trace-evidence ul { margin-top: 8px; }
.lcac-check-list { border-top: 1px solid rgba(117,183,255,.16); padding-top: 11px !important; }
.lcac-scan-boundary { margin-top: 13px !important; padding: 11px 12px; border-left: 3px solid #fbbf24; background: rgba(251,191,36,.05); }
@media (max-width: 760px) {
  .lcac-sensor-result { padding-right: 50px; }
  .lcac-trace-heading { display: grid; }
  .lcac-trace-badges { justify-content: flex-start; }
  .lcac-trace-grid,
  .lcac-propagation ol { grid-template-columns: 1fr; }
}
.immutable-standards { display: grid; gap: 8px; margin-top: 18px; padding: 16px; border: 1px solid rgba(52,211,153,.23); border-radius: 12px; background: rgba(52,211,153,.04); }
.immutable-standards span { color: #71b49b; }
.immutable-standards strong { font-size: .78rem; line-height: 1.5; }

.trust-heading { align-items: center; }
.system-status { justify-self: end; display: grid; grid-template-columns: auto 1fr; column-gap: 10px; padding: 20px; border: 1px solid rgba(52,211,153,.28); border-radius: 14px; background: rgba(52,211,153,.05); }
.system-status i { grid-row: 1 / 4; width: 9px; height: 9px; margin-top: 4px; border-radius: 50%; background: var(--green); box-shadow: 0 0 14px var(--green); }
.system-status span,
.system-status strong,
.system-status em { display: block; }
.system-status span { color: #78aa98; font-size: .58rem; letter-spacing: .1em; }
.system-status strong { margin-top: 4px; font-size: .9rem; }
.system-status em { margin-top: 3px; color: #82928a; font-size: .65rem; font-style: normal; }
.trust-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }
.trust-grid article { min-height: 220px; padding: 24px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.025); }
.trust-grid h3 { margin: 30px 0 10px; font-size: 1.05rem; }
.trust-grid p { margin: 0; color: var(--muted); font-size: .78rem; line-height: 1.65; }
.result-boundary { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 18px; }
.result-boundary > div { padding: 22px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.02); }
.result-boundary > div:first-child { border-color: rgba(96,165,250,.25); }
.result-boundary > div:last-child { border-color: rgba(52,211,153,.25); }
.result-boundary strong { display: block; margin-top: 12px; }
.result-boundary p { margin: 8px 0 0; color: var(--muted); font-size: .76rem; line-height: 1.55; }

.verification-section { position: relative; }
.verification-section::before { content: ""; position: absolute; inset: 6% -8% 15%; z-index: -1; background: radial-gradient(circle at 50% 25%, rgba(59,130,246,.12), transparent 52%); pointer-events: none; }
.verification-banner { display: flex; justify-content: space-between; gap: 28px; align-items: center; padding: 26px 28px; border: 1px solid rgba(96,165,250,.35); border-radius: 18px; background: linear-gradient(110deg,rgba(59,130,246,.12),rgba(52,211,153,.035)); box-shadow: inset 4px 0 var(--blue-bright); }
.verification-banner span { display: block; color: #8da1ba; font-size: .62rem; font-weight: 800; letter-spacing: .14em; }
.verification-banner strong { display: block; margin-top: 8px; color: #eef6ff; font-size: clamp(.9rem,2vw,1.25rem); letter-spacing: .025em; }
.verification-meta { display: grid; gap: 8px; min-width: 235px; text-align: right; }
.verification-meta span:last-child { color: var(--blue-bright); }
.verification-legend { display: flex; flex-wrap: wrap; gap: 22px; margin: 22px 0; color: #8190a5; font-size: .62rem; font-weight: 800; letter-spacing: .09em; }
.verification-legend span { display: flex; align-items: center; gap: 8px; }
.interaction-hint { margin: -8px 0 22px; color: #b5c3d5; font-size: .86rem; }
.status-dot { width: 8px; height: 8px; border-radius: 50%; }
.status-dot.passed { background: var(--green); box-shadow: 0 0 10px rgba(52,211,153,.7); }
.status-dot.locked { background: var(--blue-bright); box-shadow: 0 0 10px rgba(96,165,250,.7); }
.status-dot.pending { background: #fbbf24; box-shadow: 0 0 10px rgba(251,191,36,.55); }
.verification-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.verification-card { min-height: 205px; padding: 24px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.022); }
.verification-card > div:first-child { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.verification-card b { color: #667991; font-size: .7rem; }
.verification-status-trigger { padding: 7px 9px; border: 1px solid transparent; border-radius: 999px; font-size: .56rem; font-weight: 900; letter-spacing: .11em; cursor: pointer; transition: transform .18s ease,box-shadow .18s ease; }
.verification-status-trigger:hover { transform: translateY(-1px); }
.verification-status-trigger:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.verification-card.passed { border-color: rgba(52,211,153,.2); }
.verification-card.passed .verification-status-trigger { color: #75d7b4; background: rgba(52,211,153,.09); border-color: rgba(52,211,153,.16); }
.verification-card.locked { border-color: rgba(96,165,250,.28); }
.verification-card.locked .verification-status-trigger { color: #9ac7ff; background: rgba(59,130,246,.11); border-color: rgba(96,165,250,.18); }
.verification-card.pending { border-color: rgba(251,191,36,.22); }
.verification-card.pending .verification-status-trigger { color: #f6cf68; background: rgba(251,191,36,.08); border-color: rgba(251,191,36,.16); }
.verification-card h3 { margin: 34px 0 10px; font-size: 1.08rem; }
.verification-card p { margin: 0; color: var(--muted); font-size: .79rem; line-height: 1.65; }
.verification-example { margin-top: 18px; padding: 16px; border: 1px solid rgba(255,255,255,.09); border-radius: 12px; background: rgba(1,5,12,.42); animation: verificationReveal .24s ease both; }
.verification-example[hidden] { display: none; }
.verification-example span { display: block; color: var(--blue-bright); font-size: .61rem; font-weight: 850; letter-spacing: .14em; }
.verification-example p { margin-top: 8px; color: #c4d0df; font-size: .76rem; }
.verification-evidence { margin-top: 18px; overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: rgba(3,8,17,.62); }
.verification-evidence summary { padding: 21px 24px; color: #c6d6e9; font-size: .76rem; font-weight: 800; letter-spacing: .06em; cursor: pointer; }
.verification-evidence[open] summary { border-bottom: 1px solid var(--line); }
.verification-evidence-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); }
.verification-evidence-grid div { min-height: 115px; padding: 22px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.verification-evidence-grid strong,.verification-evidence-grid span { display: block; }
.verification-evidence-grid strong { color: #edf7ff; font-size: 1.45rem; }
.verification-evidence-grid span { margin-top: 8px; color: #8394aa; font-size: .67rem; line-height: 1.45; }
.verification-disclaimer { margin: 0; padding: 18px 22px; color: #72839a; font-size: .68rem; line-height: 1.6; }
.verification-next { display: flex; justify-content: space-between; align-items: center; gap: 30px; margin-top: 18px; padding: 26px 28px; border: 1px solid rgba(251,191,36,.24); border-radius: 16px; background: rgba(251,191,36,.035); }
.verification-next span { color: #d5ad4e; font-size: .6rem; font-weight: 850; letter-spacing: .14em; }
.verification-next strong { display: block; margin-top: 7px; font-size: 1.05rem; }
.verification-next p { max-width: 720px; margin: 8px 0 0; color: var(--muted); font-size: .76rem; line-height: 1.6; }
.verification-next .button { flex: 0 0 auto; }

.context-confirmation-form { margin-top: 24px; }
.context-permission-note { margin: 0 0 20px; padding: 14px; border-left: 2px solid var(--blue); background: rgba(59,130,246,.06); color: #91a2b8; font-size: .72rem; line-height: 1.55; }

@media (max-width: 900px) {
.context-heading,.skills-heading,.trust-heading,.verification-heading { grid-template-columns: 1fr; gap: 20px; }
.context-shell,.skills-workspace { grid-template-columns: 1fr; }
.context-notice,.skills-activator { border-right: 0; border-bottom: 1px solid var(--line); }
.trust-grid { grid-template-columns: 1fr 1fr; }
.system-status { justify-self: start; }
.verification-evidence-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 620px) {
.context-section,.skills-section,.trust-section,.verification-section { padding: 72px 0; }
.context-layers,.skill-registry,.trust-grid,.result-boundary { grid-template-columns: 1fr; }
.skills-registry-panel,.skills-activator,.context-notice { padding: 24px; }
.registry-topline { flex-direction: column; gap: 8px; }
.registry-history-actions { justify-content: space-between; }
.scanner-history-card dl { grid-template-columns: 1fr; }
.verification-banner,.verification-next { align-items: flex-start; flex-direction: column; }
.verification-meta { min-width: 0; text-align: left; }
.verification-grid,.verification-evidence-grid { grid-template-columns: 1fr; }
.verification-card { min-height: 0; }
.source-directory-content { padding: 22px; }
.source-directory-heading { display: grid; }
.source-domain-control { grid-template-columns: 1fr; }
.source-domain-control p { grid-column: auto; }
.source-directory-search-row { grid-template-columns: 1fr; }
.source-contact-grid { grid-template-columns: 1fr; }
}

@keyframes intelFade { from { opacity: 0; } to { opacity: 1; } }
@keyframes intelRise { from { opacity: 0; transform: translateY(24px) scale(.98); } to { opacity: 1; transform: none; } }
@keyframes verificationReveal { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }

@media (prefers-reduced-motion: reduce) {
.flow-card-inner { transition: none; }
.verification-example { animation: none; }
}

/* =========================
LIVE EXPERIENCE
========================= */

.experience-section {
width: min(1180px, 92%);
margin: 0 auto;
padding: 110px 0 70px;
}

.experience-heading {
display: grid;
grid-template-columns: 1fr 0.85fr;
gap: 50px;
align-items: end;
margin-bottom: 34px;
}

.experience-heading .section-title,
.experience-heading .section-copy { margin-left: 0; margin-right: 0; }
.experience-heading .section-copy { margin-top: 0; }

.experience-console {
display: grid;
grid-template-columns: 0.72fr 1.28fr;
border: 1px solid rgba(96,165,250,.25);
border-radius: 22px;
overflow: hidden;
background: rgba(5,9,20,.72);
box-shadow: 0 35px 100px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.04);
}

.scenario-panel { min-width: 0; padding: 34px; border-right: 1px solid var(--line); }
.console-label { font-size: .72rem; font-weight: 850; letter-spacing: .2em; color: var(--blue-bright); margin-bottom: 20px; }
.scenario-label-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.scenario-label-row > span { margin-bottom: 20px; color: #66758b; font-size: .61rem; font-weight: 800; letter-spacing: .12em; white-space: nowrap; }
.scenario-options {
display: grid;
gap: 10px;
max-height: 500px;
padding: 2px 9px 2px 2px;
overflow-y: auto;
overscroll-behavior: contain;
scrollbar-width: thin;
scrollbar-color: rgba(96,165,250,.58) rgba(255,255,255,.035);
}
.scenario-options::-webkit-scrollbar { width: 7px; }
.scenario-options::-webkit-scrollbar-track { background: rgba(255,255,255,.035); border-radius: 99px; }
.scenario-options::-webkit-scrollbar-thumb { background: rgba(96,165,250,.58); border-radius: 99px; }
.scenario-option {
display: grid;
grid-template-columns: 86px 27px minmax(0,1fr);
align-items: center;
text-align: left;
gap: 12px;
padding: 9px;
color: var(--text);
background: rgba(255,255,255,.025);
border: 1px solid var(--line);
border-radius: 13px;
cursor: pointer;
transition: .22s ease;
}
.scenario-option img { width: 86px; height: 68px; object-fit: cover; border-radius: 9px; filter: saturate(.82) brightness(.8); transition: .22s ease; }
.scenario-option > span:not(.scenario-copy) { color: #61718a; font-size: .72rem; font-weight: 850; }
.scenario-copy { display: grid; gap: 5px; min-width: 0; }
.scenario-option strong { font-size: .87rem; line-height: 1.25; }
.scenario-option small { color: var(--muted); font-size: .7rem; line-height: 1.35; }
.scenario-option:hover, .scenario-option.active { transform: translateX(3px); border-color: rgba(96,165,250,.62); background: rgba(59,130,246,.12); }
.scenario-option:hover img, .scenario-option.active img { filter: saturate(1.08) brightness(1); box-shadow: 0 0 0 1px rgba(96,165,250,.42), 0 9px 22px rgba(0,0,0,.35); }
.scenario-option:focus-visible, .scenario-options:focus-visible { outline: 2px solid var(--blue-bright); outline-offset: 2px; }
.scenario-scroll-hint { display: flex; justify-content: space-between; padding: 10px 11px 0; color: #61718a; font-size: .59rem; font-weight: 800; letter-spacing: .12em; }
.experience-run {
width: 100%; min-height: 56px; margin-top: 24px; padding: 0 18px;
display: flex; align-items: center; justify-content: space-between;
border: 0; border-radius: 12px; cursor: pointer;
background: linear-gradient(135deg,#2563eb,#38bdf8); color: white;
font-weight: 900; letter-spacing: .06em;
box-shadow: 0 12px 35px rgba(37,99,235,.28);
}
.experience-run:disabled { opacity: .65; cursor: wait; }
.real-word-trigger {
width: 100%; min-height: 52px; margin-top: 12px; padding: 0 18px;
display: flex; align-items: center; justify-content: space-between;
border: 0; border-radius: 12px; cursor: pointer;
background: linear-gradient(135deg,#2563eb,#38bdf8); color: #fff;
font: inherit; font-weight: 850; letter-spacing: .035em;
box-shadow: 0 12px 35px rgba(37,99,235,.28); transition: filter .2s ease, transform .2s ease;
}
.real-word-trigger i { color: #fff; font-style: normal; text-shadow: 0 0 14px rgba(255,255,255,.72); }
.real-word-trigger:hover { transform: translateY(-1px); filter: brightness(1.08); }
.real-word-trigger:focus-visible { outline: 2px solid #7dd3fc; outline-offset: 3px; }
.experience-note { margin: 13px 0 0; color: #748298; font-size: .72rem; text-align: center; }

body.real-word-open { overflow: hidden; }
.real-word-overlay[hidden] { display: none; }
.real-word-overlay {
position: fixed; z-index: 130; inset: 0; display: grid; place-items: center; padding: 24px;
background: radial-gradient(circle at 50% 45%,rgba(21,94,117,.28),transparent 40%),rgba(1,4,12,.9);
backdrop-filter: blur(18px); animation: realWordFade .28s ease both;
}
.real-word-dialog {
position: relative; isolation: isolate; width: min(920px,100%); max-height: calc(100vh - 48px); overflow: auto;
display: grid; grid-template-columns: minmax(220px,.75fr) minmax(0,1.25fr); gap: clamp(28px,6vw,72px); align-items: center;
padding: clamp(28px,6vw,72px); border: 1px solid rgba(125,211,252,.36); border-radius: 26px;
background: radial-gradient(circle at 20% 48%,rgba(244,207,104,.1),transparent 26%),linear-gradient(145deg,#091526,#040811 72%);
box-shadow: 0 45px 140px rgba(0,0,0,.78),inset 0 1px rgba(255,255,255,.06); animation: realWordRise .5s cubic-bezier(.2,.8,.2,1) both;
}
.real-word-dialog::before { position: absolute; z-index: -1; inset: 12px; border: 1px solid rgba(244,207,104,.09); border-radius: 19px; content: ""; }
.real-word-close { position: absolute; top: 18px; right: 20px; width: 42px; height: 42px; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; background: rgba(255,255,255,.035); color: #cbd9ea; font: 300 1.7rem/1 inherit; cursor: pointer; }
.real-word-close:hover,.real-word-close:focus-visible { border-color: #7dd3fc; color: #fff; outline: none; }
.real-word-orbit { position: relative; width: min(250px,60vw); aspect-ratio: 1; margin: auto; border: 1px solid rgba(125,211,252,.18); border-radius: 50%; box-shadow: 0 0 80px rgba(56,189,248,.08); }
.real-word-orbit::before,.real-word-orbit::after { position: absolute; inset: 12%; border: 1px solid rgba(244,207,104,.2); border-radius: 50%; content: ""; animation: realWordOrbit 12s linear infinite; }
.real-word-orbit::after { inset: 27%; border-color: rgba(125,211,252,.3); animation-direction: reverse; animation-duration: 8s; }
.real-word-orbit span { position: absolute; inset: 39%; border-radius: 50%; background: #fff8d6; box-shadow: 0 0 20px #fff,0 0 60px #f4cf68,0 0 110px rgba(56,189,248,.76); animation: realWordPulse 3s ease-in-out infinite; }
.real-word-orbit i { position: absolute; top: 8%; left: 48%; width: 8px; height: 8px; border-radius: 50%; background: #7dd3fc; box-shadow: 0 0 18px #7dd3fc; }
.real-word-kicker { color: #7dd3fc; font-size: .68rem; font-weight: 900; letter-spacing: .18em; }
.real-word-content h2 { margin: 10px 0 20px; color: #fff; font-size: clamp(2.1rem,6vw,4.5rem); line-height: .96; letter-spacing: -.045em; }
.real-word-content blockquote { margin: 0; color: #f7ebc4; font: 500 clamp(1.12rem,2.5vw,1.55rem)/1.55 Georgia,serif; }
.real-word-intelligence { display: grid; gap: 12px; margin-top: 26px; }
.real-word-context { display: flex; justify-content: space-between; gap: 12px; padding: 11px 13px; border: 1px solid rgba(125,211,252,.2); border-radius: 9px; background: rgba(96,165,250,.05); }
.real-word-context span,.real-word-context strong { color: #8bf0be; font-size: .62rem; font-weight: 900; letter-spacing: .11em; }
.real-word-context strong { color: #9dcaff; text-align: right; }
.real-word-topics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; }
.real-word-topics button { min-height: 42px; padding: 8px 10px; border: 1px solid rgba(125,211,252,.15); border-radius: 8px; background: rgba(255,255,255,.02); color: #8b9bb0; font: inherit; font-size: .76rem; font-weight: 750; line-height: 1.25; text-align: left; cursor: pointer; transition: border-color .2s ease,background .2s ease,color .2s ease; }
.real-word-topics button:hover,.real-word-topics button:focus-visible { border-color: rgba(125,211,252,.58); color: #eaf6ff; outline: none; }
.real-word-topics button.active { border-color: #7dd3fc; background: rgba(56,189,248,.11); color: #fff; box-shadow: inset 3px 0 #7dd3fc; }
.real-word-response { padding: 15px 17px; border-left: 2px solid #7dd3fc; background: rgba(96,165,250,.07); }
.real-word-response span { color: #8bf0be; font-size: .62rem; font-weight: 900; letter-spacing: .13em; }
.real-word-response p { margin: 7px 0 0; color: #c0cede; font-size: .88rem; line-height: 1.62; }
.real-word-question { border-left-color: #f4cf68; background: rgba(244,207,104,.055); }
.real-word-question span { color: #f4cf68; }
.real-word-sources { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
.real-word-sources a { display: grid; align-content: start; gap: 5px; min-height: 92px; padding: 12px; border: 1px solid rgba(125,211,252,.18); border-radius: 9px; background: rgba(255,255,255,.025); text-decoration: none; }
.real-word-sources a:hover,.real-word-sources a:focus-visible { border-color: #7dd3fc; background: rgba(96,165,250,.1); outline: none; }
.real-word-sources span { color: #7dd3fc; font-size: .52rem; font-weight: 900; letter-spacing: .1em; }
.real-word-sources strong { color: #edf6ff; font-size: .68rem; line-height: 1.35; }
.real-word-sources small { color: #718198; font-size: .58rem; overflow-wrap: anywhere; }
.real-word-change-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-top: 2px; }
.real-word-change-row span { color: #7d8da3; font-size: .62rem; font-weight: 850; letter-spacing: .09em; }
.real-word-change-row button { min-height: 42px; padding: 10px 13px; border: 1px solid rgba(125,211,252,.42); border-radius: 8px; background: linear-gradient(135deg,rgba(37,99,235,.8),rgba(56,189,248,.7)); color: #fff; font: inherit; font-size: .68rem; font-weight: 900; letter-spacing: .055em; cursor: pointer; box-shadow: 0 8px 24px rgba(37,99,235,.18); }
.real-word-change-row button:hover,.real-word-change-row button:focus-visible { filter: brightness(1.1); outline: 2px solid rgba(125,211,252,.75); outline-offset: 2px; }
.real-word-change-row button:disabled { opacity: .52; cursor: wait; }
.real-word-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.real-word-actions a { padding: 10px 12px; border: 1px solid rgba(125,211,252,.28); border-radius: 8px; color: #a9d6ff; font-size: .62rem; font-weight: 850; letter-spacing: .06em; text-decoration: none; }
.real-word-actions a:hover,.real-word-actions a:focus-visible { border-color: #7dd3fc; color: #fff; outline: none; }
.real-word-boundary { margin: 17px 0 0; color: #718198; font-size: .7rem; line-height: 1.55; }
@keyframes realWordFade { from { opacity: 0; } to { opacity: 1; } }
@keyframes realWordRise { from { opacity: 0; transform: translateY(24px) scale(.975); } to { opacity: 1; transform: none; } }
@keyframes realWordOrbit { to { transform: rotate(360deg); } }
@keyframes realWordPulse { 50% { transform: scale(1.16); filter: brightness(1.3); } }
@media (max-width: 720px) { .real-word-dialog { grid-template-columns: 1fr; text-align: left; } .real-word-orbit { width: 150px; } .real-word-sources { grid-template-columns: 1fr; } .real-word-topics { grid-template-columns: 1fr 1fr; } .real-word-context,.real-word-change-row { align-items: stretch; flex-direction: column; } .real-word-context strong { text-align: left; } }
@media (prefers-reduced-motion: reduce) { .real-word-overlay,.real-word-dialog,.real-word-orbit::before,.real-word-orbit::after,.real-word-orbit span { animation: none; } }

.analysis-panel { min-width: 0; padding: 34px; background: radial-gradient(circle at 85% 0,rgba(59,130,246,.16),transparent 36%); }
.analysis-topline { display: flex; justify-content: space-between; color: #8190a5; font-size: .7rem; letter-spacing: .14em; }
.analysis-topline span:first-child { color: var(--green); font-weight: 850; }
.analysis-topline i { display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 12px var(--green); }
.analysis-topline i.running { animation: pulse 1s infinite; }
@keyframes pulse { 50% { opacity: .3; transform: scale(.72); } }
.metric-grid { display: grid; grid-template-columns: 1.4fr .8fr .8fr; gap: 12px; margin: 28px 0 16px; }
.metric-grid > div { min-width: 0; padding: 17px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.025); }
.metric-grid span { display: block; color: #77869b; font-size: .65rem; letter-spacing: .1em; margin-bottom: 8px; }
.metric-grid strong { font-size: clamp(1.15rem,2.2vw,1.7rem); }
.metric-grid > div:first-child strong { color: #fda4af; }
.experience-track { height: 3px; margin: 22px 0; background: rgba(255,255,255,.06); overflow: hidden; }
.experience-track span { display: block; width: 0; height: 100%; background: linear-gradient(90deg,var(--blue),var(--green)); transition: width .55s ease; }
.experience-steps { display: grid; gap: 8px; }
.experience-steps > div { display: grid; grid-template-columns: 34px 1fr auto; align-items: center; padding: 11px 13px; border: 1px solid rgba(255,255,255,.06); border-radius: 10px; color: #64748b; }
.experience-steps b { font-size: .7rem; }.experience-steps span { font-size: .85rem; }.experience-steps em { font-style: normal; font-size: .62rem; letter-spacing: .1em; }
.experience-steps > div.active { color: var(--blue-bright); border-color: rgba(96,165,250,.35); background: rgba(59,130,246,.08); }
.experience-steps > div.complete { color: #b9f6df; border-color: rgba(52,211,153,.25); }
.experience-result { margin-top: 22px; padding: 20px; border-left: 3px solid var(--blue); background: rgba(59,130,246,.065); }
.result-kicker { color: var(--blue-bright); font-size: .65rem; font-weight: 850; letter-spacing: .15em; }
.experience-result h3 { margin: 8px 0; font-size: 1.08rem; }.experience-result p { margin: 0; color: var(--muted); line-height: 1.55; font-size: .86rem; }
.aviation-scope{margin:18px 0 0;padding:16px;border:1px solid rgba(96,165,250,.35);border-radius:12px;display:grid;gap:11px;color:#e2e8f0}.aviation-scope[hidden]{display:none}.aviation-scope legend{padding:0 6px;font-weight:700;font-size:.88rem}.aviation-scope label{display:flex;gap:9px;align-items:center;font-size:.88rem;cursor:pointer}.aviation-scope input{accent-color:#60a5fa}.aviation-scope small{color:#9fb3c8;line-height:1.45}.aircraft-review{margin-top:14px;display:grid;gap:12px}.aircraft-review article{border:1px solid rgba(96,165,250,.26);border-radius:10px;padding:13px}.aircraft-review b{color:#bfdbfe}.aircraft-review p{margin:5px 0 0}.aircraft-review ul{margin:8px 0;padding-left:22px;color:#cbd5e1}.aircraft-review small{display:block;margin-top:9px;color:#aabdd0}


/* =========================
DPOT UNITY CORE
========================= */

.dpot-shell {
display: grid;
grid-template-columns: 1.05fr 0.95fr;
gap: 46px;
align-items: center;
padding: 42px;
border: 1px solid rgba(167, 139, 250, 0.28);
border-radius: 24px;
background:
radial-gradient(circle at 85% 15%, rgba(124, 58, 237, 0.18), transparent 38%),
rgba(255, 255, 255, 0.025);
}

.dpot-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
}

.dpot-grid div {
display: grid;
gap: 9px;
min-height: 142px;
padding: 20px;
border: 1px solid rgba(167, 139, 250, 0.22);
border-radius: 16px;
background: rgba(8, 17, 30, 0.78);
}

.dpot-grid strong {
color: #c4b5fd;
font-size: 0.74rem;
letter-spacing: 0.12em;
}

.dpot-grid span {
color: var(--muted);
line-height: 1.55;
}


/* =========================
PROPOSED PRICING
========================= */

.pricing-section {
position: relative;
}

.pricing-heading {
display: grid;
grid-template-columns: minmax(0, 1fr) 320px;
gap: 38px;
align-items: end;
}

.pricing-heading .section-copy {
max-width: 760px;
}

.pricing-boundary {
display: grid;
gap: 8px;
padding: 18px;
border: 1px solid rgba(251, 191, 36, 0.3);
border-radius: 14px;
background: rgba(251, 191, 36, 0.055);
}

.pricing-boundary strong {
color: #f4cf68;
font-size: 0.7rem;
letter-spacing: 0.12em;
}

.pricing-boundary span {
color: #b9ad8a;
font-size: 0.8rem;
line-height: 1.55;
}

.pricing-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
margin-top: 42px;
}

.pricing-card {
display: flex;
flex-direction: column;
min-height: 280px;
padding: 24px;
border: 1px solid var(--line);
border-radius: 18px;
background: linear-gradient(155deg, rgba(255,255,255,.045), rgba(255,255,255,.012));
}

.pricing-card.featured {
border-color: rgba(52, 211, 153, 0.42);
background: linear-gradient(155deg, rgba(52,211,153,.095), rgba(255,255,255,.012));
box-shadow: inset 0 1px rgba(255,255,255,.05);
}

.pricing-card > span {
color: var(--blue-bright);
font-size: 0.68rem;
font-weight: 850;
letter-spacing: 0.11em;
line-height: 1.5;
}

.pricing-card h3 {
margin: 18px 0 8px;
font-size: 1.25rem;
}

.pricing-card p {
margin: 0 0 24px;
color: var(--muted);
font-size: 0.88rem;
line-height: 1.65;
}

.pricing-card > strong {
margin-top: auto;
font-size: clamp(1.75rem, 4vw, 2.45rem);
letter-spacing: -0.04em;
}

.pricing-card > strong em {
color: #8b9aaf;
font-size: 0.76rem;
font-style: normal;
font-weight: 650;
letter-spacing: 0;
}

.pricing-card small {
margin-top: 8px;
color: #718097;
font-size: 0.72rem;
}

.pricing-select {
display: inline-flex;
align-items: center;
justify-content: center;
margin-top: 18px;
padding: 11px 14px;
border: 1px solid rgba(96, 216, 255, .42);
border-radius: 10px;
color: #c9f4ff;
background: rgba(28, 149, 190, .09);
font-size: .72rem;
font-weight: 850;
letter-spacing: .055em;
text-decoration: none;
}

.pricing-select:hover,
.pricing-select:focus-visible {
border-color: var(--blue-bright);
background: rgba(28, 149, 190, .2);
}

.capability-fee-note {
display: grid;
grid-template-columns: minmax(230px, .42fr) minmax(0, 1fr);
gap: 18px;
margin-top: 18px;
padding: 18px;
border: 1px solid rgba(52, 211, 153, .34);
border-radius: 14px;
background: rgba(52, 211, 153, .055);
}

.capability-fee-note strong { color: #8cf1c8; font-size: .75rem; letter-spacing: .08em; }
.capability-fee-note span { color: #a5b5c8; font-size: .78rem; line-height: 1.6; }

.pricing-policy {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 10px;
margin-top: 18px;
}

.pricing-policy div {
padding: 16px;
border: 1px solid var(--line);
border-radius: 12px;
background: rgba(255,255,255,.02);
}

.pricing-policy b,
.pricing-policy span {
display: block;
}

.pricing-policy b {
color: #dbeafe;
font-size: 0.8rem;
}

.pricing-policy span {
margin-top: 7px;
color: #8494aa;
font-size: 0.74rem;
line-height: 1.55;
}

.pricing-disclaimer {
max-width: 920px;
margin: 22px 0 0;
color: #75859b;
font-size: 0.75rem;
line-height: 1.6;
}

.pricing-action {
margin-top: 22px;
}


/* =========================
PUBLIC INTAKE
========================= */

.intake-shell {
display:
grid;

grid-template-columns:
0.9fr 1.1fr;

gap:
46px;

align-items:
start;
}

.intake-form {
border:
1px solid var(--line);

border-radius:
20px;

padding:
28px;

background:
rgba(255, 255, 255, 0.025);
}

.field-row {
display:
grid;

grid-template-columns:
1fr 1fr;

gap:
14px;
}

label {
display:
grid;

gap:
9px;

margin-bottom:
16px;

color:
#d9e1eb;

font-size:
0.84rem;
}

input,
select,
textarea {
width:
100%;

border:
1px solid var(--line);

color:
#ffffff;

background:
#07101c;

border-radius:
12px;

padding:
14px;

outline:
none;
}

input:focus,
select:focus,
textarea:focus {
border-color:
rgba(96, 165, 250, 0.65);

box-shadow:
0 0 0 3px
rgba(59, 130, 246, 0.10);
}

textarea {
resize:
vertical;

min-height:
150px;
}

.honeypot {
position:
absolute;

left:
-9999px;
}

.form-bottom {
display:
flex;

align-items:
center;

justify-content:
space-between;

gap:
16px;

margin-top:
6px;
}

.form-note {
color:
var(--muted);

font-size:
0.76rem;

line-height:
1.5;

max-width:
340px;
}

.intake-scope-notice { max-width: none; margin: 16px 0; }
.intake-scope-notice .intake-consent { display: flex; align-items: flex-start; gap: 10px; margin: 14px 0 0; font-size: 0.85rem; color: #d9e1eb; }
.intake-scope-notice .intake-consent input { width: 18px; min-width: 18px; height: 18px; margin: 2px 0 0; }

.form-status {
min-height:
24px;

margin-top:
16px;

color:
var(--muted);

font-size:
0.85rem;
}

.form-status.success {
color:
var(--green);
}

.form-status.error {
color:
var(--red);
}


/* =========================
CALL TO ACTION
========================= */

.cta {
margin-bottom:
90px;

padding:
70px;

border-radius:
24px;

border:
1px solid
rgba(96, 165, 250, 0.22);

background:

radial-gradient(
circle at 85% 30%,
rgba(59, 130, 246, 0.22),
transparent 35%
),

var(--panel);
}

.cta h2 {
margin:
0;

font-size:
clamp(
2rem,
5vw,
4rem
);

max-width:
850px;
}

.cta p {
color:
var(--muted);

max-width:
700px;

line-height:
1.8;

margin:
20px 0 32px;
}


/* =========================
FOOTER
========================= */

footer {
border-top:
1px solid var(--line);

padding:
38px 0;

color:
var(--muted);
}

.footer-inner {
width:
min(1180px, 92%);

margin:
auto;

display:
flex;

justify-content:
space-between;

gap:
20px;

flex-wrap:
wrap;

font-size:
0.82rem;
}


/* =========================
TABLET
========================= */

@media (max-width: 900px) {

.nav-links {
display:
none;
}

.cards {
grid-template-columns:
1fr 1fr;
}

.architecture {
grid-template-columns:
1fr;
}

.arch-spine {
grid-template-columns:
repeat(5, 1fr);
}

.intake-shell {
grid-template-columns:
1fr;
}

.dpot-shell {
grid-template-columns: 1fr;
}

.pricing-heading {
grid-template-columns: 1fr;
}

.pricing-grid {
grid-template-columns: 1fr 1fr;
}

.pricing-policy {
grid-template-columns: 1fr 1fr;
}

.experience-heading,
.experience-console { grid-template-columns: 1fr; }
.scenario-panel { border-right: 0; border-bottom: 1px solid var(--line); }
.explorer-body { grid-template-columns: 1fr; }
.intel-flow { grid-template-columns: 1fr 1fr; }
.intel-flow::before { display: none; }
.intel-lower { grid-template-columns: 1fr; }
.name-section { grid-template-columns: 1fr; }
.history-gallery { min-height: 460px; }

}


/* =========================
MOBILE
========================= */

@media (max-width: 640px) {

.cards,
.field-row {
grid-template-columns:
1fr;
}

.cta {
padding:
36px 24px;
}

.form-bottom {
align-items:
stretch;

flex-direction:
column;
}

.arch-spine {
grid-template-columns:
1fr;
}

.dpot-shell {
padding: 28px 22px;
}

.dpot-grid {
grid-template-columns: 1fr;
}

.pricing-grid,
.pricing-policy {
grid-template-columns: 1fr;
}

.capability-fee-note { grid-template-columns: 1fr; }

.pricing-card {
min-height: 250px;
}

.experience-section { padding-top: 76px; }
.experience-heading { gap: 20px; }
.scenario-panel, .analysis-panel { padding: 22px; }
.scenario-options { max-height: 430px; }
.scenario-option { grid-template-columns: 78px 25px minmax(0,1fr); }
.scenario-option img { width: 78px; height: 64px; }
.metric-grid { grid-template-columns: 1fr 1fr; }
.metric-grid > div:first-child { grid-column: 1 / -1; }
.explorer-heading { flex-direction: column; gap: 6px; }
.explorer-body { padding: 22px; }
.explorer-io { grid-template-columns: 1fr; }
.explorer-io i { transform: rotate(90deg); text-align: center; }
.intel-overlay { padding: 0; place-items: stretch; }
.intel-dialog { width: 100%; max-height: 100vh; min-height: 100vh; border: 0; border-radius: 0; }
.intel-topbar { padding: 15px 18px; }
.intel-content { padding: 24px 18px 36px; }
.intel-intro { grid-template-columns: 1fr; gap: 12px; }
.intel-number { font-size: 4.6rem; }
.intel-flow { grid-template-columns: 1fr; }
.intel-step { min-height: 0; }
.intel-contract { grid-template-columns: 1fr; }
.intel-contract i { transform: rotate(90deg); justify-self: center; }
.intel-safeguard, .intel-footer { align-items: flex-start; flex-direction: column; }
.intel-safeguard strong { text-align: left; }
.intel-footer-actions { width: 100%; justify-content: stretch; }
.intel-footer-actions button { flex: 1 1 100%; }
.capability-output-content { padding: 24px 18px 34px; }
.capability-output-fields { grid-template-columns: 1fr; }
.capability-output-footer { align-items: stretch; flex-direction: column; }
.capability-output-footer button { width: 100%; }
.history-gallery { grid-template-columns: 1fr; min-height: 0; }
.history-card img { min-height: 360px; }
.organization-choices { grid-template-columns: 1fr; }
.pilot-path-rail { grid-template-columns: 1fr; }
.preservation-value-grid,.connection-gates { grid-template-columns: 1fr; }
.pilot-stage-actions { align-items: stretch; flex-direction: column-reverse; }
.pilot-stage-actions .button { width: 100%; text-align: center; }
.pilot-overlay { padding: 0; }
.pilot-dialog { width: 100%; min-height: 100vh; max-height: 100vh; border: 0; border-radius: 0; padding: 70px 20px 34px; }

}

@media (prefers-reduced-motion: reduce) {
.pilot-pathway-stage,.pilot-choice-result,.connection-reference,.rules-stage::after { animation: none !important; }
}

/* =========================
LCAC FRONT-PAGE PRESENCE
========================= */

.lcac-presence {
width: min(1180px, 92%);
margin: -44px auto 80px;
padding: 28px;
position: relative;
z-index: 2;
border: 1px solid rgba(96, 165, 250, 0.32);
border-radius: 20px;
background: linear-gradient(145deg, rgba(9, 22, 39, 0.98), rgba(5, 12, 25, 0.96));
box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28), inset 0 1px rgba(255, 255, 255, 0.04);
}

.lcac-presence-heading {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 24px;
}

.lcac-presence-heading h2 {
margin: 8px 0 0;
font-size: clamp(1.55rem, 3vw, 2.35rem);
line-height: 1.12;
}

.lcac-front-pulse {
display: inline-flex;
align-items: center;
gap: 9px;
flex: 0 0 auto;
padding: 10px 14px;
border: 1px solid rgba(96, 165, 250, 0.35);
border-radius: 999px;
color: #bfdbfe;
font-size: 0.76rem;
font-weight: 800;
letter-spacing: 0.1em;
}

.lcac-front-pulse i {
width: 8px;
height: 8px;
border-radius: 50%;
background: #60a5fa;
box-shadow: 0 0 14px currentColor;
}

.lcac-front-pulse[data-state="present"] { color: #86efac; border-color: rgba(52, 211, 153, 0.42); }
.lcac-front-pulse[data-state="degraded"] { color: #fcd34d; border-color: rgba(251, 191, 36, 0.42); }
.lcac-front-pulse[data-state="blocked"] { color: #fda4af; border-color: rgba(251, 113, 133, 0.42); }

.lcac-presence-copy {
max-width: 870px;
margin: 18px 0 24px;
color: var(--muted);
font-size: 1rem;
line-height: 1.7;
}

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

.lcac-presence-grid article {
min-height: 126px;
padding: 17px;
border: 1px solid var(--line);
border-radius: 13px;
background: rgba(3, 10, 22, 0.68);
}

.lcac-presence-grid span,
.lcac-purpose-line span {
display: block;
color: var(--blue-bright);
font-size: 0.74rem;
font-weight: 800;
letter-spacing: 0.11em;
}

.lcac-presence-grid strong {
display: block;
margin-top: 12px;
font-size: 1rem;
line-height: 1.3;
}

.lcac-presence-grid small {
display: block;
margin-top: 8px;
color: var(--muted);
font-size: 0.82rem;
line-height: 1.45;
}

.lcac-purpose-line {
display: grid;
grid-template-columns: 170px 1fr;
gap: 18px;
align-items: center;
margin-top: 14px;
padding: 15px 17px;
border-left: 3px solid var(--green);
background: rgba(52, 211, 153, 0.06);
}

.lcac-purpose-line strong { font-size: 0.93rem; line-height: 1.5; }

.lcac-memory-view {
margin-top: 14px;
border: 1px solid var(--line);
border-radius: 12px;
background: rgba(255, 255, 255, 0.018);
}

.lcac-memory-view summary {
padding: 15px 17px;
cursor: pointer;
font-weight: 750;
}

#lcac-front-reasoning {
padding: 0 17px 15px;
color: var(--muted);
font-size: 0.9rem;
line-height: 1.6;
}

#lcac-front-reasoning p { margin: 8px 0; }

.lcac-public-boundary {
margin: 14px 0 0;
color: #9aa8bb;
font-size: 0.82rem;
line-height: 1.55;
}

.lcac-public-boundary strong { color: #fcd34d; }

@media (max-width: 900px) {
.lcac-presence { margin-top: 28px; }
.lcac-presence-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
.lcac-presence { width: 100%; margin: 0 auto 64px; padding: 24px 18px; border-left: 0; border-right: 0; border-radius: 0; }
.lcac-presence-heading { flex-direction: column; }
.lcac-presence-grid { grid-template-columns: 1fr; }
.lcac-presence-grid article { min-height: 0; }
.lcac-purpose-line { grid-template-columns: 1fr; gap: 8px; }
}
.gabriel-translate-engine {
  position: fixed;
  inline-size: 1px;
  block-size: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  pointer-events: none;
}

.goog-te-banner-frame,
iframe.goog-te-banner-frame {
  display: none !important;
}

body {
  top: 0 !important;
}

.lcac-translation-notice {
  margin: -0.25rem 0 1rem;
  color: var(--muted, #9bb0c8);
  font-size: 0.78rem;
  line-height: 1.5;
}

/* Epistemic Control Orbit — shared by I AM and the Capability Registry */
.epistemic-orbit{margin-top:14px;padding:13px;border:1px solid rgba(110,220,255,.22);border-radius:13px;background:radial-gradient(circle at 50% 0,rgba(110,220,255,.09),transparent 48%),rgba(2,12,20,.55)}
.epistemic-orbit[data-mode="protective_shadow"]{border-color:rgba(248,113,113,.36);background:radial-gradient(circle at 50% 0,rgba(248,113,113,.08),transparent 48%),rgba(10,9,18,.68)}
.epistemic-orbit-heading{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:9px}.epistemic-orbit-heading span{color:#6edcff;font-size:.65rem;font-weight:900;letter-spacing:.13em}.epistemic-orbit-heading strong{font-size:.76rem}.epistemic-orbit-heading em{padding:4px 7px;border:1px solid currentColor;border-radius:999px;color:#90e8d6;font-size:.58rem;font-style:normal;font-weight:900}
.epistemic-orbit-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:11px}.epistemic-orbit-track button{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px;min-height:38px;padding:7px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(255,255,255,.025);color:#809ea5;text-align:left;cursor:pointer}.epistemic-orbit-track button i{display:grid;place-items:center;width:20px;height:20px;border:1px solid rgba(255,255,255,.16);border-radius:50%;font-size:.58rem;font-style:normal}.epistemic-orbit-track button span{font-size:.62rem;font-weight:800}.epistemic-orbit-track button[data-state="traversed"]{border-color:rgba(74,222,128,.18);color:#86c8b8}.epistemic-orbit-track button[data-state="current"]{border-color:rgba(110,220,255,.58);background:rgba(110,220,255,.09);color:#e8fcff;box-shadow:0 0 16px rgba(110,220,255,.1)}.epistemic-orbit-track button[data-state="current"] i{background:#6edcff;color:#05202a}.epistemic-orbit-track button:hover,.epistemic-orbit-track button:focus-visible{outline:1px solid #6edcff;background:rgba(110,220,255,.1)}
.epistemic-darkness-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:9px}.epistemic-darkness-grid button{padding:8px;border:1px solid rgba(251,191,36,.14);border-radius:8px;background:rgba(0,0,0,.16);color:#b8c7ca;text-align:left;cursor:pointer}.epistemic-darkness-grid span,.epistemic-darkness-grid strong{display:block}.epistemic-darkness-grid span{font-size:.55rem;font-weight:900;letter-spacing:.08em}.epistemic-darkness-grid strong{margin-top:3px;color:#f7c96b;font-size:.9rem}.epistemic-next-verification{margin-top:9px;padding:10px;border-left:3px solid #6edcff;background:rgba(110,220,255,.045)}.epistemic-next-verification span,.epistemic-next-verification strong,.epistemic-next-verification small{display:block}.epistemic-next-verification span{color:#6edcff;font-size:.57rem;font-weight:900;letter-spacing:.11em}.epistemic-next-verification strong{margin-top:4px;font-size:.72rem}.epistemic-next-verification p{margin:4px 0;color:#b8d3da;font-size:.74rem;line-height:1.45}.epistemic-next-verification small{color:#789ba3;font-size:.62rem}
@media(max-width:760px){.epistemic-orbit-heading{grid-template-columns:1fr}.epistemic-orbit-heading em{justify-self:start}.epistemic-orbit-track{grid-template-columns:repeat(2,minmax(0,1fr))}.epistemic-darkness-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Compact I AM observation symbol and interactive detail surface */
.gabriel-observation-orb{margin:10px 0}.gabriel-observation-orb>summary{display:inline-flex;align-items:center;gap:9px;min-height:48px;padding:6px 11px 6px 7px;border:1px solid rgba(110,220,255,.38);border-radius:999px;background:linear-gradient(145deg,rgba(4,20,31,.96),rgba(8,45,53,.92));color:#dffbff;cursor:pointer;list-style:none;box-shadow:0 8px 24px rgba(0,0,0,.26)}.gabriel-observation-orb>summary::-webkit-details-marker{display:none}.gabriel-observation-orb>summary:hover,.gabriel-observation-orb>summary:focus-visible{border-color:#77e5ff;outline:2px solid rgba(119,229,255,.2);outline-offset:2px}.gabriel-observation-orb>summary>span:not(.observation-orb-symbol){display:grid}.gabriel-observation-orb>summary b{font-size:.75rem;letter-spacing:.12em}.gabriel-observation-orb>summary small{color:#8ab9c4;font-size:.56rem;font-weight:800;letter-spacing:.08em}.gabriel-observation-orb>summary>em{min-width:28px;color:#87e9ff;font-size:.68rem;font-style:normal;font-weight:900;text-align:center}.observation-orb-symbol{position:relative;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(110,220,255,.58);border-radius:50%;background:radial-gradient(circle,rgba(110,220,255,.35) 0 12%,transparent 13% 32%,rgba(110,220,255,.18) 33% 46%,transparent 47%);box-shadow:inset 0 0 14px rgba(110,220,255,.18),0 0 14px rgba(110,220,255,.18)}.observation-orb-symbol:before,.observation-orb-symbol:after{content:"";position:absolute;border:1px solid rgba(110,220,255,.48);border-radius:50%}.observation-orb-symbol:before{width:19px;height:19px}.observation-orb-symbol:after{width:7px;height:7px;background:#8cecff;box-shadow:0 0 8px #54dcff}.gabriel-observation-orb[open] .observation-orb-symbol{animation:observation-orb-pulse 2.4s ease-in-out infinite}.gabriel-observation-orb[open]>summary{margin-bottom:10px}@keyframes observation-orb-pulse{50%{transform:scale(1.06);box-shadow:inset 0 0 18px rgba(110,220,255,.28),0 0 20px rgba(110,220,255,.3)}}.self-observation-metrics button,.self-observation-body li button,.unified-module-rhythm button,.unified-intelligence-metrics button,.unified-correction-list button{width:100%;border:0;color:inherit;text-align:left;font:inherit;cursor:pointer}.self-observation-metrics button{padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.025)}.self-observation-body li{padding:0}.self-observation-body li button{display:flex;gap:8px;padding:9px;border-radius:9px;background:rgba(255,255,255,.035)}.self-observation-metrics button:hover,.self-observation-body li button:hover,.self-observation-metrics button:focus-visible,.self-observation-body li button:focus-visible{border-color:rgba(110,220,255,.48);background:rgba(110,220,255,.08);outline:none}.observation-detail-output{margin-top:13px;padding:12px;border:1px solid rgba(110,220,255,.26);border-radius:10px;background:rgba(3,13,21,.62)}.observation-detail-output span,.observation-detail-output strong{display:block}.observation-detail-output span{color:#6edcff;font-size:.62rem;font-weight:900;letter-spacing:.12em}.observation-detail-output strong{margin-top:5px}.observation-detail-output p{margin:6px 0 0;color:#b8d3da;font-size:.8rem;line-height:1.5}