/* Cerberos Nexus marketing site. One stylesheet for every page.
   Values follow the design reference at 1280px; type and spacing scale down
   from there. Tokens first, then base, components, header, footer, pages. */

@font-face{font-family:"Schibsted Grotesk";src:url(/assets/fonts/schibsted-grotesk-latin.woff2?v=6c06e5b0b822) format("woff2");font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(/assets/fonts/jetbrains-mono-latin.woff2?v=adfc820532d1) format("woff2");font-weight:400 500;font-style:normal;font-display:swap}
@font-face{font-family:"Archivo";src:url(/assets/fonts/archivo-wordmark.woff2?v=9f7d074987e5) format("woff2");font-weight:600 800;font-stretch:100% 125%;font-style:normal;font-display:swap}

:root{
  --ink:#0c0f14;--slate:#3b414c;--muted:#5a616c;--muted2:#6a717d;
  --line:#e2e5ea;--line2:#d9dde3;--line3:#eef0f3;--bg:#f5f6f8;--card:#fff;
  --navy:#0d1526;--nl1:#1e2c47;--nl2:#26344d;--nl3:#33415c;
  --nt1:#9aa6b8;--nt2:#b4bdcc;--nt3:#c9d1de;--nfg:#e8ecf3;
  --red:#e5482a;--red-h:#cf3d21;--red-l:#ff8a6b;--red-d:#c93a1f;--tint:#fdebe6;--tint2:#fdf6f4;--tint3:#f4c7ba;
  --ok:#1f7a50;--ok-bg:#e8f4ee;
  --grad-red:linear-gradient(155deg,#ff7352,#e5482a 55%,#c93a1f);
  --grad-navy:linear-gradient(155deg,#26324a,#0d1526);
  --sans:"Schibsted Grotesk",sans-serif;
  --mono:"JetBrains Mono",monospace;
  --wm:"Archivo",sans-serif;
  --pad:clamp(20px,4.375vw,56px);
  --sec:clamp(64px,8.125vw,104px);
  --ease:cubic-bezier(.2,.7,.2,1);
}

/* ---------- base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:16px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}
a{color:inherit;text-decoration:none}
h1,h2,h3,p,ol,ul,figure{margin:0}
ol,ul{padding:0;list-style:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
svg{flex-shrink:0}
[hidden]{display:none!important}
a,button,summary{transition:color .16s ease,background-color .16s ease,border-color .16s ease,opacity .16s ease}
:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:4px}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:#fff;color:var(--ink);padding:10px 14px;border-radius:8px;font-weight:600;box-shadow:0 6px 20px rgba(12,15,20,.2)}
.skip:focus{top:12px}
.wrap{max-width:1280px;margin-inline:auto;padding-inline:var(--pad)}
.vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.tlink{color:var(--red)}
.tlink:hover{color:var(--red-h)}
/* A link inside running text is underlined too, not told apart by colour alone. */
p .tlink{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}

/* ---------- type ---------- */
.eyebrow{font-family:var(--mono);font-size:12px;color:var(--red);text-transform:uppercase;letter-spacing:.06em}
.eyebrow-l{color:var(--red-l)}
.mono-label{font-family:var(--mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.h1{font-size:clamp(40px,5.3125vw,68px);font-weight:800;letter-spacing:-.045em;line-height:.98;text-wrap:balance}
.h1 em,.h2 em{font-style:normal;color:var(--red)}
.h2{font-size:clamp(34px,4.0625vw,52px);font-weight:800;letter-spacing:-.04em;line-height:1}
.h2-44{font-size:clamp(30px,3.4375vw,44px)}
.h2-46{font-size:clamp(30px,3.59375vw,46px)}
.h2-40{font-size:clamp(28px,3.125vw,40px);letter-spacing:-.035em;line-height:1.05}
.lead{font-size:18px;line-height:1.55;color:var(--slate)}
.body{font-size:16px;line-height:1.6;color:var(--slate)}
.body-15{font-size:15px;line-height:1.6;color:var(--slate)}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;font-weight:600;white-space:nowrap;border:0;text-align:center;transition:background-color .15s,border-color .15s,color .15s}
.btn-red{background:var(--red);color:#fff}
.btn-red:hover{background:var(--red-h)}
.btn-white{background:#fff;color:var(--ink);border:1px solid #c9cdd4}
.btn-white:hover{border-color:var(--ink)}
.btn-ghost{color:#fff;border:1px solid var(--nl3)}
.btn-ghost:hover{border-color:var(--red-l)}
.btn-dark{background:var(--ink);color:#fff}
.btn-dark:hover{background:var(--red)}
.btn-lg{padding:15px 24px;font-size:15px}
.btn-lg.btn-white,.btn-lg.btn-ghost{padding:14px 24px}
.btn-red.btn-lg{box-shadow:0 10px 24px -8px rgba(229,72,42,.65)}
.btn-sm{padding:11px 18px;font-size:14px;box-shadow:0 6px 16px -6px rgba(229,72,42,.6)}
.btn-xs{align-self:flex-start;padding:10px 16px;font-size:13px;margin-top:4px}
.btn-md{padding:13px 20px;font-size:14px}
.btns{display:flex;flex-wrap:wrap;gap:12px}

/* ---------- small shared pieces ---------- */
.tile{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--grad-red);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 10px 20px -8px rgba(229,72,42,.6)}
.tile-navy{background:var(--grad-navy);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 10px 20px -8px rgba(13,21,38,.55)}
.tile-40{width:40px;height:40px;border-radius:11px;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 16px -8px rgba(229,72,42,.6)}
.tile-52{width:52px;height:52px;border-radius:14px}
.tile .ico{width:20px;height:20px}
.tile-52 .ico{width:24px;height:24px;stroke-width:1.7}
.ico{fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.chk{width:16px;height:16px;fill:none;stroke:var(--red);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.chk-ok{stroke:var(--ok)}
.sev{font-size:11px;border-radius:4px;padding:2px 6px;justify-self:start;white-space:nowrap}
.sev-c{background:#b8321f;color:#fff}
.sev-h{background:var(--tint);color:#9a3b0c}
.sev-m{background:#fbf3d9;color:#7a5a00}
.sev-l{background:#eef0f3;color:var(--slate)}
.dots{background-image:radial-gradient(#d3d8e0 1px,transparent 1px);background-size:22px 22px}
.crumb{display:flex;gap:8px;font-family:var(--mono);font-size:12px;color:var(--muted)}
.crumb a:hover{color:var(--ink)}
.crumb [aria-current],.crumb .cur{color:var(--ink)}
.pill{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 14px 6px 6px;font-size:13px;color:var(--slate)}
.pill b{background:var(--tint);color:var(--red-d);border-radius:999px;padding:3px 10px;font-weight:600;font-size:12px}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:48px}
.sec-head .stack{display:flex;flex-direction:column;gap:14px}
.sec-head>p{max-width:420px}
.sec-head>.mw440{max-width:440px}
.sec-head>.mw400{max-width:400px}
.sevbox.g32{gap:32px}
.icard .t.nls{letter-spacing:normal}
.stack-14{display:flex;flex-direction:column;gap:14px}

/* ---------- the mark ---------- */
.mk{position:relative;display:inline-block;line-height:0;perspective:700px;transform-style:preserve-3d;flex-shrink:0}
.mk-sizer{display:block;visibility:hidden}
.mk-h{position:absolute;left:0;top:0;overflow:visible;will-change:transform;transform-origin:51.39% 81.10%}
.mk-l0{transform:rotateY(-10deg)}
.mk-l1{transform:translateZ(-1px)}
.mk-l2{transform:translateZ(-2px)}
.mk-flat{display:block;overflow:visible}

/* ---------- wordmark ---------- */
.logo{flex-shrink:0;display:flex;align-items:center;gap:12px;color:var(--ink)}
.logo:hover{opacity:1}
.wm{display:flex;flex-direction:column;gap:5px;font-family:var(--wm);line-height:.9}
.wm-a{font-size:21px;font-weight:800;font-stretch:112%;letter-spacing:.06em}
.wm-b{font-size:9.4px;font-weight:600;font-stretch:125%;letter-spacing:.62em;color:var(--muted)}
.logo-sm .wm-a{font-size:20px}
.logo-sm .wm-b{font-size:9px}

/* ---------- header ---------- */
.hdr{position:relative;z-index:40;background:#fff;border-bottom:1px solid var(--line)}
.hdr-in{max-width:1280px;margin:0 auto;padding:14px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:12px 20px}
.hdr-l{display:flex;align-items:center;gap:8px 24px;min-width:0}
.nav{display:flex;gap:2px;font-size:14px;min-width:0}
.nav-i{position:relative;display:flex;align-items:center;gap:6px;padding:8px 11px;white-space:nowrap;border-radius:8px;color:var(--slate);background:none;border:0}
.nav-i:hover{background:var(--bg);color:var(--ink)}
.nav-i[aria-expanded=true]{background:#f1f3f5;color:var(--ink);font-weight:500}
.chev{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s var(--ease)}
.nav-i[aria-expanded=true] .chev{transform:rotate(180deg)}
[data-page=engagements] [data-nav=engagements]::after,[data-page=continuous] [data-nav=continuous]::after,[data-page=platform] [data-nav=platform]::after,[data-page=resources] [data-nav=resources]::after,[data-page=company] [data-nav=company]::after{content:"";position:absolute;left:12px;right:12px;bottom:2px;height:2px;border-radius:2px;background:var(--red)}
.nav-i[aria-expanded=true]::after{display:none}
.hdr-r{flex-shrink:0;display:flex;align-items:center;gap:18px;font-size:14px;white-space:nowrap}
.signin{position:relative}
.hdr-signin{display:flex;align-items:center;gap:6px;padding:8px 2px;background:none;border:0;font:inherit;font-size:14px;color:var(--slate)}
.hdr-signin:hover,.hdr-signin[aria-expanded=true]{color:var(--ink)}
.hdr-signin[aria-expanded=true] .chev{transform:rotate(180deg)}
.signin-pop{position:absolute;right:-8px;top:calc(100% + 12px);z-index:50;min-width:230px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 24px 48px -18px rgba(12,15,20,.28);padding:6px;display:flex;flex-direction:column;white-space:normal}
.signin-pop a{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:8px}
.signin-pop a:hover{background:var(--bg)}
.signin-pop b{font-size:14px;font-weight:600;color:var(--ink)}
.signin-pop span{font-size:12px;color:var(--muted)}
.mm{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 30px 50px -24px rgba(12,15,20,.28)}
.mm-in{max-width:1280px;margin:0 auto;padding:24px var(--pad) 28px;display:grid;grid-template-columns:minmax(0,3fr) minmax(220px,1fr);gap:24px}
.mm-col{display:flex;flex-direction:column;gap:10px}
.mm-t{font-family:var(--mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding-left:14px}
.mm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px}
.mm-svc{display:flex;gap:14px;padding:14px;border-radius:12px;align-items:flex-start}
.mm-svc:hover,.mm-link:hover{background:var(--bg)}
.mm-txt{display:flex;flex-direction:column;gap:4px}
.mm-n{font-size:15px;font-weight:600;color:var(--ink);display:flex;gap:8px;align-items:center}
.mm-n i{width:6px;height:6px;border-radius:2px;background:var(--red)}
.mm-d{font-size:13px;line-height:1.45;color:var(--muted)}
.mm-link{display:flex;flex-direction:column;gap:5px;padding:14px;border-radius:12px}
.mm-link .mm-d{padding-left:14px}
.mm-more{margin:6px 14px 0;font-size:13px;font-weight:600;color:var(--red);align-self:flex-start}
.mm-card{background:var(--navy);color:var(--nfg);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:14px}
.mm-card-t{font-size:17px;font-weight:700;letter-spacing:-.01em}
.mm-card-d{font-size:13px;line-height:1.5;color:var(--nt1)}
.burger{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:10px;background:#fff;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.burger span{display:block;width:18px;height:2px;border-radius:2px;background:var(--ink);transition:transform .2s var(--ease),opacity .2s}
.burger[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded=true] span:nth-child(2){opacity:0}
.burger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mnav{position:fixed;left:0;right:0;bottom:0;top:var(--hdr-h,85px);background:#fff;overflow-y:auto;padding:12px var(--pad) 32px;border-top:1px solid var(--line);display:flex;flex-direction:column}
.mnav details{border-bottom:1px solid var(--line)}
.mnav summary,.mnav-top{display:flex;justify-content:space-between;align-items:center;padding:16px 4px;font-size:17px;font-weight:600;list-style:none;cursor:pointer}
.mnav summary::-webkit-details-marker{display:none}
.mnav summary::after{content:"";width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg) translateY(-3px);transition:transform .2s}
.mnav details[open] summary::after{transform:rotate(225deg) translateY(-3px)}
.mnav-top{border-bottom:1px solid var(--line)}
.mnav-sub{display:flex;flex-direction:column;padding:0 4px 14px}
.mnav-sub a{padding:10px 12px;border-radius:8px;color:var(--slate);font-size:15px}
.mnav-sub a:hover{background:var(--bg);color:var(--ink)}
.mnav-cta{display:flex;flex-direction:column;gap:10px;margin-top:24px}
.mnav-cta .btn{padding:14px 20px;font-size:15px}
html.menu-open{overflow:hidden}

/* ---------- footer ---------- */
.ftr-cta-wrap{padding-top:var(--sec)}
.ftr-cta{background:var(--navy);color:#fff;border-radius:22px;padding:clamp(32px,5vw,64px);display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:center;overflow:hidden}
.ftr-cta-l{display:flex;flex-direction:column;gap:26px}
.ftr-cta-h{font-size:clamp(38px,4.6875vw,60px);font-weight:800;letter-spacing:-.045em;line-height:.95}
.ftr-cta-h span{color:var(--red-l)}
.ftr-cta p{font-size:16px;line-height:1.6;color:var(--nt1);max-width:440px}
.ftr-cta .btn-red.btn-lg{box-shadow:0 10px 24px -8px rgba(229,72,42,.7)}
.ftr-cta-r{display:flex;align-items:center;justify-content:center;min-height:260px}
.ftr{padding-top:72px;padding-bottom:32px;display:grid;grid-template-columns:minmax(0,2fr) repeat(4,minmax(0,1fr));gap:24px;font-size:14px}
.ftr-brand{display:flex;flex-direction:column;gap:16px}
.ftr-tag{color:var(--muted);max-width:260px;line-height:1.55;text-wrap:pretty}
.ftr-col{display:flex;flex-direction:column;gap:10px}
.ftr-h{font-weight:600}
.ftr-col a{color:var(--slate)}
.ftr-col a:hover{color:var(--ink)}
.ftr-bar{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;border-top:1px solid var(--line2);padding-top:20px;margin-top:40px;font-family:var(--mono);font-size:11px;color:var(--muted)}

/* ---------- FAQ accordion ---------- */
.faq-list{display:flex;flex-direction:column;border-top:1px solid var(--line2)}
.faq-item{border-bottom:1px solid var(--line2)}
.faq-q{display:flex;justify-content:space-between;align-items:center;gap:24px;width:100%;padding:22px 0;font-size:18px;font-weight:700;letter-spacing:-.015em;line-height:1.3;color:var(--ink);background:none;border:0;text-align:left}
.faq-lg .faq-q{font-size:19px}
.faq-ic{position:relative;width:32px;height:32px;flex-shrink:0;border-radius:50%;background:#fff;border:1px solid var(--line2);color:var(--ink);transition:background-color .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease)}
.faq-ic::before,.faq-ic::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.8px;margin:-.9px 0 0 -5.5px;border-radius:1px;background:currentColor;transition:transform .32s var(--ease),opacity .32s var(--ease)}
.faq-ic::after{transform:rotate(90deg)}
.faq-q:hover .faq-ic{border-color:#b6bcc6}
.faq-q[aria-expanded=true] .faq-ic{background:var(--red);border-color:var(--red);color:#fff}
.faq-q[aria-expanded=true] .faq-ic::after{transform:rotate(0deg);opacity:0}
.faq-a{overflow:hidden;padding:0 64px 24px 0;font-size:15px;line-height:1.65;color:var(--slate)}
.faq-sec{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px}
.faq-sec>div:first-child{display:flex;flex-direction:column;gap:14px}

/* ---------- homepage ---------- */

.hero{position:relative;overflow:hidden}
.hero-cv{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}
.hero-in{position:relative;padding-top:64px;padding-bottom:24px;display:grid;grid-template-columns:5fr 6fr;gap:24px;align-items:center}
.hero-l{display:flex;flex-direction:column;gap:28px;position:relative;z-index:2}
.hero .pill{box-shadow:0 2px 6px rgba(12,15,20,.05)}
.hero-h1{font-size:clamp(44px,5.625vw,72px)}
.hero-l .lead{max-width:520px}
.trust{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:13px;color:var(--slate);padding-top:4px}
.trust span{display:flex;gap:7px;align-items:center}

.stage{position:relative;height:600px;perspective:2200px}
.stk-fit{position:absolute;inset:0;transform-style:preserve-3d}
.stk{position:absolute;left:50%;top:50%;width:420px;height:320px;margin:-150px 0 0 -230px;transform-style:preserve-3d;transform:rotateX(56deg) rotateZ(-38deg);will-change:transform}
.stk-a{position:absolute;inset:0;overflow:hidden;background:var(--navy);border-radius:16px;box-shadow:-40px 60px 80px rgba(13,21,38,.35);background-image:radial-gradient(#33415c 1.6px,transparent 1.6px);background-size:26px 26px;background-position:13px 40px;padding:16px 18px}
.stk-a-h{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;color:#8b97ad}
.stk-scan{position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--red);box-shadow:0 0 18px 4px rgba(229,72,42,.55);opacity:0}
.stk-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--red);box-shadow:0 0 0 6px rgba(229,72,42,.25)}
.stk-dot.d1{left:92px;top:118px}
.stk-dot.d2{left:248px;top:196px}
.stk-dot.d3{left:326px;top:92px;background:#f0b44c;box-shadow:0 0 0 6px rgba(240,180,76,.25)}
.stk-b{position:absolute;inset:0;transform:translateZ(110px);will-change:transform;background:#fff;border-radius:16px;border:1px solid var(--line);box-shadow:-30px 46px 60px rgba(13,21,38,.22);padding:18px;display:flex;flex-direction:column;gap:10px}
.stk-b-h{display:flex;justify-content:space-between;align-items:center}
.stk-b-h b{font-size:14px;font-weight:700}
.stk-b-h span{font-family:var(--mono);font-size:10px;color:var(--muted2)}
.stk-row{display:flex;justify-content:space-between;align-items:center;padding:9px 10px;background:var(--bg);border-radius:8px;font-size:12px}
.stk-row .sev{font-size:10px}
.stk-c{position:absolute;right:-30px;top:30px;width:230px;transform:translateZ(220px);will-change:transform;background:var(--red);color:#fff;border-radius:14px;padding:16px 18px;box-shadow:-24px 36px 50px rgba(229,72,42,.35);display:flex;flex-direction:column;gap:10px}
.stk-c-h{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10px;opacity:.85}
.stk-c b{font-size:20px;font-weight:800;letter-spacing:-.02em}
.stk-c-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.stk-c-bars i{height:4px;border-radius:2px;background:#fff}
.chip{position:absolute;border-radius:12px;padding:12px 14px;display:flex;gap:12px;align-items:center}
.chip-a{left:0;top:70px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 40px -12px rgba(12,15,20,.25)}
.chip-b{right:10px;bottom:56px;background:var(--navy);color:var(--nfg);box-shadow:0 18px 40px -12px rgba(13,21,38,.45)}
.chip-t{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(155deg,#2fa36f,#1f7a50);box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}
.chip-b .chip-t{background:var(--grad-red);box-shadow:none}
.chip-t .ico{width:24px;height:24px}
.chip-x{display:flex;flex-direction:column;gap:2px}
.chip-x b{font-size:13px;font-weight:600}
.chip-x span{font-size:11px;color:var(--muted2)}
.chip-b .chip-x span{color:var(--nt1)}

.meth{padding-top:24px;display:flex;align-items:center;gap:32px;font-size:14px;color:var(--muted2)}
.meth .mono-label{letter-spacing:.08em;color:var(--muted2);white-space:nowrap}
.meth-line{flex:1;height:1px;background:var(--line2)}
.meth-n{display:flex;flex-wrap:wrap;gap:8px 28px;font-weight:700;color:var(--slate);letter-spacing:-.01em}

.svc{padding-top:var(--sec);display:flex;flex-direction:column;gap:40px}
.svc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.card-svc{position:relative;background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px 20px 30px;display:flex;flex-direction:column;gap:18px;box-shadow:0 1px 2px rgba(12,15,20,.04);transform-style:preserve-3d;transition:transform .25s var(--ease),box-shadow .25s ease-out;will-change:transform;text-align:left;font:inherit;color:inherit;cursor:pointer}
.card-svc .tile{transition:transform .3s var(--ease)}
.card-svc-mode{position:absolute;top:24px;right:20px;font-family:var(--mono);font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:4px 10px}
.card-svc-x{display:flex;flex-direction:column;gap:8px}
.card-svc-n{font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--ink)}
.card-svc-x span{font-size:14px;line-height:1.5;color:var(--muted)}
.card-svc-go{font-size:13px;font-weight:600;color:var(--red);margin-top:auto;transition:transform .25s var(--ease)}
.card-svc-ol{position:absolute;inset:-1px;border:2px solid var(--red);border-radius:14px;pointer-events:none;display:none}
.card-svc-pb{position:absolute;left:20px;right:20px;bottom:12px;height:2px;background:#f6dcd4;border-radius:2px;overflow:hidden;pointer-events:none;display:none}
.card-svc-pb i{display:block;height:100%;background:var(--red);transform-origin:0 50%;transform:scaleX(0)}
.card-svc[aria-pressed=true] .card-svc-ol,.card-svc[aria-pressed=true] .card-svc-pb{display:block}
.svc-panels{display:grid;background:#fff;border:1px solid var(--line);border-radius:16px}
.svc-panel{grid-area:1/1;padding:36px 40px;display:grid;grid-template-columns:5fr 4fr 3fr;gap:40px}
.svc-panel.off{visibility:hidden}
.svc-panel .go{align-self:flex-start;margin-top:2px;font-size:14px;font-weight:600;color:var(--red)}
.svc-panel .go:hover{color:var(--red-h)}
.svc-panel>div{display:flex;flex-direction:column;gap:14px}
.svc-panel h3{font-size:30px;font-weight:800;letter-spacing:-.03em;line-height:1.05}
.svc-panel p{font-size:15px;line-height:1.6;color:var(--slate)}
.svc-panel .lst{gap:10px}
.lst{display:flex;flex-direction:column;gap:10px}
.lst li{font-size:14px;display:flex;gap:10px;align-items:center}
.kv{display:flex;flex-direction:column;gap:6px}
.kv>span:last-child{font-size:14px;line-height:1.5}
.svc-panel .kvs{gap:18px}

.pshow{margin-top:112px;background:var(--navy);color:var(--nfg);position:relative;overflow:hidden}
.pshow-in{padding-top:var(--sec)}
.pshow .h2{font-size:clamp(36px,4.375vw,56px)}
.pshow .sec-head>p{color:var(--nt1)}
.pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px;align-items:center}
.pills>span{display:flex;gap:8px;align-items:center;border:1px solid #2a3753;color:var(--nt3);border-radius:999px;padding:9px 16px;font-size:14px}
.pills>span.on{background:var(--red);border-color:var(--red);color:#fff;font-weight:600}
.pills .live{width:7px;height:7px;border-radius:50%;background:#fff}
.pills a{margin-left:auto;color:var(--red-l);font-size:14px;font-weight:600}
.pills a:hover{color:#fff}
.pwin-sec{perspective:2000px;height:520px;margin-top:56px;position:relative}
.pwin-fit{position:absolute;left:50%;top:0;width:1060px;margin-left:-530px;transform-origin:50% 0;transform-style:preserve-3d}
.pwin{transform:rotateX(8deg);transform-origin:50% 0;will-change:transform;background:#fff;color:var(--ink);border-radius:14px 14px 0 0;box-shadow:0 -10px 80px rgba(229,72,42,.18),0 0 0 1px rgba(255,255,255,.08);overflow:hidden}
.win-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-bottom:1px solid var(--line);background:#fafbfc;font-size:12px;color:var(--muted2)}
.win-dots{display:flex;gap:6px}
.win-dots i{width:10px;height:10px;border-radius:50%;background:var(--line)}
.win-url{font-family:var(--mono)}
.pwin-body{display:grid;grid-template-columns:190px 1fr 300px}
.pwin-side{border-right:1px solid var(--line);padding:16px 12px;display:flex;flex-direction:column;gap:4px;font-size:13px;background:#fafbfc}
.pwin-side span{padding:8px 10px;color:var(--slate)}
.pwin-side span.on{border-radius:6px;background:var(--ink);color:#fff;font-weight:500}
.ptab{padding:18px 20px;display:flex;flex-direction:column}
.trow{display:grid;grid-template-columns:70px 1fr 74px 96px;gap:10px;padding:12px 0;font-size:13px;border-bottom:1px solid var(--line3);align-items:center}
.trow-h{padding:8px 0;font-family:var(--mono);font-size:10px;color:var(--muted2);border-bottom-color:var(--line)}
.trow:last-child{border-bottom:0}
.trow .id{font-family:var(--mono);font-size:11px;color:var(--muted2)}
.trow .st{font-size:11px;color:var(--slate)}
.trow .ok{color:var(--ok);font-weight:600}
.trow-hi{background:var(--tint2);margin:0 -10px;padding-left:10px;padding-right:10px}
.trow-x{margin:0 -10px;padding-left:10px;padding-right:10px}
.pnew{height:0;overflow:hidden;opacity:0;margin:0 -10px;padding:0 10px}
.pnew .trow{border-bottom:1px solid var(--line3)}
.st-new{font-size:11px;color:#fff;background:var(--red);border-radius:4px;padding:2px 7px;justify-self:start;font-weight:600}
.flip{position:relative;display:block;height:16px}
.flip span{position:absolute;left:0;top:0;font-size:11px;font-weight:600;white-space:nowrap}
.flip .f1{color:var(--red)}
.flip .f2{color:var(--ok);opacity:0}
.pwin-hist{border-left:1px solid var(--line);padding:18px;display:flex;flex-direction:column;gap:14px;background:#fafbfc}
.pwin-hist>.id{font-family:var(--mono);font-size:10px;color:var(--muted2)}
.hist{display:flex;flex-direction:column;gap:12px;font-size:12px}
.hist div{display:flex;justify-content:space-between}
.hist span:last-child{color:var(--muted2)}
.vbadge{background:var(--ok-bg);color:var(--ok);border-radius:8px;padding:10px 12px;font-size:13px;font-weight:600;transform-origin:0 50%}
.evid{display:flex;gap:6px;flex-wrap:wrap}
.evid span{font-size:11px;border:1px solid var(--line);border-radius:6px;padding:4px 8px;background:#fff}
.pshow-fade{position:absolute;left:0;right:0;bottom:0;height:140px;background:linear-gradient(180deg,rgba(13,21,38,0),var(--navy));pointer-events:none}

.lc{padding-top:var(--sec);display:flex;flex-direction:column;gap:48px}
.lc .sec-head>p{max-width:380px}
.lc-wrap{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.lc-line{position:absolute;left:34px;right:40px;top:34px;border-top:2px dashed #c9cdd4;transform-origin:0 50%}
.lc-fill{position:absolute;left:34px;top:34px;width:0;height:2px;background:var(--red);transform-origin:0 50%;transform:scaleX(0);opacity:0}
.lc-dot{position:absolute;left:0;top:28px;width:14px;height:14px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px rgba(229,72,42,.18),0 0 18px rgba(229,72,42,.6);opacity:0}
.lc-step{position:relative;display:flex;flex-direction:column;gap:16px;perspective:600px}
.lc-tile{width:68px;height:68px;border-radius:18px;background:var(--grad-navy);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 12px 24px -10px rgba(13,21,38,.6);display:flex;align-items:center;justify-content:center}
.lc-tile.red{background:var(--grad-red);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 12px 24px -10px rgba(229,72,42,.7)}
.lc-tile .ico{width:24px;height:24px;transform:scale(1.25);stroke-width:1.6}
.lc-n{font-family:var(--mono);font-size:11px;color:var(--muted2)}
.lc-t{font-size:20px;font-weight:700;letter-spacing:-.02em}
.lc-d{font-size:14px;line-height:1.5;color:var(--muted)}
.lc-step.last .lc-n,.lc-step.last .lc-t{color:var(--red)}

.otc-wrap{padding-top:var(--sec)}
.otc{background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(28px,5vw,64px);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:48px;align-items:center;overflow:hidden}
.otc-l{display:flex;flex-direction:column;gap:22px}
.otc-l .h2{text-wrap:balance}
.otc-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.otc-cards>div{border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px}
.otc-cards>div.hot{border-color:var(--tint3);background:var(--tint2)}
.otc-cards h3{font-size:16px;font-weight:700}
.otc-cards .hot h3{color:var(--red-d)}
.otc-cards span{font-size:13px;line-height:1.5;color:var(--muted)}
.bars-sec{position:relative;height:400px;display:flex;align-items:center;justify-content:center;perspective:1800px}
.bars{display:flex;align-items:flex-end;gap:54px;transform-style:preserve-3d;transform:rotateX(-20deg) rotateY(-36deg) translateY(40px)}
.bar{position:relative;width:76px;height:250px;transform-style:preserve-3d}
.bar:nth-child(2){height:196px}
.bar:nth-child(3){height:132px}
.bar:nth-child(4){height:64px}
.bar>i{position:absolute;inset:0;background:var(--navy);transform:translateZ(38px);display:flex;flex-direction:column;justify-content:flex-end;padding:12px;color:#fff;font-weight:800;font-size:18px;font-style:normal}
.bar>b{position:absolute;inset:0;background:#060b16;transform:rotateY(90deg) translateZ(38px)}
.bar>u{position:absolute;left:0;top:0;width:76px;height:76px;background:#2b3852;transform:rotateX(90deg) translateZ(38px)}
.bar.red>i{background:var(--red)}
.bar.red>b{background:#b8321f}
.bar.red>u{background:var(--red-l)}
.bars-wrap{position:relative;min-width:0}
.bars-cap{position:absolute;left:0;right:0;bottom:-44px;text-align:center;font-size:12px;color:var(--muted)}

.home-faq{padding-top:var(--sec)}
.sides{padding-top:var(--sec);display:flex;flex-direction:column;gap:40px}
.sides-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.side{border-radius:20px;padding:clamp(28px,3.4vw,44px);display:flex;flex-direction:column;gap:18px}
.side-team{background:var(--navy);color:var(--nfg)}
.side-client{background:#fff;border:1px solid var(--line)}
.side .tile-52{box-shadow:none}
.side h3{font-size:clamp(24px,2.35vw,30px);font-weight:800;letter-spacing:-.03em;line-height:1.08;text-wrap:balance}
.side-team h3{color:#fff}
.side-team .mono-label{color:var(--red-l)}
.side .lst{gap:12px;border-top:1px solid var(--line);padding-top:18px}
.side-team .lst{border-top-color:var(--nl1)}
.side .lst li{font-size:15px;line-height:1.45;align-items:flex-start}
.side .lst .chk{margin-top:2px}
.side-team .lst li{color:var(--nt3)}
.side-team .chk{stroke:var(--red-l)}
.side>a{margin-top:auto;padding-top:6px;font-size:14px;font-weight:600;color:var(--red);align-self:flex-start}
.side>a:hover{color:var(--red-h)}
.side-team>a{color:var(--red-l)}
.side-team>a:hover{color:#fff}

/* ---------- sub-pages: shared ---------- */
.phero{border-bottom:1px solid var(--line)}
.phero-in{padding-top:72px;padding-bottom:64px}
.phero-l{display:flex;flex-direction:column;gap:24px}
.sec{padding-top:var(--sec)}
.sec-col{display:flex;flex-direction:column;gap:40px}
.sec-col-32{display:flex;flex-direction:column;gap:32px}
.split{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px}
.split>div:first-child{display:flex;flex-direction:column;gap:14px}
.card{background:#fff;border:1px solid var(--line);border-radius:16px}
.ncard{background:var(--navy);color:var(--nfg);border-radius:18px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.icard{padding:28px;display:flex;flex-direction:column;gap:12px}
.icard .n{font-family:var(--mono);font-size:12px;color:var(--red)}
.icard .t{font-size:20px;font-weight:700;letter-spacing:-.015em}
.icard .d{font-size:14px;line-height:1.55;color:var(--muted)}
.ntile{width:40px;height:40px;border-radius:11px;background:var(--grad-navy);color:var(--red-l);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:13px}
.spill{font-size:13px;font-weight:600;color:var(--ink);border:1px solid var(--line);background:var(--bg);border-radius:999px;padding:6px 12px}
.npill{font-size:13px;font-weight:600;border:1px solid var(--nl3);border-radius:999px;padding:6px 12px}
.pills-wrap{display:flex;flex-wrap:wrap;gap:8px}
.feat{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.feat>li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}
.feat svg{width:20px;height:20px;fill:none;stroke:var(--red);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-top:2px}
.feat b{display:block;font-size:15px;font-weight:700}
.feat span{display:block;font-size:14px;line-height:1.5;color:var(--muted);margin-top:3px}

/* ---------- engagements page ---------- */
.svch{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:end}
.svch .lead{max-width:600px}
.inc-card{padding:24px;display:flex;flex-direction:column;gap:14px}
.views{display:flex;flex-direction:column;gap:10px}
.views div{display:flex;flex-direction:column;gap:2px;padding:12px 14px;background:var(--bg);border-radius:10px}
.views b{font-size:14px;font-weight:700}
.views span{font-size:13px;line-height:1.45;color:var(--muted)}
.svc-tabs-sec{padding-top:64px;display:flex;flex-direction:column;gap:24px}
.svc-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:8px}
.svc-tab{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:10px;color:var(--ink);background:none;border:0;text-align:left;font:inherit}
.svc-tab:hover{background:var(--bg)}
.svc-tab .tile{width:36px;height:36px;border-radius:10px;background:var(--grad-navy);box-shadow:none}
.svc-tab .ico{width:18px;height:18px;stroke-width:1.9}
.svc-tab span:last-child{font-size:14px;font-weight:600;line-height:1.25}
.svc-tab[aria-selected=true]{background:var(--navy);color:#fff}
.svc-tab[aria-selected=true] .tile{background:var(--grad-red)}
.svc-detail{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px;align-items:start}
.svc-art{background:#fff;border:1px solid var(--line);border-radius:18px;padding:40px;display:flex;flex-direction:column;gap:22px}
.svc-art-k{display:flex;gap:10px;align-items:center}
.chipm{font-family:var(--mono);font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:4px 10px}
.svc-art h2{font-size:clamp(30px,3.4375vw,44px);font-weight:800;letter-spacing:-.04em;line-height:1}
.svc-art p{font-size:16px;line-height:1.65;color:var(--slate)}
.svc-art .blk{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--line);padding-top:20px}
.svc-art .lst li{font-size:15px}
.svc-art .kv2{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid var(--line);padding-top:20px}
.svc-art .btn{align-self:flex-start}
.svc-meth{padding:40px;display:flex;flex-direction:column;gap:26px}
.svc-meth-h{display:flex;justify-content:space-between;align-items:baseline}
.svc-meth-h h3{font-size:26px;font-weight:700;letter-spacing:-.02em}
.svc-meth-h span{font-family:var(--mono);font-size:11px;color:var(--nt1)}
.steps li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;padding:16px 0;border-top:1px solid var(--nl1)}
.steps .num{box-sizing:content-box;width:36px;height:36px;border-radius:10px;border:1px solid var(--nl3);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:12px;color:var(--red-l)}
.steps b{display:block;font-size:17px;font-weight:600}
.steps span:not(.num){display:block;font-size:14px;line-height:1.55;color:var(--nt1);margin-top:4px}
.svc-meth .blk{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--nl1);padding-top:20px}
.svc-meth .mono-label{color:var(--nt1)}
.phase{padding:24px;display:flex;flex-direction:column;gap:12px}
.phase-top{display:flex;justify-content:space-between;align-items:center}
.phase-top .n{font-family:var(--mono);font-size:12px;color:var(--red)}
.gate{font-size:11px;font-weight:600;color:#9a3b0c;background:var(--tint);border-radius:999px;padding:3px 9px}
.phase .t{font-size:19px;font-weight:700;letter-spacing:-.015em}
.phase .d{font-size:14px;line-height:1.55;color:var(--muted)}
.phase-res{background:var(--red);color:#fff;border-radius:16px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;gap:16px}
.phase-res span:first-child{font-family:var(--mono);font-size:12px;opacity:.9}
.phase-res span:last-child{font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:1.15}
.sevbox{background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(28px,4.375vw,56px);display:flex;flex-direction:column;gap:36px}

/* ---------- continuous projects page ---------- */
.conth{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:48px;align-items:center}
.conth .lead{max-width:560px}
.phero-in.c{padding-top:64px;padding-bottom:64px}
.orbit-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 30px 60px -30px rgba(12,15,20,.25);display:flex;flex-direction:column;align-items:center;gap:8px}
.orbit{position:relative;width:100%;max-width:520px;aspect-ratio:520/440;container-type:inline-size}
.orbit svg{display:block;width:100%;height:auto;overflow:visible}
.orbit-n{position:absolute;transform:translate(-50%,-50%);font-family:var(--mono);font-size:clamp(9px,2.3cqi,12px);color:var(--red);pointer-events:none}
.orbit-l{position:absolute;font-size:clamp(10px,2.7cqi,14px);font-weight:600;color:var(--ink);white-space:nowrap;pointer-events:none}
.orbit-c{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px}
.orbit-c span:last-child{font-family:var(--mono);font-size:11px;color:var(--muted)}
.trig{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.trig>div{background:var(--navy);color:var(--nfg);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:10px}
.trig i{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px rgba(229,72,42,.2)}
.trig b{font-size:16px;font-weight:700}
.trig span{font-size:13px;line-height:1.5;color:var(--nt1)}
.cmp{display:flex;flex-direction:column}
.cmp>div{display:grid;grid-template-columns:200px minmax(0,1fr) minmax(0,1fr);gap:24px;padding:16px 20px;border-top:1px solid var(--line3);font-size:14px;line-height:1.5}
.cmp>div.h{border-top:0;padding:14px 20px;font-family:var(--mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;line-height:normal}
.cmp>div.h>span:last-child{color:var(--red-d)}
.cmp>div:not(.h)>span:nth-child(1){font-weight:700}
.cmp>div:not(.h)>span:nth-child(2){color:var(--slate)}
.cmp>div:not(.h)>span:nth-child(3){color:var(--ink);background:var(--tint2);margin:-16px -20px -16px 0;padding:16px 20px}

/* ---------- platform page ---------- */
.plath{display:flex;flex-direction:column;gap:40px}
.plath .phero-l{max-width:820px}
.plath .lead{max-width:640px}
.jump2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.jump2 a{border-radius:18px;padding:28px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.jump2 a div{display:flex;flex-direction:column;gap:6px}
.jump2 .mono-label{color:var(--red)}
.jump2 b{font-size:26px;font-weight:800;letter-spacing:-.025em}
.jump2 a>div>span:last-child{font-size:14px;color:var(--muted)}
.jump2 a>span{font-size:22px;color:var(--red)}
.jump2 a.dark{background:var(--navy);color:var(--nfg)}
.jump2 a.dark .mono-label,.jump2 a.dark>span{color:var(--red-l)}
.jump2 a.dark b{color:#fff}
.jump2 a.dark>div>span:last-child{color:var(--nt1)}
.jump2 a.light{background:#fff;border:1px solid var(--line);color:var(--ink)}
.plat-sec{padding-top:var(--sec);display:grid;gap:48px;align-items:center}
.plat-sec.con{grid-template-columns:minmax(0,4fr) minmax(0,7fr)}
.plat-sec.por{grid-template-columns:minmax(0,7fr) minmax(0,4fr)}
.plat-txt{display:flex;flex-direction:column;gap:20px}
.cwin{background:var(--navy);border-radius:18px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(13,21,38,.6);color:var(--nfg)}
.cwin-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-bottom:1px solid var(--nl1);font-size:12px}
.cwin-bar span:first-child{font-family:var(--mono);color:var(--nt1)}
.cwin-bar span:last-child{color:var(--red-l);font-weight:600}
.cwin-body{display:grid;grid-template-columns:240px minmax(0,1fr)}
.cwin-plan{border-right:1px solid var(--nl1);padding:18px;display:flex;flex-direction:column;gap:12px}
.cwin-plan .k{font-family:var(--mono);font-size:10px;color:var(--nt1);letter-spacing:.06em}
.prog{height:4px;border-radius:2px;background:var(--nl1)}
.prog i{display:block;width:100%;height:4px;border-radius:2px;background:var(--red);transform:scaleX(.67);transform-origin:0 50%}
.plan-i{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--nt3)}
.plan-i i{width:16px;height:16px;border-radius:4px;border:1px solid var(--nl3);display:flex;align-items:center;justify-content:center;font-size:10px;font-style:normal;flex-shrink:0;color:transparent}
.plan-i i.done{background:var(--red);border:0;color:#fff}
.cwin-main{padding:20px 22px;display:flex;flex-direction:column;gap:16px}
.cwin-main .top{display:flex;justify-content:space-between;align-items:center}
.cwin-main .top span:first-child{font-family:var(--mono);font-size:11px;color:var(--nt1)}
.cwin-main .top .sev{font-size:11px;padding:2px 8px}
.cwin-main>b{font-size:20px;font-weight:700;letter-spacing:-.015em}
.vec{background:#111d33;border:1px solid var(--nl1);border-radius:10px;padding:12px 14px;font-family:var(--mono);font-size:11px;color:var(--nt1);line-height:1.6;overflow-wrap:anywhere}
.kv-d{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:13px}
.kv-d div{display:flex;flex-direction:column;gap:4px}
.kv-d span:first-child{font-family:var(--mono);font-size:10px;color:var(--nt1)}
.evd{display:flex;gap:6px;flex-wrap:wrap}
.evd span{font-size:11px;border:1px solid var(--nl3);border-radius:6px;padding:4px 8px}
.gates{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.gates div{border:1px solid var(--nl1);border-radius:10px;padding:12px;display:flex;justify-content:space-between;align-items:center;font-size:13px}
.gates .ok{color:var(--red-l);font-weight:600}
.gates .pend{color:var(--nt1)}
.pub{align-self:flex-start;background:var(--red);color:#fff;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:600}
/* Platform motion (platform.js). The markup alone is a finished frame. */
.vec span{position:relative}
.vec .u{color:transparent}
.vec .cur::after,.vec .cur0::before{content:"";position:absolute;top:.1em;bottom:.1em;width:1.5px;background:var(--red-l);animation:caret 1s steps(1) infinite}
.vec .cur::after{right:-1px}
.vec .cur0::before{left:-1px}
@keyframes caret{50%{opacity:0}}
.gates div>span:last-child{display:inline-flex;align-items:center;justify-content:flex-end;gap:7px;min-width:5.6em}
.gates .pass{color:#4cc38a;font-weight:600}
.gates .is-run::before{content:"";width:10px;height:10px;border:1.5px solid var(--nl3);border-top-color:var(--red-l);border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.pub{display:inline-grid;transition:background-color .3s}
.pub>span{grid-area:1/1}
.pub>span+span{opacity:0}
.pub.is-done{background:var(--ok)}
.plist{position:relative;overflow:hidden}
.pnew2{position:absolute;top:0;left:0;right:0;opacity:0;transform:translateY(-100%)}
.act3{display:grid;justify-items:start;align-items:center}
.act3>span{grid-area:1/1}
.act3>span+span{opacity:0}
.kpis b{transform-origin:0 70%}
@media (prefers-reduced-motion:no-preference){
  .js [data-rise]{opacity:0}
  .js:not(.motion) [data-rise]{animation:rise-fb 0s 2.5s forwards}
}
@keyframes rise-fb{to{opacity:1}}
@media (prefers-reduced-motion:reduce){.gates .is-run::before{animation:none}}
.flow{background:#fff;border:1px solid var(--line);border-radius:20px;padding:36px 40px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:center}
.flow>div{display:flex;align-items:center;gap:12px}
.flow>div>div{flex:1;display:flex;flex-direction:column;gap:6px;background:var(--bg);border-radius:12px;padding:16px}
.flow .w{font-family:var(--mono);font-size:10px;color:var(--red);letter-spacing:.06em}
.flow b{font-size:15px;font-weight:700}
.flow>div>span{color:#8a909a;font-size:18px}
.flow-wrap{padding-top:88px}
.pwin2{background:#fff;border:1px solid var(--line2);border-radius:18px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(12,15,20,.35)}
.pwin2-body{padding:20px 22px;display:flex;flex-direction:column;gap:16px}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.kpis div{background:var(--bg);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}
.kpis span{font-family:var(--mono);font-size:10px;color:var(--muted)}
.kpis b{font-size:22px;font-weight:800;letter-spacing:-.02em}
.prow{display:grid;grid-template-columns:70px minmax(0,1fr) 74px 76px 110px;gap:10px;padding:11px 0;font-size:13px;border-bottom:1px solid var(--line3);align-items:center}
.prow.h{padding:8px 0;font-family:var(--mono);font-size:10px;color:var(--muted);border-bottom-color:var(--line)}
.prow .id{font-family:var(--mono);font-size:11px;color:var(--muted)}
.prow .t{font-weight:500}
.prow .due{font-family:var(--mono);font-size:11px;color:var(--slate)}
.prow .v{font-size:12px;color:var(--ok);font-weight:600}
.prow .rq{font-size:12px;font-weight:600;color:var(--red);border:1px solid var(--tint3);border-radius:6px;padding:4px 8px;justify-self:start}
.prow .ip{font-size:12px;color:var(--muted)}
.dls{display:flex;gap:8px;flex-wrap:wrap}
.dls span{font-size:12px;border:1px solid var(--line);border-radius:8px;padding:8px 12px;background:#fafbfc}
.secg{padding:24px;display:flex;flex-direction:column;gap:8px}
.secg h3{font-size:17px;font-weight:700}
.secg p{font-size:14px;line-height:1.55;color:var(--muted)}
.pwin2 .win-bar{color:var(--muted)}

/* ---------- resources page ---------- */
.resh{padding-top:64px;display:flex;flex-direction:column;gap:22px}
.rtabs{display:flex;gap:4px;margin-top:20px}
.rtab{display:flex;gap:8px;align-items:center;padding:14px 18px;border:0;border-bottom:2px solid transparent;background:none;font:inherit;font-size:15px;font-weight:500;color:var(--muted);white-space:nowrap}
.rtab:hover{color:var(--ink)}
.rtab i{font-style:normal;font-family:var(--mono);font-size:11px;color:var(--muted);background:#e9ebee;border-radius:999px;padding:2px 7px}
.rtab[aria-selected=true],.rtab.on{border-bottom-color:var(--red);font-weight:700;color:var(--ink)}
.rtab[aria-selected=true] i,.rtab.on i{color:#fff;background:var(--red)}
.rpane{padding-top:56px}
.feat-post{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;color:inherit;transition:box-shadow .2s}
.feat-post:hover{box-shadow:0 24px 48px -24px rgba(12,15,20,.3)}
.feat-art{background:var(--navy);min-height:300px;display:flex;align-items:center;justify-content:center;position:relative;background-image:radial-gradient(#1f2a42 1px,transparent 1px);background-size:22px 22px}
.feat-art>span{position:absolute;left:24px;top:24px;font-family:var(--mono);font-size:11px;color:var(--red-l);letter-spacing:.06em}
.feat-x{padding:40px;display:flex;flex-direction:column;gap:16px;justify-content:center}
.meta{display:flex;flex-wrap:wrap;gap:4px 10px;font-family:var(--mono);font-size:12px;color:var(--muted)}
.meta>span{white-space:nowrap}
.meta .c{color:var(--red)}
.feat-x h2{font-size:clamp(28px,2.97vw,38px);font-weight:800;letter-spacing:-.035em;line-height:1.05;color:var(--ink)}
.feat-x p{font-size:16px;line-height:1.6;color:var(--slate)}
.rd{font-size:14px;font-weight:600;color:var(--red)}
.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}
.post{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .2s,border-color .2s}
.post:hover{box-shadow:0 20px 40px -24px rgba(12,15,20,.3);border-color:var(--line2)}
.post .meta{font-size:11px}
.post h2{font-size:21px;font-weight:800;letter-spacing:-.02em;line-height:1.15;color:var(--ink)}
.post p{font-size:14px;line-height:1.55;color:var(--muted)}
.post .rd{font-size:13px;margin-top:auto}
[data-done]:focus{outline:none}
/* The design sizes these three with content-box: padding adds to the box. */
.split>div.gl-l{display:flex;flex-direction:column;gap:16px}
.gl-q{border:1px solid var(--line2);border-radius:10px;padding:14px 16px;font-size:15px;background:#fff;outline:none}
.gl-q:focus{border-color:var(--red)}
.gl-n{font-size:13px;color:var(--muted)}
.gl{display:flex;flex-direction:column;gap:28px}
.glg{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px}
.glg>span{font-size:32px;font-weight:800;color:var(--red);letter-spacing:-.02em;line-height:1}
.glg dl{margin:0;display:flex;flex-direction:column;border-top:1px solid var(--line2)}
.glg dl>div{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}
.glg dt{font-size:16px;font-weight:700}
.glg dd{margin:0;font-size:14px;line-height:1.6;color:var(--slate)}
.split-start{align-items:start}

/* blog article */
.art{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:48px}
.art-main{display:flex;flex-direction:column;gap:20px;max-width:720px}
.art-back{align-self:flex-start;font-size:14px;font-weight:600;color:var(--red)}
.art-back:hover{color:var(--red-h)}
.art h1{font-size:clamp(32px,3.75vw,48px);font-weight:800;letter-spacing:-.04em;line-height:1.02}
.art-ex{font-size:20px;line-height:1.55;color:var(--slate)}
.art-rule{height:1px;background:var(--line)}
.art-body p{font-size:17px;line-height:1.75;color:#1c2028}
.art-body{display:flex;flex-direction:column;gap:20px}
.art-body h2{font-size:clamp(23px,2.2vw,27px);font-weight:800;letter-spacing:-.025em;line-height:1.2;margin-top:18px;text-wrap:balance}
.art-body ul,.art-body ol{display:flex;flex-direction:column;gap:10px;padding-left:24px;font-size:17px;line-height:1.7;color:#1c2028}
.art-body ul{list-style:disc}
.art-body ol{list-style:decimal}
.art-body li{padding-left:4px}
.art-body li::marker{color:var(--red)}
.art-body strong{font-weight:700;color:var(--ink)}
.art-body a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:1.5px;text-underline-offset:3px}
.art-body a:hover{color:var(--red-h)}
.art-key{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 24px;display:flex;flex-direction:column;gap:12px}
.art-body .art-key ul{gap:8px;font-size:16px;line-height:1.6}
.art-body .art-note{border-left:3px solid var(--red);background:var(--tint2);border-radius:0 12px 12px 0;padding:16px 20px;font-size:16px;line-height:1.65}
.tbl{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:#fff}
.tbl table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}
.tbl th,.tbl td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid var(--line3)}
.tbl thead th{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:#fafbfc;border-bottom-color:var(--line)}
.tbl tbody th{font-weight:700;color:var(--ink)}
.tbl td{color:#1c2028}
.tbl tbody tr:last-child>*{border-bottom:0}
.art-side{display:flex;flex-direction:column;gap:16px}
.art-cta{padding:28px;display:flex;flex-direction:column;gap:14px}
.art-cta b{font-size:20px;font-weight:800;letter-spacing:-.02em;color:#fff}
.art-cta span{font-size:14px;line-height:1.55;color:var(--nt1)}
.art-cta .btn{align-self:flex-start;padding:11px 18px;font-size:14px}
.art-next{padding:24px;display:flex;flex-direction:column;gap:4px}
.art-next .mono-label{margin-bottom:8px}
.art-next a{display:flex;flex-direction:column;gap:4px;padding:12px 0;border-top:1px solid var(--line3)}
.art-next a span{font-family:var(--mono);font-size:11px;color:var(--red)}
.art-next a b{font-size:15px;font-weight:700;line-height:1.3}
.art-next a:hover b{color:var(--red)}

/* ---------- company page ---------- */
.coh{background:var(--navy);color:var(--nfg)}
.coh-in{padding-top:72px;padding-bottom:80px;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:center}
.coh .crumb{color:var(--nt1)}
.coh .crumb [aria-current]{color:#fff}
.coh .crumb a:hover{color:#fff}
.coh h1{color:#fff}
.coh h1 em{color:var(--red-l)}
.coh .lead{color:var(--nt2);max-width:580px;line-height:1.6}
.jumps{display:flex;gap:10px;flex-wrap:wrap}
.jumps a{border:1px solid var(--nl3);border-radius:999px;padding:8px 14px;font-size:13px;color:var(--nfg)}
.jumps a:hover{border-color:var(--red-l)}
.coh-r{display:flex;align-items:center;justify-content:center}
.heads3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.heads3 .icard .t{font-size:22px;font-weight:800;letter-spacing:-.02em}
.nexus{grid-column:1/-1;padding:28px;display:flex;gap:20px;align-items:center}
.nexus i{width:10px;height:10px;border-radius:50%;background:var(--red);box-shadow:0 0 0 6px rgba(229,72,42,.18);flex-shrink:0}
.nexus p{font-size:16px;line-height:1.6;color:var(--slate)}
.nexus strong{color:var(--ink)}
.prin .icard .t{font-size:19px}
.partner{padding:32px;display:flex;flex-direction:column;gap:14px}
.partner .mono-label{color:var(--red-l)}
.partner h3{font-size:22px;font-weight:800;letter-spacing:-.02em;color:#fff}
.partner p{font-size:14px;line-height:1.55;color:var(--nt1)}
.partner a{margin-top:6px;font-size:13px;font-weight:600;color:var(--red-l)}
.partner a:hover{color:#fff}
.trustg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.trusti{padding:24px;display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px}
.trusti .tile{width:40px;height:40px;border-radius:11px;box-shadow:none}
.trusti>div{display:flex;flex-direction:column;gap:4px}
.trusti h3{font-size:16px;font-weight:700}
.trusti p{font-size:14px;line-height:1.55;color:var(--muted)}
.contact{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.contact-l{background:var(--navy);color:var(--nfg);padding:clamp(28px,3.75vw,48px);display:flex;flex-direction:column;gap:20px}
.contact-l h2{color:#fff}
.contact-l p{font-size:15px;line-height:1.6;color:var(--nt1)}
.contact-r{padding:clamp(28px,3.75vw,48px)}
.cmail{display:flex;flex-direction:column;gap:16px;align-items:flex-start;height:100%;justify-content:center}
.cmail h3{font-size:clamp(24px,2.35vw,30px);font-weight:800;letter-spacing:-.03em;line-height:1.1}
.cmail p{font-size:16px;line-height:1.6;color:var(--slate)}
.cmail .lst{margin:4px 0 8px}
.cmail .lst li{font-size:15px}
.cmail .chk{stroke:var(--red)}
.cmail-alt{font-size:14px;color:var(--muted)}

/* ---------- 404 ---------- */
.nf{padding-top:96px;padding-bottom:96px;display:flex;flex-direction:column;gap:22px;align-items:flex-start}
.nf .lead{max-width:560px}

/* ---------- motion states ----------
   html.js marks scroll-in elements so their first frame is the hidden one; the
   scripts animate from there. Without the script, or with reduced motion,
   everything is shown in its final state. */
html.js .lc-line{transform:scaleX(0)}
html.js .stk{transform:rotateX(56deg) rotateZ(-28deg)}
html.js .stk-b{transform:translateZ(2px)}
html.js .stk-c{transform:translate3d(-80px,46px,4px) scale(.9)}
html.js .chip{opacity:0;transform:translateY(16px)}
html.js .pwin{transform:translateY(70px) rotateX(50deg)}
html.js .ptab>.trow,html.js .hist>div,html.js .vbadge{opacity:0}
html.js .lc-tile{opacity:0;transform:rotateY(-90deg)}
html.js .rv{opacity:0;transform:translateY(36px) scale(.96)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .mk-l0{transform:translateZ(8px)}
  .mk-l1{transform:rotateZ(-25deg) translateZ(-15px) rotateY(10deg)}
  .mk-l2{transform:rotateZ(-50deg) translateZ(-30px) rotateY(20deg)}
  html.js .stk{transform:rotateX(56deg) rotateZ(-38deg)}
  html.js .stk-b{transform:translateZ(110px)}
  html.js .stk-c{transform:translateZ(220px)}
  html.js .chip{opacity:1;transform:none}
  html.js .pwin{transform:rotateX(8deg)}
  html.js .ptab>.trow,html.js .hist>div,html.js .vbadge{opacity:1}
  html.js .lc-line{transform:none}
  html.js .lc-tile{opacity:1;transform:none}
  html.js .rv{opacity:1;transform:none}
}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .svch,.conth{grid-template-columns:1fr}
  .svc-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .svc-detail{grid-template-columns:1fr}
  .grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trig{grid-template-columns:repeat(3,minmax(0,1fr))}
  .plat-sec.con,.plat-sec.por{grid-template-columns:1fr}
  .plat-sec.por .pwin2{order:2}
  .flow{grid-template-columns:1fr 1fr}
  .flow>div>span{display:none}
  .art{grid-template-columns:1fr}
  .coh-in{grid-template-columns:1fr}
  .contact{grid-template-columns:1fr}
}
@media (max-width:960px){
  .split{grid-template-columns:1fr;gap:24px}
  .grid3,.heads3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .feat-post{grid-template-columns:1fr}
  .feat-art{min-height:200px}
  .posts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cwin-body{grid-template-columns:1fr}
  .cwin-plan{border-right:0;border-bottom:1px solid var(--nl1)}
  .cmp>div{grid-template-columns:130px minmax(0,1fr) minmax(0,1fr);gap:14px}
}
@media (max-width:720px){
  .rtabs{overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1 * var(--pad));padding-inline:var(--pad)}
  .rtab:focus-visible{outline-offset:-3px}
  .svc-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .svc-art,.svc-meth{padding:26px 22px}
  .svc-art .kv2{grid-template-columns:1fr}
  .grid3,.grid4,.heads3,.trustg,.jump2{grid-template-columns:1fr}
  .trig{grid-template-columns:1fr 1fr}
  .flow{grid-template-columns:1fr}
  .kpis{grid-template-columns:1fr 1fr}
  .prow{grid-template-columns:62px minmax(0,1fr) 70px;row-gap:6px}
  .prow>span:nth-child(4){display:none}
  .prow>span:nth-child(5){grid-column:2/-1}
  .prow.h>span:nth-child(5){display:none}
  .posts{grid-template-columns:1fr}
  .glg dl>div{grid-template-columns:1fr;gap:6px}
  .cmp>div{grid-template-columns:1fr;gap:6px}
  .cmp>div.h{display:none}
  .cmp>div:not(.h)>span:nth-child(3){margin:0;padding:10px 12px;border-radius:8px}
  .nexus{align-items:flex-start}
  .flow{padding:20px}
  .trig>div:last-child:nth-child(odd){grid-column:1/-1}
  .rtabs{-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--pad),#000 calc(100% - var(--pad)),transparent);mask-image:linear-gradient(90deg,transparent,#000 var(--pad),#000 calc(100% - var(--pad)),transparent)}
  .coh-r .mk-sizer,.coh-r .mk-h{width:200px;height:200px}
}
@media (max-width:1180px){
  .pwin-fit{transform:scale(.86)}
  .pwin-sec{height:450px}
}
@media (max-width:1100px){
  .hero-in{grid-template-columns:1fr;gap:8px}
  .stage{height:520px;max-width:640px;width:100%;margin:0 auto}
  .svc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .svc-panel{grid-template-columns:1fr 1fr;gap:28px}
  .svc-panel>div:first-child{grid-column:1/-1}
  .lc-wrap{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:36px}
  .lc-line,.lc-fill,.lc-dot{display:none}
  .ftr{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ftr-brand{grid-column:1/-1}
  .pwin-fit{transform:scale(.72)}
  .pwin-sec{height:380px}
  .nav,.hdr-r{display:none}
  .burger{display:flex}
  .hdr-in{padding-top:12px;padding-bottom:12px}
  .stage{margin-top:36px}
  .otc{grid-template-columns:minmax(0,1fr)}
  .bars-wrap{margin-bottom:44px}
  .svc-panels,.card-svc .card-svc-ol,.card-svc .card-svc-pb{display:none!important}
  h1,h2,h3{text-wrap:balance}
  p{text-wrap:pretty}
}
@media (max-width:960px){
  .sec-head{flex-direction:column;align-items:flex-start;gap:18px}
  .faq-sec{grid-template-columns:1fr;gap:24px}
  .ftr-cta{grid-template-columns:1fr}
  .ftr-cta-r{min-height:0}
  .ftr-cta-r .mk-cta .mk-sizer,.ftr-cta-r .mk-cta .mk-h{width:180px;height:180px}
  .meth{flex-wrap:wrap;gap:12px 24px}
  .meth-line{display:none}
  .pwin-fit{transform:scale(.6)}
  .pwin-sec{height:320px}
}
@media (max-width:760px){
  .pwin-sec{height:auto;perspective:none;margin-top:36px}
  .pwin-fit{position:relative;left:auto;width:auto;margin:0;transform:none}
  .pwin{transform:none!important}
  .pwin-body{grid-template-columns:1fr}
  .pwin-side,.pwin-hist{display:none}
  .trow{grid-template-columns:62px 1fr 64px 84px;gap:8px}
  .win-url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}
}
@media (max-width:720px){
  .stage{height:420px}
  .stk-fit{transform:scale(.78)}
  .chip-a{top:20px}
  .chip-b{bottom:20px}
  .svc-grid{grid-template-columns:1fr}
  .svc-panel{grid-template-columns:1fr;padding:28px 24px}
  .lc-wrap{grid-template-columns:repeat(2,minmax(0,1fr))}
  .otc-cards{grid-template-columns:1fr}
  .bars-sec{height:340px;transform:scale(.8)}
  .lc-tile{width:56px;height:56px;border-radius:15px}
  .lc-tile .ico{transform:scale(1.05)}
  .sides-g{grid-template-columns:1fr}
  .ftr{grid-template-columns:repeat(2,minmax(0,1fr))}
  .faq-a{padding-right:0}
  .pills a{margin-left:0;width:100%}
}
@media (max-width:560px){
  .bars-sec{height:300px;transform:scale(.72)}
  .btns .btn{flex:1 1 auto}
}
@media (max-width:420px){
  .stage{height:360px;margin-top:24px}
  .stk-fit{transform:scale(.66)}
  .pill{gap:8px;padding:5px 12px 5px 5px;font-size:12px}
  .pill b{font-size:11px;padding:3px 8px;white-space:nowrap}
  .gates{grid-template-columns:1fr}
  .ptab{padding:14px}
  .trow{grid-template-columns:minmax(0,1fr) 60px 82px}
  .trow>:first-child{display:none}
}
@media (max-width:400px){
  .bars-sec{height:260px;transform:scale(.62)}
}