/* assets/css/all.css — СОБИРАЕТСЯ tools/build-css.py, РУКАМИ НЕ ПРАВИТЬ.
   Источник и порядок — список css-order в index.html.
   Правьте исходные файлы в assets/css/ и прогоняйте скрипт заново. */
/* tokens.css */
:root{
  --bg:#070a12;
  --bg-2:#0b0f1e;
  --bg-3:#111629;
  --bg-rgb:7,10,18;
  --panel:#141827;
  --panel-2:#191e30;
  --panel-3:#20263c;
  --line:rgba(198,161,91,.16);
  --line-soft:rgba(198,161,91,.10);
  --line-strong:rgba(198,161,91,.42);
  --gold:#c6a15b;
  --gold-bright:#e7c884;
  --gold-deep:#8a6d34;
  --bronze:#a8803f;
  --violet:#7d6fd8;
  --violet-bright:#a89cf4;
  --indigo:#4b4a8f;
  --cyan:#62cad6;
  --red:#c14b3f;
  --red-bright:#e3705f;
  --red-deep:#7e2c25;
  --paper:#d9cfb6;
  --paper-bg:#1b1813;
  --paper-bg-2:#221d15;
  --text:#e9e5d8;
  --text-dim:#9d9789;
  --text-faint:#6b675d;
  --f-display:"Playfair Display",Georgia,"Times New Roman",serif;
  --f-body:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --f-mono:"JetBrains Mono","Cascadia Code",Consolas,monospace;
  --section-title-size:clamp(2.75rem,5vw,4.25rem);
  --r:3px;
  --r-lg:5px;
  --maxw:1280px;
  --gutter:clamp(18px,4vw,56px);
  --z-grain:2;
  --z-nav:50;
  --z-toast:70;
  --z-modal:90;
  --ease:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scrollbar-width:thin;scrollbar-color:rgba(198,161,91,.34) transparent}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(198,161,91,.34);border-radius:8px;border:2px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background:rgba(198,161,91,.6);background-clip:padding-box}
::-webkit-scrollbar-corner{background:transparent}
body{
  background:radial-gradient(120% 90% at 50% 0%,var(--bg-2) 0%,var(--bg) 60%) fixed;
  color:var(--text);
  font-family:var(--f-body);
  font-size:clamp(15px,1.05vw,16.5px);
  line-height:1.7;
  font-weight:380;
  letter-spacing:.01em;
  overflow-x:hidden;
  position:relative;
  min-height:100vh;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{max-width:100%;display:block;height:auto}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
::selection{background:rgba(198,161,91,.3);color:#fff}

/* base.css */
.fx{position:fixed;inset:0;pointer-events:none;z-index:var(--z-grain)}
.fx--under{z-index:0}
.fx--ambient::before,.fx--ambient::after{
  content:"";position:absolute;border-radius:50%;will-change:transform;
}
.fx--ambient::before{
  width:min(680px,64vw);height:min(680px,64vw);left:-10%;top:-22%;
  background:radial-gradient(circle,rgba(212,169,78,.13),transparent 65%);
  filter:blur(70px);animation:fxBlobA 22s ease-in-out infinite alternate;
}
.fx--ambient::after{
  width:min(620px,60vw);height:min(620px,60vw);right:-12%;bottom:-24%;
  background:radial-gradient(circle,rgba(122,104,228,.15),transparent 65%);
  filter:blur(80px);animation:fxBlobB 26s ease-in-out infinite alternate;
}
@keyframes fxBlobA{from{transform:translate(0,0) scale(1)}   to{transform:translate(70px,50px) scale(1.12)}}
@keyframes fxBlobB{from{transform:translate(0,0) scale(1.1)} to{transform:translate(-60px,-40px) scale(.98)}}
.fx--dots{
  background-image:radial-gradient(rgba(165,175,225,.055) 1px,transparent 1.4px);
  background-size:34px 34px;
  -webkit-mask-image:radial-gradient(85% 75% at 50% 45%,#000 30%,transparent 100%);
  mask-image:radial-gradient(85% 75% at 50% 45%,#000 30%,transparent 100%);
}
.fx--vignette{
  background:
    radial-gradient(120% 80% at 50% -10%,rgba(125,111,216,.10),transparent 55%),
    radial-gradient(100% 100% at 50% 120%,rgba(7,10,18,.9),transparent 60%),
    radial-gradient(140% 120% at 50% 50%,transparent 55%,rgba(0,0,0,.55));
}
.fx--grain{
  opacity:.05;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.fx--scan{
  opacity:.4;
  background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px);
  mix-blend-mode:multiply;
}
@media (prefers-reduced-motion:reduce){.fx--scan{display:none}}
@media (prefers-reduced-motion:reduce){.fx--ambient::before,.fx--ambient::after{animation:none}}
@media (max-width:860px){
  .fx--grain,.fx--scan{display:none}
  .fx--ambient::before,.fx--ambient::after{animation:none}
}
.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}
section{position:relative}
.section{padding-block:clamp(72px,11vh,140px)}
.section--tight{padding-block:clamp(54px,7vh,90px)}
.secgap{
  width:100%;max-width:var(--maxw);margin-inline:auto;
  padding:clamp(60px,9.4vh,105px) var(--gutter);
}
.secgap--tight{padding-block:clamp(32px,4.9vh,52px)}
.secgap--wide{padding-block:clamp(92px,14.9vh,170px)}
h1,h2,h3,h4{font-family:var(--f-display);font-weight:600;line-height:1.04;letter-spacing:-.01em}
.display{
  font-size:clamp(2.6rem,7vw,5.6rem);
  font-weight:700;line-height:.98;letter-spacing:-.02em;
}
.h-sec{font-size:var(--section-title-size);font-weight:600}
.h-sub{font-size:clamp(1.3rem,2.4vw,1.9rem);font-weight:600}
.lead{font-size:clamp(1.05rem,1.7vw,1.32rem);color:var(--text);line-height:1.6;max-width:62ch}
.muted{color:var(--text-dim)}
.faint{color:var(--text-faint)}
p{max-width:68ch}
.gold-text{color:var(--gold-bright)}
.violet-text{color:var(--violet-bright)}
.eyebrow{
  font-family:var(--f-mono);
  font-size:.72rem;font-weight:500;
  text-transform:uppercase;letter-spacing:.34em;
  color:var(--gold);
  display:inline-flex;align-items:center;gap:.7em;
}
.eyebrow::before{content:"";width:26px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}
.eyebrow--violet{color:var(--violet-bright)}
.eyebrow--violet::before{background:linear-gradient(90deg,transparent,var(--violet))}
.eyebrow--red{color:var(--red-bright)}
.eyebrow--red::before{background:linear-gradient(90deg,transparent,var(--red))}
.mono{font-family:var(--f-mono);font-size:.8rem;letter-spacing:.04em}
.divider{height:1px;border:0;background:linear-gradient(90deg,transparent,var(--line-strong),transparent);margin-block:clamp(40px,7vh,80px)}
.btn{
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.6em;
  font-family:var(--f-mono);font-size:.82rem;font-weight:500;
  text-transform:uppercase;letter-spacing:.16em;white-space:nowrap;
  padding:.95em 1.7em;border-radius:var(--r);
  color:var(--gold-bright);
  background:linear-gradient(180deg,rgba(198,161,91,.10),rgba(198,161,91,.03));
  border:1px solid var(--line-strong);
  transition:transform .18s var(--ease),box-shadow .25s,background .25s,border-color .25s,color .25s;
  overflow:hidden;
}
.btn::after{
  content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(231,200,132,.18),transparent);
  opacity:0;transition:opacity .25s;
}
.btn:hover{
  color:#1a1610;background:var(--gold);border-color:var(--gold-bright);
  box-shadow:0 10px 30px -10px rgba(198,161,91,.5),inset 0 0 0 1px rgba(255,255,255,.1);
}
.btn:hover::after{opacity:1}
.btn:active{transform:translateY(1px) scale(.99)}
.btn:focus-visible{outline:2px solid var(--violet-bright);outline-offset:3px}
.btn--solid{color:#16120a;background:var(--gold);border-color:var(--gold)}
.btn--solid:hover{background:var(--gold-bright)}
.btn--ghost{background:transparent;color:var(--gold);border-color:var(--line)}
.btn--ghost:hover{background:rgba(198,161,91,.08);color:var(--gold-bright);border-color:var(--line-strong)}
.btn--danger{color:var(--red-bright);border-color:rgba(193,75,63,.5);background:linear-gradient(180deg,rgba(193,75,63,.1),transparent)}
.btn--danger:hover{color:#160d0c;background:var(--red);border-color:var(--red-bright);box-shadow:0 10px 30px -10px rgba(193,75,63,.5)}
.btn--violet{color:var(--violet-bright);border-color:rgba(125,111,216,.5);background:linear-gradient(180deg,rgba(125,111,216,.1),transparent)}
.btn--violet:hover{color:#0d0b18;background:var(--violet);border-color:var(--violet-bright);box-shadow:0 10px 34px -10px rgba(125,111,216,.55)}
.btn--sm{padding:.6em 1.1em;font-size:.72rem}
.btn--lg{padding:1.1em 2.1em;font-size:.88rem}
.btn--block{width:100%}
.btn-tip{position:relative;display:inline-flex}
.btn-tip__msg{
  position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(6px);
  width:max-content;max-width:280px;padding:.7em .9em;
  background:var(--panel-2);border:1px solid var(--line-strong);border-radius:var(--r);
  font-family:var(--f-body);font-size:.78rem;line-height:1.45;letter-spacing:.01em;
  color:var(--text-dim);text-transform:none;
  opacity:0;visibility:hidden;transition:opacity .22s,transform .22s var(--ease);
  box-shadow:0 18px 40px -16px rgba(0,0,0,.8);z-index:5;pointer-events:none;
}
.btn-tip__msg::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--line-strong)}
.btn-tip:hover .btn-tip__msg,.btn-tip:focus-within .btn-tip__msg{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.panel{
  position:relative;background:linear-gradient(165deg,var(--panel),var(--bg-2));
  border:1px solid var(--line);border-radius:var(--r-lg);
  padding:clamp(20px,3vw,34px);
}
.panel--lift{box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.panel--gold{border-color:var(--line-strong)}
.corners::before,.corners::after,
.corners>.corner-tl,.corners>.corner-br{content:""}
.corners{--c:14px}
.corner{position:absolute;width:var(--c);height:var(--c);border-color:var(--gold);opacity:.6;pointer-events:none}
.corner.tl{top:8px;left:8px;border-top:1px solid;border-left:1px solid}
.corner.tr{top:8px;right:8px;border-top:1px solid;border-right:1px solid}
.corner.bl{bottom:8px;left:8px;border-bottom:1px solid;border-left:1px solid}
.corner.br{bottom:8px;right:8px;border-bottom:1px solid;border-right:1px solid}
.stamp{
  display:inline-flex;align-items:center;gap:.5em;
  font-family:var(--f-mono);font-size:.68rem;font-weight:600;
  text-transform:uppercase;letter-spacing:.18em;
  padding:.4em .7em;border:1.5px solid var(--red);color:var(--red-bright);
  border-radius:2px;background:rgba(193,75,63,.06);
}
.stamp--gold{border-color:var(--gold);color:var(--gold-bright);background:rgba(198,161,91,.06)}
.stamp--violet{border-color:var(--violet);color:var(--violet-bright);background:rgba(125,111,216,.06)}
.stamp--rot{transform:rotate(-4deg)}
.stamp--lg{font-size:.82rem;padding:.55em 1em;letter-spacing:.2em}
button.stamp{cursor:pointer;transition:.18s var(--ease)}
button.stamp:hover{background:rgba(193,75,63,.16);transform:translateY(-1px)}
button.stamp.stamp--gold:hover{background:rgba(198,161,91,.16)}
button.stamp:active{transform:translateY(1px) scale(.98)}
.case__note{margin-top:1rem;font-family:var(--f-mono);font-size:.82rem;line-height:1.7;color:#cdc3a8;
  border-left:2px solid var(--gold);padding:.7em 0 .7em 1em;background:rgba(198,161,91,.05)}
.case__sealed{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:160px}
.hud{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r)}
.hud__row{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;
  padding:.7em 1em;background:var(--panel);font-family:var(--f-mono);font-size:.78rem}
.hud__k{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}
.hud__v{color:var(--gold-bright);text-align:right;font-weight:500}
.hud__v--red{color:var(--red-bright)}
.hud__v--violet{color:var(--violet-bright)}
.live{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red);
  box-shadow:0 0 0 0 rgba(193,75,63,.6);animation:pulse 2.4s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(193,75,63,.55)}70%{box-shadow:0 0 0 8px rgba(193,75,63,0)}100%{box-shadow:0 0 0 0 rgba(193,75,63,0)}}
@media (prefers-reduced-motion:reduce){.live{animation:none}}
.redacted{
  position:relative;cursor:help;border-radius:2px;
  background:var(--text);color:transparent;
  padding:0 .25em;transition:background .35s,color .35s;
  user-select:none;
}
.redacted::after{content:"████";position:absolute;inset:0;color:transparent}
.redacted:hover,.redacted.is-open{background:rgba(198,161,91,.14);color:var(--gold-bright);text-shadow:0 0 12px rgba(231,200,132,.4)}
.glitch{position:relative;display:inline-block}
.glitch:hover::before,.glitch:hover::after{
  content:attr(data-text);position:absolute;inset:0;color:inherit;background:var(--bg);
  clip-path:inset(0 0 0 0);
}
@media (prefers-reduced-motion:no-preference){
  .glitch:hover::before{left:2px;text-shadow:-1px 0 var(--red);animation:gl 1.6s infinite linear alternate}
  .glitch:hover::after{left:-2px;text-shadow:1px 0 var(--violet);animation:gl 2s infinite linear alternate-reverse}
}
@keyframes gl{0%{clip-path:inset(0 0 86% 0)}20%{clip-path:inset(40% 0 40% 0)}40%{clip-path:inset(70% 0 8% 0)}60%{clip-path:inset(20% 0 60% 0)}80%{clip-path:inset(88% 0 2% 0)}100%{clip-path:inset(55% 0 30% 0)}}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.reveal.in{opacity:1;transform:none}
.reveal[data-d="1"]{transition-delay:.08s}
.reveal[data-d="2"]{transition-delay:.16s}
.reveal[data-d="3"]{transition-delay:.24s}
.reveal[data-d="4"]{transition-delay:.32s}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* layout.css */
.nav{position:fixed;top:0;left:0;right:0;z-index:var(--z-nav);
  transition:background .3s,border-color .3s,backdrop-filter .3s;
  border-bottom:1px solid transparent}
.nav.scrolled{background:rgba(var(--bg-rgb),.82);backdrop-filter:blur(14px) saturate(140%);border-color:var(--line)}
.nav__in{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;height:66px}
.brand{display:flex;align-items:center;gap:.7rem;font-family:var(--f-display);font-weight:700;letter-spacing:.02em}
.brand__mark{width:30px;height:30px;flex:none}
.brand__txt b{color:var(--gold-bright);font-size:1.05rem;line-height:1}
.brand__txt span{display:block;font-family:var(--f-mono);font-size:.56rem;letter-spacing:.3em;color:var(--text-faint);text-transform:uppercase;margin-top:2px}
.nav__links{display:flex;align-items:center;gap:1.7rem;font-family:var(--f-mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.12em}
.nav__links a{color:var(--text-dim);transition:color .2s;position:relative;padding:4px 0}
.nav__links a:hover{color:var(--gold-bright)}
.nav__links a::after{content:"";position:absolute;left:0;bottom:-2px;height:1px;width:0;background:var(--gold);transition:width .25s var(--ease)}
.nav__links a:hover::after{width:100%}
.nav__cta{display:flex;align-items:center;gap:.8rem}
.burger{display:none;width:40px;height:40px;border:1px solid var(--line);border-radius:var(--r);align-items:center;justify-content:center;flex-direction:column;gap:4px}
.burger span{width:18px;height:1.5px;background:var(--gold);transition:.25s var(--ease)}
.burger.open span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}
.mobile-menu{position:fixed;inset:66px 0 0;z-index:calc(var(--z-nav) - 1);
  background:rgba(8,9,13,.97);backdrop-filter:blur(10px);
  transform:translateY(-100%);opacity:0;visibility:hidden;transition:.4s var(--ease);
  overflow-y:auto;padding:2rem var(--gutter)}
.mobile-menu.open{transform:none;opacity:1;visibility:visible}
.mobile-menu a{display:block;font-family:var(--f-display);font-size:1.5rem;color:var(--text);
  padding:.6rem 0;border-bottom:1px solid var(--line-soft)}
.mobile-menu a:hover{color:var(--gold-bright)}
.dir-top{display:none}
@media (max-width:860px){.dir-side{display:none}.dir-top{display:inline}}

/* sections.css */
.promise{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.6rem}
.promise .chip{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.04em;
  padding:.5em .85em;border:1px solid var(--line);border-radius:99px;color:var(--text-dim);
  transition:.2s}
.promise .chip:hover{border-color:var(--line-strong);color:var(--gold-bright);transform:translateY(-2px)}
.duo{display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(14px,2vw,26px);align-items:stretch}
.lead-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:480px}
.lead-card__img{position:relative;height:clamp(360px,48vh,460px);margin:-1px -1px 0;overflow:hidden;border-bottom:1px solid var(--line)}
.lead-card__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 18px 26px rgba(0,0,0,.55));transition:opacity 1s cubic-bezier(.4,0,.2,1)}
.lead-card--bria .lead-card__img{background:radial-gradient(70% 80% at 50% 100%,rgba(193,75,63,.22),transparent 70%)}
.lead-card--manuel .lead-card__img{background:radial-gradient(70% 80% at 50% 100%,rgba(125,111,216,.22),transparent 70%)}
.lead-card__body{padding:1.4rem clamp(16px,2vw,26px) 1.6rem;display:flex;flex-direction:column;flex:1}
.lead-card__name{font-size:clamp(1.6rem,2.6vw,2.2rem);color:var(--gold-bright);line-height:1}
.lead-card__alias{font-family:var(--f-mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint);margin-top:.4rem}
.lead-card__txt{color:var(--text-dim);margin:1rem 0;font-size:.96rem;flex:0}
.traits{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}
.traits span{font-family:var(--f-mono);font-size:.66rem;padding:.35em .6em;border:1px solid var(--line);border-radius:2px;color:var(--text-dim)}
.note{font-family:var(--f-mono);font-size:.74rem;line-height:1.5;color:var(--text-dim);
  border-left:2px solid var(--gold);padding:.5rem 0 .5rem .9rem;margin:0 0 1.2rem;background:linear-gradient(90deg,rgba(198,161,91,.05),transparent)}
.note b{color:var(--gold-bright)}
.lead-card .btn{margin-top:auto}
.scale-mid{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1rem .4rem}
.scale-mid__line{flex:1;width:2px;min-height:60px;border-radius:2px;
  background-image:linear-gradient(180deg,var(--violet),var(--red),var(--violet));
  background-repeat:repeat-y;background-size:100% 90px;
  animation:scaleFlow 2.6s linear infinite}
@keyframes scaleFlow{from{background-position:0 0}to{background-position:0 90px}}
@keyframes scaleFlowH{from{background-position:0 0}to{background-position:90px 0}}
@media (prefers-reduced-motion:reduce){.scale-mid__line{animation:none}}
.scale-mid__badge{writing-mode:vertical-rl;font-family:var(--f-mono);font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:var(--text-faint)}
.compat{margin-top:clamp(20px,3vh,34px);display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.compat__cell{background:var(--panel);padding:1.1rem 1.2rem}
.compat__k{font-family:var(--f-mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);line-height:1.3}
.compat__v{font-family:var(--f-display);font-size:1.7rem;margin-top:.3rem}
.compat__v.good{color:var(--gold-bright)}.compat__v.bad{color:var(--red-bright)}.compat__v.neu{color:var(--violet-bright)}
.cast{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.6vw,20px)}
.cast-card{position:relative;overflow:hidden;display:flex;flex-direction:column;transition:.25s var(--ease)}
.cast-card:hover{transform:translateY(-4px);border-color:var(--line-strong)}
.cast-card__img{height:230px;position:relative;overflow:hidden;background:radial-gradient(70% 70% at 50% 100%,rgba(125,111,216,.16),transparent)}
.cast-card__img img{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:108%;width:auto;max-width:none}
.cast-card__img--cat img{height:84%;bottom:8%}
.cast-card__b{padding:1.1rem 1.2rem 1.3rem}
.cast-card__name{font-size:1.3rem;color:var(--gold-bright);line-height:1.05}
.cast-card__role{font-family:var(--f-mono);font-size:.64rem;text-transform:uppercase;letter-spacing:.14em;color:var(--violet-bright);margin:.35rem 0 .7rem}
.cast-card__txt{color:var(--text-dim);font-size:.86rem;line-height:1.5}
.cast-card__note{margin-top:.8rem;font-family:var(--f-mono);font-size:.7rem;color:var(--text-faint);border-top:1px solid var(--line-soft);padding-top:.7rem;font-style:italic}
.cat-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin:2rem 0 1.6rem}
.cat-tab{font-family:var(--f-mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;
  padding:.7em 1.1em;border:1px solid var(--line);border-radius:var(--r);color:var(--text-dim);transition:.2s}
.cat-tab:hover{color:var(--gold-bright);border-color:var(--line-strong)}
.cat-tab.active{color:#16120a;background:var(--gold);border-color:var(--gold)}
.dep-arc{--tone:#6e89ae;--tone-2:rgba(110,137,174,.5);--tone-bg:rgba(110,137,174,.11);
  position:relative;display:flex;flex-direction:column;isolation:isolate;
  height:clamp(560px,76vh,760px);background:transparent}
.dep-arc *{min-width:0}
.dep-arc__cat,.dep-arc__data{scrollbar-width:thin;scrollbar-color:rgba(198,161,91,.34) transparent}
.dep-arc__cat::-webkit-scrollbar,.dep-arc__data::-webkit-scrollbar{width:9px;height:9px}
.dep-arc__cat::-webkit-scrollbar-track,.dep-arc__data::-webkit-scrollbar-track{background:transparent}
.dep-arc__cat::-webkit-scrollbar-thumb,.dep-arc__data::-webkit-scrollbar-thumb{
  background:rgba(198,161,91,.26);border-radius:8px;border:2px solid transparent;background-clip:padding-box}
.dep-arc__cat::-webkit-scrollbar-thumb:hover,.dep-arc__data::-webkit-scrollbar-thumb:hover{
  background:rgba(198,161,91,.55);background-clip:padding-box}
.dep-arc__top{position:relative;z-index:2;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;
  gap:14px;padding:13px clamp(14px,2.4vw,26px)}
.dep-arc__dia{width:10px;height:10px;flex:0 0 auto;transform:rotate(45deg);background:var(--gold);box-shadow:0 0 14px rgba(198,161,91,.55)}
.dep-arc__lvl{font-family:var(--f-mono);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-deep);white-space:nowrap}
.dep-arc__body{position:relative;z-index:1;flex:1 1 auto;display:flex;min-height:0}
.dep-arc__cat{flex:0 0 auto;width:clamp(228px,19vw,294px);display:flex;flex-direction:column;gap:3px;
  padding:16px 11px;overflow-y:auto;min-height:0}
.dep-arc__cat-h{font-family:var(--f-mono);font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--text-faint);padding:2px 9px 12px}
.dep-arc__rows{display:flex;flex-direction:column;gap:3px}
.dep-arc__row{--tone:#6e89ae;position:relative;display:flex;align-items:center;gap:11px;width:100%;text-align:left;
  padding:11px 12px;border:1px solid transparent;border-radius:9px;cursor:pointer;
  transition:background .25s var(--ease),border-color .25s var(--ease)}
.dep-arc__row[hidden]{display:none}
.dep-arc__row:hover{border-color:var(--line-strong);background:rgba(255,255,255,.022)}
.dep-arc__row.is-active{border-color:var(--line-strong);background:linear-gradient(90deg,rgba(198,161,91,.13),rgba(198,161,91,.015))}
.dep-arc__dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:var(--tone);box-shadow:0 0 9px var(--tone)}
.dep-arc__code{font-family:var(--f-mono);font-size:.68rem;letter-spacing:.08em;min-width:34px;color:var(--text-faint)}
.dep-arc__row.is-active .dep-arc__code{color:var(--gold-bright)}
.dep-arc__name{flex:1 1 auto;font-family:var(--f-body);font-size:.9rem;font-weight:500;color:var(--text-dim);
  overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.dep-arc__row.is-active .dep-arc__name{color:var(--text)}
.dep-arc__roman{font-family:var(--f-mono);font-size:.62rem;letter-spacing:.08em;color:var(--text-faint)}
.dep-arc__stage{position:relative;flex:0 0 36%;max-width:38%;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:clamp(16px,2.2vw,32px)}
.dep-arc__frame{position:relative;z-index:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;animation:depFloat 9s ease-in-out infinite}
.dep-arc__portrait{width:auto;height:100%;max-width:100%;max-height:100%;object-fit:contain}
.dep-arc__data{flex:1 1 auto;min-width:0;overflow-y:auto;overflow-x:hidden;position:relative}
.dep-arc__doc{padding:clamp(22px,3.2vw,46px) clamp(20px,3vw,42px) 70px;max-width:720px}
.dep-arc__doc.is-in{animation:depReveal .5s var(--ease)}
.dep-arc__eyebrow{font-family:var(--f-mono);font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:15px}
.dep-arc__title{font-family:var(--f-display);font-weight:800;font-size:clamp(38px,4.8vw,66px);line-height:.96;letter-spacing:-.01em;color:var(--text);margin:0 0 20px}
.dep-arc__chips{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:13px}
.dep-arc__chip{font-family:var(--f-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;padding:6px 12px;border-radius:7px;border:1px solid}
.dep-arc__chip--gold{border-color:var(--line-strong);color:var(--gold-bright);background:rgba(198,161,91,.08)}
.dep-arc__chip--violet{border-color:rgba(125,111,216,.4);color:var(--violet-bright);background:rgba(125,111,216,.1)}
.dep-arc__threat{display:inline-flex;align-items:center;gap:9px;margin-bottom:28px;font-family:var(--f-mono);font-size:.66rem;
  letter-spacing:.1em;text-transform:uppercase;line-height:1.4;padding:6px 12px;border-radius:7px;
  border:1px solid var(--tone);color:var(--tone);background:var(--tone-bg)}
.dep-arc__desc{font-family:var(--f-body);font-size:clamp(15px,1.1vw,17.5px);line-height:1.62;color:var(--text);opacity:.92;margin:0 0 34px;max-width:62ch}
.dep-arc__field{margin-bottom:24px}
.dep-arc__field:last-of-type{margin-bottom:6px}
.dep-arc__label{display:flex;align-items:center;gap:11px;margin-bottom:9px;font-family:var(--f-mono);font-size:.64rem;
  letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint)}
.dep-arc__rule{width:16px;height:1px;flex:0 0 auto;background:var(--line-strong)}
.dep-arc__val{font-family:var(--f-body);font-size:.96rem;line-height:1.6;color:var(--text-dim);max-width:60ch}
.dep-arc__quote{margin:34px 0 0;padding:14px 0 4px 20px;border-left:2px solid var(--tone-2)}
.dep-arc__quote p{font-family:var(--f-mono);font-style:italic;font-size:.86rem;line-height:1.6;color:var(--gold-bright);margin:0 0 10px}
.dep-arc__quote cite{font-family:var(--f-mono);font-size:.68rem;letter-spacing:.08em;color:var(--text-faint);font-style:normal}
.dep-arc__foot{position:relative;z-index:2;flex:0 0 auto;display:flex;justify-content:space-between;gap:12px;
  padding:9px clamp(14px,2.4vw,26px);font-family:var(--f-mono);font-size:.6rem;
  letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint)}
.dep-arc__foot b{color:var(--gold);font-weight:500}
@keyframes depReveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes depFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@media (prefers-reduced-motion:reduce){.dep-arc__frame,.dep-arc__doc.is-in{animation:none}}

/* interactive.css */
.lab{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(14px,2vw,22px)}
.lab-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:220px;
  background:linear-gradient(165deg,var(--panel),var(--bg-2))}
.lab-card__ic{font-family:var(--f-mono);font-size:.7rem;color:var(--violet-bright);letter-spacing:.18em;text-transform:uppercase;margin-bottom:.8rem}
.lab-card h3{color:var(--text);margin-bottom:.5rem}
.lab-card p{color:var(--text-dim);font-size:.92rem;flex:1}
.lab-card .btn{margin-top:1.2rem;align-self:start}
.term{font-family:var(--f-mono);font-size:.84rem;line-height:1.7;background:var(--bg-2);
  border:1px solid var(--line);border-radius:var(--r);padding:1.2rem 1.3rem;color:var(--text-dim);min-height:80px}
.term .ok{color:var(--gold-bright)}.term .warn{color:var(--red-bright)}.term .sys{color:var(--violet-bright)}
.term .blink::after{content:"▌";animation:blink 1.1s steps(1) infinite;color:var(--gold)}
@keyframes blink{50%{opacity:0}}
.quiz{max-width:760px;margin-inline:auto}
.quiz__bar{height:3px;background:var(--line);border-radius:2px;overflow:hidden;margin-bottom:1.6rem}
.quiz__bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--violet),var(--gold));transition:width .4s var(--ease)}
.quiz__q{font-family:var(--f-display);font-size:clamp(1.3rem,2.4vw,1.8rem);color:var(--text);margin-bottom:.4rem;line-height:1.2}
.quiz__count{font-family:var(--f-mono);font-size:.72rem;color:var(--violet-bright);letter-spacing:.16em;text-transform:uppercase;margin-bottom:1.4rem}
.quiz__opts{display:grid;gap:.7rem}
.opt{text-align:left;padding:1em 1.2em;border:1px solid var(--line);border-radius:var(--r);
  background:var(--panel);color:var(--text-dim);transition:.18s var(--ease);font-size:.95rem;line-height:1.5}
.opt:hover{border-color:var(--gold);color:var(--text);transform:translateX(4px);background:var(--panel-2)}
.opt__sys{display:block;font-family:var(--f-mono);font-size:.72rem;color:var(--violet-bright);margin-top:.4rem;font-style:italic}
.result{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(18px,3vw,38px);align-items:center}
.result__img{position:relative;border:1px solid var(--line-strong);border-radius:var(--r-lg);overflow:hidden;aspect-ratio:3/4;background:radial-gradient(60% 60% at 50% 40%,rgba(125,111,216,.2),var(--bg-2))}
.result__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center}
.result__meta{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 1.3rem}
.result h3{font-size:clamp(2rem,4vw,3rem);color:var(--gold-bright);line-height:1}
.result__sub{font-family:var(--f-mono);font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--violet-bright)}
.result dl{display:grid;gap:.8rem;margin:1.3rem 0}
.result dt{font-family:var(--f-mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-faint)}
.result dd{color:var(--text-dim);line-height:1.55}
.result__cm{font-family:var(--f-mono);font-size:.8rem;color:var(--gold);border-left:2px solid var(--gold);padding-left:1rem;font-style:italic;line-height:1.6}
.result--dossier{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(20px,3vw,44px)}
.result--dossier .result__img{aspect-ratio:auto;align-self:start;background:var(--bg-2)}
.result--dossier .result__img img{position:static;inset:auto;width:100%;height:auto;display:block;object-fit:contain}
.result--anomaly{align-items:start}
.result--anomaly .result__img{aspect-ratio:auto;align-self:start;background:var(--bg-2);transition:border-color .2s}
.result--anomaly .result__img:hover{border-color:var(--gold)}
.result--anomaly .result__img img{position:static;inset:auto;width:100%;height:auto;display:block;object-fit:contain}
.modal{position:fixed;inset:0;z-index:var(--z-modal);display:none;align-items:center;justify-content:center;padding:clamp(14px,3vw,40px)}
.modal.open{display:flex}
.modal__bg{position:absolute;inset:0;background:rgba(6,7,10,.86);backdrop-filter:blur(6px)}
.modal__card{position:relative;width:100%;max-width:920px;max-height:90vh;overflow-y:auto;
  background:linear-gradient(165deg,var(--panel),var(--bg-2));border:1px solid var(--line-strong);
  border-radius:var(--r-lg);padding:clamp(22px,3.5vw,44px);box-shadow:0 40px 90px -30px #000}
.modal__card>#modalBody>:first-child,.modal__card .quiz>:first-child{padding-right:44px}
.modal__close{position:absolute;top:11px;right:11px;width:32px;height:32px;border:1px solid var(--line);
  border-radius:var(--r);display:grid;place-items:center;color:var(--gold);font-family:var(--f-mono);
  font-size:.92rem;background:rgba(var(--bg-rgb),.55);backdrop-filter:blur(4px);z-index:5;transition:.2s}
.modal__close:hover{border-color:var(--gold);background:var(--panel-3)}
.modal__lb{max-width:1200px;background:none;border:none;padding:clamp(18px,3vw,26px);overflow:auto}
.modal__lb>.modal__close{display:none}
.lb{margin:0;display:flex;flex-direction:column;gap:.8rem;align-items:center}
.lb__frame{position:relative;display:inline-block;line-height:0;max-width:100%}
.lb__img{display:block;width:auto;max-width:100%;max-height:86vh;object-fit:contain;
  border:1px solid var(--line-strong);border-radius:var(--r-lg);background:var(--bg-2);
  cursor:zoom-in;-webkit-user-select:none;user-select:none}
.lb__close{position:absolute;top:0;right:0;transform:translate(50%,-50%);z-index:6;
  width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--red-bright);
  border-radius:var(--r);background:var(--red);color:#fff;font-family:var(--f-mono);font-size:1rem;
  cursor:pointer;box-shadow:0 6px 18px -6px rgba(193,75,63,.8);transition:.2s}
.lb__close:hover{background:var(--red-bright);border-color:#fff}
.lb.is-zoomed{align-items:flex-start}
.lb.is-zoomed .lb__img{width:auto;max-width:none;max-height:none;cursor:zoom-out}
.lb.is-zoomed .lb__close{position:fixed;top:14px;right:14px;transform:none}
.lb__hint{font-family:var(--f-mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--text-faint);text-align:center}
.toasts{position:fixed;left:18px;bottom:18px;z-index:var(--z-toast);display:grid;gap:10px;max-width:min(400px,calc(100vw - 36px))}
.toast{border:1px solid var(--red);border-left-width:3px;border-radius:var(--r);background:rgba(20,12,12,.94);
  backdrop-filter:blur(6px);padding:.9em 1.1em;box-shadow:0 18px 40px -18px #000;
  transform:translateX(-120%);opacity:0;transition:.5s var(--ease)}
.toast.in{transform:none;opacity:1}
.toast__h{font-family:var(--f-mono);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--red-bright);display:flex;align-items:center;gap:.5em}
.toast__b{font-size:.82rem;color:var(--text-dim);margin-top:.4rem;line-height:1.5}
.toast--gold{border-color:var(--gold)}
.toast--gold .toast__h{color:var(--gold-bright)}
.toast--violet{border-color:var(--violet)}
.toast--violet .toast__h{color:var(--violet-bright)}
.toast--wide .toast__b{font-size:.8rem;line-height:1.65}
.toast__sender{display:flex;align-items:center;gap:.55em;margin-bottom:.6rem}
.toast__ava{flex:none;width:30px;height:30px;border-radius:50%;overflow:hidden;
  border:1px solid var(--line-strong);background:var(--bg-3)}
.toast__ava img{width:100%;height:100%;object-fit:cover;display:block}
.toast__who{font-family:var(--f-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;
  font-weight:600;color:var(--text)}
.toast--hold{cursor:pointer}
.toast--hold::after{content:"нажмите, чтобы закрыть";display:block;margin-top:.7rem;font-family:var(--f-mono);
  font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}
@keyframes aaaTokRing{0%{transform:scale(.7);opacity:.55}70%{opacity:0}100%{transform:scale(1.9);opacity:0}}
@keyframes aaaLive{0%,100%{opacity:1}50%{opacity:.18}}
@keyframes aaaToastIn{from{opacity:0;transform:translate(-50%,-100%) translateY(7px) scale(.96)}to{opacity:1;transform:translate(-50%,-100%) scale(1)}}
@keyframes aaaFeedIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){
  #livemap [style*="aaaTokRing"],#livemap [style*="aaaLive"],#livemap [style*="aaaFeedIn"]{animation:none!important}
}

/* coffee-os.css */
.cos,.cos-modal,.cos-toast{
  --gold:#d4b16a; --gold2:#e8c988; --goldd:#7a6234;
  --lil:#8a8bff;  --lild:#4a4b7a;
  --cor:#e0574a;  --cord:#7a2e28;
  --tx:#dcdde8;   --mut:#8a8ca2;  --fnt:#54566a;
  --p1:#0d0f1a;   --bd:rgba(212,177,106,.20); --bdl:rgba(138,139,255,.22);
}
.cos{position:relative;color:var(--tx);font-family:var(--f-mono)}
.cos-modal{color:var(--tx);font-family:var(--f-mono)}
.cos ::selection{background:var(--lil);color:#07080f}
@keyframes aaaBlink{0%,48%{opacity:1}49%,100%{opacity:0}}
@keyframes aaaPulse{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes cosFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.cos-modal{position:fixed;inset:0;z-index:95;display:none}
.cos-modal.is-open{display:flex}
.cos-toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);z-index:100;
  border:1px solid var(--cord);background:#12101a;color:var(--cor);
  font:400 11.5px/1.4 var(--f-mono);letter-spacing:.14em;padding:12px 20px;
  box-shadow:0 20px 50px -20px #000;max-width:calc(100vw - 32px);text-align:center;
  opacity:0;pointer-events:none;transition:opacity .2s}
.cos-toast.is-open{opacity:1}
body.cos-lock{overflow:hidden}
@media (prefers-reduced-motion:reduce){
  .cos [style*="aaaPulse"],.cos [style*="aaaBlink"],.cos-modal [style*="cosFloat"]{animation:none!important}
}
@media (max-width:640px){
  .cos{border-radius:6px;padding:14px 12px 30px}
  .cos-seal{display:none!important}
}

/* about.css */
#about{position:relative;isolation:isolate;overflow:hidden}
#about::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(120% 70% at 74% 4%,rgba(125,111,216,.10),transparent 55%);
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 86%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 86%,transparent 100%);
}
.bk-head{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
  gap:clamp(20px,4vw,64px);align-items:end;
  margin:clamp(20px,3vw,32px) 0 clamp(44px,6vw,80px);
}
.bk-kicker{
  font-family:var(--f-mono);font-size:.72rem;letter-spacing:.3em;
  text-transform:uppercase;color:var(--text-faint);margin-bottom:.5rem;
}
.bk-title{
  font-family:var(--f-display);font-weight:700;
  font-size:var(--section-title-size);line-height:.96;letter-spacing:-.01em;
  color:#f0ebe1;text-shadow:0 0 60px rgba(125,111,216,.28);
}
.bk-lead{
  font-size:clamp(.98rem,1.5vw,1.16rem);line-height:1.6;
  color:var(--text-dim);max-width:38ch;
}
.bk-lead em{font-style:italic;color:var(--text)}
.bk-hero{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);
  gap:clamp(28px,5vw,72px);align-items:center;
}
.bk-prose{display:flex;flex-direction:column;gap:clamp(28px,4vw,42px);max-width:52ch}
.bk-entry__hd{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.bk-entry__no{font-family:var(--f-mono);font-size:.75rem;letter-spacing:.15em;color:var(--gold)}
.bk-entry__rule{height:1px;flex:1;background:var(--line)}
.bk-entry__lbl{
  font-family:var(--f-mono);font-size:.68rem;letter-spacing:.28em;
  text-transform:uppercase;color:var(--text-faint);
}
.bk-entry p{font-size:clamp(.95rem,1.6vw,1.06rem);line-height:1.78;color:var(--text-dim);max-width:none}
.bk-entry p+p{margin-top:1rem}
.bk-entry b{color:var(--text);font-weight:700}
.bk-stage{position:relative;width:100%;aspect-ratio:1/1.02}
.bk-corner{position:absolute;width:26px;height:26px}
.bk-corner--tl{top:0;left:0;border-top:1.5px solid var(--line-strong);border-left:1.5px solid var(--line-strong)}
.bk-corner--tr{top:0;right:0;border-top:1.5px solid var(--line-strong);border-right:1.5px solid var(--line-strong)}
.bk-corner--bl{bottom:0;left:0;border-bottom:1.5px solid var(--line-strong);border-left:1.5px solid var(--line-strong)}
.bk-corner--br{bottom:0;right:0;border-bottom:1.5px solid var(--line-strong);border-right:1.5px solid var(--line-strong)}
.bk-glow{
  position:absolute;top:50%;left:50%;width:72%;height:72%;
  transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(circle,rgba(125,111,216,.55),rgba(125,111,216,.16) 45%,transparent 70%);
  filter:blur(28px);animation:bkPulse 6s ease-in-out infinite;
}
.bk-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%}
.bk-ring--1{width:86%;height:86%;border:1px dashed rgba(198,161,91,.28);animation:bkSpin 70s linear infinite}
.bk-ring--2{width:98%;height:98%;border:1px solid rgba(125,111,216,.18);animation:bkSpinRev 100s linear infinite}
.bk-ring--3{width:66%;height:66%;border:1px dotted rgba(198,161,91,.2);animation:bkSpin 45s linear infinite}
.bk-artifact{
  position:relative;z-index:2;display:block;width:100%;height:100%;object-fit:contain;
  filter:drop-shadow(0 26px 40px rgba(0,0,0,.6)) drop-shadow(0 0 34px rgba(125,111,216,.38));
  animation:bkFloat 8s ease-in-out infinite;
}
.bk-scan{
  position:absolute;z-index:3;left:8%;right:8%;top:8%;height:2px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(125,111,216,.8),transparent);
  animation:bkScan 7s ease-in-out infinite;
}
.bk-note{
  position:absolute;z-index:4;display:flex;align-items:center;gap:10px;white-space:nowrap;
  font-family:var(--f-mono);font-size:.68rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--text-dim);
}
.bk-note--1{top:6%;left:-2%}
.bk-note--3{bottom:20%;left:-4%}
.bk-note__dot{width:7px;height:7px;border-radius:50%}
.bk-note__dot--v{background:var(--violet);box-shadow:0 0 10px 2px rgba(125,111,216,.8)}
.bk-note__line{width:38px;height:1px;background:linear-gradient(90deg,rgba(198,161,91,.6),transparent)}
.bk-stamp{
  position:absolute;z-index:5;top:2%;right:3%;transform:rotate(-8deg);
  font-family:var(--f-mono);font-size:.68rem;font-weight:700;letter-spacing:.2em;
  text-transform:uppercase;color:var(--red-bright);
  border:1.5px solid var(--red-bright);border-radius:2px;padding:6px 12px;
  background:rgba(var(--bg-rgb),.35);animation:bkFlick 4s ease-in-out infinite;
}
.bk-codeplate{
  position:absolute;z-index:5;bottom:-4px;left:50%;transform:translateX(-50%);
  display:flex;align-items:center;gap:10px;white-space:nowrap;
  font-family:var(--f-mono);font-size:.68rem;letter-spacing:.22em;
  text-transform:uppercase;color:var(--gold-bright);
  padding:8px 16px;border:1px solid var(--line-strong);border-radius:var(--r);
  background:rgba(var(--bg-rgb),.72);backdrop-filter:blur(6px);
}
.bk-codeplate__dot{width:6px;height:6px;border-radius:50%;background:var(--violet);box-shadow:0 0 8px rgba(125,111,216,.9)}
.bk-block{margin-top:clamp(40px,5vw,64px)}
.bk-block__hd{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.bk-block__lbl{
  font-family:var(--f-mono);font-size:.68rem;letter-spacing:.3em;
  text-transform:uppercase;color:var(--text-faint);
}
.bk-block__rule{height:1px;flex:1;background:var(--line-soft)}
.bk-block .promise{margin-top:0}
.bk-evigrid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,20px)}
.bk-evi{
  display:flex;align-items:center;gap:clamp(14px,2vw,22px);
  padding:clamp(16px,2vw,22px);border:1px solid var(--line);border-radius:var(--r-lg);
  background:linear-gradient(135deg,rgba(125,111,216,.06),rgba(255,255,255,.012));
  transition:border-color .3s var(--ease),transform .3s var(--ease);
}
.bk-evi:hover{border-color:rgba(125,111,216,.4);transform:translateY(-3px)}
.bk-evi__fig{
  position:relative;flex:0 0 auto;
  width:clamp(76px,10vw,104px);height:clamp(76px,10vw,104px);
  display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 50% 45%,rgba(125,111,216,.28),transparent 68%);
}
.bk-evi__img{
  width:90%;height:90%;object-fit:contain;
  filter:drop-shadow(0 0 12px rgba(125,111,216,.4));transition:transform .4s var(--ease);
}
.bk-evi:hover .bk-evi__img{transform:scale(1.06) rotate(-1deg)}
.bk-evi__no{font-family:var(--f-mono);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:5px}
.bk-evi__name{font-family:var(--f-display);font-weight:700;font-size:clamp(1.15rem,2.2vw,1.5rem);color:var(--text);margin-bottom:4px}
.bk-evi__desc{font-size:.86rem;line-height:1.5;color:var(--text-dim);max-width:none}
@keyframes bkFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
@keyframes bkPulse{0%,100%{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.09)}}
@keyframes bkSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes bkSpinRev{to{transform:translate(-50%,-50%) rotate(-360deg)}}
@keyframes bkScan{0%{transform:translateY(-30px);opacity:0}12%{opacity:.7}88%{opacity:.7}100%{transform:translateY(440px);opacity:0}}
@keyframes bkFlick{0%,100%{opacity:.85}50%{opacity:.55}}
@media (max-width:920px){
  .bk-hero{grid-template-columns:1fr;gap:14px}
  .bk-schematic{display:none}
  .bk-stage{max-width:460px;margin:18px auto 0}
}
@media (max-width:600px){
  .bk-head{grid-template-columns:1fr;gap:18px}
  .bk-corner{display:none}
  .bk-evigrid{grid-template-columns:1fr}
  .bk-stamp{top:10px;right:10px;transform:rotate(0deg) scale(.82)}
  .bk-codeplate{font-size:.58rem;letter-spacing:.14em}
}
#about.bk-idle .bk-anim{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){
  .bk-anim{animation:none!important}
}

/* agents.css */
@keyframes agzFloatY   { from { transform: translateY(0); }            to { transform: translateY(-12px); } }
@keyframes agzWordDrift{ from { transform: translateY(-16px); }        to { transform: translateY(16px); } }
@keyframes agzDotY     { 0% { top: 1%; opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } 100% { top: 97%; opacity: 0; } }
@keyframes agzDotX     { 0% { left: 0%; opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } 100% { left: 88%; opacity: 0; } }
@keyframes agzSweep    { 0% { left: -14%; opacity: 0; } 15% { opacity: .95; } 100% { left: 110%; opacity: 0; } }
@keyframes agzJitter   { 0% { transform: translateX(0); } 18% { transform: translateX(-6px) skewX(-.8deg); } 38% { transform: translateX(5px) skewX(.5deg); } 58% { transform: translateX(-3px); } 78% { transform: translateX(2px); } 100% { transform: translateX(0); } }
@keyframes agzUp       { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: translateY(0); } }
@keyframes agzGlow     { from { opacity: .55; } to { opacity: 1; } }
@keyframes agzScaleY   { from { transform: translateX(-50%) scaleY(0); } to { transform: translateX(-50%) scaleY(1); } }
.agz{
  position: relative;
  margin-top: clamp(26px, 4vh, 46px);
  overflow-x: clip;
  color: #b6b4c6;
  font-family: var(--f-body);
}
#heroes{
  position:relative;
  padding-bottom:0;
}
.agz .agz-intro{ display:flex; justify-content:space-between; align-items:baseline; gap:20px; padding:0 5vw 0; position:relative; z-index:20; }
.agz .agz-stage{
  position: relative;
  display: grid;
  grid-template-columns: 1fr 130px 1fr;
  min-height: clamp(560px, 76vh, 740px);
  margin-top: 8px;
}
.agz [data-figwrap]{ height: min(62vh, 680px); }
.agz .agz-cta{ transition: color .3s, border-color .3s; }
.agz .agz-cta:hover{ color:#f5e3b3; border-bottom-color: rgba(245,227,179,.85); }
@media (hover: hover) and (pointer: fine){
  .agz [data-figwrap]:hover [data-hoverlabel]{ opacity:1; }
}
@media (hover: none){ .agz [data-hoverlabel]{ display:none !important; } }
#agzOverlay .agz-scan{ transition: color .3s, border-color .3s; }
#agzOverlay .agz-scan:hover{ color:#cdd1fa; border-bottom-color: rgba(205,209,250,.8); }
#agzOverlay .agz-dimg{ transition: transform .5s ease; }
#agzOverlay .agz-dimg:hover{ transform: scale(1.015) rotate(.3deg); }
#agzOverlay .agz-close{ transition: color .3s, transform .4s; }
#agzOverlay .agz-close:hover{ color:#f0dcae; transform: rotate(90deg); }
@media (max-width: 1180px){
  .agz [data-text]{ max-width: 360px; }
}
@media (max-width: 880px){
  .agz .agz-intro [data-el="hint"]{ display:none !important; }
  .agz .agz-stage{
    display:flex !important; flex-direction:column !important; gap:4px !important;
    min-height:0 !important; margin-top:6px !important;
  }
  .agz [data-parword]{ display:none !important; }
  .agz [data-figwrap]{
    position:relative !important; right:auto !important; left:auto !important; bottom:auto !important;
    height:min(54vh, 460px) !important; width:min(86vw, 420px) !important; margin:8px auto 0 !important;
  }
  .agz [data-glow]{
    right:auto !important; left:50% !important; margin-left:-170px !important;
    width:340px !important; height:210px !important; bottom:0 !important;
  }
  .agz [data-text]{
    position:static !important; max-width:none !important; width:auto !important;
    margin:14px 0 26px !important; padding:0 7vw !important; background:none !important;
    align-items:flex-start !important; text-align:left !important;
  }
  .agz [data-kickrow]{ flex-direction:row !important; }
  .agz [data-tags]{ justify-content:flex-start !important; }
  .agz [data-ctarow]{ justify-content:flex-start !important; }
  .agz [data-chronorow]{ justify-content:flex-start !important; }
  .agz [data-el="scaleDesktop"]{ display:none !important; }
  .agz [data-el="scaleMobile"]{ display:flex !important; }
  .agz [data-el="stats"]{ grid-template-columns:1fr 1fr !important; gap:26px 6vw !important; padding:24px 0 8px !important; }
  .agz [data-stat]{ border-left:none !important; padding-left:0 !important; }
  .agz [data-statval]{ font-size:clamp(24px, 7.4vw, 34px) !important; }
  .agz [data-el="footerline"]{ font-size:15px !important; padding:14px 8vw 30px !important; text-align:center; }
  #agzOverlay [data-el="sheet"]{
    flex-direction:column !important; align-items:flex-start !important; gap:24px !important;
    padding:10vh 7vw 12vh !important; width:100% !important; height:100% !important;
    max-width:none !important; overflow-y:auto !important; box-sizing:border-box;
  }
  #agzOverlay .agz-dimg{ width:min(80vw, 430px) !important; max-height:none !important; }
  #agzOverlay .agz-close{
    position:fixed !important; top:12px !important; right:12px !important;
    background:rgba(10,10,18,.75); border-radius:50%;
  }
  #agzToast{ max-width:86vw; white-space:normal !important; text-align:center; box-sizing:border-box; }
}
.agz.agz-idle *{ animation-play-state: paused !important; }
@media (prefers-reduced-motion: reduce){
  .agz *, #agzOverlay *, #agzZoom *, #agzToast{ animation: none !important; }
}

/* roster.css */
.roster{
  position:relative;
  width:100%;
  height:100vh; height:100svh; min-height:620px;
  overflow:hidden;
  color:#c9cbd8;
  font-family:'Manrope','Segoe UI',sans-serif;
  cursor:default;
}
.roster ::selection{background:rgba(214,179,106,.28);color:#f2e6c8}
.rs-stage{position:absolute;inset:0}
.rs-toggle{transition:color .2s ease,border-color .2s ease,letter-spacing .3s ease}
.rs-toggle:hover{color:#f2e0b2 !important;border-color:rgba(242,224,178,.9) !important;letter-spacing:4.5px}
.rs-pause{transition:color .2s ease}
.rs-pause:hover{color:#f2e0b2 !important}
.rs-arrow{transition:color .2s ease,transform .2s ease}
.rs-arrow--prev:hover{color:#f2e0b2 !important;transform:translateX(-3px)}
.rs-arrow--next:hover{color:#f2e0b2 !important;transform:translateX(3px)}
.rs-nav{transition:opacity .3s ease}
.rs-nav:hover{opacity:1 !important}
@keyframes rs-marquee{to{transform:translateX(-50%)}}
@keyframes rs-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes rs-sheet-float{0%,100%{transform:translate(-50%,-50%) rotate(-3.5deg)}50%{transform:translate(-50%,-52%) rotate(-2.6deg)}}
@keyframes rs-sweep{0%{top:-4%;opacity:0}12%{opacity:1}88%{opacity:1}100%{top:103%;opacity:0}}
@keyframes rs-noise{
  0%{background-position:0 0,0 0}
  25%{background-position:-18px 8px,10px -6px}
  50%{background-position:12px -16px,-8px 12px}
  75%{background-position:-10px -8px,16px 10px}
  100%{background-position:8px 14px,-14px -10px}
}
@keyframes rs-stamp{0%{opacity:0;transform:rotate(-8deg) scale(1.7)}55%{opacity:1}100%{opacity:1;transform:rotate(-8deg) scale(1)}}
@keyframes rs-blink{0%,100%{opacity:1}50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){
  .roster [style*="rs-bob"],
  .roster [style*="rs-marquee"],
  .roster [style*="rs-sheet-float"],
  .roster [style*="rs-noise"],
  .roster [style*="rs-blink"]{animation:none !important}
}
@media (max-width: 999px){
  .roster{ height:auto; min-height:100svh; overflow:visible; }
}

/* author.css */
.vv{position:relative;overflow:hidden;border-top:1px solid rgba(207,168,94,.16)}
.vv-sec{position:relative;z-index:1;max-width:var(--maxw);margin-inline:auto}
.vv-author{padding:clamp(72px,10vw,140px) clamp(20px,5vw,64px) clamp(56px,8vw,100px)}
.vv-filehead{position:relative;display:flex;align-items:center;gap:14px;
  margin-bottom:clamp(24px,3.5vw,40px)}
.vv-filehead__dash{width:34px;height:1px;flex:none;background:linear-gradient(90deg,#cfa85e,rgba(207,168,94,.25))}
.vv-filehead__txt{font-family:var(--f-mono);font-size:11px;line-height:1.6;
  letter-spacing:.3em;text-transform:uppercase;color:#cfa85e}
.vv-author__wm{position:absolute;top:clamp(20px,4vw,48px);right:clamp(-10px,0vw,40px);
  font-family:var(--f-display);font-style:italic;font-weight:700;
  font-size:clamp(160px,28vw,380px);line-height:1;color:rgba(217,184,120,.06);
  pointer-events:none;user-select:none}
.vv-h{margin:0;font-family:var(--f-display);font-weight:600;letter-spacing:-2px;color:#f4efe2}
.vv-h span{display:block}
.vv-author .vv-h{position:relative;margin-bottom:clamp(36px,5vw,64px);
  line-height:.98;font-size:var(--section-title-size)}
.vv-author .vv-h .vv-h__it{margin-left:clamp(32px,14vw,220px)}
.vv-h__it{font-style:italic;
  background:linear-gradient(115deg,#f0d9a4 10%,#cfa85e 55%,#a58444 95%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent}
.vv-author__intro{position:relative;display:flex;flex-wrap:wrap;
  gap:clamp(32px,5vw,80px);margin-bottom:clamp(36px,5vw,56px)}
.vv-author__lead{flex:2 1 400px;min-width:min(100%,300px);margin:0;max-width:52ch;
  font-family:var(--f-body);font-size:clamp(18px,2vw,23px);line-height:1.55;
  color:#d6d4ca;text-wrap:pretty}
.vv-author__aside{flex:1 1 280px;min-width:min(100%,260px);
  display:flex;flex-direction:column;gap:12px}
.vv-author__aside-k{font-family:var(--f-body);font-size:11px;font-weight:700;
  letter-spacing:4px;text-transform:uppercase;color:#7a7d92}
.vv-author__aside-p{margin:0;font-family:var(--f-body);font-size:15px;line-height:1.7;
  color:#9294a6;text-wrap:pretty}
.vv-author__aside-d{font-family:var(--f-body);font-size:13px;font-weight:700;
  letter-spacing:2.5px;text-transform:uppercase;color:#cfa85e}
.vv-actions{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:20px 36px}
.vv-pill{display:inline-flex;align-items:center;gap:12px;padding:18px 34px;
  border:0;border-radius:999px;cursor:pointer;
  background:linear-gradient(120deg,#e6c37e,#c39a4f);color:#16130a;
  font-family:var(--f-body);font-size:13px;font-weight:800;letter-spacing:3px;text-transform:uppercase;
  box-shadow:0 10px 40px rgba(206,168,94,.3);
  transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.vv-pill:hover{transform:translateY(-3px);box-shadow:0 16px 50px rgba(206,168,94,.45)}
.vv-pill:focus-visible{outline:2px solid #f0d9a4;outline-offset:3px}
.vv-link{position:relative;display:inline-flex;align-items:center;gap:10px;padding:6px 0;
  border:0;background:none;cursor:pointer;color:#d9c290;
  font-family:var(--f-body);font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;
  transition:color .25s var(--ease)}
.vv-link:hover{color:#f0d9a4}
.vv-link:focus-visible{outline:2px solid #f0d9a4;outline-offset:4px}
.vv-link__arr{font-size:16px}
.vv-link__u{position:absolute;left:0;bottom:0;width:100%;height:1px;
  background:linear-gradient(90deg,#cfa85e,rgba(207,168,94,0))}
.vv-link--v{color:#b6b4e8}
.vv-link--v:hover{color:#d6d4f8}
.vv-link--v .vv-link__u{background:linear-gradient(90deg,#8a8af5,rgba(138,138,245,0))}
.vv-marquee{position:relative;z-index:1;overflow:hidden;padding:18px 0 26px;opacity:.5}
.vv-marquee__row{display:flex;width:max-content;animation:vvMarquee 36s linear infinite}
.vv-marquee__row span{white-space:nowrap;padding-right:56px;
  font-family:var(--f-body);font-size:12px;font-weight:600;letter-spacing:4px;
  text-transform:uppercase;color:#8f7a4e}
@keyframes vvMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){
  .vv-marquee__row{animation:none}
}
@media (max-width:600px){
  .vv-author .vv-h .vv-h__it{margin-left:clamp(20px,9vw,80px)}
  .vv-author__wm{font-size:clamp(120px,42vw,240px)}
  .vv-actions{gap:16px 24px}
  .vv-pill{width:100%;justify-content:center}
}

/* voices.css */
.vx{
  --vx-accent:var(--gold);
  --vx-mute:#6f6c82;
  position:relative;
  padding:0 0 clamp(40px,7vh,80px);
  overflow:hidden;
  isolation:isolate;
}
.vx-hero{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:clamp(500px,74vh,800px);
  box-sizing:border-box;
  max-width:1400px;
  margin:0 auto;
  padding:clamp(96px,14vh,150px) var(--gutter) clamp(40px,7vh,70px);
}
.vx-ghost{
  position:absolute; right:1vw; top:2vh; z-index:0;
  pointer-events:none; user-select:none;
  will-change:transform;
}
.vx-ghost span{
  display:block;
  font-family:var(--f-display);
  font-style:italic; font-weight:600; line-height:1;
  font-size:clamp(200px,34vw,540px);
  color:rgba(198,161,91,.055);
  animation:vxDrift 16s ease-in-out infinite;
}
.vx-vert{
  position:absolute; right:clamp(16px,2.4vw,44px); top:50%;
  transform:translateY(-50%);
  writing-mode:vertical-rl;
  font-family:var(--f-mono); font-size:10px; letter-spacing:.55em;
  text-transform:uppercase; color:#514f66;
  animation:vxFade 1.4s .9s both;
}
.vx-hero__head{position:relative; z-index:1}
.vx-eyebrow{
  display:flex; align-items:center; gap:16px;
  animation:vxFade .9s .05s both;
}
.vx-dot{
  width:7px; height:7px; border-radius:50%; flex:none;
  background:var(--vx-accent);
  animation:vxBlink 1.8s ease-in-out infinite;
}
.vx-eyebrow__t{
  font-family:var(--f-mono); font-size:clamp(9px,1vw,11px);
  letter-spacing:.42em; text-transform:uppercase; color:var(--vx-accent);
}
.vx-eyebrow__line{
  flex:1; max-width:180px; height:1px;
  background:linear-gradient(90deg,rgba(198,161,91,.5),transparent);
}
.vx-title{
  margin:clamp(24px,3.4vh,34px) 0 0;
  font-family:var(--f-display); font-weight:600;
  line-height:.92; letter-spacing:-.015em;
}
.vx-title__clip{display:block; overflow:hidden; padding-bottom:.1em; margin-bottom:-.1em}
.vx-title__in{display:inline-block; will-change:transform}
.vx-title__in--1{
  font-size:var(--section-title-size); color:#efece1;
  animation:vxClipUp 1.15s cubic-bezier(.19,.75,.12,1) .12s both;
}
.vx-title__in--2{
  font-size:var(--section-title-size); font-style:italic; font-weight:500;
  margin-left:clamp(24px,8vw,150px);
  background:linear-gradient(100deg,var(--gold-bright) 0%,var(--vx-accent) 45%,var(--gold-deep) 100%);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent;
  animation:vxClipUp 1.15s cubic-bezier(.19,.75,.12,1) .28s both;
}
.vx-cue{
  position:relative; z-index:1;
  margin-top:auto; padding-top:clamp(28px,6vh,60px);
  display:flex; align-items:flex-end; justify-content:space-between;
  flex-wrap:wrap; gap:18px;
  animation:vxFade 1.2s .8s both;
}
.vx-cue__scroll{display:flex; align-items:center; gap:14px}
.vx-cue__pipe{
  width:1px; height:44px; overflow:hidden; display:inline-flex;
  background:rgba(198,161,91,.22);
}
.vx-cue__pipe i{width:1px; height:18px; background:var(--vx-accent); animation:vxFlow 2s ease-in-out infinite}
.vx-cue__hint{font-family:var(--f-mono); font-size:9px; letter-spacing:.4em; text-transform:uppercase; color:#55536a}
.vx-cue__count{font-family:var(--f-mono); font-size:10px; letter-spacing:.3em; text-transform:uppercase; color:#55536a; text-align:right}
.vx-cue__count b{color:var(--vx-accent); font-weight:400}
.vx-band{
  position:relative; z-index:1;
  transform:rotate(-1.2deg);
  margin:0 -5vw clamp(30px,6vh,56px);
  overflow:hidden;
}
.vx-band__row{display:flex; width:max-content; animation:vxMarquee 48s linear infinite}
.vx-band__row span{
  white-space:nowrap; padding-right:.3em;
  font-family:var(--f-mono); font-size:12px; letter-spacing:.3em; text-transform:uppercase;
  color:rgba(198,161,91,.55);
}
.vx-quotes{
  position:relative; z-index:1;
  max-width:1400px; margin:0 auto;
  padding:clamp(70px,11vh,150px) var(--gutter) clamp(30px,5vh,60px);
  display:flex; flex-direction:column;
  gap:clamp(110px,17vh,210px);
}
.vx-q{position:relative}
.vx-q__inner{
  position:relative; isolation:isolate;
  --vx-ink:var(--text); --vx-wave:.4; --vx-ls:.3em;
  transition:transform .7s cubic-bezier(.2,.7,.2,1);
}
.vx-q--left  .vx-q__inner{max-width:820px; margin-right:auto}
.vx-q--right .vx-q__inner{max-width:780px; margin-left:auto}
.vx-q--center .vx-q__inner{max-width:820px; margin-right:auto; text-align:left}
.vx-q--center .vx-q__inner::before{
  content:""; position:absolute; inset:-90px -140px; z-index:-1;
  background:radial-gradient(55% 55% at 50% 50%,rgba(198,161,91,.07),transparent 72%);
}
@media (hover:hover){
  .vx-q--left  .vx-q__inner:hover{transform:translateX(10px)}
  .vx-q--right .vx-q__inner:hover{transform:translateX(-10px)}
  .vx-q--center .vx-q__inner:hover{transform:translateY(-6px)}
  .vx-q__inner:hover{--vx-ink:#fff; --vx-wave:1; --vx-ls:.36em}
}
.vx-q__num{
  position:absolute; z-index:-1; top:-120px;
  font-family:var(--f-display); font-weight:600; font-size:210px; line-height:1;
  color:rgba(198,161,91,.07);
  pointer-events:none; user-select:none;
  animation:vxDrift 19s ease-in-out infinite;
}
.vx-q--left  .vx-q__num{left:clamp(-70px,-5vw,-12px)}
.vx-q--right .vx-q__num{right:clamp(-50px,-4vw,-8px)}
.vx-q--center .vx-q__num{left:50%; top:-150px; transform:translateX(-50%); font-size:260px}
.vx-q__meta{display:flex; align-items:center; gap:16px; flex-wrap:wrap}
.vx-q--center .vx-q__meta{justify-content:flex-start}
.vx-q__idx{font-family:var(--f-mono); font-size:12px; letter-spacing:.2em; color:var(--vx-accent)}
.vx-q__tag{font-family:var(--f-mono); font-size:10px; letter-spacing:.28em; text-transform:uppercase; color:var(--vx-mute)}
.vx-wave{display:flex; align-items:center; gap:3px; height:26px}
.vx-wave span{
  width:2px; flex:none; background:var(--vx-accent);
  opacity:var(--vx-wave,.45); transform-origin:50% 50%;
  transition:opacity .5s;
}
.vx-q__text{
  margin:clamp(20px,2.6vh,28px) 0 clamp(22px,3vh,30px);
  font-family:var(--f-display); font-weight:500; line-height:1.28;
  color:var(--vx-ink); transition:color .6s; text-wrap:pretty;
}
.vx-q__text{font-size:clamp(28px,2.8vw,42px)}
.vx-q--center .vx-q__text{font-style:italic}
.vx-q__gm{color:var(--vx-accent)}
.vx-em{font-style:italic; color:var(--vx-accent)}
.vx-q__by{display:flex; align-items:center; gap:14px}
.vx-q--center .vx-q__by{justify-content:flex-start}
.vx-q__rule{width:26px; height:1px; background:var(--vx-accent); flex:none}
.vx-q__rule--r{display:none}
.vx-q__name{
  font-family:var(--f-mono); font-size:12px; letter-spacing:var(--vx-ls);
  text-transform:uppercase; color:var(--vx-accent); transition:letter-spacing .5s;
}
@keyframes vxClipUp{from{transform:translateY(115%)}to{transform:translateY(0)}}
@keyframes vxFade{from{opacity:0}to{opacity:1}}
@keyframes vxBlink{0%,100%{opacity:1}50%{opacity:.12}}
@keyframes vxWave{0%,100%{transform:scaleY(.22)}50%{transform:scaleY(1)}}
@keyframes vxMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes vxDrift{0%,100%{transform:translate(0,0)}50%{transform:translate(12px,-16px)}}
@keyframes vxFlow{0%{transform:translateY(-140%)}100%{transform:translateY(240%)}}
@keyframes vxDriftC{0%,100%{transform:translateX(-50%) translate(0,0)}50%{transform:translateX(-50%) translate(10px,-16px)}}
.vx-q--center .vx-q__num{animation-name:vxDriftC}
.vx.vx-idle *{animation-play-state:paused !important}
@media (prefers-reduced-motion:reduce){
  .vx *{animation:none !important}
  .vx-vert,.vx-eyebrow,.vx-cue{opacity:1}
  .vx-title__in{transform:none !important}
}
@media (max-width:980px){
  .vx-vert{display:none}
  .vx-hero{min-height:clamp(440px,66vh,700px)}
  .vx-q--left .vx-q__inner,.vx-q--right .vx-q__inner{max-width:none; margin:0}
  .vx-q__num{font-size:150px; top:-90px}
  .vx-q--center .vx-q__num{font-size:180px; top:-110px}
}
@media (max-width:620px){
  .vx-band{margin-inline:-6vw}
  .vx-band__row span{font-size:11px; letter-spacing:.24em}
  .vx-q__num{font-size:112px; top:-64px}
  .vx-q--center .vx-q__num{font-size:130px; top:-80px}
  .vx-q__text{font-size:clamp(23px,6.4vw,30px)}
  .vx-cue__pipe{height:34px}
}

/* structure.css */
.str{
  --str-gold:#c9a45c; --str-gold2:#e3c57e; --str-gold3:#d9b66f;
  --str-ink:#ede6d3;  --str-ink2:#f0eada;
  --str-blue:#96a9cb; --str-danger:#e0796b; --str-danger2:#e8907f;
  --str-dark:#0a0a0d;
  --str-line:rgba(201,164,92,.14);
  --str-line2:rgba(201,164,92,.28);
  position:relative;
  color:var(--str-ink);
  font-family:var(--f-body);
}
.str *{box-sizing:border-box}
.str h2,.str h3{font-weight:600;line-height:1.15}
.str-truths{margin-top:clamp(34px,5vw,58px)}
.str-org,.str-tech-sec{margin-top:clamp(52px,8vw,92px)}
.str-secline{display:flex;align-items:center;gap:14px;margin-bottom:26px}
.str-secline__dash{width:26px;height:1px;background:rgba(201,164,92,.6);flex:none}
.str-secline__t{font-family:var(--f-mono);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:rgba(201,164,92,.85)}
.str-secline__rule{flex:1;height:1px;background:rgba(201,164,92,.12)}
.str-secline__meta{font-family:var(--f-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:rgba(237,230,211,.4);flex:none}
.str-head{position:relative;overflow:hidden;padding-top:clamp(10px,2vw,24px)}
.str-head__tri{position:absolute;top:-90px;right:-150px;color:var(--str-gold);opacity:.55;pointer-events:none}
.str-head__tri svg{width:min(52vw,620px);height:auto}
.str-head__line{
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  font-family:var(--f-mono);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;
  color:rgba(237,230,211,.4);border-bottom:1px solid rgba(201,164,92,.12);padding-bottom:14px;
}
.str-head__status{display:flex;align-items:center;gap:8px}
.str-caret{display:inline-block;width:7px;height:13px;background:var(--str-gold);animation:strBlink 1.2s steps(1) infinite}
.str-head__main{display:flex;gap:clamp(28px,5vw,64px);flex-wrap:wrap;align-items:flex-end;padding:clamp(28px,4.5vw,52px) 0 clamp(10px,2vw,20px)}
.str-head__text{flex:1 1 560px;min-width:min(100%,300px)}
.str-kicker{display:flex;align-items:center;gap:12px;font-family:var(--f-mono);font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--str-blue)}
.str-kicker__dash{display:inline-block;width:26px;height:1px;background:var(--str-blue)}
.str-title{margin:22px 0 0;font-family:var(--f-display);font-weight:500;font-size:var(--section-title-size);line-height:.98;letter-spacing:.005em;color:var(--str-ink2)}
.str-title em{font-style:italic;color:var(--str-gold3)}
.str-head__sub{margin:24px 0 0;font-size:15px;line-height:1.6;color:rgba(237,230,211,.62);max-width:52ch}
.str-head__dir{font-family:var(--f-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:rgba(201,164,92,.75)}
.str-stats{flex:0 1 auto;display:flex;gap:clamp(20px,3vw,36px);flex-wrap:wrap;padding-bottom:8px}
.str-stat{border-left:1px solid rgba(201,164,92,.3);padding-left:18px;min-width:86px}
.str-stat__n{font-family:var(--f-display);font-size:44px;font-weight:600;line-height:1;color:var(--str-gold2)}
.str-stat__l{font-family:var(--f-mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:rgba(237,230,211,.45);margin-top:8px}
.str-truthgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:18px}
.str-card{position:relative;border:1px solid var(--str-line);padding:clamp(22px,3vw,34px)}
.str-legend{background:linear-gradient(165deg,#13131d 0%,#0e0e15 100%)}
.str-truth{background:linear-gradient(165deg,#15131f 0%,#0e0e15 100%);border-color:var(--str-line2);overflow:hidden}
.str-card__tag{font-family:var(--f-mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:rgba(237,230,211,.5);transition:color .6s}
.str-card__tag--blue{color:var(--str-blue)}
.str-card__title{margin:14px 0 0;font-family:var(--f-display);font-size:clamp(24px,2.6vw,32px);color:var(--str-ink2)}
.str-card__title--gold{color:var(--str-gold2)}
.str-list{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:14px}
.str-list li{display:flex;gap:12px;font-size:14.5px;line-height:1.55;color:rgba(237,230,211,.72)}
.str-mk{color:rgba(201,164,92,.75);font-size:12px;padding-top:2px;flex:none}
.str-stamp{
  position:absolute;top:20px;right:20px;font-family:var(--f-mono);font-size:12px;letter-spacing:.3em;
  text-transform:uppercase;color:var(--str-danger);border:2px solid rgba(224,121,107,.65);padding:7px 13px 7px 16px;
  transform:rotate(-8deg) scale(1.35);opacity:0;transition:all .6s cubic-bezier(.2,.8,.2,1);pointer-events:none;
}
.str.str-open .str-stamp{opacity:1;transform:rotate(-8deg) scale(1)}
.str-truth__body{filter:blur(9px) brightness(.75);transition:filter .9s ease}
.str.str-open .str-truth__body{filter:none}
.str-tl{position:relative;margin-top:26px;padding-top:20px;border-top:1px solid rgba(201,164,92,.14);display:grid;gap:12px}
.str-tl::before{content:"";position:absolute;left:99px;top:28px;bottom:6px;width:1px;background:rgba(201,164,92,.22)}
.str-tl__row{display:grid;grid-template-columns:88px 22px 1fr;align-items:center}
.str-tl__y{font-family:var(--f-mono);font-size:11.5px;color:var(--str-gold2);text-align:right}
.str-tl__dot{justify-self:center;width:6px;height:6px;background:var(--str-gold);transform:rotate(45deg)}
.str-tl__e{font-size:13.5px;color:rgba(237,230,211,.66)}
.str-tl__row--key .str-tl__dot{width:7px;height:7px;background:var(--str-gold2);box-shadow:0 0 10px rgba(227,197,126,.8)}
.str-tl__row--key .str-tl__e{color:var(--str-ink);font-weight:600}
.str-truth__gate{
  position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;
  background:linear-gradient(180deg,rgba(10,10,15,.25),rgba(10,10,15,.55));opacity:1;transition:opacity .7s ease;
}
.str.str-open .str-truth__gate{opacity:0;pointer-events:none}
.str-truth__hint{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:rgba(237,230,211,.75);text-align:center;padding:0 20px}
.str-btn{
  font-family:var(--f-mono);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--str-gold2);background:transparent;border:1px solid rgba(201,164,92,.5);padding:12px 20px;
  cursor:pointer;transition:background .25s,color .25s,box-shadow .25s;
}
.str-btn:hover{background:var(--str-gold);color:var(--str-dark)}
.str-btn--solid{color:var(--str-dark);background:var(--str-gold);border-color:var(--str-gold);font-size:11px}
.str-btn--solid:hover{background:var(--str-gold2);box-shadow:0 0 30px rgba(201,164,92,.35)}
.str-btn:disabled{cursor:default;opacity:.85}
.str-director{display:flex;flex-direction:column;align-items:center}
.str-director__node{background:linear-gradient(165deg,#16141f 0%,#0f0e16 100%);border:1px solid rgba(201,164,92,.35);padding:18px clamp(28px,5vw,58px);text-align:center}
.str-director__cap{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.28em;text-transform:uppercase;color:rgba(201,164,92,.75)}
.str-director__name{margin-top:8px;font-family:var(--f-display);font-size:clamp(26px,3vw,34px);font-weight:600;letter-spacing:.04em;color:var(--str-ink2)}
.str-director__stem{width:1px;height:22px;background:rgba(201,164,92,.4)}
.str-director__diamond{width:8px;height:8px;background:var(--str-gold);transform:rotate(45deg);box-shadow:0 0 12px rgba(201,164,92,.6)}
.str-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,218px),1fr));gap:14px;margin-top:2px}
.str-tile{
  position:relative;display:flex;flex-direction:column;text-align:left;width:100%;
  background:linear-gradient(165deg,#13131d 0%,#0e0e15 100%);border:1px solid var(--str-line);
  padding:18px 18px 16px;min-height:168px;cursor:pointer;color:inherit;
  transition:transform .25s,border-color .25s,background .25s;
}
.str-tile:hover{transform:translateY(-3px);border-color:rgba(201,164,92,.5);background:linear-gradient(165deg,#191927 0%,#101018 100%)}
.str-tile__top{display:flex;align-items:flex-start;justify-content:space-between}
.str-tile__diamond{width:36px;height:36px;margin:4px;border:1px solid rgba(201,164,92,.45);transform:rotate(45deg);display:flex;align-items:center;justify-content:center;flex:none}
.str-tile__letter{transform:rotate(-45deg);font-family:var(--f-display);font-size:19px;font-weight:600;color:var(--str-gold3)}
.str-tile__num{font-family:var(--f-mono);font-size:10px;color:rgba(237,230,211,.3)}
.str-tile__abbr{margin-top:16px;font-family:var(--f-mono);font-size:11.5px;letter-spacing:.2em;color:var(--str-gold3)}
.str-tile__name{margin-top:8px;font-size:13.5px;line-height:1.45;color:rgba(237,230,211,.78);flex:1}
.str-tile__foot{margin-top:14px;display:flex;align-items:center;justify-content:space-between;font-family:var(--f-mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:rgba(237,230,211,.35)}
.str-tile__risk{color:var(--str-danger);display:flex;align-items:center;gap:6px}
.str-tile__risk-dot{width:5px;height:5px;border-radius:50%;background:var(--str-danger);animation:strPulse 1.6s ease-in-out infinite}
.str-tile--danger .str-tile__diamond{border-color:rgba(224,121,107,.5)}
.str-tile--danger .str-tile__letter,.str-tile--danger .str-tile__abbr{color:var(--str-danger)}
.str-tile__marker{position:absolute;top:-4px;left:50%;width:7px;height:7px;background:var(--str-gold3);transform:translateX(-50%) rotate(45deg);opacity:0;transition:opacity .2s}
.str-tile.is-sel{border-color:var(--str-gold3)}
.str-tile.is-sel .str-tile__marker{opacity:1}
.str-tile.is-sel::after{content:"";position:absolute;inset:0;border:1px solid var(--str-gold3);box-shadow:inset 0 0 36px rgba(201,164,92,.06);pointer-events:none}
.str-tile--danger.is-sel{border-color:var(--str-danger)}
.str-tile--danger.is-sel .str-tile__marker{background:var(--str-danger)}
.str-tile--danger.is-sel::after{border-color:var(--str-danger)}
.str-dossier{position:relative;margin-top:20px;background:linear-gradient(170deg,#14131e 0%,#0d0d14 100%);border:1px solid var(--str-line2);padding:clamp(24px,3.5vw,40px)}
.str-dossier__corners i{position:absolute;width:12px;height:12px;border:0 solid rgba(227,197,126,.9)}
.str-dossier__corners i:nth-child(1){top:-1px;left:-1px;border-top-width:1px;border-left-width:1px}
.str-dossier__corners i:nth-child(2){top:-1px;right:-1px;border-top-width:1px;border-right-width:1px}
.str-dossier__corners i:nth-child(3){bottom:-1px;left:-1px;border-bottom-width:1px;border-left-width:1px}
.str-dossier__corners i:nth-child(4){bottom:-1px;right:-1px;border-bottom-width:1px;border-right-width:1px}
.str-dossier__head{display:flex;align-items:flex-start;gap:clamp(18px,3vw,30px);flex-wrap:wrap}
.str-dossier__glyph{font-family:var(--f-display);font-size:clamp(56px,7vw,84px);font-weight:600;line-height:.9;color:var(--str-gold2);text-shadow:0 0 34px rgba(201,164,92,.3);flex:none}
.str-dossier.is-danger .str-dossier__glyph{color:var(--str-danger)}
.str-dossier__id{flex:1 1 320px;min-width:min(100%,240px)}
.str-dossier__code{font-family:var(--f-mono);font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:rgba(237,230,211,.4)}
.str-dossier__code span{color:var(--str-gold2)}
.str-dossier.is-danger .str-dossier__code span{color:var(--str-danger)}
.str-dossier__name{margin:10px 0 0;font-family:var(--f-display);font-size:clamp(24px,3vw,36px);color:var(--str-ink2)}
.str-dossier__nav{display:flex;gap:8px;margin-left:auto}
.str-arrow{width:42px;height:42px;background:transparent;border:1px solid rgba(201,164,92,.35);color:var(--str-gold2);font-family:var(--f-display);font-size:22px;line-height:1;cursor:pointer;transition:background .2s,color .2s}
.str-arrow:hover{background:var(--str-gold);color:var(--str-dark)}
.str-dossier__danger{margin-top:24px;display:flex;align-items:center;gap:14px;border:1px solid rgba(224,121,107,.4);background:rgba(201,88,76,.08);padding:12px 16px}
.str-dossier__danger-mark{width:16px;height:16px;border:1px solid var(--str-danger);transform:rotate(45deg);display:flex;align-items:center;justify-content:center;flex:none}
.str-dossier__danger-mark b{transform:rotate(-45deg);font-family:var(--f-mono);font-size:10px;font-weight:700;color:var(--str-danger)}
.str-dossier__danger span:last-child{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--str-danger2)}
.str-dossier__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:clamp(24px,3.5vw,44px);margin-top:28px}
.str-dossier__cap{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.26em;text-transform:uppercase;color:rgba(201,164,92,.7);border-bottom:1px solid rgba(201,164,92,.16);padding-bottom:10px}
.str-dossier__cap--row{display:flex;justify-content:space-between;align-items:baseline}
.str-dossier__count{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:rgba(237,230,211,.38)}
.str-dossier__desc{margin:16px 0 0;font-size:15px;line-height:1.7;color:rgba(237,230,211,.8)}
.str-dossier__note{margin-top:22px;border-left:2px solid rgba(201,164,92,.65);padding:4px 0 4px 16px}
.str-dossier__note-cap{font-family:var(--f-mono);font-size:9px;letter-spacing:.26em;text-transform:uppercase;color:rgba(237,230,211,.38);margin-bottom:8px}
.str-dossier__quote{font-family:var(--f-mono);font-style:italic;font-size:12.5px;line-height:1.75;color:var(--str-gold2)}
.str-svc-list{display:grid}
.str-svc{display:flex;gap:16px;align-items:baseline;padding:13px 2px;border-bottom:1px solid rgba(201,164,92,.09)}
.str-svc__abbr{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.14em;color:var(--str-gold3);flex:none;min-width:58px}
.str-svc__name{font-size:14px;line-height:1.5;color:rgba(237,230,211,.75)}
.str-techgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr));gap:14px}
.str-tech{background:linear-gradient(165deg,#13131d 0%,#0e0e15 100%);border:1px solid var(--str-line);padding:22px;transition:border-color .25s}
.str-tech:hover{border-color:rgba(201,164,92,.45)}
.str-tech__top{display:flex;justify-content:space-between;align-items:center;color:var(--str-gold)}
.str-tech__code{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.22em;color:rgba(237,230,211,.35)}
.str-tech__icon{display:inline-flex;width:26px;height:26px}
.str-tech__icon svg{width:26px;height:26px}
.str-tech__name{margin-top:16px;font-family:var(--f-display);font-size:27px;font-weight:600;color:var(--str-gold2)}
.str-tech__tag{margin-top:6px;font-family:var(--f-mono);font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:rgba(201,164,92,.7)}
.str-tech__desc{margin-top:14px;font-size:13.5px;line-height:1.6;color:rgba(237,230,211,.65)}
.str-foot{margin-top:clamp(48px,7vw,80px);border-top:1px solid rgba(201,164,92,.14);padding-top:18px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-family:var(--f-mono);font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:rgba(237,230,211,.35)}
@keyframes strBlink{0%,55%{opacity:1}56%,100%{opacity:0}}
@keyframes strPulse{0%,100%{opacity:.25}50%{opacity:1}}
.str.str-idle .str-caret,.str.str-idle .str-tile__risk-dot{animation:none}
@media (prefers-reduced-motion:reduce){
  .str-caret,.str-tile__risk-dot{animation:none}
  .str-truth__body,.str-truth__gate,.str-stamp,.str-tile,.str-arrow,.str-btn{transition:none}
}
@media (max-width:720px){
  .str-head__tri{opacity:.35}
  .str-head__main{align-items:flex-start}
  .str-stats{width:100%}
  .str-tiles{grid-template-columns:1fr}
  .str-tiles>.str-dossier{grid-column:1/-1;margin:0 0 2px}
}
@media (max-width:560px){
  .str-head__tri{display:none}
  .str-tl__row{grid-template-columns:70px 20px 1fr}
  .str-tl::before{left:80px}
  .str-dossier__nav{margin-left:0}
}

/* geneva.css */
#base{padding-bottom:0}
.gnv{
  --gnv-accent:var(--violet-bright);
  --gnv-h:min(62vh,700px);
  --gnv-n:7;
  position:relative;
}
.gnv.is-secret{--gnv-accent:var(--red-bright)}
.gnv-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.gnv-top__rule{flex:1 1 40px;min-width:24px;height:1px;
  background:linear-gradient(90deg,rgba(125,111,216,.28),transparent 60%)}
.gnv-top__note{font-family:var(--f-mono);font-size:.64rem;letter-spacing:.25em;
  text-transform:uppercase;color:var(--text-faint);white-space:nowrap}
.gnv-accent{color:var(--gold-bright)}
.gnv-stage{position:relative;margin-top:clamp(28px,4vh,48px)}
.gnv-glow{position:absolute;inset:-26px;z-index:0;pointer-events:none}
.gnv-glow__l{position:absolute;inset:0;border-radius:32px;
  background-size:cover;background-position:center;
  filter:blur(52px) saturate(1.3);opacity:0;transition:opacity .9s ease}
.gnv-glow__l.is-on{opacity:.42}
.gnv-view{position:relative;z-index:1;display:block;width:100%;height:var(--gnv-h);
  padding:0;text-align:left;overflow:hidden;cursor:zoom-in;
  border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg-2);
  box-shadow:0 34px 80px -40px rgba(0,0,0,.7)}
.gnv-view:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.gnv-view__l{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:0;transform:scale(1);transition:opacity .8s ease,transform 9s linear}
.gnv-view__l.is-on{opacity:1;transform:scale(1.07)}
.gnv-view__grad{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(var(--bg-rgb),.22) 0%,transparent 26%,
    transparent 48%,rgba(var(--bg-rgb),.92) 100%)}
.gnv-view__num{position:absolute;top:14px;right:clamp(18px,2.4vw,30px);pointer-events:none;
  font-family:var(--f-display);font-weight:700;line-height:1;
  font-size:clamp(58px,9vw,130px);color:rgba(255,255,255,.09)}
.gnv-view__hint{position:absolute;top:16px;left:clamp(14px,1.6vw,22px);pointer-events:none;
  padding:8px 13px;border-radius:99px;background:rgba(var(--bg-rgb),.5);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  font-family:var(--f-mono);font-size:.56rem;letter-spacing:.22em;
  text-transform:uppercase;color:var(--text-dim)}
.gnv-view__cap{position:absolute;left:0;right:0;bottom:0;pointer-events:none;
  padding:0 clamp(20px,3vw,44px) clamp(20px,3vh,36px)}
.gnv-tag{display:block;font-family:var(--f-mono);font-size:.66rem;letter-spacing:.3em;
  text-transform:uppercase;color:var(--gnv-accent);margin-bottom:10px}
.gnv-view__name{display:block;font-family:var(--f-display);font-weight:600;
  font-size:clamp(1.55rem,3.2vw,2.6rem);line-height:1.15;color:var(--text);margin-bottom:10px}
.gnv-view__desc{display:block;max-width:64ch;font-size:.98rem;line-height:1.6;color:var(--text-dim)}
.gnv-bar{display:flex;align-items:center;gap:14px;margin:clamp(24px,3.6vh,42px) 0 20px}
.gnv-bar__t,.gnv-bar__n{font-family:var(--f-mono);font-size:.74rem;text-transform:uppercase;white-space:nowrap}
.gnv-bar__t{letter-spacing:.28em;color:var(--text-faint)}
.gnv-bar__n{letter-spacing:.2em;color:var(--gold-bright)}
.gnv-bar__track{position:relative;flex:1;height:1px;overflow:hidden;background:rgba(198,161,91,.14)}
.gnv-bar__fill{position:absolute;left:0;top:0;height:1px;width:0;
  background:linear-gradient(90deg,var(--gold),var(--violet));
  transition:width .6s cubic-bezier(.4,0,.2,1)}
.gnv-strip{display:grid;grid-template-columns:repeat(var(--gnv-n),1fr);gap:clamp(12px,1.6vw,20px)}
.gnv-cell{display:flex;flex-direction:column;padding:0;text-align:left;background:none;
  opacity:.55;transition:opacity .4s ease,transform .4s ease}
.gnv-cell:hover,.gnv-cell:focus-visible{opacity:1}
.gnv-cell:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.gnv-cell.is-on{opacity:1;transform:translateY(-5px)}
.gnv-cell__pic{display:block;position:relative;height:92px;overflow:hidden;
  border:1px solid var(--line-soft);border-radius:var(--r);
  transition:box-shadow .4s ease,border-color .4s ease}
.gnv-cell.is-on .gnv-cell__pic{border-color:var(--line-strong);
  box-shadow:0 14px 44px rgba(125,111,216,.3),0 4px 18px rgba(198,161,91,.22)}
.gnv-cell__pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  filter:saturate(.55) brightness(.7);transform:scale(1);
  transition:filter .4s ease,transform .4s ease}
.gnv-cell.is-on .gnv-cell__pic img{filter:none;transform:scale(1.04)}
.gnv-cell__mark{position:absolute;left:0;right:0;bottom:0;height:3px;opacity:0;
  background:linear-gradient(90deg,var(--gold),var(--violet));transition:opacity .4s ease}
.gnv-cell.is-on .gnv-cell__mark{opacity:1}
.gnv-cell__row{display:flex;align-items:baseline;gap:8px;margin-top:12px}
.gnv-cell__num{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.08em;color:rgba(198,161,91,.6)}
.gnv-cell__name{font-family:var(--f-display);font-size:1.12rem;font-weight:600;line-height:1.25;
  color:var(--text-dim);transition:color .4s ease}
.gnv-cell.is-on .gnv-cell__name{color:var(--text)}
.gnv-cell__tag{display:block;margin-top:auto;padding-top:5px;font-family:var(--f-mono);font-size:.65rem;
  letter-spacing:.2em;text-transform:uppercase;color:var(--violet-bright);opacity:.62;
  transition:opacity .4s ease}
.gnv-cell--secret .gnv-cell__tag{color:var(--red-bright)}
.gnv-cell.is-on .gnv-cell__tag{opacity:1}
.gnv-full{--gnv-accent:var(--violet-bright);
  position:fixed;inset:0;z-index:var(--z-modal);display:flex;
  flex-direction:column;align-items:center;justify-content:center;gap:20px;
  padding:24px;background:rgba(5,5,9,.96);
  -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);
  opacity:0;transition:opacity .35s ease}
.gnv-full[hidden]{display:none}
.gnv-full.is-open{opacity:1}
.gnv-full.is-secret{--gnv-accent:var(--red-bright)}
.gnv-full__img{max-width:96vw;max-height:78vh;object-fit:contain;
  border-radius:var(--r-lg);box-shadow:0 30px 120px rgba(0,0,0,.8)}
.gnv-full__nav{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap}
.gnv-full__meta{text-align:center}
.gnv-full__name{display:block;font-family:var(--f-display);font-size:1.35rem;font-weight:600;color:var(--text)}
.gnv-full__tag{display:block;margin-top:4px;font-family:var(--f-mono);font-size:.6rem;
  letter-spacing:.25em;text-transform:uppercase;color:var(--gnv-accent)}
.gnv-full__btn{padding:10px 16px;border:1px solid var(--line-strong);border-radius:99px;
  font-family:var(--f-mono);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gold-bright);transition:background .3s,border-color .3s}
.gnv-full__btn:hover{background:rgba(198,161,91,.15);border-color:var(--gold)}
.gnv-full__close{position:absolute;top:20px;right:24px;padding:11px 18px;
  border:1px solid rgba(233,229,216,.3);border-radius:99px;
  font-family:var(--f-mono);font-size:.62rem;letter-spacing:.25em;text-transform:uppercase;
  color:var(--text);transition:background .3s,border-color .3s}
.gnv-full__close:hover{background:rgba(255,255,255,.1);border-color:var(--text)}
.gnv-full__btn:focus-visible,.gnv-full__close:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media (max-width:900px){
  .gnv{--gnv-h:52vh}
  .gnv-view__hint{padding:6px 10px;font-size:.5rem;letter-spacing:.18em}
  .gnv-glow{inset:-14px}
  .gnv-strip{display:grid;grid-auto-flow:column;grid-auto-columns:46%;
    grid-template-columns:none;overflow-x:auto;gap:14px;padding:6px 2px 10px;
    -webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
  .gnv-strip{scrollbar-width:thin;scrollbar-color:rgba(198,161,91,.3) transparent}
  .gnv-strip::-webkit-scrollbar{height:5px}
  .gnv-strip::-webkit-scrollbar-track{background:transparent}
  .gnv-strip::-webkit-scrollbar-thumb{background:rgba(198,161,91,.3);border-radius:99px}
  .gnv-cell{scroll-snap-align:start}
  .gnv-cell.is-on{transform:none}
  .gnv-full__close{top:12px;right:12px}
  .gnv-full__img{max-height:66vh}
}
@media (max-width:560px){
  .gnv-top__note,.gnv-top__rule{display:none}
  .gnv-view__cap{padding-bottom:18px}
  .gnv-view__desc{font-size:.9rem}
  .gnv-bar__t{display:none}
  .gnv-strip{grid-auto-columns:66%}
  .gnv-cell__pic{height:78px}
}
@media (prefers-reduced-motion:reduce){
  .gnv-view__l,.gnv-glow__l,.gnv-bar__fill,.gnv-cell,.gnv-cell__pic,
  .gnv-cell__pic img,.gnv-cell__name,.gnv-cell__tag,.gnv-cell__mark,.gnv-full{transition:none}
  .gnv-view__l.is-on{transform:none}
  .gnv-cell.is-on{transform:none}
  .gnv-cell.is-on .gnv-cell__pic img{transform:none}
}

/* boot.css */
@keyframes bootSpin{to{transform:rotate(360deg)}}
@keyframes bootPulse{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}
@keyframes bootBlinkDot{0%,55%{opacity:1}65%,100%{opacity:.12}}
@keyframes bootCaret{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes bootSweep{0%{transform:translateY(-35svh)}100%{transform:translateY(135svh)}}
@keyframes bootFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-30px)}}
@keyframes bootFlicker{0%,100%{opacity:.5}50%{opacity:.28}}
@keyframes bootTicker{to{transform:translateY(-50%)}}
@keyframes bootLetterIn{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
@keyframes bootTrackIn{from{opacity:0;letter-spacing:.75em}to{opacity:1;letter-spacing:.42em}}
@keyframes bootGlowTxt{0%,100%{text-shadow:0 0 18px rgba(231,200,132,.25)}50%{text-shadow:0 0 34px rgba(231,200,132,.55)}}
@keyframes bootGlitchTxt{
  0%,86%,100%{transform:translate(0,0);text-shadow:none}
  89%{transform:translate(-2px,1px);text-shadow:2px 0 var(--violet-bright),-2px 0 var(--red-bright)}
  93%{transform:translate(2px,-1px);text-shadow:-2px 0 var(--violet-bright),2px 0 var(--red-bright)}
  97%{transform:translate(-1px,0);text-shadow:1px 0 var(--red-bright)}}
@keyframes bootFadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.boot{position:fixed;inset:0;z-index:120;overflow:hidden;
  display:flex;align-items:safe center;justify-content:center;
  font-family:var(--f-mono);color:var(--text-dim);
  background:radial-gradient(1300px 750px at 50% 34%,#12141d 0%,#0a0b10 55%,#06070b 100%);
  transition:opacity .55s,visibility .55s}
.boot.done{opacity:0;visibility:hidden}
.boot-fx{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.boot-fx__grid{position:absolute;inset:0;background-size:44px 44px;
  background-image:radial-gradient(rgba(231,200,132,.05) 1px,transparent 1.5px)}
.boot-fx__mote{position:absolute;border-radius:50%;animation:bootFloat ease-in-out infinite}
.boot-fx__band{position:absolute;left:0;right:0;top:0;height:150px;animation:bootSweep 8s linear infinite;
  background:linear-gradient(180deg,rgba(231,200,132,0) 0%,rgba(231,200,132,.05) 50%,rgba(231,200,132,0) 100%)}
.boot-fx__scan{position:absolute;inset:0;animation:bootFlicker 7s steps(14) infinite;
  background:repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0 1px,transparent 1px 3px)}
.boot-fx__vig{position:absolute;inset:0;
  background:radial-gradient(125% 95% at 50% 50%,rgba(0,0,0,0) 55%,rgba(0,0,0,.55) 100%)}
.boot-tick{position:absolute;top:50%;transform:translateY(-50%);z-index:1;pointer-events:none;
  height:min(58svh,500px);overflow:hidden;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent);
  mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent)}
.boot-tick--l{left:clamp(14px,3vw,34px)}
.boot-tick--r{right:clamp(14px,3vw,34px);text-align:right}
.boot-tick__run{animation:bootTicker 16s linear infinite}
.boot-tick--r .boot-tick__run{animation-direction:reverse}
.boot-tick__row{padding:7px 0;font-size:9px;letter-spacing:.16em;color:rgba(231,200,132,.28)}
.boot-tick--r .boot-tick__row{color:rgba(168,156,244,.26)}
.boot-main{position:relative;z-index:2;width:min(760px,92vw);text-align:center;padding:40px 0 170px;
  transition:opacity .8s ease,transform .8s ease}
.boot.is-fading .boot-main{opacity:0;transform:scale(1.03)}
.boot-rings{position:relative;width:min(440px,92vw);aspect-ratio:1;margin:0 auto;pointer-events:none;
  animation:bootFadeUp 1s .05s both}
.boot-rings{width:min(440px,92vw,48svh)}
.boot-rings svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.boot-rings__num{font-family:var(--f-display);text-anchor:middle;dominant-baseline:central}
.boot-rings__spin{transform-origin:50px 50px;animation:bootSpin 8s linear infinite}
.boot-rings__spin--slow{transform-origin:50px 50px;animation:bootSpin 11s linear infinite reverse}
.boot-rings__arc{transform-origin:50px 50px;transform:rotate(-90deg);
  stroke-dasharray:100;transition:stroke-dashoffset .3s linear}
.boot-rings__orbit{position:absolute;inset:0;animation:bootSpin 13s linear infinite}
.boot-rings__dot{position:absolute;left:50%;top:1%;width:4px;height:4px;margin-left:-2px;border-radius:50%;
  background:#ffe9b0;box-shadow:0 0 12px 3px rgba(231,200,132,.85)}
.boot-rings__glow{position:absolute;inset:24%;border-radius:50%;animation:bootPulse 3.6s ease-in-out infinite;
  background:radial-gradient(circle,rgba(231,200,132,.09) 0%,rgba(231,200,132,0) 66%)}
.boot-rings__mark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-family:var(--f-display);font-size:min(82px,17vw,9svh);font-weight:400;line-height:1;
  letter-spacing:.16em;text-indent:.16em;color:var(--gold-bright);
  animation:bootGlowTxt 4s ease-in-out infinite}
.boot-rings__mark i{display:inline-block;font-style:normal;animation:bootLetterIn .7s both}
.boot-rings__mark i:nth-child(1){font-size:.72em;animation-delay:.1s}
.boot-rings__mark i:nth-child(2){animation-delay:.25s}
.boot-rings__mark i:nth-child(3){font-size:.72em;animation-delay:.4s}
.boot-title{margin-top:28px;font-size:clamp(11px,2.8vw,15px);font-weight:500;
  letter-spacing:.42em;text-indent:.42em;color:var(--gold);text-wrap:balance;
  animation:bootTrackIn 1.4s .4s both}
.boot-sub{margin-top:12px;font-size:clamp(9.5px,2.3vw,11.5px);letter-spacing:.2em;color:var(--text-faint);
  animation:bootFadeUp 1s .8s both}
.boot-segs{margin-top:34px;display:flex;flex-wrap:wrap;justify-content:center;column-gap:14px;row-gap:6px;
  font-size:clamp(10px,2.4vw,12px);letter-spacing:.1em;animation:bootFadeUp 1s 1s both}
.boot-seg{white-space:nowrap;opacity:0;transform:translateY(8px);
  transition:opacity .5s ease,transform .5s ease}
.boot-seg.on{opacity:1;transform:translateY(0)}
.boot-seg__l{color:var(--text-faint)}
.boot-seg__v{font-weight:500;color:var(--gold-bright)}
.boot-seg__v--violet{color:var(--violet-bright)}
.boot-seg__v--danger{color:var(--red-bright)}
.boot-seg.on .boot-seg__v--danger{animation:bootGlitchTxt 1.8s steps(2,end) infinite}
.boot-type{margin-top:22px;min-height:1.6em;font-size:clamp(10px,2.4vw,12.5px);letter-spacing:.12em;
  color:var(--violet-bright);animation:bootFadeUp 1s 1.2s both}
.boot-type__arr{color:rgba(231,200,132,.8)}
.boot-type__caret{display:inline-block;width:.55em;margin-left:2px;color:var(--gold-bright);
  animation:bootCaret 1s steps(1) infinite}
.boot-cat{margin-top:26px;font-size:clamp(9.5px,2.3vw,11px);letter-spacing:.14em;
  color:rgba(168,156,244,.55);animation:bootFadeUp 1s 1.4s both}
.boot-cat i{font-style:normal;animation:bootBlinkDot 2.6s infinite}
.boot-bz{position:absolute;left:clamp(18px,4vw,44px);right:clamp(18px,4vw,44px);bottom:46px;z-index:2;
  display:flex;align-items:flex-end;justify-content:space-between;gap:18px;transition:opacity .8s ease}
.boot-bz__l{display:flex;flex-direction:column;gap:9px;text-align:left}
.boot-bz__word{font-size:clamp(10px,2.4vw,12px);font-weight:700;letter-spacing:.3em;
  color:var(--red-bright);transition:color .5s ease}
.boot.is-done .boot-bz__word{color:var(--gold-bright)}
.boot-bz__meta{font-size:clamp(9px,2.2vw,10.5px);letter-spacing:.2em;color:var(--text-faint)}
.boot-bz__pct{font-size:clamp(64px,12vw,124px);font-weight:200;line-height:.8;letter-spacing:-.02em;
  white-space:nowrap;color:#f0ead8}
.boot-bz__pct span{font-size:.3em;font-weight:400;color:rgba(231,200,132,.75)}
.boot-ticks{position:absolute;left:0;right:0;bottom:14px;z-index:2;display:flex;justify-content:space-between;
  padding:0 14px;pointer-events:none;transition:opacity .8s ease}
.boot-ticks i{width:1px;height:7px;background:rgba(255,255,255,.09);transition:background .4s ease}
.boot-ticks i.major{height:12px}
.boot-ticks i.lit{background:var(--gold-bright);box-shadow:0 0 6px rgba(231,200,132,.5)}
.boot-ticks i.lit.far{background:var(--violet-bright)}
.boot-bar{position:absolute;left:0;right:0;bottom:0;height:2px;z-index:2;background:rgba(255,255,255,.05)}
.boot-bar__fill{position:absolute;left:0;top:0;bottom:0;width:0;
  background:linear-gradient(90deg,rgba(231,200,132,0) 0%,var(--gold-bright) 45%,var(--violet-bright) 100%);
  transition:width .3s cubic-bezier(.4,0,.2,1)}
.boot.is-done .boot-bar__fill{box-shadow:0 0 18px rgba(231,200,132,.5)}
.boot-bar__knob{position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:8px;height:8px;
  border-radius:50%;background:#ffe9b0;box-shadow:0 0 16px 4px rgba(231,200,132,.75)}
.boot-corners{position:absolute;inset:0;z-index:3;pointer-events:none;
  font-size:clamp(9px,2.2vw,11px);letter-spacing:.22em;transition:opacity .8s ease}
.boot-corners__tl{position:absolute;top:clamp(16px,3.5vw,30px);left:clamp(16px,3.5vw,30px)}
.boot-corners__tr{position:absolute;top:clamp(16px,3.5vw,30px);right:clamp(16px,3.5vw,30px);color:var(--text-faint)}
.boot-corners b{font-weight:700;color:var(--gold-bright)}
.boot-corners small{font-size:1em;color:var(--text-faint)}
.boot-corners__live{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;
  background:var(--gold-bright);box-shadow:0 0 8px rgba(231,200,132,.9);animation:bootBlinkDot 2.2s infinite}
.boot-corners__tr b{font-weight:400;color:var(--text-dim)}
.boot.is-fading .boot-bz,.boot.is-fading .boot-ticks,
.boot.is-fading .boot-corners,.boot.is-fading .boot-tick{opacity:0}
@media (max-width:900px){
  .boot-tick{display:none}
}
@media (max-width:640px){
  .boot-main{padding-bottom:150px}
  .boot-rings{opacity:.7}
  .boot-segs{font-size:10px}
  .boot-bz{bottom:26px}
  .boot-bz__pct{font-size:56px}
}
@media (max-width:480px){
  .boot-corners__tl small{display:none}
  .boot-bz{flex-direction:column;align-items:stretch;gap:10px}
  .boot-bz__pct{align-self:flex-end}
}
@media (max-height:640px){
  .boot-main{padding:16px 0 70px}
  .boot-title{margin-top:4px;font-size:12px}
  .boot-segs{margin-top:20px}
  .boot-type{margin-top:14px}
  .boot-cat{margin-top:14px}
  .boot-bz{bottom:28px}
  .boot-bz__pct{font-size:56px}
}
@media (max-height:440px){
  .boot-main{padding:8px 0 78px}
  .boot-sub,.boot-cat,.boot-corners{display:none}
  .boot-segs{margin-top:12px}
  .boot-type{margin-top:10px}
  .boot-bz{bottom:14px}
  .boot-bz__meta{display:none}
  .boot-bz__pct{font-size:38px}
  .boot-ticks{display:none}
}
@media (prefers-reduced-motion:reduce){
  .boot *{animation:none!important}
}

/* hero.css */
@keyframes hroKen{0%{transform:scale(1.06) translate3d(0,0,0)}100%{transform:scale(1.17) translate3d(-1.6%,1.2%,0)}}
@keyframes hroCausticA{0%,100%{transform:translate3d(-3%,-2%,0) scale(1);opacity:.65}50%{transform:translate3d(4%,3%,0) scale(1.14);opacity:1}}
@keyframes hroCausticB{0%,100%{transform:translate3d(3%,2%,0) scale(1.1);opacity:.85}50%{transform:translate3d(-4%,-3%,0) scale(.98);opacity:.45}}
@keyframes hroRise{0%{transform:translate3d(0,0,0)}25%{transform:translate3d(9px,-26vh,0)}50%{transform:translate3d(-7px,-53vh,0)}75%{transform:translate3d(8px,-80vh,0)}100%{transform:translate3d(-5px,-110vh,0)}}
@keyframes hroUp{0%{opacity:0;transform:translate3d(0,26px,0)}100%{opacity:1;transform:none}}
@keyframes hroLetter{0%{transform:translate3d(0,110%,0)}100%{transform:none}}
@keyframes hroSwell{0%,100%{color:var(--gold);text-shadow:0 0 0 rgba(255,240,200,0);transform:none}
  50%{color:#f2dda4;text-shadow:0 0 22px rgba(240,215,150,.42),0 0 60px rgba(230,195,110,.22);transform:translateY(-1.5%)}}
@keyframes hroBlink{0%,55%{opacity:1}56%,100%{opacity:0}}
@keyframes hroPing{0%{box-shadow:0 0 0 0 currentColor}100%{box-shadow:0 0 0 9px transparent}}
@keyframes hroScrollDot{0%{transform:translate3d(0,-18px,0)}100%{transform:translate3d(0,48px,0)}}
@keyframes hroSpin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
.hro{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;background:var(--bg)}
.hro-bg{position:absolute;inset:-48px;z-index:0;will-change:transform}
.hro-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 38%;
  filter:brightness(.94) saturate(1.06);animation:hroKen 32s ease-in-out infinite alternate}
.hro-caustics{position:absolute;inset:-60px;z-index:1;pointer-events:none;
  mix-blend-mode:screen;will-change:transform}
.hro-caustics i{position:absolute;display:block;border-radius:50%}
.hro-caustics i:nth-child(1){left:6%;top:-8%;width:62%;height:72%;filter:blur(14px);
  background:radial-gradient(ellipse at center,rgba(98,202,214,.17),transparent 64%);
  animation:hroCausticA 13s ease-in-out infinite}
.hro-caustics i:nth-child(2){right:0;bottom:-6%;width:56%;height:66%;filter:blur(16px);
  background:radial-gradient(ellipse at center,rgba(125,111,216,.15),transparent 62%);
  animation:hroCausticB 17s ease-in-out infinite}
.hro-bubbles{position:absolute;inset:0;z-index:2;pointer-events:none}
.hro-bubbles i{position:absolute;bottom:-3%;border-radius:50%;
  background:radial-gradient(circle at 32% 30%,rgba(214,244,255,.7),rgba(150,205,235,.16) 60%,transparent 72%);
  animation:hroRise linear infinite}
.hro-veil{position:absolute;inset:0;z-index:3;pointer-events:none;
  background:
    linear-gradient(92deg,rgba(var(--bg-rgb),.9) 0%,rgba(var(--bg-rgb),.6) 30%,rgba(var(--bg-rgb),.1) 62%,rgba(var(--bg-rgb),.38) 100%),
    linear-gradient(180deg,rgba(var(--bg-rgb),.66) 0%,rgba(var(--bg-rgb),.16) 30%,rgba(var(--bg-rgb),.22) 58%,var(--bg) 100%)}
.hro-hex{position:absolute;right:-9%;top:8%;width:min(48vw,640px);aspect-ratio:1;z-index:4;
  opacity:.07;pointer-events:none;animation:hroSpin 160s linear infinite}
.hro-hex svg{width:100%;height:100%}
.hro-in{position:relative;z-index:10;min-height:100vh;min-height:100svh;
  display:flex;flex-direction:column;
  padding:clamp(96px,14vh,150px) var(--gutter) 22px}
.hro-mid{width:100%;max-width:var(--maxw);margin:0 auto;flex:1;
  display:flex;flex-direction:column;justify-content:center}
.hro-status{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 22px;
  font-family:var(--f-mono);font-size:.75rem;color:var(--violet-bright);
  animation:hroUp .8s ease .15s both}
.hro-status__dot{width:7px;height:7px;border-radius:50%;background:var(--violet);
  color:rgba(125,111,216,.55);box-shadow:0 0 12px rgba(125,111,216,.9);
  animation:hroPing 2.2s ease-out infinite}
.hro-status__l{letter-spacing:.22em;text-transform:uppercase}
.hro-status__sep{opacity:.4}
.hro-status__typed{letter-spacing:.06em;color:rgba(168,156,244,.85)}
.hro-status__caret{display:inline-block;width:7px;height:13px;margin-left:4px;vertical-align:-2px;
  background:var(--violet-bright);animation:hroBlink 1.1s steps(1) infinite}
.hro-kicker{margin:0 0 26px;font-family:var(--f-mono);font-size:clamp(.62rem,1vw,.75rem);
  letter-spacing:.3em;text-transform:uppercase;color:rgba(198,161,91,.92);
  animation:hroUp .8s ease .3s both}
.hro-title{margin:0;display:flex;flex-wrap:wrap;
  font-family:var(--f-display);font-weight:800;font-size:clamp(54px,9.6vw,140px);
  line-height:1;letter-spacing:.01em;color:#f4efe2}
.hro-title__w{display:inline-flex;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.hro-title__w i{display:inline-block;font-style:normal;
  animation:hroLetter .85s cubic-bezier(.16,1,.3,1) both}
.hro-title__w:nth-child(1) i:nth-child(1){animation-delay:.45s}
.hro-title__w:nth-child(1) i:nth-child(2){animation-delay:.5s}
.hro-title__w:nth-child(1) i:nth-child(3){animation-delay:.55s}
.hro-title__w:nth-child(1) i:nth-child(4){animation-delay:.6s}
.hro-title__w--gold i{color:var(--gold);
  animation:hroLetter .85s cubic-bezier(.16,1,.3,1) both,hroSwell 7s ease-in-out infinite}
.hro-title__w--gold i:nth-child(1){animation-delay:.68s,1.9s}
.hro-title__w--gold i:nth-child(2){animation-delay:.73s,2.25s}
.hro-title__w--gold i:nth-child(3){animation-delay:.78s,2.6s}
.hro-title__w--gold i:nth-child(4){animation-delay:.83s,2.95s}
.hro-title__w--gold i:nth-child(5){animation-delay:.88s,3.3s}
.hro-title__w--gold i:nth-child(6){animation-delay:.93s,3.65s}
.hro-title__w--gold i:nth-child(7){animation-delay:.98s,4s}
.hro-title__w--gold i:nth-child(8){animation-delay:1.03s,4.35s}
.hro-slogan{margin:28px 0 0;max-width:560px;font-size:clamp(1rem,1.35vw,1.19rem);
  line-height:1.7;font-weight:400;color:rgba(233,229,216,.78);text-wrap:pretty;
  animation:hroUp .9s ease 1.25s both}
.hro-slogan b{color:var(--gold-bright);font-weight:600}
.hro-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:40px;animation:hroUp .9s ease 1.45s both}
.hro-btn{flex:1 1 240px;max-width:340px;min-height:54px;padding:15px 28px;
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  border-radius:var(--r-lg);font-family:var(--f-mono);font-size:.75rem;font-weight:500;
  letter-spacing:.18em;text-transform:uppercase;color:var(--text);
  background:rgba(233,229,216,.09);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  transition:background .3s,transform .3s,color .3s}
.hro-btn:not(.hro-btn--gold):hover{background:rgba(233,229,216,.17);transform:translateY(-2px);color:#f6efdc}
.hro-btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.hro-btn--gold{font-weight:700;color:var(--gold-bright);background:none;
  background-image:linear-gradient(180deg,var(--gold),var(--gold-deep));
  background-repeat:no-repeat;background-position:0 50%;background-size:0% 100%;
  -webkit-backdrop-filter:none;backdrop-filter:none;
  box-shadow:inset 0 0 0 1.5px rgba(198,161,91,.85),0 0 24px rgba(138,109,52,.14);
  transition:background-size .45s cubic-bezier(.4,0,.2,1),color .35s,box-shadow .35s,transform .3s}
.hro-btn--gold:hover{background-size:100% 100%;color:#191204;transform:translateY(-2px);
  box-shadow:inset 0 0 0 1.5px rgba(198,161,91,0),0 14px 38px rgba(198,161,91,.32)}
.hro-btn--gold span{font-family:var(--f-body);font-size:.95rem;letter-spacing:0}
.hro-meta{width:100%;max-width:var(--maxw);margin:0 auto;padding-top:44px;
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px 30px;
  font-family:var(--f-mono);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(233,229,216,.5);animation:hroUp 1s ease 1.7s both}
.hro-meta span{white-space:nowrap}
.hro-meta__r{display:flex;flex-wrap:wrap;gap:12px 28px}
.hro-meta__live{display:flex;align-items:center;gap:8px}
.hro-meta__live i{width:6px;height:6px;border-radius:50%;background:var(--cyan);
  color:rgba(98,202,214,.5);animation:hroPing 2.4s ease-out infinite}
.hro-scroll{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);z-index:11;
  display:flex;flex-direction:column;align-items:center;gap:10px;
  font-family:var(--f-mono);font-size:.6rem;letter-spacing:.34em;text-transform:uppercase;
  color:rgba(233,229,216,.45);animation:hroUp 1s ease 1.9s both}
.hro-scroll__line{position:relative;display:block;width:1px;height:46px;overflow:hidden;
  background:rgba(233,229,216,.14)}
.hro-scroll__line i{position:absolute;left:0;top:0;width:1px;height:18px;
  background:linear-gradient(180deg,transparent,var(--gold-bright));
  animation:hroScrollDot 2.2s cubic-bezier(.4,0,.2,1) infinite}
@media (max-width:940px){
  .hro-scroll{display:none}
  .hro-hex{opacity:.05}
}
@media (max-width:700px){
  .hro-in{padding-top:clamp(84px,12vh,120px)}
  .hro-status{font-size:.68rem;gap:8px}
  .hro-kicker{margin-bottom:20px;letter-spacing:.22em}
  .hro-title{font-size:clamp(44px,13vw,74px)}
  .hro-slogan{margin-top:22px;font-size:.98rem}
  .hro-cta{margin-top:30px;gap:10px}
  .hro-btn{flex:1 1 100%;max-width:none}
  .hro-meta{padding-top:30px;font-size:.58rem;letter-spacing:.14em}
  .hro-bubbles{display:none}
}
@media (max-height:560px) and (max-width:940px){
  .hro-in{padding-top:72px;padding-bottom:12px}
  .hro-status{margin-bottom:12px}
  .hro-kicker{margin-bottom:14px}
  .hro-title{font-size:clamp(34px,7vw,48px)}
  .hro-slogan{margin-top:12px;font-size:.9rem;line-height:1.55}
  .hro-cta{margin-top:16px;gap:10px}
  .hro-btn{min-height:46px;padding:12px 20px;font-size:.68rem}
  .hro-meta{display:none}
}
.hro-idle .hro-bg img,.hro-idle .hro-caustics i,.hro-idle .hro-bubbles i,
.hro-idle .hro-hex,.hro-idle .hro-title__w--gold i,
.hro-idle .hro-status__dot,.hro-idle .hro-status__caret,
.hro-idle .hro-meta__live i,.hro-idle .hro-scroll__line i{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){
  .hro-bubbles{display:none}
  .hro-bg img,.hro-caustics i,.hro-hex,.hro-status__dot,.hro-status__caret,
  .hro-meta__live i,.hro-scroll__line i{animation:none}
  .hro-title__w i{animation:none}
  .hro-status,.hro-kicker,.hro-slogan,.hro-cta,.hro-meta,.hro-scroll{animation:none;opacity:1}
}

/* status.css */
.rst{
  --rst-r:var(--r-lg);
  --rst-mute:rgba(233,229,216,.5);
  --rst-faint:rgba(233,229,216,.34);
  --rst-line:rgba(198,161,91,.22);
  position:relative;
  min-height:100vh;min-height:100svh;
  overflow:hidden;
  color:var(--text);font-family:var(--f-mono);
}
.rst-atm{
  position:absolute;inset:0;overflow:hidden;pointer-events:none;
  background:
    radial-gradient(1200px 800px at 85% -10%,rgba(125,111,216,.17),transparent 62%),
    radial-gradient(900px 700px at -12% 28%,rgba(198,161,91,.08),transparent 55%),
    radial-gradient(1400px 900px at 50% 118%,rgba(75,74,143,.16),transparent 62%);
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 16%,#000 84%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0,#000 16%,#000 84%,transparent 100%);
}
.rst-orb{
  position:absolute;right:-22%;top:-34%;width:78vmin;height:78vmin;border-radius:50%;
  background:conic-gradient(from 20deg,rgba(125,111,216,.12),rgba(198,161,91,.09) 30%,transparent 55%,rgba(125,111,216,.12));
  filter:blur(80px);animation:rstSpin 70s linear infinite;pointer-events:none;
}
.rst-wm{
  position:absolute;left:-3%;bottom:-8%;pointer-events:none;user-select:none;
  font-family:var(--f-display);font-weight:700;font-size:clamp(180px,28vw,400px);line-height:.9;
  color:rgba(198,161,91,.05);
}
.rst-dust{position:absolute;inset:0;pointer-events:none}
.rst-dust span{position:absolute;border-radius:50%;opacity:0}
.rst-in{
  position:relative;width:100%;max-width:var(--maxw);margin-inline:auto;
  padding:clamp(66px,8vh,92px) var(--gutter) clamp(26px,4vh,48px);
}
.rst-head{
  display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;
  gap:26px 56px;margin-bottom:clamp(30px,6vh,70px);
}
.rst-title{
  margin:20px 0 0;font-family:var(--f-display);font-weight:600;
  font-size:clamp(2.9rem,6.6vw,5.4rem);line-height:1.04;letter-spacing:-.01em;
  color:#f5edda;text-wrap:balance;
}
.rst-title em{
  font-style:italic;font-weight:500;color:var(--gold-bright);
  background:linear-gradient(110deg,var(--gold-deep) 0%,#ecd9a8 28%,var(--gold) 52%,#f6e5b8 74%,var(--gold-deep) 100%);
  background-size:200% 100%;-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;animation:rstShimmer 8s linear infinite;
}
.rst-lead{
  max-width:460px;margin:0 0 10px;font-family:var(--f-mono);
  font-size:clamp(14.5px,1.35vw,17px);line-height:1.85;letter-spacing:.05em;color:var(--rst-mute);
}
.rst-lead b{font-weight:inherit;color:var(--gold-bright)}
.rst-grid{display:grid;grid-template-columns:1fr;gap:clamp(22px,3vw,44px)}
.rst-shot{
  position:relative;display:block;width:100%;padding:0;border:0;text-align:left;font:inherit;
  aspect-ratio:1400/788;overflow:hidden;border-radius:var(--rst-r);cursor:zoom-in;
  box-shadow:0 0 90px -24px rgba(122,84,255,.3);
  transition:transform .6s var(--ease),box-shadow .6s ease;
}
.rst-shot:hover,.rst-shot:focus-visible{
  transform:translateY(-6px);
  box-shadow:0 0 120px -20px rgba(122,84,255,.42);
}
.rst-shot img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%;
  animation:rstKen 26s ease-in-out infinite alternate;
}
.rst-shot__shade{
  position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(200deg,rgba(var(--bg-rgb),0) 42%,rgba(var(--bg-rgb),.5) 76%,rgba(var(--bg-rgb),.88) 100%),
    radial-gradient(130% 70% at 50% -6%,rgba(var(--bg-rgb),.4),transparent 52%);
}
.rst-shot__badge{
  position:absolute;top:20px;left:20px;padding:10px 18px;border-radius:var(--rst-r);
  background:rgba(12,9,24,.55);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:#ecd9a8;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09);
}
.rst-shot__cap{
  position:absolute;left:26px;right:26px;bottom:22px;display:flex;flex-wrap:wrap;
  justify-content:space-between;align-items:baseline;gap:12px 24px;
  font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;
}
.rst-shot__cap span{color:rgba(233,229,216,.9);text-shadow:0 2px 12px rgba(0,0,0,.7)}
.rst-shot__cap span+span{color:var(--violet-bright)}
.rst-panel{
  position:relative;overflow:hidden;border-radius:var(--rst-r);
  padding:clamp(24px,3.2vw,42px);
  background:linear-gradient(165deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.015) 45%,rgba(125,111,216,.055) 100%);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.rst-panel__glow{
  position:absolute;right:-18%;top:-22%;width:62%;height:62%;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(125,111,216,.2),transparent 65%);
  filter:blur(34px);animation:rstGlow 9s ease-in-out infinite;
}
.rst-panel__in{
  position:relative;display:grid;grid-template-columns:.92fr 1.08fr;
  gap:clamp(20px,3.4vw,64px);align-items:center;
}
.rst-dep__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px}
.rst-dep__head>span:first-child{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--rst-mute)}
.rst-badge{
  display:inline-flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.24em;
  text-transform:uppercase;color:var(--red-bright);animation:rstBadge 2.8s ease-in-out infinite;
}
.rst-badge i{width:6px;height:6px;border-radius:50%;background:var(--red-bright);box-shadow:0 0 12px var(--red-bright)}
.rst-dep__val{display:flex;flex-wrap:wrap;align-items:baseline;gap:18px;margin:14px 0 4px}
.rst-dep__val strong{
  font-family:var(--f-display);font-weight:600;font-size:clamp(64px,7vw,106px);line-height:1;
  color:#f5edda;text-shadow:0 0 70px rgba(198,161,91,.28);
}
.rst-dep__pc{font-family:var(--f-display);font-weight:600;font-size:clamp(32px,3.5vw,53px);line-height:1;color:var(--gold);margin-left:-14px}
.rst-dep__norm{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--rst-faint)}
.rst-meter{position:relative;height:9px;border-radius:var(--r);background:rgba(255,255,255,.055);margin:22px 0 10px}
.rst-meter__fill{
  position:absolute;left:0;top:0;bottom:0;width:60%;border-radius:var(--r);
  background:linear-gradient(90deg,var(--gold-deep),var(--gold) 58%,var(--red-bright) 100%);
  box-shadow:0 0 20px rgba(198,161,91,.35);
}
.rst-meter__mark{
  position:absolute;left:50%;top:-6px;bottom:-6px;width:2px;border-radius:2px;
  background:linear-gradient(180deg,transparent,rgba(233,229,216,.55),transparent);
}
.rst-scale{display:flex;justify-content:space-between;font-size:9.5px;letter-spacing:.2em;color:rgba(233,229,216,.32)}
.rst-rows{list-style:none}
.rst-row{border-top:1px solid transparent;border-image:linear-gradient(90deg,transparent,var(--rst-line) 50%,transparent) 1}
.rst-row__in{
  display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px 24px;
  padding:clamp(13px,1.8vh,18px) 12px;border-radius:var(--rst-r);
  transition:background .35s ease,transform .35s ease;
}
.rst-row:hover .rst-row__in{background:rgba(255,255,255,.035);transform:translateX(6px)}
.rst-row__lbl{font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;color:rgba(233,229,216,.45)}
.rst-row__lbl i{font-style:normal;margin-right:14px}
.rst-row__val{
  display:inline-flex;align-items:center;gap:12px;text-align:right;
  font-family:var(--f-display);font-size:clamp(19px,2vw,26px);color:var(--text);
}
.rst-row__val i{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 14px currentColor;animation:rstDot 1.9s ease-in-out infinite}
.rst-row--alert .rst-row__val{font-style:italic;color:var(--red-bright);animation:rstFlicker 5s linear infinite}
.rst-row--tip .rst-row__lbl{color:var(--violet-bright)}
.rst-row--tip .rst-row__val{font-style:italic;color:#ecd9a8}
.rst-foot{margin-top:clamp(36px,7vh,70px)}
.rst-foot__rule{height:1px;margin-bottom:20px;background:linear-gradient(90deg,transparent,rgba(198,161,91,.18) 30%,rgba(125,111,216,.18) 70%,transparent)}
.rst-foot__row{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 28px;
  font-size:9.5px;letter-spacing:.28em;text-transform:uppercase;color:rgba(233,229,216,.36);
}
.rst-foot__row span:nth-child(2){color:rgba(198,161,91,.45)}
@keyframes rstSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes rstKen{0%{transform:scale(1)}100%{transform:scale(1.05) translateY(-.8%)}}
@keyframes rstShimmer{0%{background-position:0% 50%}100%{background-position:200% 50%}}
@keyframes rstGlow{0%,100%{opacity:.45;transform:scale(1)}50%{opacity:.85;transform:scale(1.08)}}
@keyframes rstBadge{0%,100%{opacity:.7}50%{opacity:1}}
@keyframes rstDot{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.45);opacity:.5}}
@keyframes rstFlicker{0%,89%,100%{opacity:1}90%{opacity:.5}92%{opacity:.95}95%{opacity:.65}97%{opacity:1}}
@keyframes rstFloatA{0%{transform:translate3d(0,0,0);opacity:0}12%{opacity:.8}50%{transform:translate3d(18px,-46px,0);opacity:.4}88%{opacity:.06}100%{transform:translate3d(0,0,0);opacity:0}}
@keyframes rstFloatB{0%{transform:translate3d(0,0,0);opacity:0}14%{opacity:.7}50%{transform:translate3d(-22px,-64px,0);opacity:.35}86%{opacity:.05}100%{transform:translate3d(0,0,0);opacity:0}}
.rst.rst-idle .rst-orb,.rst.rst-idle .rst-dust span,.rst.rst-idle .rst-title em,
.rst.rst-idle .rst-shot img,.rst.rst-idle .rst-panel__glow,.rst.rst-idle .rst-badge,
.rst.rst-idle .rst-row__val,.rst.rst-idle .rst-row__val i{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){
  .rst-orb,.rst-title em,.rst-shot img,.rst-panel__glow,.rst-badge,
  .rst-row__val,.rst-row__val i{animation:none}
  .rst-dust{display:none}
  .rst-shot:hover,.rst-shot:focus-visible{transform:none}
}
@media (max-width:920px){
  .rst-panel__in{grid-template-columns:1fr}
  .rst-lead{max-width:none}
  .rst-head{margin-bottom:clamp(24px,4vh,40px)}
}
@media (max-width:600px){
  .rst-in{padding-top:clamp(54px,7vh,74px)}
  .rst-title{margin-top:14px}
  .rst-shot{aspect-ratio:4/3}
  .rst-shot__badge{top:12px;left:12px;padding:7px 12px;font-size:9px;letter-spacing:.2em}
  .rst-shot__cap{left:14px;right:14px;bottom:14px;font-size:9px;letter-spacing:.2em}
  .rst-panel{padding:20px 16px}
  .rst-dep__val{gap:12px;margin-top:10px}
  .rst-dep__val strong{font-size:clamp(58px,20vw,84px)}
  .rst-dep__pc{font-size:clamp(29px,10vw,42px);margin-left:-10px}
  .rst-row__in{flex-direction:column;align-items:flex-start;gap:6px;padding:13px 8px}
  .rst-row__val{font-size:20px;text-align:left}
  .rst-foot__row{flex-direction:column;align-items:flex-start;gap:7px;font-size:8.5px;letter-spacing:.2em}
}
@media (max-height:560px) and (max-width:940px){
  .rst{min-height:auto}
  .rst-in{padding-top:54px;padding-bottom:26px}
  .rst-head{margin-bottom:22px}
  .rst-title{font-size:clamp(2.2rem,7vw,3rem)}
  .rst-grid{gap:16px}
  .rst-foot{margin-top:24px}
}

/* chat.css */
.gc{
  --gc-gold:#d4a94e;
  --gc-gold-lt:#e9c87e;
  --gc-ink:#f2ead9;
  --gc-violet:#a48bff;
  --gc-red:#ef6a55;
  --gc-mute:#98a0bb;
  --gc-faint:#5d6584;
  --gc-r:32px;
  position:relative;
  min-height:100svh;
  display:flex;align-items:center;justify-content:center;
  padding:clamp(64px,10vh,120px) clamp(20px,5vw,80px);
  font-family:var(--f-body);
}
.gc-stage{width:100%;display:flex;justify-content:center}
.gc-grid{position:relative;z-index:1;width:100%;max-width:1220px;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));
  gap:clamp(48px,6vw,96px);align-items:center}
.gc-intro{max-width:640px}
.gc-kick{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.gc-kick__line{width:44px;height:2px;border-radius:2px;transform-origin:left;
  background:linear-gradient(90deg,var(--gc-gold),rgba(212,169,78,0))}
.gc-kick__txt{font-family:var(--f-mono);font-size:11px;letter-spacing:.32em;color:#d9b36a}
.gc-kick__sep{color:var(--gc-faint)}
.gc-kick__txt--v{color:#9a8df0}
.gc-h{margin:26px 0 0;font-family:var(--f-display);font-weight:700;
  font-size:clamp(40px,6vw,86px);line-height:1.04;letter-spacing:-.005em;
  color:var(--gc-ink);text-wrap:balance}
.gc-h__it{font-style:italic;
  background:linear-gradient(105deg,#ecc985 10%,var(--gc-gold) 45%,#a992ff 95%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent}
.gc-lead{margin:22px 0 0;max-width:54ch;color:var(--gc-mute);
  font-size:clamp(15px,1.35vw,17.5px);line-height:1.7;text-wrap:pretty}
.gc-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.gc-tag{display:inline-flex;align-items:center;gap:8px;
  font-family:var(--f-mono);font-size:10.5px;letter-spacing:.14em;
  color:#a9b0cc;background:rgba(255,255,255,.045);padding:8px 14px;border-radius:999px}
.gc-tag--rec{color:#c8b795;background:rgba(212,169,78,.08)}
.gc-tag__dot{width:6px;height:6px;border-radius:50%;background:var(--gc-red)}
.gc-panelwrap{position:relative;width:100%;max-width:580px;justify-self:center}
.gc-panelwrap__glow{position:absolute;inset:-12% -8%;pointer-events:none;filter:blur(46px);
  background:
    radial-gradient(60% 55% at 30% 20%,rgba(212,169,78,.14),transparent 70%),
    radial-gradient(60% 55% at 75% 85%,rgba(122,104,228,.18),transparent 70%)}
.gc-panel{position:relative;z-index:1;display:flex;flex-direction:column;
  height:clamp(480px,66vh,660px);border-radius:var(--gc-r);overflow:hidden;
  background:linear-gradient(180deg,rgba(23,27,48,.94),rgba(11,14,26,.96));
  box-shadow:0 40px 90px -35px rgba(0,0,0,.85),
             0 0 0 1px rgba(255,255,255,.03),
             inset 0 1px 0 rgba(255,255,255,.07)}
.gc-bar{display:flex;align-items:center;gap:14px;padding:18px 22px 16px}
.gc-ava{position:relative;width:46px;height:46px;border-radius:50%;overflow:hidden;flex:none}
.gc-ava__ring{position:absolute;inset:-40%;
  background:conic-gradient(from 0deg,rgba(212,169,78,0) 0deg,rgba(212,169,78,.9) 120deg,
             rgba(164,139,255,.85) 210deg,rgba(212,169,78,0) 330deg)}
.gc-ava__core{position:absolute;inset:2px;border-radius:50%;display:grid;place-items:center;
  background:radial-gradient(circle at 35% 30%,#242b4d,#0b0e1c 72%);
  font-family:var(--f-display);font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--gc-gold-lt)}
.gc-bar__meta{min-width:0}
.gc-bar__name{color:#f0ecdf;font-weight:600;font-size:15.5px;line-height:1.3}
.gc-bar__sub{display:flex;align-items:center;gap:7px;margin-top:4px;
  font-family:var(--f-mono);font-size:10.5px;letter-spacing:.18em;color:#8b93b4;white-space:nowrap}
.gc-livedot{width:6px;height:6px;border-radius:50%;background:var(--gc-red);flex:none}
.gc-eq{display:flex;align-items:flex-end;gap:3px;height:16px;margin-left:auto;flex:none}
.gc-eq i{width:3px;height:100%;border-radius:2px;background:var(--gc-gold);transform-origin:bottom}
.gc-eq i:nth-child(2){opacity:.8}
.gc-eq i:nth-child(3){opacity:.6}
.gc-eq i:nth-child(4){opacity:.4}
.gc-sep{height:1px;margin:0 22px;flex:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),transparent)}
.gc-list{flex:1;min-width:0;min-height:0;overflow-y:auto;scrollbar-width:none;
  padding:20px 22px;display:flex;flex-direction:column;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 26px,#000 calc(100% - 6px),rgba(0,0,0,.35) 100%);
  mask-image:linear-gradient(180deg,transparent 0,#000 26px,#000 calc(100% - 6px),rgba(0,0,0,.35) 100%)}
.gc-list::-webkit-scrollbar{display:none}
.gc-msg{display:flex;flex-direction:column;align-items:flex-start}
.gc-msg--sys{align-items:center}
.gc-msg__head{display:flex;align-items:center;gap:8px;margin-bottom:7px}
.gc-msg__dot{width:6px;height:6px;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c)}
.gc-msg__name{font-family:var(--f-mono);font-size:10.5px;font-weight:500;letter-spacing:.18em;color:var(--c)}
.gc-msg__time{font-family:var(--f-mono);font-size:10px;color:var(--gc-faint)}
.gc-bub{max-width:84%;color:#f2f2f8;font-size:14.5px;line-height:1.55;
  padding:11px 16px 12px;border-radius:8px 22px 22px 22px;
  background:linear-gradient(150deg,var(--bg-a),var(--bg-b)),
             linear-gradient(180deg,rgba(44,50,82,.9),rgba(30,35,60,.9));
  box-shadow:0 16px 34px -20px var(--glow),inset 0 1px 0 rgba(255,255,255,.09);
  transition:transform .25s var(--ease)}
.gc-bub:hover{transform:translateY(-1px)}
.gc-msg--grouped .gc-bub{border-radius:22px}
.gc-sys{max-width:92%;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.12em;
  line-height:1.7;text-align:center;padding:9px 16px;border-radius:16px;
  color:#c0b7fa;
  background:linear-gradient(150deg,rgba(154,141,240,.26),rgba(154,141,240,.12)),
             linear-gradient(180deg,rgba(42,47,78,.92),rgba(28,32,56,.92));
  box-shadow:0 0 26px -8px rgba(154,141,240,.45)}
.gc-sys--warn{color:#f0cb8d;
  background:linear-gradient(150deg,rgba(232,165,88,.26),rgba(232,165,88,.12)),
             linear-gradient(180deg,rgba(42,47,78,.92),rgba(28,32,56,.92));
  box-shadow:0 0 26px -8px rgba(232,165,88,.45)}
.gc-typing{margin-top:18px}
.gc-typing__bub{display:inline-flex;gap:5px;padding:14px 16px;border-radius:8px 22px 22px 22px;
  background:linear-gradient(150deg,var(--bg-a),var(--bg-b)),
             linear-gradient(180deg,rgba(44,50,82,.9),rgba(30,35,60,.9))}
.gc-typing__bub i{width:6px;height:6px;border-radius:50%;background:var(--c)}
.gc-typing__bub i:nth-child(2){animation-delay:.15s}
.gc-typing__bub i:nth-child(3){animation-delay:.3s}
.gc-jump{position:absolute;left:50%;bottom:74px;z-index:6;transform:translateX(-50%);
  border:0;cursor:pointer;font-family:var(--f-body);font-size:12.5px;font-weight:600;
  color:#ffe2a0;background:rgba(54,45,26,.8);backdrop-filter:blur(10px);
  padding:9px 18px;border-radius:999px;box-shadow:0 12px 28px -10px rgba(212,169,78,.5)}
.gc-jump:focus-visible{outline:2px solid var(--gc-gold-lt);outline-offset:3px}
.gc-jump[hidden]{display:none}
.gc-foot{position:relative;display:flex;align-items:center;gap:10px;padding:14px 22px 17px;flex:none}
.gc-foot::before{content:"";position:absolute;top:0;left:22px;right:22px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),transparent)}
.gc-foot__dot{width:7px;height:7px;border-radius:50%;background:var(--gc-red);flex:none}
.gc-foot__txt{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.16em;color:#98a0bf;white-space:nowrap}
.gc-foot__rec{margin-left:auto;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.14em;
  color:#d9b36a;white-space:nowrap}
.gc-recon{position:absolute;inset:0;z-index:8;display:grid;place-items:center;
  background:rgba(6,9,17,.62);backdrop-filter:blur(8px);border-radius:var(--gc-r);
  text-align:center}
.gc-recon[hidden]{display:none}
.gc-recon__ring{position:relative;width:50px;height:50px;margin:0 auto 18px}
.gc-recon__ring::before{content:"";position:absolute;inset:0;border-radius:50%;
  background:conic-gradient(from 0deg,rgba(212,169,78,0),var(--gc-gold))}
.gc-recon__ring::after{content:"";position:absolute;inset:3px;border-radius:50%;background:#0a0d19}
.gc-recon__h{font-family:var(--f-mono);font-size:12px;letter-spacing:.24em;color:var(--gc-gold-lt)}
.gc-recon__s{margin-top:10px;font-family:var(--f-mono);font-size:10px;letter-spacing:.18em;color:#6b7392}
@keyframes gcRise{from{opacity:0;transform:translateY(26px);filter:blur(10px)}
                  to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes gcLine{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes gcMsg{from{opacity:0;transform:translateY(12px) scale(.96)}
                 to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes gcFade{from{opacity:0}to{opacity:1}}
@keyframes gcDot{0%,60%,100%{transform:translateY(0);opacity:.35}30%{transform:translateY(-4px);opacity:1}}
@keyframes gcPulse{0%{box-shadow:0 0 0 0 rgba(239,106,85,.45)}
                   70%{box-shadow:0 0 0 7px rgba(239,106,85,0)}
                   100%{box-shadow:0 0 0 0 rgba(239,106,85,0)}}
@keyframes gcEq{0%,100%{transform:scaleY(.25)}50%{transform:scaleY(1)}}
@keyframes gcRing{to{transform:rotate(360deg)}}
@keyframes gcFlicker{0%,100%{opacity:1}50%{opacity:.45}}
@keyframes gcBreathe{from{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.06)}}
.gc-kick{animation:gcRise .8s cubic-bezier(.22,.8,.3,1) both}
.gc-kick__line{animation:gcLine 1s .2s cubic-bezier(.22,.8,.3,1) both}
.gc-h{animation:gcRise .9s .08s cubic-bezier(.22,.8,.3,1) both}
.gc-lead{animation:gcRise .9s .16s cubic-bezier(.22,.8,.3,1) both}
.gc-tags{animation:gcRise .9s .24s cubic-bezier(.22,.8,.3,1) both}
.gc-panelwrap{animation:gcRise 1s .2s cubic-bezier(.22,.8,.3,1) both}
.gc-panelwrap__glow{animation:gcBreathe 7s ease-in-out infinite alternate}
.gc-livedot,.gc-tag__dot{animation:gcPulse 2s ease-out infinite}
.gc-foot__dot{animation:gcPulse 1.6s ease-out infinite}
.gc-ava__ring{animation:gcRing 7s linear infinite}
.gc-eq i{animation:gcEq 1.2s ease-in-out infinite}
.gc-eq i:nth-child(2){animation-delay:.18s}
.gc-eq i:nth-child(3){animation-delay:.36s}
.gc-eq i:nth-child(4){animation-delay:.54s}
.gc-typing__bub i{animation:gcDot 1.1s ease-in-out infinite}
.gc-recon__ring::before{animation:gcRing 1.1s linear infinite}
.gc-recon__h{animation:gcFlicker 1.4s ease-in-out infinite}
.gc-msg,.gc-typing{animation:gcMsg .55s cubic-bezier(.2,.8,.25,1.15) both}
.gc-typing{animation-duration:.4s;animation-timing-function:ease}
.gc-jump{animation:gcMsg .4s ease both}
.gc-recon{animation:gcFade .35s ease both}
.gc-idle .gc-panelwrap__glow,
.gc-idle .gc-livedot,.gc-idle .gc-tag__dot,.gc-idle .gc-foot__dot,
.gc-idle .gc-ava__ring,.gc-idle .gc-eq i,.gc-idle .gc-typing__bub i,
.gc-idle .gc-recon__ring::before,.gc-idle .gc-recon__h{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){
  .gc-kick,.gc-kick__line,.gc-h,.gc-lead,.gc-tags,.gc-panelwrap,
  .gc-msg,.gc-typing,.gc-jump,.gc-recon,
  .gc-panelwrap__glow,.gc-livedot,.gc-tag__dot,.gc-foot__dot,
  .gc-ava__ring,.gc-eq i,.gc-typing__bub i,
  .gc-recon__ring::before,.gc-recon__h{animation:none}
  .gc-eq i{transform:scaleY(.6)}
  .gc-bub{transition:none}
}
@media (max-width:900px){
  .gc{min-height:0;padding:clamp(48px,8vh,88px) clamp(16px,5vw,40px)}
  .gc-panelwrap{max-width:none}
  .gc-panel{height:clamp(440px,72vh,600px)}
}
@media (max-width:600px){
  .gc{--gc-r:24px}
  .gc-h{font-size:clamp(32px,10vw,54px)}
  .gc-bar{padding:14px 16px 12px}
  .gc-sep{margin:0 16px}
  .gc-list{padding:16px}
  .gc-foot{padding:12px 16px 14px}
  .gc-bub{max-width:90%;font-size:14px}
  .gc-foot__txt{letter-spacing:.1em}
}

/* footer.css */
.ftr{
  --ftr-gold:#e9c77e;
  --ftr-gold-rgb:233,199,126;
  --ftr-gold-dim:#caa25b;
  --ftr-red:#ef7a70;
  --ftr-red-rgb:224,90,82;
  --ftr-ink:#c3c9d6;
  --ftr-mute:#98a1b3;
  --ftr-faint:#7e8798;
  --ftr-faint-2:#6b7486;
  position:relative;overflow:hidden;
  color:var(--ftr-ink);font-family:var(--f-body);
}
.ftr-glow{position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(720px 340px at 16% -4%,rgba(var(--ftr-gold-rgb),.08),transparent 62%),
    radial-gradient(640px 320px at 88% 108%,rgba(var(--ftr-red-rgb),.06),transparent 60%);
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 18%,#000 82%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0,#000 18%,#000 82%,transparent 100%)}
.ftr-ring{position:absolute;border-radius:50%;pointer-events:none}
.ftr-ring--1{top:-70px;right:-150px;width:470px;height:470px;
  border:1px dashed rgba(var(--ftr-gold-rgb),.13);animation:ftrSpin 90s linear infinite}
.ftr-ring--2{top:16px;right:-64px;width:298px;height:298px;
  border:1px solid rgba(var(--ftr-gold-rgb),.06);animation:ftrSpin 150s linear infinite reverse}
.ftr-cut{position:relative;display:flex;align-items:center;gap:18px;
  max-width:var(--maxw);margin-inline:auto;padding:36px clamp(20px,5vw,64px) 0}
.ftr-cut__rule{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--ftr-gold-rgb),.3))}
.ftr-cut__rule--r{background:linear-gradient(90deg,rgba(var(--ftr-gold-rgb),.3),transparent)}
.ftr-cut__txt{font-family:var(--f-mono);font-size:10px;letter-spacing:.42em;
  color:rgba(var(--ftr-gold-rgb),.6);white-space:nowrap}
.ftr-tick{position:relative;margin-top:28px;overflow:hidden;
  border-top:1px solid rgba(var(--ftr-gold-rgb),.12);
  border-bottom:1px solid rgba(var(--ftr-gold-rgb),.12);
  background:rgba(var(--ftr-gold-rgb),.03);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.ftr-tick__sweep{position:absolute;top:-1px;left:-12%;width:150px;height:1px;
  background:linear-gradient(90deg,transparent,#f2d79a,transparent);
  animation:ftrSweep 7s ease-in-out infinite}
.ftr-tick__row{display:inline-flex;white-space:nowrap;will-change:transform;
  animation:ftrTicker 36s linear infinite}
.ftr-tick__row span{font-family:var(--f-mono);font-size:11px;letter-spacing:.26em;
  color:rgba(var(--ftr-gold-rgb),.55);padding:13px 0}
.ftr-cols{position:relative;max-width:var(--maxw);margin-inline:auto;
  padding:clamp(52px,7vw,88px) clamp(20px,5vw,64px) 0;
  display:flex;flex-wrap:wrap;gap:clamp(40px,6vw,96px);align-items:flex-start}
.ftr-brand{flex:1.4 1 340px;min-width:280px}
.ftr-col{flex:1 1 210px;min-width:170px}
.ftr-col--2{flex:1 1 180px;min-width:160px}
.ftr-brand__kick{font-family:var(--f-mono);font-size:10px;letter-spacing:.4em;
  color:rgba(199,205,217,.45);margin-bottom:18px}
.ftr-brand__name{font-family:var(--f-display);font-weight:700;
  font-size:clamp(28px,3.2vw,42px);line-height:1.12;letter-spacing:.01em;
  color:var(--ftr-gold);transition:text-shadow .5s}
.ftr-brand__name:hover{text-shadow:0 0 34px rgba(var(--ftr-gold-rgb),.4)}
.ftr-brand__p{margin:20px 0 0;font-size:15px;line-height:1.75;
  color:var(--ftr-mute);max-width:44ch;text-wrap:pretty}
.ftr-brand__p em{font-style:normal;border-bottom:1px dotted rgba(var(--ftr-red-rgb),.65)}
.ftr-seals{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.ftr-seal{display:inline-flex;align-items:center;gap:10px;padding:11px 16px;
  font-family:var(--f-mono);font-size:11px;letter-spacing:.22em;
  border:1px solid rgba(var(--ftr-gold-rgb),.45);color:var(--ftr-gold);
  background:rgba(var(--ftr-gold-rgb),.05)}
.ftr-seal__dot{width:7px;height:7px;border-radius:50%;background:var(--ftr-gold);
  animation:ftrPulse 2s ease-in-out infinite}
.ftr-seal--dep{gap:12px;border-color:rgba(var(--ftr-red-rgb),.5);color:var(--ftr-red);
  background:rgba(var(--ftr-red-rgb),.06)}
.ftr-meter{width:52px;height:3px;display:inline-block;overflow:hidden;
  background:rgba(var(--ftr-red-rgb),.22)}
.ftr-meter i{display:block;height:100%;width:70%;background:#e0564f;
  box-shadow:0 0 6px rgba(224,86,79,.55);
  transition:width .55s cubic-bezier(.2,.8,.2,1),background .3s,box-shadow .3s}
.ftr-meter.is-spike i{background:#ff8a7d;box-shadow:0 0 10px rgba(255,120,105,.8)}
.ftr-col__hd{display:flex;align-items:center;gap:10px;margin-bottom:20px}
.ftr-col__dash{width:16px;height:1px;background:rgba(var(--ftr-gold-rgb),.6)}
.ftr-col__txt{font-family:var(--f-mono);font-size:11px;letter-spacing:.32em;color:var(--ftr-gold-dim)}
.ftr-nav{display:flex;flex-direction:column;gap:2px}
.ftr-link{display:flex;align-items:baseline;gap:12px;padding:9px 0;
  color:var(--ftr-ink);font-size:15px;
  transition:transform .35s cubic-bezier(.2,.8,.2,1),color .35s}
.ftr-link:hover{transform:translateX(7px);color:#f2d79a}
.ftr-link:focus-visible{outline:2px solid var(--ftr-gold);outline-offset:3px}
.ftr-link__no{font-family:var(--f-mono);font-size:10px;letter-spacing:.08em;
  color:rgba(var(--ftr-gold-rgb),.5)}
.ftr-link__mark{font-size:12px;color:rgba(var(--ftr-gold-rgb),.6)}
.ftr-wm{position:relative;margin-top:clamp(40px,6vw,68px);text-align:center;
  line-height:.86;user-select:none;pointer-events:none}
.ftr-wm__t,.ftr-wm__r{
  font-family:var(--f-display);font-weight:800;letter-spacing:.02em;white-space:nowrap;
  font-size:clamp(38px,10.6vw,158px)}
.ftr-wm__t{
  background:linear-gradient(102deg,
    rgba(var(--ftr-gold-rgb),.1) 0%,rgba(var(--ftr-gold-rgb),.32) 28%,#f6e3ae 46%,
    rgba(var(--ftr-gold-rgb),.32) 62%,rgba(var(--ftr-gold-rgb),.1) 100%);
  background-size:220% 100%;
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  animation:ftrSheen 9s linear infinite}
.ftr-wm__r{height:.5em;overflow:hidden;transform:scaleY(-1);margin-top:.02em;
  background:linear-gradient(180deg,rgba(var(--ftr-gold-rgb),0) 40%,rgba(var(--ftr-gold-rgb),.17) 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent}
.ftr-legal{position:relative;max-width:var(--maxw);margin:clamp(32px,5vw,52px) auto 0;
  padding:22px clamp(20px,5vw,64px) 36px;
  border-top:1px solid rgba(var(--ftr-gold-rgb),.12);
  display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center;justify-content:space-between}
.ftr-legal__c{font-size:13.5px;color:var(--ftr-faint)}
.ftr-legal__c b{font-family:var(--f-display);font-weight:400;font-size:14.5px;
  color:rgba(var(--ftr-gold-rgb),.85)}
.ftr-legal__sys{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;
  font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;color:var(--ftr-faint-2)}
.ftr-legal__val{color:#c9a55e}
.ftr-caret{color:#c9a55e;animation:ftrBlink 1.1s steps(1) infinite}
.ftr-legal__form{color:var(--ftr-red);animation:ftrFlick 5s linear infinite}
@keyframes ftrTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes ftrSweep{0%{left:-12%;opacity:0}6%{opacity:1}46%{left:104%;opacity:1}47%,100%{left:104%;opacity:0}}
@keyframes ftrSheen{0%{background-position:190% 0}100%{background-position:-90% 0}}
@keyframes ftrSpin{to{transform:rotate(360deg)}}
@keyframes ftrRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes ftrBlink{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes ftrPulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(var(--ftr-gold-rgb),.45)}
                    50%{opacity:.5;box-shadow:0 0 0 6px rgba(var(--ftr-gold-rgb),0)}}
@keyframes ftrFlick{0%,90.9%,100%{opacity:1}91%{opacity:.35}92.5%{opacity:1}94%{opacity:.5}95%{opacity:1}}
.ftr-brand{animation:ftrRise .8s cubic-bezier(.19,.8,.22,1) both}
.ftr-col{animation:ftrRise .8s cubic-bezier(.19,.8,.22,1) .12s both}
.ftr-col--2{animation-delay:.2s}
.ftr-wm{animation:ftrRise 1s cubic-bezier(.19,.8,.22,1) .28s both}
.ftr-legal{animation:ftrRise .8s cubic-bezier(.19,.8,.22,1) .36s both}
.ftr-idle .ftr-tick__row,.ftr-idle .ftr-tick__sweep,.ftr-idle .ftr-wm__t,
.ftr-idle .ftr-seal__dot,.ftr-idle .ftr-caret,.ftr-idle .ftr-legal__form,
.ftr-idle .ftr-ring{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){
  .ftr-tick__row,.ftr-tick__sweep,.ftr-wm__t,.ftr-seal__dot,.ftr-caret,
  .ftr-legal__form,.ftr-ring,.ftr-brand,.ftr-col,.ftr-wm,.ftr-legal{animation:none}
  .ftr-link{transition:none}
  .ftr-tick__sweep{display:none}
}
@media (max-width:760px){
  .ftr-cols{gap:clamp(30px,7vw,48px)}
  .ftr-brand,.ftr-col,.ftr-col--2{flex:1 1 100%;min-width:0}
  .ftr-legal{justify-content:flex-start}
  .ftr-ring{display:none}
}
@media (max-width:520px){
  .ftr-cut__txt{letter-spacing:.28em;font-size:9px}
  .ftr-seals{gap:8px}
  .ftr-legal__sys{gap:6px 16px}
}

/* responsive.css */
@media (max-width:1024px){
  .cast{grid-template-columns:repeat(2,1fr)}
  .nav__links{display:none}
  .burger{display:flex}
}
@media (max-width:860px){
  .duo{grid-template-columns:1fr}
  .scale-mid{flex-direction:row;padding:.4rem}
  .scale-mid__line{width:auto;height:2px;min-height:0;
    background-image:linear-gradient(90deg,var(--violet),var(--red),var(--violet));
    background-repeat:repeat-x;background-size:90px 100%;
    animation:scaleFlowH 2.6s linear infinite}
  .scale-mid__badge{writing-mode:horizontal-tb}
  .result,.coffee,.case,.bets,.lab{grid-template-columns:1fr}
  .result__img{max-width:300px;margin-inline:auto}
  .result--anomaly .result__img,.result--dossier .result__img{margin-top:1.9rem}
  .result--dossier .result__img{max-width:none}
  .lb.is-zoomed .lb__img{max-width:200vw}
  .modal__close{top:9px;right:9px;width:36px;height:36px;font-size:1rem;color:#fff;
    background:var(--red);border-color:var(--red-bright);
    box-shadow:0 6px 18px -6px rgba(193,75,63,.75)}
  .modal__close:hover{background:var(--red-bright);border-color:#fff}
}
@media (max-width:880px){
  .dep-arc{height:auto}
  .dep-arc__lvl{display:none}
  .dep-arc__body{flex-direction:column}
  .dep-arc__cat{width:auto;flex:0 0 auto;flex-direction:row;align-items:center;gap:9px;overflow-x:auto;overflow-y:hidden;
    padding:12px 13px;-webkit-overflow-scrolling:touch}
  .dep-arc__cat-h{display:none}
  .dep-arc__rows{flex-direction:row;gap:9px}
  .dep-arc__row{flex:0 0 auto;width:auto;white-space:nowrap;border-radius:11px;padding:9px 13px;
    border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.03)}
  .dep-arc__row.is-active{border-color:var(--line-strong);background:linear-gradient(180deg,rgba(198,161,91,.16),rgba(198,161,91,.03))}
  .dep-arc__roman{display:none}
  .dep-arc__stage{flex:0 0 auto;width:100%;max-width:none;height:44vh;min-height:300px;padding:18px}
  .dep-arc__data{width:100%}
  .dep-arc__foot{display:none}
}
@media (max-width:560px){
  .cast{grid-template-columns:1fr 1fr}
  .brand__txt span{display:none}
  .coffee__grid{grid-template-columns:1fr}
  .dep-arc__title{font-size:clamp(31px,8.6vw,44px)}
  .dep-arc__stage{height:38vh;min-height:258px;padding:14px}
  .dep-arc__doc{padding:22px 17px 54px}
  .compat{grid-template-columns:1fr 1fr}
  :root{--gutter:16px}
}
#cast .duo{margin-bottom:clamp(14px,2vw,26px)}
.lead-card--kane .lead-card__img,
.lead-card--emma .lead-card__img{background:radial-gradient(70% 80% at 50% 100%,rgba(125,111,216,.20),transparent 70%)}
.lead-card--diego .lead-card__img{background:radial-gradient(70% 80% at 50% 100%,rgba(193,75,63,.20),transparent 70%)}
.lead-card--cat .lead-card__img{background:radial-gradient(70% 80% at 50% 100%,rgba(198,161,91,.18),transparent 70%)}
.lead-card__img--cat img{inset:9%;object-position:center}
.intg-pick{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}
.intg-pick__t{display:flex;align-items:center;gap:.9rem;text-align:left;padding:.7em .9em;
  border:1px solid var(--line);border-radius:var(--r);background:var(--panel);color:var(--text-dim);
  cursor:pointer;transition:.22s var(--ease)}
.intg-pick__t:hover{border-color:var(--gold);background:var(--panel-2);transform:translateY(-2px)}
.intg-pick__img{flex:none;width:52px;height:52px;border-radius:50%;overflow:hidden;border:1px solid var(--line-strong);
  background:radial-gradient(60% 60% at 50% 35%,rgba(125,111,216,.25),var(--bg-2))}
.intg-pick__img img{width:100%;height:100%;object-fit:cover;object-position:top center}
.intg-pick__txt{display:flex;flex-direction:column;gap:.2rem;min-width:0}
.intg-pick__txt b{color:var(--gold-bright);font-size:.98rem;line-height:1.1}
.intg-pick__txt i{font-family:var(--f-mono);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);font-style:normal}
.intg__back{margin-bottom:1.2rem}
.intg__head{display:flex;align-items:center;gap:1rem;margin-bottom:1.2rem}
.intg__avatar{flex:none;width:72px;height:72px;border-radius:var(--r);overflow:hidden;border:1px solid var(--line-strong);
  background:radial-gradient(60% 60% at 50% 35%,rgba(125,111,216,.25),var(--bg-2))}
.intg__avatar img{width:100%;height:100%;object-fit:cover;object-position:top center}
.intg__screen{min-height:120px;margin-bottom:1.4rem}
.intg__qline{color:var(--violet-bright);margin-bottom:.5rem}
.intg__aline{color:var(--text);line-height:1.6}
.intg__aline b{color:var(--gold-bright)}
.intg__qs{display:grid;gap:.6rem}
.intg__q{text-align:left;padding:.85em 1.1em;border:1px solid var(--line);border-radius:var(--r);
  background:var(--panel);color:var(--text-dim);cursor:pointer;font-family:var(--f-mono);font-size:.82rem;
  transition:.2s var(--ease)}
.intg__q:hover{border-color:var(--gold);color:var(--text);transform:translateX(4px);background:var(--panel-2)}
.intg__q.asked{border-color:var(--line-soft);color:var(--text-faint);opacity:.7}
.intg__q.asked::before{content:"✓ ";color:var(--violet-bright)}
@media (max-width:560px){.intg-pick{grid-template-columns:1fr}}
@supports (content-visibility:auto){
  #status,#about,#base,#heroes,#cast,#structure,#livemap,#dep,#lab,#voices,#author,#channel,
  footer.ftr{
    content-visibility:auto;
    contain-intrinsic-size:auto 900px;
  }
  #status   {contain-intrinsic-size:auto 1654px}
  #about    {contain-intrinsic-size:auto 1291px}
  #base     {contain-intrinsic-size:auto  991px}
  #heroes   {contain-intrinsic-size:auto 1051px}
  #cast     {contain-intrinsic-size:auto  800px}
  #structure{contain-intrinsic-size:auto 2633px}
  #livemap  {contain-intrinsic-size:auto  830px}
  #dep      {contain-intrinsic-size:auto  921px}
  #lab      {contain-intrinsic-size:auto 2959px}
  #voices   {contain-intrinsic-size:auto 3346px}
  #author   {contain-intrinsic-size:auto  797px}
  #channel  {contain-intrinsic-size:auto  640px}
  footer.ftr{contain-intrinsic-size:auto  931px}
  @media (max-width:760px){
    #status   {contain-intrinsic-size:auto 1504px}
    #about    {contain-intrinsic-size:auto 1999px}
    #base     {contain-intrinsic-size:auto 1049px}
    #heroes   {contain-intrinsic-size:auto 2536px}
    #cast     {contain-intrinsic-size:auto 1190px}
    #structure{contain-intrinsic-size:auto 5116px}
    #livemap  {contain-intrinsic-size:auto  923px}
    #dep      {contain-intrinsic-size:auto 1911px}
    #lab      {contain-intrinsic-size:auto 3807px}
    #voices   {contain-intrinsic-size:auto 3834px}
    #author   {contain-intrinsic-size:auto  814px}
    #channel  {contain-intrinsic-size:auto 1034px}
    footer.ftr{contain-intrinsic-size:auto 1391px}
  }
}
@media (min-width:761px){
  #livemap .wrap--map{max-width:min(1760px,97vw); padding-inline:clamp(14px,1.6vw,30px)}
}