:root{
  --aubergine:#2A1240; --orange:#F2622E; --crimson:#D11E4C; --cream:#F5EFE8;
  --ground:#120822; --aubergine-deep:#1E0C30; --aubergine-lift:#341A4E; --aubergine-line:#3A1E54;
  --surface:#1B0D2E; --surface-2:#241239;
  --c94:rgba(245,239,232,.94); --c82:rgba(245,239,232,.82); --c70:rgba(245,239,232,.70);
  --c50:rgba(245,239,232,.50); --c40:rgba(245,239,232,.40); --c24:rgba(245,239,232,.24);
  --c14:rgba(245,239,232,.14); --c08:rgba(245,239,232,.08); --c05:rgba(245,239,232,.05);
  --grad:linear-gradient(135deg,var(--orange),var(--crimson));
  --r-sm:7px; --r-md:11px; --r-lg:18px; --r-xl:26px; --r-pill:999px;
  --sans:'Urbanist',system-ui,sans-serif;
  --mono:'Space Mono',ui-monospace,monospace;
  --ease:cubic-bezier(.22,.61,.36,1);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:var(--sans);background:var(--ground);color:var(--cream);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.5;
  overflow-x:hidden;position:relative;min-height:100vh;
}
::selection{background:var(--orange);color:var(--aubergine-deep)}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none}
img{max-width:100%;display:block}
.mono{font-family:var(--mono)}
.o{color:var(--orange)}
section{scroll-margin-top:96px}

/* ============ FIXED BACKDROP (below hero) ============ */
.bg{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none;
  background:radial-gradient(120% 90% at 50% -8%,#3A1E54 0%,#1E0C30 46%,#120822 100%)}
.bg-grid{position:absolute;inset:0;opacity:.55;
  background-image:linear-gradient(var(--c05) 1px,transparent 1px),linear-gradient(90deg,var(--c05) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:radial-gradient(120% 100% at 80% 0,#000,transparent 72%);
  mask-image:radial-gradient(120% 100% at 80% 0,#000,transparent 72%)}
.aurora{position:absolute;border-radius:50%;filter:blur(70px);opacity:.42;mix-blend-mode:screen;will-change:transform}
.aurora.a1{width:46vw;height:46vw;left:-10vw;top:38vh;background:radial-gradient(circle,rgba(242,98,46,.5),transparent 66%);animation:float1 22s var(--ease) infinite}
.aurora.a2{width:40vw;height:40vw;right:-8vw;top:120vh;background:radial-gradient(circle,rgba(209,30,76,.42),transparent 66%);animation:float2 26s var(--ease) infinite}
@keyframes float1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(6vw,4vw) scale(1.12)}}
@keyframes float2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-5vw,5vw) scale(1.08)}}

/* ============ NAV (fixed floating pills) ============ */
.nav{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;justify-content:space-between;
  gap:16px;padding:clamp(14px,2.4vw,22px) clamp(16px,4vw,40px);transition:padding .3s var(--ease)}
.pill{background:rgba(20,9,34,.62);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border:1px solid var(--c14);border-radius:var(--r-pill);transition:background .3s,border-color .3s}
.nav.scrolled .pill{background:rgba(20,9,34,.86)}
.brand-pill{display:flex;align-items:center;gap:11px;padding:11px 22px 11px 16px;cursor:pointer}
.brand-pill .mark{height:22px;width:auto;display:block}
.wm{font-weight:800;letter-spacing:-.02em;line-height:1;white-space:nowrap;font-size:18px;color:var(--cream)}
.wm .sp{font-weight:600;font-style:italic;margin-left:-.05em}
.links{display:flex;align-items:center;gap:2px;padding:7px 8px}
.links a{font-size:13.5px;font-weight:600;color:var(--c70);padding:9px 17px;border-radius:var(--r-pill);
  transition:color .18s var(--ease),background .18s var(--ease)}
.links a:hover{color:var(--cream);background:var(--c08)}
.nav-right{display:flex;align-items:center;gap:10px}
.btn{font-family:var(--sans);font-weight:700;font-size:14px;letter-spacing:-.01em;border-radius:var(--r-pill);
  padding:13px 24px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;
  transition:transform .14s var(--ease),filter .2s var(--ease),background .2s var(--ease),box-shadow .25s var(--ease),color .18s}
.btn:active{transform:translateY(1px) scale(.99)}
.btn svg{width:16px;height:16px;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}
.btn .arr{transition:transform .2s var(--ease)}
.btn:hover .arr{transform:translateX(3px)}
.btn-primary{background:var(--orange);color:var(--aubergine);box-shadow:0 14px 34px -14px rgba(242,98,46,.8)}
.btn-primary:hover{filter:brightness(1.07);box-shadow:0 18px 44px -14px rgba(242,98,46,.9)}
.btn-cream{background:var(--cream);color:var(--aubergine-deep)}
.btn-cream:hover{filter:brightness(.95)}
.btn-dark{background:var(--aubergine-deep);color:var(--cream);box-shadow:inset 0 0 0 1px var(--c14)}
.btn-dark:hover{background:#16091f}
.btn-ghost{background:rgba(20,9,34,.55);backdrop-filter:blur(14px);color:var(--cream);box-shadow:inset 0 0 0 1px var(--c24)}
.btn-ghost:hover{box-shadow:inset 0 0 0 1px var(--c50);background:rgba(20,9,34,.8)}
.btn.block{width:100%}
.btn.lg{font-size:15px;padding:15px 28px}
.menu-btn{display:none;width:46px;height:46px;align-items:center;justify-content:center;border-radius:var(--r-pill)}
.menu-btn svg{width:20px;height:20px;stroke:var(--cream);stroke-width:2;fill:none;stroke-linecap:round}

/* mobile menu sheet */
.sheet{position:fixed;z-index:55;top:76px;left:16px;right:16px;padding:10px;border-radius:22px;
  background:rgba(20,9,34,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  border:1px solid var(--c14);display:none;flex-direction:column;gap:2px;
  opacity:0;transform:translateY(-10px);transition:opacity .24s var(--ease),transform .24s var(--ease)}
.sheet.show{opacity:1;transform:none}
.sheet a{font-size:16px;font-weight:600;color:var(--c82);padding:14px 18px;border-radius:14px;transition:background .18s,color .18s}
.sheet a:hover{background:var(--c08);color:var(--cream)}
.sheet .btn{margin-top:8px}

/* ============ HERO ============ */
.hero{position:relative;height:100svh;min-height:600px;width:100%;overflow:hidden;background:var(--ground)}
.hero video,.hero .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero .poster{background:radial-gradient(120% 90% at 78% 8%,#3A1E54 0%,#1E0C30 46%,#120822 100%);z-index:0}
.hero video{z-index:1;opacity:0;transition:opacity 1.1s var(--ease)}
.hero video.ready{opacity:.6}
.scrim{position:absolute;inset:0;z-index:2;pointer-events:none}
.scrim.tint{background:linear-gradient(180deg,rgba(18,8,34,.62),rgba(30,12,48,.5) 38%,rgba(18,8,34,.82))}
.scrim.aubergine{background:radial-gradient(120% 100% at 20% 100%,rgba(42,18,64,.7),transparent 60%);mix-blend-mode:multiply}
.scrim.grid{opacity:.5;background-image:linear-gradient(var(--c05) 1px,transparent 1px),linear-gradient(90deg,var(--c05) 1px,transparent 1px);
  background-size:64px 64px;-webkit-mask-image:radial-gradient(110% 100% at 90% 0,#000,transparent 70%);mask-image:radial-gradient(110% 100% at 90% 0,#000,transparent 70%)}
.scrim.vignette{background:radial-gradient(130% 120% at 50% 38%,transparent 52%,rgba(18,8,34,.55))}
.scrim.bottom{top:auto;bottom:0;height:42%;background:linear-gradient(180deg,transparent,var(--ground))}

.stage{position:absolute;inset:0;z-index:10;pointer-events:none}
.stage a,.stage .stat{pointer-events:auto}
.head{position:absolute;font-weight:900;letter-spacing:-.045em;line-height:.92;
  font-size:clamp(72px,13.5vw,230px);text-transform:lowercase;color:var(--cream);text-shadow:0 16px 60px rgba(18,8,34,.55)}
.head.h1{left:clamp(16px,4vw,52px);top:15%}
.head.h2{right:clamp(16px,4vw,52px);top:36%;color:var(--orange);text-shadow:0 16px 70px rgba(242,98,46,.4)}
.head.h3{left:24%;top:57%}
@media(min-width:760px){.head.h3{left:30%}}
.head .reveal{display:inline-block;transform:translateY(.5em);opacity:0;animation:rise .9s var(--ease) forwards}
.head.h1 .reveal{animation-delay:.10s}.head.h2 .reveal{animation-delay:.26s}.head.h3 .reveal{animation-delay:.42s}
@keyframes rise{to{transform:none;opacity:1}}
.lede{position:absolute;left:clamp(20px,4vw,52px);top:44%;max-width:250px;font-size:15px;line-height:1.5;
  color:var(--c82);font-weight:500;opacity:0;animation:fadeIn .9s var(--ease) .6s forwards}
.lede .accent{color:var(--orange);font-weight:600;font-style:italic}
@keyframes fadeIn{to{opacity:1}}
.stat{position:absolute;opacity:0;animation:fadeIn .9s var(--ease) forwards}
.stat .row{display:flex;align-items:center;gap:16px}
.stat .num{font-size:clamp(34px,4.6vw,58px);font-weight:800;letter-spacing:-.03em;line-height:1;white-space:nowrap}
.stat .num .u{color:var(--orange)}
.stat .div{height:1px;width:96px;background:var(--c40);flex:none}
.stat .cap{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--c70);margin-top:12px}
.stat.s-tr{right:clamp(20px,5vw,88px);top:13%;text-align:right;animation-delay:.5s}
.stat.s-tr .row{justify-content:flex-end}.stat.s-tr .div{transform:rotate(20deg)}
.stat.s-bl{left:clamp(20px,4vw,80px);bottom:13%;animation-delay:.6s}.stat.s-bl .div{transform:rotate(-20deg)}
.stat.s-br{right:clamp(20px,4vw,80px);bottom:12%;text-align:right;animation-delay:.7s}
.stat.s-br .row{justify-content:flex-end}.stat.s-br .div{transform:rotate(-20deg)}
.cue{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);z-index:12;
  display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:10px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--c50);opacity:0;animation:fadeIn .9s var(--ease) .9s forwards;transition:color .2s}
.cue:hover{color:var(--c82)}
.cue .dot{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 0 rgba(242,98,46,.55);animation:pulse 2.2s var(--ease) infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(242,98,46,.5)}70%{box-shadow:0 0 0 9px rgba(242,98,46,0)}100%{box-shadow:0 0 0 0 rgba(242,98,46,0)}}

/* ============ SHARED SECTION CHROME ============ */
.wrap{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:clamp(64px,9vw,108px) clamp(18px,4vw,48px)}
.sec-head{text-align:center;max-width:680px;margin:0 auto 44px}
.sec-head .k{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--c50)}
.sec-head h2{font-size:clamp(28px,4vw,46px);font-weight:900;letter-spacing:-.03em;margin-top:14px;text-wrap:balance;line-height:1.04}
.sec-head h2 em{font-style:italic;font-weight:600;color:var(--orange)}
.sec-head p{color:var(--c70);font-size:16px;margin-top:16px;text-wrap:balance}

/* ============ WORKSPACES ============ */
.ws-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ws{position:relative;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--c14);
  border-radius:var(--r-xl);padding:26px 24px;display:flex;flex-direction:column;overflow:hidden;
  transition:transform .3s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease)}
.ws::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;
  background:radial-gradient(360px circle at var(--mx,50%) var(--my,0%),rgba(242,98,46,.16),transparent 60%)}
.ws:hover::after{opacity:1}
.ws:hover{transform:translateY(-6px);border-color:rgba(242,98,46,.4);box-shadow:0 30px 60px -30px rgba(0,0,0,.7)}
.ws.feature{background:var(--grad);border-color:transparent;box-shadow:0 30px 70px -28px rgba(209,30,76,.55)}
.ws.feature::after{background:radial-gradient(360px circle at var(--mx,50%) var(--my,0%),rgba(255,255,255,.18),transparent 60%)}
.ws .pop{position:absolute;top:16px;right:16px;font-family:var(--mono);font-size:8.5px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--aubergine);background:var(--cream);padding:5px 10px;border-radius:var(--r-pill)}
.ws .ic{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;
  background:rgba(242,98,46,.13);box-shadow:inset 0 0 0 1px rgba(242,98,46,.24);margin-bottom:18px}
.ws .ic svg{width:24px;height:24px;stroke:var(--orange);stroke-width:1.85;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ws.feature .ic{background:rgba(42,18,64,.28);box-shadow:inset 0 0 0 1px rgba(245,239,232,.28)}
.ws.feature .ic svg{stroke:var(--cream)}
.ws h3{font-size:20px;font-weight:800;letter-spacing:-.02em;margin-bottom:5px}
.ws .tag{font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--c50);margin-bottom:12px}
.ws p{font-size:13.5px;line-height:1.55;color:var(--c70);flex:1}
.ws.feature h3,.ws.feature .tag{color:var(--aubergine)}
.ws.feature p{color:rgba(42,18,64,.82);font-weight:500}
.ws.feature .tag{color:rgba(42,18,64,.6)}
.ws .go{margin-top:20px;display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--orange)}
.ws.feature .go{color:var(--aubergine)}
.ws .go svg{width:17px;height:17px;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s var(--ease)}
.ws:hover .go svg{transform:translateX(3px)}
.ws-foot{margin-top:18px;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;
  font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--c40)}
.ws-foot a{color:var(--c70);display:inline-flex;align-items:center;gap:7px;transition:color .18s}
.ws-foot a:hover{color:var(--cream)}
.ws-foot a svg{width:14px;height:14px;stroke:var(--orange);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ws-foot .sep{opacity:.4}

/* ============ HOW IT WORKS ============ */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.step{position:relative;background:var(--surface);border:1px solid var(--c08);border-radius:var(--r-lg);padding:30px 26px;
  transition:transform .3s var(--ease),border-color .3s}
.step:hover{transform:translateY(-4px);border-color:var(--c24)}
.step .n{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--orange);letter-spacing:.1em}
.step .si{width:46px;height:46px;border-radius:13px;background:var(--c05);display:flex;align-items:center;justify-content:center;margin:16px 0 18px}
.step .si svg{width:23px;height:23px;stroke:var(--orange);stroke-width:1.85;fill:none;stroke-linecap:round;stroke-linejoin:round}
.step h4{font-size:18px;font-weight:800;letter-spacing:-.01em;margin-bottom:9px}
.step p{font-size:14px;line-height:1.55;color:var(--c70)}
.step .conn{position:absolute;top:54px;right:-9px;width:18px;height:2px;background:var(--c24);z-index:2}
.steps .step:last-child .conn{display:none}

/* ============ LINKED MODULES ============ */
.mod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mod{display:flex;gap:16px;background:var(--surface);border:1px solid var(--c08);border-radius:var(--r-lg);padding:22px;
  transition:transform .3s var(--ease),border-color .3s}
.mod:hover{transform:translateY(-4px);border-color:var(--c24)}
.mod .mi{width:44px;height:44px;flex:none;border-radius:12px;background:var(--c05);display:flex;align-items:center;justify-content:center}
.mod .mi svg{width:22px;height:22px;stroke:var(--orange);stroke-width:1.85;fill:none;stroke-linecap:round;stroke-linejoin:round}
.mod h4{font-size:16px;font-weight:800;letter-spacing:-.01em;margin-bottom:6px}
.mod p{font-size:13px;line-height:1.5;color:var(--c50)}

/* ============ CORRIDOR STATS ============ */
.corridor-inner{position:relative;z-index:1;max-width:1180px;margin:0 auto;
  background:linear-gradient(135deg,var(--aubergine-deep),#160a28);border:1px solid var(--aubergine-line);
  border-radius:var(--r-xl);padding:clamp(30px,5vw,52px);overflow:hidden}
.corridor-inner .cgrid{position:absolute;inset:0;opacity:.5;
  background-image:linear-gradient(var(--c05) 1px,transparent 1px),linear-gradient(90deg,var(--c05) 1px,transparent 1px);
  background-size:48px 48px;-webkit-mask-image:radial-gradient(90% 120% at 100% 0,#000,transparent 70%);mask-image:radial-gradient(90% 120% at 100% 0,#000,transparent 70%)}
.route{display:flex;align-items:center;justify-content:center;gap:14px;position:relative;z-index:1;margin-bottom:36px;flex-wrap:wrap}
.route .node{display:flex;flex-direction:column;align-items:center;gap:7px}
.route .node .ring{width:13px;height:13px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px rgba(242,98,46,.16)}
.route .node .lbl{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--c70)}
.route .line{flex:1;min-width:80px;max-width:280px;height:2px;position:relative;background:linear-gradient(90deg,var(--orange),var(--crimson));border-radius:2px;overflow:hidden}
.route .line .pulse{position:absolute;top:50%;left:0;width:8px;height:8px;border-radius:50%;background:var(--cream);
  transform:translate(-50%,-50%);box-shadow:0 0 10px 2px rgba(245,239,232,.8);animation:travel 2.6s var(--ease) infinite}
@keyframes travel{0%{left:0;opacity:0}10%{opacity:1}90%{opacity:1}100%{left:100%;opacity:0}}
.statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative;z-index:1}
.statgrid .s{text-align:center}
.statgrid .big{font-size:clamp(30px,4.4vw,46px);font-weight:900;letter-spacing:-.03em;line-height:1}
.statgrid .big .u{color:var(--orange)}
.statgrid .cap{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--c50);margin-top:11px}

/* ============ FOOTER ============ */
footer{position:relative;z-index:1;border-top:1px solid var(--aubergine-line);background:rgba(18,8,34,.5);margin-top:20px}
.foot-cta{max-width:1180px;margin:0 auto;padding:clamp(56px,8vw,90px) clamp(18px,4vw,48px);text-align:center}
.foot-cta h2{font-size:clamp(30px,4.4vw,52px);font-weight:900;letter-spacing:-.03em;text-wrap:balance;line-height:1.02}
.foot-cta p{color:var(--c50);font-size:16px;margin:18px auto 30px;max-width:46ch}
.foot-cta .acts{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.foot-bar{border-top:1px solid var(--aubergine-line);max-width:1180px;margin:0 auto;padding:26px clamp(18px,4vw,48px);
  display:flex;align-items:center;gap:16px 26px;flex-wrap:wrap;color:var(--c40);font-size:13px}
.foot-bar .brand{display:flex;align-items:center;gap:10px}
.foot-bar .brand img{height:20px}
.foot-bar a{color:var(--c50);transition:color .18s}
.foot-bar a:hover{color:var(--cream)}
.foot-bar .spacer{flex:1}
.foot-bar .addr{font-size:12.5px}

/* ============ REVEAL ============ */
.rev{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.rev.in{opacity:1;transform:none}
.rev[data-d="1"]{transition-delay:.07s}.rev[data-d="2"]{transition-delay:.14s}
.rev[data-d="3"]{transition-delay:.21s}.rev[data-d="4"]{transition-delay:.28s}

/* ============ RESPONSIVE ============ */
@media(max-width:1040px){
  .ws-grid{grid-template-columns:repeat(2,1fr)}
  .mod-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:880px){
  .links{display:none}
  .menu-btn{display:flex}
  .nav-right .btn-ghost{display:none}
  .stat .div{display:none}
  .head.h1{top:14%}.head.h2{top:35%}.head.h3{top:56%}
  .lede{top:46%;max-width:60vw}
  .steps{grid-template-columns:1fr;max-width:460px;margin:0 auto;gap:14px}
  .step .conn{display:none}
}
@media(max-width:620px){
  .lede{display:none}
  .head{font-size:clamp(58px,17vw,120px)}
  .head.h3{left:18%}
  .stat .num{font-size:clamp(28px,9vw,42px)}
  .ws-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}
  .mod-grid{grid-template-columns:1fr;max-width:460px;margin:0 auto}
  .statgrid{grid-template-columns:repeat(2,1fr);gap:26px 18px}
  .route .line{max-width:60px}
}
@media(prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;animation-iteration-count:1!important}
  .head .reveal,.lede,.stat,.cue{opacity:1!important;transform:none!important}
  .rev{opacity:1;transform:none;transition:none}
  html{scroll-behavior:auto}
}

/* ── Admin access gate ─────────────────────────────────────────────────────
   The ops console is staff-only. Clicking an admin entry point opens this
   dialog ("credentials issued on request") instead of the public login form. */
.admgate{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px}
.admgate[hidden]{display:none}
.admgate-scrim{position:absolute;inset:0;background:rgba(9,4,18,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:admfade .28s var(--ease)}
.admgate-card{position:relative;width:100%;max-width:440px;text-align:left;
  background:linear-gradient(180deg,var(--surface-2),var(--surface));border-radius:26px;padding:30px 28px 24px;
  box-shadow:0 40px 90px -30px rgba(0,0,0,.8),inset 0 0 0 1px var(--c14);animation:admpop .34s var(--ease)}
.admgate-x{position:absolute;top:15px;right:15px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  background:var(--c08);color:var(--c70);box-shadow:inset 0 0 0 1px var(--c14);cursor:pointer;transition:.18s var(--ease)}
.admgate-x:hover{background:var(--c14);color:var(--cream)}
.admgate-x svg{width:16px;height:16px;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.admgate-ic{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;margin-bottom:16px;
  background:radial-gradient(120% 120% at 30% 20%,var(--aubergine-lift),var(--aubergine-deep));box-shadow:inset 0 0 0 1px var(--c14)}
.admgate-ic svg{width:26px;height:26px;stroke:var(--orange);stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}
.admgate-card .tag{font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--c50);margin-bottom:8px}
.admgate-card h3{font-size:23px;font-weight:800;letter-spacing:-.02em;color:var(--cream);margin:0 0 10px}
.admgate-card p{font-size:14.5px;line-height:1.55;color:var(--c70);margin:0 0 22px}
.admgate-actions{display:flex;gap:10px;flex-wrap:wrap}
.admgate-actions .btn{padding:12px 20px}
.admgate-note{margin-top:16px;font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--c40)}
@keyframes admfade{from{opacity:0}to{opacity:1}}
@keyframes admpop{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}