/* =========================================================
   ETHOS Assay visual system — animated explainers
   Triggered by .in-view (ethos-diagrams.js). Reduced-motion safe.
   ========================================================= */
.ax { --nv:#0A1F44; --gd:#D4AF37; --gdd:#A8861F; --ok:#10b981; --wa:#f59e0b; --rv:#f43f5e; --vo:#D4AF37; --mu:#4b5563; }
.ax-title { text-align:center; font-weight:800; color:var(--nv); font-size:1.35rem; margin-bottom:.35rem; }
.ax-sub { text-align:center; color:var(--mu); margin:0 auto 2rem; max-width:44rem; }
.ax .ax-r { opacity:0; transform:translateY(14px); transition:opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1); }
.ax.in-view .ax-r { opacity:1; transform:none; }
.ax.in-view .ax-r:nth-child(2){transition-delay:.15s} .ax.in-view .ax-r:nth-child(3){transition-delay:.3s}
.ax.in-view .ax-r:nth-child(4){transition-delay:.45s} .ax.in-view .ax-r:nth-child(5){transition-delay:.6s}
.ax.in-view .ax-r:nth-child(6){transition-delay:.75s}
.ax:not(.in-view) *, .ax:not(.in-view) *::before, .ax:not(.in-view) *::after { animation-play-state:paused !important; }

/* ---------- PIPELINE (Decompose → Trace → Verdict → Seal) ---------- */
.ax-pipe { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.5rem; max-width:68rem; margin:0 auto; }
.ax-pipe::before { content:""; position:absolute; left:12%; right:12%; top:2.6rem; height:3px; background:#e2e8f0; border-radius:3px; }
.ax-pipe::after { content:""; position:absolute; top:calc(2.6rem - 5px); left:12%; width:13px; height:13px; border-radius:50%;
                  background:var(--gd); box-shadow:0 0 0 5px rgba(212,175,55,.25); animation:ax-travel 8s cubic-bezier(.45,.05,.55,.95) infinite; }
@keyframes ax-travel { 0%{left:12%} 22%{left:12%} 30%{left:37%} 47%{left:37%} 55%{left:62%} 72%{left:62%} 80%{left:87%} 100%{left:87%} }
.ax-stage { position:relative; text-align:center; padding-top:0; }
.ax-node { width:5.2rem; height:5.2rem; margin:0 auto 1rem; border-radius:50%; display:grid; place-items:center; font-size:1.55rem;
           background:#fff; border:3px solid #e2e8f0; color:#94a3b8; position:relative; z-index:1; animation:ax-light 8s infinite; }
.ax-stage:nth-child(1) .ax-node{animation-name:ax-l1} .ax-stage:nth-child(2) .ax-node{animation-name:ax-l2}
.ax-stage:nth-child(3) .ax-node{animation-name:ax-l3} .ax-stage:nth-child(4) .ax-node{animation-name:ax-l4}
@keyframes ax-l1 { 0%,2%{border-color:#e2e8f0;color:#94a3b8} 6%,24%{border-color:var(--nv);color:var(--nv);background:#f8f5e9;transform:scale(1.06)} 28%,100%{border-color:var(--nv);color:var(--nv);transform:none;background:#fff} }
@keyframes ax-l2 { 0%,27%{border-color:#e2e8f0;color:#94a3b8} 31%,49%{border-color:var(--nv);color:var(--nv);background:#f8f5e9;transform:scale(1.06)} 53%,100%{border-color:var(--nv);color:var(--nv);transform:none;background:#fff} }
@keyframes ax-l3 { 0%,52%{border-color:#e2e8f0;color:#94a3b8} 56%,74%{border-color:var(--nv);color:var(--nv);background:#f8f5e9;transform:scale(1.06)} 78%,100%{border-color:var(--nv);color:var(--nv);transform:none;background:#fff} }
@keyframes ax-l4 { 0%,77%{border-color:#e2e8f0;color:#94a3b8} 81%,96%{border-color:var(--gdd);color:var(--gdd);background:#fdf6dc;transform:scale(1.08)} 100%{border-color:#e2e8f0;color:#94a3b8} }
.ax-stage h4 { font-weight:800; color:var(--nv); margin:0 0 .3rem; }
.ax-stage p { font-size:.88rem; color:var(--mu); line-height:1.5; margin:0 auto; max-width:15rem; }
.ax-stage .ax-k { display:inline-block; font-size:.68rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--gdd); margin-bottom:.35rem; }
@media (max-width:767px){
  .ax-pipe { grid-template-columns:1fr; gap:1.75rem; }
  .ax-pipe::before { left:2.6rem; right:auto; top:2.6rem; bottom:2.6rem; width:3px; height:auto; }
  .ax-pipe::after { display:none; }
  .ax-stage { display:grid; grid-template-columns:5.2rem 1fr; gap:1rem; text-align:left; align-items:center; }
  .ax-node { margin:0; } .ax-stage p { margin:0; max-width:none; }
}

/* ---------- FLUENT vs FACTUAL ---------- */
.ax-ff { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem; max-width:64rem; margin:0 auto; }
@media (max-width:767px){ .ax-ff { grid-template-columns:1fr; } }
.ax-pane { border-radius:1.1rem; padding:1.4rem 1.4rem 1.2rem; border:1px solid #e5e7eb; background:#fff; box-shadow:0 1px 2px rgba(10,31,68,.05); }
.ax-pane.dark { background:var(--nv); border-color:#1e3a6e; color:#e2e8f0; }
.ax-pane h4 { font-weight:800; margin:0 0 .25rem; color:var(--nv); } .ax-pane.dark h4 { color:#fff; }
.ax-pane .ax-k { font-size:.68rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--gdd); }
.ax-pane.dark .ax-k { color:#E5C158; }
.ax-text { margin:.9rem 0 1rem; line-height:1.75; font-size:.93rem; color:#334155; }
.ax-pane.dark .ax-text { background:#fff; border-radius:.7rem; padding:.9rem 1rem; }
.ax-text .m { border-radius:3px; background-image:linear-gradient(transparent 62%, var(--h) 62%); background-size:0% 100%; background-repeat:no-repeat; }
.ax.in-view .ax-text .m { animation:ax-mark 6s ease-in-out infinite; }
.ax-text .m.ok{--h:rgba(16,185,129,.45)} .ax-text .m.wa{--h:rgba(245,158,11,.5);animation-delay:.6s !important} .ax-text .m.rv{--h:rgba(244,63,94,.38);animation-delay:1.2s !important}
@keyframes ax-mark { 0%,10%{background-size:0% 100%} 25%,85%{background-size:100% 100%} 100%{background-size:0% 100%} }
.ax-meter { display:grid; gap:.45rem; }
.ax-meter .row { display:grid; grid-template-columns:7.5rem 1fr 2.6rem; align-items:center; gap:.6rem; font-size:.78rem; font-weight:600; }
.ax-meter .bar { height:.55rem; border-radius:999px; background:#e5e7eb; overflow:hidden; } .ax-pane.dark .ax-meter .bar { background:rgba(255,255,255,.12); }
.ax-meter .bar i { display:block; height:100%; width:0; border-radius:999px; transition:width 1.6s cubic-bezier(.2,.7,.2,1) .3s; }
.ax.in-view .ax-meter .bar i { width:var(--w); }
.ax-meter .v { text-align:right; font-variant-numeric:tabular-nums; }
.ax-note { font-size:.72rem; color:#94a3b8; margin-top:.7rem; font-style:italic; }

/* ---------- FAILURE MODES ---------- */
.ax-modes { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.25rem; max-width:70rem; margin:0 auto; }
@media (max-width:1023px){ .ax-modes{ grid-template-columns:repeat(2,minmax(0,1fr)); } } @media (max-width:560px){ .ax-modes{ grid-template-columns:1fr; } }
.ax-mode { background:#fff; border:1px solid #fde2e4; border-radius:1rem; padding:1.3rem 1.2rem; position:relative; overflow:hidden; transition:transform .25s ease, box-shadow .25s ease, opacity .7s ease; }
.ax-mode:hover { transform:translateY(-4px); box-shadow:0 14px 28px -16px rgba(244,63,94,.45); }
.ax-mode::after { content:""; position:absolute; inset:auto 0 0 0; height:3px; background:linear-gradient(90deg,var(--rv),#fb923c); transform:scaleX(0); transform-origin:left; transition:transform .9s ease .3s; }
.ax.in-view .ax-mode::after { transform:scaleX(1); }
.ax-mode .ic { width:2.6rem; height:2.6rem; border-radius:.75rem; display:grid; place-items:center; background:#fff1f2; color:var(--rv); margin-bottom:.8rem; font-size:1.05rem; }
.ax.in-view .ax-mode .ic { animation:ax-throb 3.2s ease-in-out infinite; }
.ax-mode:nth-child(2) .ic{animation-delay:.4s !important} .ax-mode:nth-child(3) .ic{animation-delay:.8s !important} .ax-mode:nth-child(4) .ic{animation-delay:1.2s !important}
@keyframes ax-throb { 0%,100%{box-shadow:0 0 0 0 rgba(244,63,94,.35)} 50%{box-shadow:0 0 0 9px rgba(244,63,94,0)} }
.ax-mode h4 { font-weight:800; color:var(--nv); margin:0 0 .35rem; font-size:.98rem; } .ax-mode p { font-size:.86rem; color:var(--mu); line-height:1.5; margin:0; }

/* ---------- IS / IS NOT ---------- */
.ax-isnot { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem; max-width:64rem; margin:0 auto; }
@media (max-width:767px){ .ax-isnot{ grid-template-columns:1fr; } }
.ax-list { border-radius:1.1rem; padding:1.5rem; } .ax-list.is { background:#f0fdf4; border:1px solid #bbf7d0; } .ax-list.not { background:#fff7ed; border:1px solid #fed7aa; }
.ax-list h4 { font-weight:800; color:var(--nv); margin:0 0 1rem; display:flex; gap:.6rem; align-items:center; }
.ax-list ul { list-style:none; margin:0; padding:0; display:grid; gap:.75rem; }
.ax-list li { display:flex; gap:.7rem; align-items:flex-start; color:#334155; font-size:.93rem; line-height:1.5; }
.ax-list li i { margin-top:.2rem; } .ax-list.is li i { color:#059669; } .ax-list.not li i { color:#ea580c; }

/* ---------- VERDICT SPECTRUM + INTEGRITY SCORE ---------- */
.ax-spec { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:2.5rem; max-width:68rem; margin:0 auto; align-items:center; }
@media (max-width:900px){ .ax-spec{ grid-template-columns:1fr; } }
.ax-band { display:grid; grid-template-columns:3rem 1fr; gap:1rem; align-items:start; padding:1rem 1.1rem; border-radius:.9rem; margin-bottom:.75rem; background:#fff; border:1px solid #e5e7eb;
           box-shadow:inset 4px 0 0 var(--c); transition:transform .25s ease, opacity .7s ease; }
.ax-band:hover { transform:translateX(4px); }
.ax-band .ic { width:3rem; height:3rem; border-radius:.8rem; display:grid; place-items:center; background:color-mix(in srgb, var(--c) 14%, white); color:var(--c); font-size:1.15rem; }
.ax-band h4 { margin:0 0 .2rem; font-weight:800; color:var(--nv); font-size:.98rem; } .ax-band p { margin:0; font-size:.86rem; color:var(--mu); line-height:1.5; }
.ax-band.ok{--c:#059669} .ax-band.wa{--c:#d97706} .ax-band.rv{--c:#e11d48} .ax-band.vo{--c:#A8861F}
.ax-ring { position:relative; width:15rem; height:15rem; margin:0 auto; }
.ax-ring svg { width:100%; height:100%; transform:rotate(-90deg); }
.ax-ring .trk { fill:none; stroke:#e5e7eb; stroke-width:16; }
.ax-ring .seg { fill:none; stroke-width:16; stroke-linecap:butt; stroke-dasharray:0 1000; transition:stroke-dasharray 1.6s cubic-bezier(.2,.7,.2,1); }
.ax.in-view .ax-ring .seg { stroke-dasharray:var(--len) 1000; }
.ax-ring .seg.a { transition-delay:.4s } .ax-ring .seg.r { transition-delay:.8s }
.ax-ring .ctr { position:absolute; inset:0; display:grid; place-items:center; text-align:center; }
.ax-ring .num { font-size:2.6rem; font-weight:900; color:var(--nv); line-height:1; }
.ax-ring .lbl { font-size:.7rem; letter-spacing:.14em; font-weight:800; text-transform:uppercase; color:var(--gdd); margin-top:.35rem; }
.ax-formula { text-align:center; margin-top:1.1rem; font-size:.9rem; color:#334155; }
.ax-formula code { font-family:inherit; font-weight:700; background:#f8f5e9; padding:.2rem .5rem; border-radius:.4rem; color:var(--nv); }
.ax-voice-out { display:flex; justify-content:center; align-items:center; gap:.5rem; margin-top:.75rem; font-size:.82rem; color:var(--gdd); font-weight:700; }
.ax.in-view .ax-voice-out i { animation:ax-float 3s ease-in-out infinite; }
@keyframes ax-float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-4px)} }

/* ---------- GENERATIONS ---------- */
.ax-gen { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.5rem; max-width:66rem; margin:0 auto; align-items:stretch; }
@media (max-width:860px){ .ax-gen{ grid-template-columns:1fr; } }
.ax-g { border-radius:1.1rem; padding:1.5rem 1.3rem; background:#fff; border:1px solid #e5e7eb; position:relative; transition:opacity .7s ease, transform .7s ease; }
.ax-g .gen { font-size:.7rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase; color:#94a3b8; margin-bottom:.5rem; }
.ax-g h4 { font-weight:800; color:#64748b; margin:0 0 .4rem; font-size:1.05rem; } .ax-g p { font-size:.88rem; color:var(--mu); line-height:1.5; margin:0 0 .8rem; }
.ax-g .asks { font-size:.82rem; font-weight:700; color:#64748b; } .ax-g .asks em { font-style:normal; color:var(--nv); }
.ax-g.now { background:var(--nv); border-color:var(--nv); box-shadow:0 25px 50px -20px rgba(10,31,68,.6); }
.ax-g.now .gen { color:#E5C158; } .ax-g.now h4 { color:#fff; } .ax-g.now p { color:#cbd5e1; } .ax-g.now .asks, .ax-g.now .asks em { color:#E5C158; }
.ax.in-view .ax-g.now { animation:ax-glow 3.5s ease-in-out 1.2s infinite; }
@keyframes ax-glow { 0%,100%{box-shadow:0 25px 50px -20px rgba(10,31,68,.6)} 50%{box-shadow:0 25px 60px -14px rgba(212,175,55,.45)} }
.ax-g:not(:last-child)::after { content:"\f061"; font-family:"Font Awesome 6 Free"; font-weight:900; position:absolute; right:-1.2rem; top:50%; transform:translateY(-50%); color:var(--gdd); z-index:2; }
@media (max-width:860px){ .ax-g:not(:last-child)::after{ right:50%; top:auto; bottom:-1.3rem; transform:translateX(50%) rotate(90deg); } }

/* ---------- SEAL / SIGN-OFF ---------- */
.ax-seal { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:2.5rem; max-width:64rem; margin:0 auto; align-items:center; }
@media (max-width:860px){ .ax-seal{ grid-template-columns:1fr; } }
.ax-doc { position:relative; width:17rem; height:21rem; margin:0 auto; background:#fff; border:1px solid #e5e7eb; border-radius:1rem; box-shadow:0 25px 50px -20px rgba(10,31,68,.45); padding:1.4rem; overflow:hidden; }
.ax-doc .ln { height:.5rem; border-radius:999px; background:#e5e7eb; margin-bottom:.6rem; }
.ax-doc .ln.s{width:60%} .ax-doc .ln.m{width:80%} .ax-doc .hd { height:.8rem; width:45%; background:var(--nv); border-radius:999px; margin-bottom:1rem; }
.ax-doc .chk { display:flex; gap:.4rem; margin:.9rem 0 1rem; } .ax-doc .chk span { width:1.6rem; height:.5rem; border-radius:999px; }
.ax-stamp { position:absolute; width:3.4rem; height:3.4rem; border-radius:50%; border:3px solid var(--gdd); color:var(--gdd); display:grid; place-items:center; font-size:1.1rem;
            background:rgba(253,246,220,.9); opacity:0; transform:scale(1.8) rotate(-18deg); }
.ax-stamp.s1 { left:1.2rem; bottom:1.2rem; } .ax-stamp.s2 { left:5.4rem; bottom:1.2rem; } .ax-stamp.s3 { left:9.6rem; bottom:1.2rem; }
.ax.in-view .ax-stamp.s1 { animation:ax-stamp 7s infinite; } .ax.in-view .ax-stamp.s2 { animation:ax-stamp2 7s infinite; } .ax.in-view .ax-stamp.s3 { animation:ax-stamp3 7s infinite; }
@keyframes ax-stamp  { 0%,10%{opacity:0;transform:scale(1.8) rotate(-18deg)} 16%,88%{opacity:1;transform:scale(1) rotate(-8deg)} 100%{opacity:0} }
@keyframes ax-stamp2 { 0%,26%{opacity:0;transform:scale(1.8) rotate(-18deg)} 32%,88%{opacity:1;transform:scale(1) rotate(-8deg)} 100%{opacity:0} }
@keyframes ax-stamp3 { 0%,42%{opacity:0;transform:scale(1.8) rotate(-18deg)} 48%,88%{opacity:1;transform:scale(1) rotate(-8deg)} 100%{opacity:0} }
.ax-lock { position:absolute; right:1.2rem; top:1.2rem; width:2.4rem; height:2.4rem; border-radius:.6rem; background:var(--nv); color:#E5C158; display:grid; place-items:center; }
.ax.in-view .ax-lock i { animation:ax-lock 7s infinite; }
@keyframes ax-lock { 0%,52%{opacity:.35} 58%,88%{opacity:1; transform:scale(1.15)} 100%{opacity:.35} }
.ax-tiers { display:grid; gap:.85rem; }
.ax-tier { display:grid; grid-template-columns:4.2rem 1fr; gap:1rem; align-items:center; background:#fff; border:1px solid #e5e7eb; border-radius:.9rem; padding:.95rem 1.1rem; transition:transform .25s ease, opacity .7s ease; }
.ax-tier:hover { transform:translateX(4px); }
.ax-tier .sig { display:flex; gap:.2rem; color:var(--gdd); font-size:.95rem; } .ax-tier .sig .off { color:#d1d5db; }
.ax-tier h4 { margin:0 0 .15rem; font-weight:800; color:var(--nv); font-size:.95rem; } .ax-tier p { margin:0; font-size:.85rem; color:var(--mu); line-height:1.45; }

/* ---------- AUDIENCE ---------- */
.ax-aud { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.25rem; max-width:70rem; margin:0 auto; }
@media (max-width:1023px){ .ax-aud{ grid-template-columns:repeat(2,minmax(0,1fr)); } } @media (max-width:560px){ .ax-aud{ grid-template-columns:1fr; } }
.ax-a { border-radius:1.1rem; padding:1.5rem 1.3rem; background:#fff; border:1px solid #e5e7eb; transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease, opacity .7s ease; position:relative; overflow:hidden; }
.ax-a::before { content:""; position:absolute; inset:0 0 auto 0; height:4px; background:linear-gradient(90deg,var(--nv),var(--gd)); }
.ax-a:hover { transform:translateY(-6px); box-shadow:0 20px 36px -20px rgba(10,31,68,.45); border-color:#e9dcae; }
.ax-a .ic { width:3rem; height:3rem; border-radius:.85rem; background:var(--nv); color:#E5C158; display:grid; place-items:center; font-size:1.15rem; margin-bottom:.9rem; transition:transform .3s ease; }
.ax-a:hover .ic { transform:rotate(-8deg) scale(1.08); }
.ax-a h4 { margin:0 0 .4rem; font-weight:800; color:var(--nv); } .ax-a p { margin:0 0 .8rem; font-size:.87rem; color:var(--mu); line-height:1.5; }
.ax-a ul { list-style:none; padding:0; margin:0; display:grid; gap:.35rem; } .ax-a li { font-size:.82rem; color:#334155; display:flex; gap:.5rem; }
.ax-a li i { color:var(--gdd); margin-top:.2rem; font-size:.7rem; }

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion: reduce){
  .ax *, .ax *::before, .ax *::after { animation:none !important; transition:none !important; }
  .ax .ax-r { opacity:1 !important; transform:none !important; }
  .ax-pipe::after { display:none; } .ax-node { border-color:var(--nv) !important; color:var(--nv) !important; }
  .ax-text .m { background-size:100% 100% !important; } .ax-meter .bar i { width:var(--w) !important; }
  .ax-ring .seg { stroke-dasharray:var(--len) 1000 !important; } .ax-stamp { opacity:1 !important; transform:rotate(-8deg) !important; }
  .ax-mode::after { transform:none !important; }
}

/* ---------- SCROLL NAV (site-wide) ---------- */
.ethos-scrollnav { position:fixed; right:1.25rem; bottom:1.5rem; z-index:60; display:flex; flex-direction:column; gap:.5rem; }
.ethos-scrollnav button { width:2.9rem; height:2.9rem; border-radius:50%; border:1px solid rgba(212,175,55,.55); background:#0A1F44; color:#E5C158;
       display:grid; place-items:center; font-size:1rem; cursor:pointer; box-shadow:0 10px 24px -10px rgba(10,31,68,.6);
       transition:opacity .3s ease, transform .3s ease, background .2s ease; }
.ethos-scrollnav button:hover { background:#1A2F54; transform:translateY(-2px); }
.ethos-scrollnav button:focus-visible { outline:3px solid #D4AF37; outline-offset:2px; }
.ethos-scrollnav button.hide { opacity:0; pointer-events:none; transform:scale(.8); }
@media (max-width:640px){ .ethos-scrollnav{ right:.8rem; bottom:5.5rem; } .ethos-scrollnav button{ width:2.5rem; height:2.5rem; font-size:.9rem; } }
@media print { .ethos-scrollnav{ display:none; } }

/* home hero subtitle legibility */
.hero-subtitle-strong { color:#fff !important; text-shadow:0 1px 2px rgba(5,15,35,.9), 0 2px 10px rgba(5,15,35,.75), 0 0 28px rgba(5,15,35,.55); letter-spacing:.005em; }

/* ===== polish pass ===== */
.ax p, .ax li, .ax h4 { text-wrap:pretty; hyphens:manual; }
.ax-sub { text-wrap:balance; }
.ax-text .m { background-image:linear-gradient(transparent 70%, var(--h) 70%); padding-bottom:1px; }
.ax-pane .ax-k { color:#8a6d16; } .ax-note { color:#6b7280; }
.ax-meter .bar { background:#e5e7eb; } .ax-pane.dark .ax-meter .bar { background:rgba(255,255,255,.22); }
.ax-pane { display:flex; flex-direction:column; } .ax-pane .ax-note { margin-top:auto; padding-top:.7rem; }
.ax-modes, .ax-aud { max-width:64rem; }
.ax-mode, .ax-a { border-color:#e5e7eb; box-shadow:0 1px 3px rgba(10,31,68,.06); }
.ax-mode::after { left:0; right:0; bottom:0; border-radius:0 0 1rem 1rem; }
.ax-a::before { border-radius:1.1rem 1.1rem 0 0; }
.ax-list li i { flex:none; } .ax-list.not li i { color:#c2410c; } .ax-list.not h4 i { color:#c2410c !important; }
.ax-pipe::before { background:linear-gradient(90deg,#0A1F44 var(--pp,0%),#e2e8f0 var(--pp,0%)); }
.ax.in-view .ax-pipe::before { animation:ax-fill 8s cubic-bezier(.45,.05,.55,.95) infinite; }
@property --pp { syntax:'<percentage>'; inherits:false; initial-value:0%; }
@keyframes ax-fill { 0%,22%{--pp:0%} 30%,47%{--pp:33%} 55%,72%{--pp:66%} 80%,100%{--pp:100%} }
.ax-pipe::after { z-index:2; }
.ax-node { background:#fff !important; }
.ax-stage .ax-k { color:#8a6d16; }
.ax-band { box-shadow:none; border-left:0; position:relative; overflow:hidden; }
.ax-band::before { content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:var(--c); }
.ax-spec { max-width:62rem; }
.ax-ring .seg { stroke-dasharray:0 1000; }
.ax-ring .num { font-size:1.6rem; } .ax-ring .lbl { color:#8a6d16; }
.ax-voice-out, .ax-formula code { color:#7a5f10; } .ax-formula code { background:#f3ead0; }
.ax-ring-legend { display:flex; justify-content:center; flex-wrap:wrap; gap:.9rem; margin-top:.9rem; font-size:.78rem; font-weight:600; color:#334155; }
.ax-ring-legend span { display:inline-flex; align-items:center; gap:.35rem; } .ax-ring-legend i { width:.7rem; height:.7rem; border-radius:2px; display:inline-block; }
.ax-gen { gap:3rem; } .ax-g { display:flex; flex-direction:column; } .ax-g .asks { margin-top:auto; padding-top:.6rem; }
.ax-g:not(:last-child)::after { right:-2.05rem; font-size:1.15rem; color:#A8861F; }
.ax-g h4 { color:#334155; } .ax-g.now { box-shadow:0 18px 36px -18px rgba(10,31,68,.55); }
.ax-seal { max-width:58rem; gap:3rem; align-items:center; }
.ax-doc .ln.gap { margin-bottom:2.6rem; }
.ax-stamp.s1 { left:2.3rem; } .ax-stamp.s2 { left:6.8rem; } .ax-stamp.s3 { left:11.3rem; }
.ax-lock { background:#fdf6dc; color:#0A1F44; border:1px solid #e9dcae; }
.ax-tier .sig { font-size:1.1rem; color:#A8861F; } .ax-tier .sig .off { color:#cbd5e1; }
.ax-a { display:flex; flex-direction:column; } .ax-a p { min-height:3em; } .ax-a li i { color:#8a6d16; }
@media (max-width:860px){ .ax-g:not(:last-child)::after{ right:50%; bottom:-2.2rem; } .ax-gen{ gap:2.6rem; } }
/* ===== Home chapters (Phase 2) ===== */
.ch-anchor { position:relative; top:-80px; height:0; }
.ch-intro { padding:5.5rem 0 2.5rem; position:relative; }
.ch-intro::before { content:""; position:absolute; left:50%; top:2.2rem; width:1px; height:2.2rem; background:linear-gradient(#fff0,#D4AF37); }
.ch-num { display:inline-block; font-size:.72rem; font-weight:800; letter-spacing:.24em; text-transform:uppercase; color:#8a6d16;
          border:1px solid #e9dcae; background:#fdf9ec; border-radius:999px; padding:.35rem .9rem; margin-bottom:1rem; }
.ch-title { font-size:clamp(2rem,4vw,3rem); font-weight:800; color:#0A1F44; line-height:1.1; margin:0 0 .9rem; letter-spacing:-.01em; }
.ch-lead { font-size:1.15rem; color:#4b5563; max-width:42rem; margin:0 auto; line-height:1.6; }
.c2-sum { display:flex; flex-direction:column; background:#0A1F44; color:#e2e8f0; border-radius:1.25rem; padding:1.8rem; border:1px solid #1e3a6e;
          transition:transform .3s ease, box-shadow .3s ease; text-decoration:none; }
.c2-sum:hover { transform:translateY(-5px); box-shadow:0 24px 44px -22px rgba(10,31,68,.7); }
.c2-ic { width:3rem; height:3rem; border-radius:.85rem; background:rgba(212,175,55,.14); color:#E5C158; display:grid; place-items:center; font-size:1.2rem; margin-bottom:1rem; }
.c2-tag { font-size:.72rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:#E5C158; margin-bottom:.5rem; }
.c2-sum h3 { font-size:1.4rem; font-weight:800; color:#fff; margin:0 0 .6rem; }
.c2-sum p { color:#cbd5e1; line-height:1.6; margin:0 0 1.2rem; }
.c2-go { margin-top:auto; font-weight:700; color:#E5C158; display:inline-flex; gap:.5rem; align-items:center; }
.c2-sum:hover .c2-go i { transform:translateX(4px); } .c2-go i { transition:transform .25s ease; }
/* chapter rail */
.ch-rail { position:fixed; left:.55rem; padding:.7rem .45rem; border-radius:999px; background:rgba(255,255,255,.75); backdrop-filter:blur(6px); box-shadow:0 6px 18px -8px rgba(10,31,68,.35); top:50%; transform:translateY(-50%); z-index:40; display:flex; flex-direction:column; gap:.85rem;
           opacity:0; pointer-events:none; transition:opacity .4s ease; }
.ch-rail.on { opacity:1; pointer-events:auto; }
.ch-rail a { position:relative; display:flex; align-items:center; text-decoration:none; }
.ch-rail .d { width:.6rem; height:.6rem; border-radius:50%; border:2px solid #9ca3af; background:#fff; transition:all .25s ease; flex:none; }
.ch-rail .l { position:absolute; left:1.9rem; font-size:.72rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#0A1F44; background:rgba(255,255,255,.92);
              padding:.2rem .5rem; border-radius:.4rem; opacity:0; transform:translateX(-6px); transition:all .25s ease; box-shadow:0 2px 8px rgba(10,31,68,.15); white-space:nowrap; }
.ch-rail a:hover .l, .ch-rail a.act .l { opacity:1; transform:none; }
.ch-rail a.act .d { background:#D4AF37; border-color:#A8861F; transform:scale(1.35); }
.ch-rail a:focus-visible .d { outline:2px solid #D4AF37; outline-offset:3px; }
@media (max-width:1439px){ .ch-rail { display:none; } }
@media (prefers-reduced-motion: reduce){ .ch-rail, .ch-rail * { transition:none !important; } }

/* ===== ETHOS SIGNATURE (Phase 3) ===== */
:root { --ethos-serif: 'Source Serif 4', 'Source Serif Pro', Georgia, 'Times New Roman', serif; }
h1, h2, .ch-title, .ax-title { font-family: var(--ethos-serif); font-optical-sizing:auto; letter-spacing:-.005em; }
h1 { font-weight:700; } h2 { font-weight:700; }
nav h1, nav h2, [role="menu"] h2, form h2, .ethos-scrollnav h2 { font-family: inherit; }
.hero-greek { position:absolute; right:4%; bottom:6%; z-index:1; font-family:var(--ethos-serif); font-size:clamp(5rem,12vw,11rem); font-style:italic;
              color:rgba(212,175,55,.13); line-height:1; pointer-events:none; user-select:none; z-index:1; }
/* gold thread: draws down into each chapter */
.ch-intro::before { display:none; }
.ch-thread { position:absolute; left:50%; top:0; width:2px; height:3.6rem; margin-left:-1px; transform-origin:top; transform:scaleY(0);
             background:linear-gradient(#D4AF3700,#D4AF37); transition:transform 1.1s cubic-bezier(.2,.7,.2,1); }
.ch-thread::after { content:""; position:absolute; left:50%; bottom:-4px; width:8px; height:8px; margin-left:-4px; border-radius:50%; background:#D4AF37;
                    box-shadow:0 0 0 4px rgba(212,175,55,.18); opacity:0; transition:opacity .4s ease .9s; }
.ch-intro.in-view .ch-thread { transform:scaleY(1); } .ch-intro.in-view .ch-thread::after { opacity:1; }
.ch-intro { overflow:hidden; }
.ch-intro::after { content:"ἦθος"; position:absolute; left:50%; top:55%; transform:translate(-50%,-50%); font-family:var(--ethos-serif); font-style:italic;
                   font-size:clamp(7rem,16vw,14rem); color:rgba(10,31,68,.035); pointer-events:none; white-space:nowrap; z-index:0; }
.ch-intro > div { position:relative; z-index:1; }
.ch-title { font-weight:700; }
/* rail = the thread: gold progress through the chapters */
.ch-rail::before { content:""; position:absolute; left:calc(.45rem + .3rem - 1px); top:1rem; bottom:1rem; width:2px; background:#e5e7eb; border-radius:2px; }
.ch-rail::after { content:""; position:absolute; left:calc(.45rem + .3rem - 1px); top:1rem; width:2px; height:calc((100% - 2rem) * var(--prog,0)); background:#D4AF37; border-radius:2px; transition:height .2s linear; }
.ch-rail a { z-index:1; }
/* narrow screens: the thread becomes a hairline progress bar */
.ethos-thread-bar { position:fixed; top:0; left:0; height:2px; width:0; background:linear-gradient(90deg,#A8861F,#E5C158); z-index:70; pointer-events:none; }
@media (min-width:1440px){ .ethos-thread-bar { display:none; } }
@media (prefers-reduced-motion: reduce){ .ch-thread { transform:none !important; transition:none !important; } .ch-thread::after { opacity:1 !important; } }

.hero-greek{ right:3%; bottom:4%; }
.ax-title{ font-size:1.75rem; }

.ch-intro{ padding:7rem 0 4rem; }
.hero-greek{ color:rgba(229,193,88,.16); }

/* ===== Phase 4: Try the thinking ===== */
.tt { background:#fff; border:1px solid #e5e7eb; border-radius:1.4rem; padding:2rem; box-shadow:0 20px 50px -30px rgba(10,31,68,.35); max-width:68rem; margin:0 auto; }
.tt-dark { background:#0d2652; border-color:#1e3a6e; color:#e2e8f0; }
.tt-head { text-align:center; margin-bottom:1.6rem; }
.tt-badge { display:inline-flex; gap:.45rem; align-items:center; font-size:.72rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase; color:#8a6d16; background:#fdf6dc; border:1px solid #e9dcae; padding:.35rem .8rem; border-radius:999px; }
.tt-dark .tt-badge { background:rgba(212,175,55,.12); border-color:rgba(212,175,55,.35); color:#E5C158; }
.tt-head h3 { font-family:var(--ethos-serif); font-size:1.8rem; font-weight:700; color:#0A1F44; margin:.8rem 0 .4rem; } .tt-dark .tt-head h3 { color:#fff; }
.tt-head p { color:#4b5563; max-width:40rem; margin:0 auto; } .tt-dark .tt-head p { color:#cbd5e1; }
.tt-body { display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; } @media (max-width:860px){ .tt-body { grid-template-columns:1fr; } }
.tt-pick, .tt-dilemmas { display:grid; gap:.6rem; }
.tt-dilemmas { grid-template-columns:1fr 1fr; margin-bottom:1.4rem; } @media (max-width:760px){ .tt-dilemmas { grid-template-columns:1fr; } }
.tt-opt { text-align:left; display:flex; gap:.7rem; align-items:flex-start; padding:.9rem 1rem; border-radius:.9rem; border:1px solid #e5e7eb; background:#f9fafb; color:#1f2937; font-size:.93rem; line-height:1.45; cursor:pointer; transition:all .2s ease; }
.tt-opt i { color:#A8861F; margin-top:.2rem; } .tt-opt:hover { border-color:#D4AF37; background:#fffdf5; } .tt-opt.on { border-color:#0A1F44; background:#0A1F44; color:#fff; } .tt-opt.on i { color:#E5C158; }
.tt-dark .tt-opt { background:rgba(255,255,255,.05); border-color:rgba(255,255,255,.14); color:#e2e8f0; } .tt-dark .tt-opt:hover { border-color:#D4AF37; background:rgba(212,175,55,.08); }
.tt-dark .tt-opt.on { background:#D4AF37; border-color:#D4AF37; color:#0A1F44; } .tt-dark .tt-opt.on i { color:#0A1F44; }
.tt-opt:focus-visible { outline:3px solid #D4AF37; outline-offset:2px; }
.tt-out { background:#0A1F44; border-radius:1rem; padding:1.4rem; color:#e2e8f0; min-height:16rem; display:flex; flex-direction:column; justify-content:center; }
.tt-idle { text-align:center; color:#94a3b8; } .tt-idle i { display:block; font-size:1.6rem; color:#E5C158; margin-bottom:.6rem; }
.tt-steps { list-style:none; padding:0; margin:0 0 1rem; display:grid; gap:.6rem; }
.tt-steps li { display:flex; gap:.7rem; align-items:center; font-size:.9rem; color:#64748b; transition:color .3s; } .tt-steps li i { width:1.6rem; height:1.6rem; border-radius:50%; display:grid; place-items:center; background:rgba(255,255,255,.06); font-size:.75rem; }
.tt-steps li.run { color:#fff; } .tt-steps li.run i { background:#D4AF37; color:#0A1F44; animation:tt-p .8s ease-in-out infinite; }
.tt-steps li.done { color:#cbd5e1; } .tt-steps li.done i { background:rgba(16,185,129,.2); color:#34d399; }
@keyframes tt-p { 50% { box-shadow:0 0 0 6px rgba(212,175,55,.2); } }
.tt-verdict { border-top:1px solid rgba(255,255,255,.12); padding-top:1rem; animation:tt-in .5s ease; }
@keyframes tt-in { from { opacity:0; transform:translateY(8px); } }
.tt-pill { display:inline-block; font-weight:800; font-size:.8rem; letter-spacing:.08em; text-transform:uppercase; padding:.35rem .8rem; border-radius:999px; margin-bottom:.6rem; }
.tt-pill.ok { background:rgba(16,185,129,.18); color:#34d399; } .tt-pill.wa { background:rgba(245,158,11,.18); color:#fbbf24; } .tt-pill.rv { background:rgba(244,63,94,.18); color:#fb7185; } .tt-pill.vo { background:rgba(212,175,55,.18); color:#E5C158; }
.tt-why { margin:0; line-height:1.55; color:#e2e8f0; }
.tt-table { display:grid; grid-template-columns:repeat(4,1fr); gap:.9rem; } @media (max-width:900px){ .tt-table { grid-template-columns:1fr 1fr; } } @media (max-width:520px){ .tt-table { grid-template-columns:1fr; } }
.tt-seat { display:flex; gap:.7rem; align-items:flex-start; padding:1rem; border-radius:.9rem; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.1); min-height:7.5rem; transition:all .4s ease; opacity:.55; }
.tt-seat .ic { width:2.3rem; height:2.3rem; flex:none; border-radius:.7rem; display:grid; place-items:center; background:rgba(255,255,255,.08); color:#94a3b8; }
.tt-seat b { display:block; color:#fff; font-size:.85rem; margin-bottom:.2rem; } .tt-seat p { margin:0; font-size:.83rem; color:#cbd5e1; line-height:1.45; }
.tt-seat.speak { opacity:1; border-color:rgba(212,175,55,.45); background:rgba(212,175,55,.07); animation:tt-in .45s ease; } .tt-seat.speak .ic { background:#D4AF37; color:#0A1F44; }
.tt-seat.adv { border-color:rgba(244,63,94,.5); background:rgba(244,63,94,.08); } .tt-seat.adv .ic { background:#f43f5e; color:#fff; }
.tt-synth { display:flex; gap:.9rem; align-items:flex-start; margin-top:1.1rem; padding:1.1rem 1.2rem; border-radius:1rem; background:#fff; color:#0A1F44; animation:tt-in .5s ease; }
.tt-synth > i { font-size:1.3rem; color:#A8861F; margin-top:.15rem; } .tt-synth b { display:block; margin-bottom:.2rem; } .tt-synth p { margin:0; color:#334155; line-height:1.5; }
/* Trust centre */
.tc-card { display:block; background:#fff; border:1px solid #e5e7eb; border-radius:1rem; padding:1.4rem; transition:transform .25s ease, box-shadow .25s ease; }
.tc-card:hover { transform:translateY(-4px); box-shadow:0 18px 30px -20px rgba(10,31,68,.45); }
.tc-card .ic { width:2.8rem; height:2.8rem; border-radius:.8rem; background:#0A1F44; color:#E5C158; display:grid; place-items:center; margin-bottom:.9rem; }
.tc-card h3 { font-weight:800; color:#0A1F44; margin:0 0 .35rem; } .tc-card p { font-size:.88rem; color:#4b5563; margin:0; line-height:1.5; }
.tc-claim { background:#fff; border:1px solid #e5e7eb; border-radius:.9rem; overflow:hidden; }
.tc-claim summary { list-style:none; cursor:pointer; display:grid; grid-template-columns:10rem 1fr auto; gap:1rem; align-items:center; padding:1rem 1.2rem; }
.tc-claim summary::-webkit-details-marker { display:none; }
.tc-claim .cat { font-size:.72rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:#8a6d16; display:flex; gap:.45rem; align-items:center; }
.tc-claim .txt { color:#1f2937; font-size:.95rem; line-height:1.45; } .tc-claim .st { font-size:.75rem; font-weight:700; color:#059669; display:flex; gap:.35rem; align-items:center; white-space:nowrap; }
.tc-claim[open] summary { background:#fdfaf0; } .tc-claim .ev { padding:1rem 1.2rem 1.2rem; border-top:1px solid #f1e7c4; color:#374151; font-size:.9rem; line-height:1.55; }
.tc-claim .rv { margin-top:.5rem; font-size:.78rem; color:#6b7280; }
@media (max-width:760px){ .tc-claim summary { grid-template-columns:1fr; gap:.4rem; } }
.tc-list { list-style:none; padding:1.5rem; margin:0; background:#0A1F44; border-radius:1.2rem; display:grid; gap:1rem; }
.tc-list li { color:#e2e8f0; display:flex; gap:.8rem; align-items:center; font-weight:600; } .tc-list i { width:2.2rem; height:2.2rem; border-radius:.6rem; background:rgba(212,175,55,.15); color:#E5C158; display:grid; place-items:center; }
/* Archive */
.arc-filter { display:flex; justify-content:center; gap:.5rem; margin-bottom:2.5rem; flex-wrap:wrap; }
.arc-f { padding:.5rem 1.1rem; border-radius:999px; border:1px solid #d1d5db; background:#fff; font-weight:700; color:#374151; cursor:pointer; }
.arc-f.on { background:#0A1F44; color:#fff; border-color:#0A1F44; } .arc-f:focus-visible { outline:3px solid #D4AF37; outline-offset:2px; }
.arc-line { list-style:none; margin:0 auto; padding:0; max-width:56rem; position:relative; }
.arc-line::before { content:""; position:absolute; left:1.6rem; top:0; bottom:0; width:2px; background:linear-gradient(#D4AF37,#e5e7eb); }
.arc-era { position:relative; display:grid; grid-template-columns:3.2rem 1fr; gap:1.4rem; margin-bottom:2rem; opacity:0; transform:translateY(18px); transition:opacity .7s ease, transform .7s ease, filter .3s ease; }
.arc-era.in { opacity:1; transform:none; } .arc-era.dim { opacity:.28 !important; filter:grayscale(1); }
.arc-dot { width:3.2rem; height:3.2rem; border-radius:50%; background:#0A1F44; color:#E5C158; display:grid; place-items:center; font-size:1.1rem; position:relative; z-index:1; box-shadow:0 0 0 6px #fff; }
.arc-card { background:#fff; border:1px solid #e5e7eb; border-radius:1.1rem; padding:1.4rem 1.5rem; box-shadow:0 10px 30px -24px rgba(10,31,68,.4); }
.arc-meta { display:flex; gap:.6rem; align-items:center; margin-bottom:.4rem; } .arc-when { font-weight:800; color:#8a6d16; letter-spacing:.06em; }
.arc-strand { font-size:.68rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; padding:.2rem .55rem; border-radius:999px; }
.s-research { background:#eef2ff; color:#3730a3; } .s-build { background:#ecfdf5; color:#047857; } .s-create { background:#fdf2f8; color:#9d174d; }
.arc-card h2 { font-size:1.5rem; color:#0A1F44; margin:0 0 .5rem; } .arc-card p { color:#4b5563; line-height:1.6; margin:0 0 .8rem; }
.arc-card ul { list-style:none; padding:0; margin:0; display:grid; gap:.35rem; } .arc-card li { display:flex; gap:.5rem; font-size:.9rem; color:#334155; } .arc-card li i { color:#A8861F; margin-top:.25rem; font-size:.7rem; }
/* Pathways */
.pw-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; max-width:72rem; margin:0 auto; padding:0 1rem; } @media (max-width:960px){ .pw-grid { grid-template-columns:1fr; } }
.pw { background:#fff; border:1px solid #e5e7eb; border-radius:1.3rem; padding:1.8rem; display:flex; flex-direction:column; position:relative; overflow:hidden; transition:transform .3s ease, box-shadow .3s ease; }
.pw::before { content:""; position:absolute; inset:0 0 auto 0; height:4px; background:linear-gradient(90deg,#0A1F44,#D4AF37); }
.pw-link:hover { transform:translateY(-6px); box-shadow:0 24px 40px -24px rgba(10,31,68,.5); }
.pw-ic { width:3.2rem; height:3.2rem; border-radius:.9rem; background:#0A1F44; color:#E5C158; display:grid; place-items:center; font-size:1.25rem; margin-bottom:1rem; }
.pw-k { font-size:.72rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase; color:#8a6d16; }
.pw h2 { font-size:1.55rem; color:#0A1F44; margin:.35rem 0 .5rem; } .pw > p { color:#4b5563; line-height:1.55; margin:0 0 1.2rem; }
.pw-go { margin-top:auto; font-weight:700; color:#0A1F44; display:inline-flex; gap:.5rem; align-items:center; } .pw-link:hover .pw-go { color:#A8861F; }
.pw-steps { list-style:none; padding:0; margin:0 0 1.2rem; display:grid; gap:.5rem; }
.pw-steps a { display:flex; align-items:center; gap:.7rem; padding:.75rem .9rem; border-radius:.8rem; background:#f9fafb; border:1px solid #eef0f3; color:#0A1F44; font-weight:600; }
.pw-steps a:hover { border-color:#D4AF37; background:#fffdf5; } .pw-steps .n { width:1.5rem; height:1.5rem; border-radius:50%; background:#D4AF37; color:#0A1F44; display:grid; place-items:center; font-size:.75rem; font-weight:800; }
.pw-steps i { color:#64748b; } .pw-steps .go { margin-left:auto; font-size:.75rem; color:#A8861F; }
.pw-more { margin-top:auto; font-size:.85rem; color:#6b7280; display:flex; flex-wrap:wrap; gap:.4rem .8rem; } .pw-more a { color:#0A1F44; font-weight:600; text-decoration:underline; text-underline-offset:2px; }
@media (prefers-reduced-motion: reduce){ .arc-era { opacity:1 !important; transform:none !important; } .tt *, .tt-seat, .tt-verdict, .tt-synth { animation:none !important; } }

.arc-era.dim { display:none; }
.tc-claim summary { grid-template-columns:10rem 1fr auto 1rem; } .tc-claim summary::after { content:"\f078"; font-family:"Font Awesome 6 Free"; font-weight:900; font-size:.75rem; color:#9ca3af; transition:transform .2s; } .tc-claim[open] summary::after { transform:rotate(180deg); }
@media (max-width:760px){ .tc-claim summary { grid-template-columns:1fr; } .tc-claim summary::after { display:none; } }

/* ===== European positioning ===== */
.flag-pair { display:inline-flex; gap:4px; align-items:center; } .flag-pair svg { border-radius:2px; box-shadow:0 0 0 1px rgba(255,255,255,.25); display:block; }
.eu-hero-line { display:inline-flex; align-items:center; gap:.6rem; padding:.4rem .95rem; margin-bottom:1.25rem; border-radius:999px; background:rgba(10,31,68,.55);
                border:1px solid rgba(212,175,55,.35); color:#f1e3b0; font-size:.82rem; font-weight:700; letter-spacing:.06em; backdrop-filter:blur(4px); }
.eu-badge { display:inline-flex; align-items:center; gap:.5rem; padding:.3rem .8rem; border-radius:999px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.18);
            color:#e2e8f0; font-size:.75rem; font-weight:700; letter-spacing:.05em; } .eu-badge i { color:#E5C158; } .eu-badge .dot { opacity:.5; }
.eu-strip { background:#fff; border-bottom:1px solid #eef0f3; }
.eu-strip-in { max-width:80rem; margin:0 auto; padding:1.3rem 1.5rem; display:grid; grid-template-columns:auto repeat(4,1fr); gap:1.4rem; align-items:center; }
.eu-strip-head { display:flex; gap:.8rem; align-items:center; padding-right:1.4rem; border-right:1px solid #e5e7eb; }
.eu-strip-head b { display:block; color:#0A1F44; font-size:.95rem; } .eu-strip-head span { font-size:.78rem; color:#6b7280; }
.eu-fact { display:flex; gap:.7rem; align-items:flex-start; } .eu-fact i { color:#A8861F; margin-top:.2rem; width:1.1rem; text-align:center; }
.eu-fact b { display:block; color:#0A1F44; font-size:.88rem; } .eu-fact span { font-size:.78rem; color:#4b5563; line-height:1.4; }
@media (max-width:1100px){ .eu-strip-in { grid-template-columns:1fr 1fr; } .eu-strip-head { grid-column:1/-1; border-right:0; padding-right:0; } }
@media (max-width:560px){ .eu-strip-in { grid-template-columns:1fr; } }
.eu-map svg { width:100%; height:auto; display:block; filter:drop-shadow(0 20px 30px rgba(10,31,68,.3)); }
.eu-link { fill:none; stroke:#D4AF37; stroke-width:2.5; stroke-linecap:round; stroke-dasharray:420; stroke-dashoffset:420; transition:stroke-dashoffset 2s ease .3s; }
.eu-map.in-view .eu-link { stroke-dashoffset:0; }
.eu-pulse { fill:#F4D778; } .eu-node circle { fill:#E5C158; } .eu-node .halo { fill:none; stroke:#E5C158; stroke-width:1.5; opacity:.5; transform-box:fill-box; transform-origin:center; animation:eu-halo 2.6s ease-out infinite; }
@keyframes eu-halo { from { transform:scale(.4); opacity:.8 } to { transform:scale(1.6); opacity:0 } }
.eu-ray { stroke:#94b2e6; stroke-width:1; stroke-dasharray:3 6; opacity:.35; }
.eu-lbl { fill:#fff; font:700 12px Inter, sans-serif; letter-spacing:.06em; } .eu-cap { fill:#cbd5e1; font:600 12px Inter, sans-serif; letter-spacing:.04em; }
.eu-foot { display:flex; justify-content:center; align-items:center; gap:.6rem; flex-wrap:wrap; padding:0 0 1.2rem; color:#cbd5e1; font-size:.85rem; font-weight:600; }
.eu-foot .sep { opacity:.5; }
@media (prefers-reduced-motion: reduce){ .eu-link { stroke-dashoffset:0 !important; transition:none !important; } .eu-node .halo { animation:none !important; } .eu-pulse { display:none; } }

.eu-tag { fill:rgba(10,31,68,.85); stroke:rgba(212,175,55,.5); }
.eu-ray { opacity:.22; }
.eu-hero-line .flag-pair svg, .eu-badge .flag-pair svg { height:16px; width:auto; }
.eu-foot .flag-pair svg { height:14px; width:auto; }
.eu-fact span { color:#374151; font-size:.82rem; } .flag-pair svg { box-shadow:0 0 0 1px rgba(255,255,255,.45); }