/* ============================================================
   MeridianAuthZ shared design system
   ============================================================ */
:root{
  --bg:#ffffff; --alt:#f2f6fd; --ink:#0a1440; --muted:#5a6689;
  --line:#e3e9f6; --blue:#0110f5; --blue-d:#000ec4; --sky:#3d7bfd; --violet:#5a3df0;
  --amber:#ff9e1b; --navy:#060d33; --ok:#0f766e; --crit:#e11d48; --high:#ea580c; --med:#b45309;
  --grad:linear-gradient(115deg,#0110f5 0%,#2f5bff 38%,#6a5cff 66%,#8b5cf6 88%);
  --grad-soft:linear-gradient(135deg,#eef3ff 0%,#e4ecff 50%,#eee9ff 100%);
  --shadow:0 2px 12px rgba(10,20,64,.06); --shadow-lg:0 24px 60px rgba(10,20,64,.1);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden;font-size:16.5px;line-height:1.7}
::selection{background:rgba(1,16,245,.15)}
h1,h2,h3,h4,.fd{font-family:'Space Grotesk',sans-serif;letter-spacing:-.02em}
a{color:inherit;text-decoration:none}

/* ---------- gradient & color helpers ---------- */
.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.tint{position:relative;background:linear-gradient(180deg,#f7faff 0%,#eef3fe 60%,#f6f2ff 100%)}
.tint-deep{background:linear-gradient(160deg,#0a1440 0%,#0c1a5e 55%,#1a1460 100%);color:#eef2ff}
.tint-deep .lead{color:#a5b1dd}
.glow{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;opacity:.5}
.glow-a{background:radial-gradient(circle,#3d7bfd,transparent 65%)}
.glow-b{background:radial-gradient(circle,#5a3df0,transparent 65%)}
.glow-c{background:radial-gradient(circle,#ff9e1b,transparent 68%);opacity:.28}
/* ---------- image cards: grayscale -> color on hover ---------- */
.img-card{position:relative;border-radius:20px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);transition:transform .35s,box-shadow .35s}
.img-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.img-card img{display:block;width:100%;height:210px;object-fit:cover;filter:grayscale(100%);transition:filter .5s ease}
.img-card::after{content:'';position:absolute;inset:0;background:rgba(6,13,51,.45);transition:opacity .5s ease;pointer-events:none}
.img-card:hover img{filter:grayscale(0%)}
.img-card:hover::after{opacity:0}
.img-card .img-cap{position:absolute;inset:auto 0 0 0;z-index:2;padding:44px 22px 18px;background:linear-gradient(transparent,rgba(6,13,51,.78));color:#fff}
.img-card .img-cap h4{font-size:16.5px;font-weight:700;color:#fff;margin-bottom:2px}
.img-card .img-cap p{font-size:12.5px;color:#c7d2f5}
/* ---------- testimonial blocks ---------- */
.quote-card{position:relative;padding:44px 40px 34px;background:#f4f5f7;border:1px solid var(--line);border-radius:12px}
.quote-card::before{content:'\201C';position:absolute;top:6px;left:26px;font-family:'Space Grotesk';font-size:120px;line-height:1;font-weight:700;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.22;pointer-events:none}
.quote-card blockquote{font-style:italic;font-size:16.5px;line-height:1.75;margin:20px 0 0;color:var(--ink)}
.q-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:#fff;border:1px solid var(--line);padding:4px 12px;border-radius:999px}
.q-who{display:flex;align-items:center;gap:14px;margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
.q-ava{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:15px;background:var(--grad);flex-shrink:0}
.q-who .q-name{font-weight:600;font-size:14.5px}
.q-who .q-role{font-size:12.5px;color:var(--muted)}
.logo-mark{width:36px;height:36px;flex-shrink:0;display:inline-block;vertical-align:middle}
.logo-mark img,.logo-mark svg{width:100%;height:100%;display:block;border-radius:10px}
.wrap{max-width:1080px;margin:0 auto;padding:0 32px}
.wrap-wide{max-width:1180px;margin:0 auto;padding:0 32px}
section{padding:96px 0}
@media(max-width:640px){section{padding:72px 0}.wrap,.wrap-wide{padding:0 22px}}
@media(max-width:860px){.hide-m{display:none}}

/* ---------- type ---------- */
.h-xl{font-size:clamp(40px,5.4vw,64px);line-height:1.06;font-weight:700;letter-spacing:-.03em}
.h-lg{font-size:clamp(30px,4vw,46px);line-height:1.12;font-weight:700}
.h-md{font-size:clamp(21px,2.5vw,27px);line-height:1.25;font-weight:700}
.lead{color:var(--muted);font-size:18px;line-height:1.85}
.blue{color:var(--blue)}
.center{text-align:center}
.mx{max-width:660px;margin-left:auto;margin-right:auto}
.kicker{display:inline-block;font-size:19px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;background-color:rgba(1,16,245,.08);border:1.5px solid rgba(1,16,245,.28);padding:15px 32px;border-radius:999px;margin-bottom:28px;box-shadow:0 4px 18px rgba(1,16,245,.1);white-space:nowrap;max-width:100%}
.small{font-size:13.5px;color:var(--muted)}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:15.5px;padding:15px 32px;border-radius:999px;cursor:pointer;border:none;transition:transform .25s,box-shadow .25s,background .25s;font-family:inherit}
.btn:hover{transform:translateY(-2px)}
.btn-blue{background:linear-gradient(135deg,#0110f5,#2b5bff 60%,#3d7bfd);color:#fff;box-shadow:0 10px 28px rgba(1,16,245,.3)}
.btn-blue:hover{background:linear-gradient(135deg,#000ec4,#1e4df0 60%,#2f6bf0);box-shadow:0 16px 38px rgba(1,16,245,.42)}
/* bright primary CTA with hover effect */
.btn-primary{background:#0110f5;color:#fff;box-shadow:0 10px 28px rgba(1,16,245,.35)}
.btn-primary:hover{background:#2f5bff;transform:translateY(-3px);box-shadow:0 18px 42px rgba(1,16,245,.5)}
.btn-primary:active{transform:translateY(-1px)}
.btn-line{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}
.btn-line:hover{background:var(--ink);color:#fff}
.btn-amber{background:var(--amber);color:#241300;box-shadow:0 10px 26px rgba(255,158,27,.32)}
.btn-amber:hover{box-shadow:0 16px 36px rgba(255,158,27,.42)}
.btn-linew{background:transparent;color:#fff;border:1.5px solid #fff}
.btn-linew:hover{background:#fff;color:var(--navy)}

/* ---------- nav ---------- */
header.site{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);transition:box-shadow .3s}
header.site.scrolled{box-shadow:0 8px 30px rgba(10,20,64,.08)}
.nav{display:flex;align-items:center;justify-content:space-between;height:78px;gap:20px}
.logo{display:flex;align-items:center;gap:11px;font-family:'Space Grotesk';font-weight:700;font-size:19px;letter-spacing:.3px}
.logo .wm{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.logo .m{width:37px;height:37px;background:linear-gradient(140deg,#0a2a6b 0%,#0110f5 60%,#2f5bff 100%);color:#fff;display:grid;place-items:center;font-size:16px;border-radius:10px;filter:drop-shadow(0 5px 12px rgba(1,16,245,.35))}
.logo .m svg{width:23px;height:23px;display:block}
.nav-links{display:flex;gap:30px;font-size:14.5px;font-weight:500;color:var(--muted)}
.nav-links a{position:relative;padding:6px 0}
.nav-links a:hover{color:var(--ink)}
.nav-links a.active{color:var(--blue);font-weight:600}
.nav-links a.active::after{content:'';position:absolute;left:0;right:0;bottom:-4px;height:2.5px;border-radius:2px;background:var(--blue)}
.nav-cta{padding:11px 22px;font-size:14px;white-space:nowrap}
.burger{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.burger span{display:block;width:20px;height:2px;background:var(--ink);border-radius:2px;transition:all .3s}
.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-menu{display:none;border-top:1px solid var(--line);background:#fff;padding:12px 32px 26px}
.mobile-menu.open{display:block}
.mobile-menu a{display:block;padding:13px 0;font-size:16px;font-weight:500;color:var(--ink);border-bottom:1px solid #f0f3fa}
.mobile-menu a.active{color:var(--blue);font-weight:600}
.mobile-menu .btn{width:100%;margin-top:18px}
@media(max-width:1020px){.nav-links,.nav-cta{display:none}.burger{display:flex}}

/* ---------- page hero (subpages) ---------- */
.page-hero{padding:88px 0 58px;position:relative;overflow:hidden}
@media(max-width:640px){.page-hero{padding:70px 0 56px}}

/* ---------- cards ---------- */
.card{background:linear-gradient(160deg,rgba(255,255,255,.72) 0%,rgba(244,247,255,.62) 100%);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);border:1px solid rgba(255,255,255,.65);box-shadow:0 8px 32px rgba(2,6,23,.18),inset 0 1px 0 rgba(255,255,255,.75);background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);transition:transform .3s,box-shadow .3s,border-color .3s}
a.card{display:block;color:inherit}
.card.hoverable:hover,a.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:rgba(1,16,245,.3)}
.alt{background:var(--alt)}
.navy{background:var(--navy);color:#eef2ff}
.navy .lead{color:#93a1cf}

/* ---------- grids ---------- */
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}
.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:28px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
@media(max-width:860px){.two-col{grid-template-columns:1fr;gap:52px}}

/* ---------- lists ---------- */
.check{list-style:none}
.check li{position:relative;padding:9px 0 9px 34px;color:var(--muted);font-size:15.5px}
.check li::before{content:'✓';position:absolute;left:0;top:9px;color:var(--blue);font-weight:800}
.step-num{font-family:'Space Grotesk';font-weight:700;font-size:44px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.9;line-height:1}

/* ---------- brand shapes ---------- */
.arc{position:absolute;border:2px solid rgba(1,16,245,.1);border-radius:50%;pointer-events:none}
.dot-grid{position:absolute;background-image:radial-gradient(rgba(1,16,245,.18) 1.5px,transparent 1.5px);background-size:18px 18px;pointer-events:none}

/* ---------- terminal ---------- */
.term{background:#0a1030;border:1px solid rgba(140,160,230,.25);border-radius:16px;font-family:'JetBrains Mono',monospace;font-size:13px;line-height:2.05;color:#e8edff;box-shadow:0 30px 70px rgba(6,13,51,.3)}
.term-bar{display:flex;gap:7px;padding:13px 18px;border-bottom:1px solid rgba(140,160,230,.18)}
.term-bar i{width:11px;height:11px;border-radius:50%}
.term-body{padding:20px 24px;min-height:196px}
.blink{display:inline-block;width:8px;height:15px;background:#6d8bff;vertical-align:-2px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}

/* ---------- badges ---------- */
.badge{display:inline-flex;align-items:center;font-size:11.5px;font-weight:600;padding:4px 12px;border-radius:999px;white-space:nowrap}
.b-crit{background:rgba(225,29,72,.1);color:var(--crit);border:1px solid rgba(225,29,72,.3)}
.b-high{background:rgba(234,88,12,.1);color:var(--high);border:1px solid rgba(234,88,12,.3)}
.b-med{background:rgba(180,83,9,.1);color:var(--med);border:1px solid rgba(180,83,9,.3)}
.b-low{background:rgba(1,16,245,.08);color:var(--blue);border:1px solid rgba(1,16,245,.25)}
.b-ok{background:rgba(15,118,110,.1);color:var(--ok);border:1px solid rgba(15,118,110,.3)}
.b-blue{background:rgba(1,16,245,.08);color:var(--blue);border:1px solid rgba(1,16,245,.22)}

/* ---------- tables ---------- */
table.dt{width:100%;border-collapse:collapse;font-size:14.5px}
.dt th{text-align:left;color:var(--muted);font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:12px 14px;border-bottom:1px solid var(--line)}
.dt td{padding:14px;border-bottom:1px solid #edf1fa;vertical-align:top}
.dt tbody tr:hover{background:rgba(1,16,245,.03)}

/* ---------- progress ---------- */
.ptrack{height:8px;border-radius:999px;background:#e9eef9;overflow:hidden}
.pfill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--sky));transition:width .8s cubic-bezier(.2,.8,.2,1)}

/* ---------- reveal ---------- */
.rv{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.rv.in{opacity:1;transform:none}

/* ---------- counters ---------- */
.stat-num,.stat-number{font-family:'Space Grotesk';font-weight:700;font-size:clamp(38px,4.6vw,54px);line-height:1;letter-spacing:-.02em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- hero: two-column CSS grid ---------- */
.hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:48px;align-items:center;position:relative}
.hero-grid>*{min-width:0}
.hero-grid .dash{width:100%}
.hero-grid .dash-body{grid-template-columns:104px 1fr}
.hero-grid .kpi{padding:9px 10px}
@media(max-width:920px){.hero-grid{grid-template-columns:1fr;gap:48px}}
/* floating product mockup placeholder */
.mockup{position:relative;border-radius:20px;background:linear-gradient(150deg,#0b1230,#101c4d 60%,#14265f);border:1px solid rgba(139,165,255,.25);box-shadow:0 30px 70px rgba(6,13,51,.35);padding:26px;animation:floaty 6s ease-in-out infinite}
.mockup-bar{display:flex;gap:7px;margin-bottom:20px}
.mockup-bar span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.22)}
.mockup-row{height:14px;border-radius:7px;background:rgba(139,165,255,.16);margin-bottom:12px}
.mockup-row.short{width:62%}
.mockup-row.mid{width:80%}
.mockup-tag{display:inline-block;margin-top:14px;padding:7px 14px;border-radius:999px;font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#9db4ff;background:rgba(139,165,255,.12);border:1px solid rgba(139,165,255,.3)}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.mockup-frame{border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:0 30px 70px rgba(6,13,51,.18);padding:10px;animation:floaty 6s ease-in-out infinite}

/* ---------- animated dashboard mockup ---------- */
.dash{border-radius:18px;overflow:hidden;background:#f6f8fd;border:1px solid var(--line);box-shadow:0 30px 70px rgba(6,13,51,.22);animation:floaty 6s ease-in-out infinite;font-family:'Inter',sans-serif}
.dash-bar{display:flex;align-items:center;gap:12px;background:#fff;padding:10px 14px;border-bottom:1px solid var(--line)}
.dash-dots{display:flex;gap:6px}
.dash-dots span{width:9px;height:9px;border-radius:50%}
.dash-dots span:nth-child(1){background:#fca5a5}
.dash-dots span:nth-child(2){background:#fde047}
.dash-dots span:nth-child(3){background:#86efac}
.dash-url{flex:1;font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--muted);background:var(--alt);border-radius:999px;padding:5px 14px;text-align:center}
.dash-body{display:grid;grid-template-columns:118px 1fr;min-height:300px}
.dash-side{background:#fff;border-right:1px solid var(--line);padding:14px 12px}
.dash-brand{display:flex;align-items:center;gap:7px;margin-bottom:16px}
.dash-brand span{width:16px;height:16px;border-radius:5px;background:var(--grad)}
.dash-brand b{font-family:'Space Grotesk';font-size:10.5px}
.dash-nav div{display:flex;align-items:center;gap:7px;font-size:9.5px;color:var(--muted);padding:6px 8px;border-radius:7px;margin-bottom:3px}
.dash-nav div::before{content:'';width:8px;height:8px;border-radius:3px;background:#dfe6f5;flex-shrink:0}
.dash-nav div.on{background:rgba(1,16,245,.07);color:var(--blue);font-weight:600}
.dash-nav div.on::before{background:var(--blue)}
.dash-main{padding:14px}
.dash-title{font-family:'Space Grotesk';font-weight:700;font-size:12.5px}
.dash-sub{font-size:9px;color:var(--muted);margin-bottom:12px}
.dash-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.kpi{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.kpi small{display:block;font-size:8px;color:var(--muted);margin-bottom:3px}
.kpi b{font-family:'Space Grotesk';font-size:16px;font-weight:700}
.kpi small.up{color:#0d9488}
.kpi b.risk{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.kpi .spark{display:flex;align-items:flex-end;gap:2px;height:12px;margin-top:6px}
.kpi .spark i{flex:1;background:rgba(1,16,245,.25);border-radius:2px;animation:spark 2.2s ease-in-out infinite}
.kpi .spark i:nth-child(2n){animation-delay:.3s;background:rgba(13,148,136,.35)}
.kpi .spark i:nth-child(3n){animation-delay:.6s}
@keyframes spark{0%,100%{transform:scaleY(.55)}50%{transform:scaleY(1)}}
.dash-chart{margin-top:10px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px}
.dash-chart svg{display:block;width:100%;height:auto}
.cline{fill:none;stroke:url(#dcg);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:700;stroke-dashoffset:700;animation:cdraw 2.4s .5s ease forwards}
.carea{fill:url(#dca);opacity:0;animation:cfade 1.4s 2.2s ease forwards}
.cdot{fill:#fff;stroke:#0d9488;stroke-width:2;opacity:0;animation:cfade .5s 2.6s ease forwards}
@keyframes cdraw{to{stroke-dashoffset:0}}
@keyframes cfade{to{opacity:1}}
.dash-live{display:inline-flex;align-items:center;gap:6px;font-size:8.5px;font-weight:600;color:#0d9488;margin-top:8px}
.dash-live::before{content:'';width:7px;height:7px;border-radius:50%;background:#0d9488;animation:pulse 1.6s ease infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(13,148,136,.45)}50%{box-shadow:0 0 0 6px rgba(13,148,136,0)}}
.dash-rows{margin-top:10px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 12px}
.drow{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid #f0f3fa;font-size:9.5px}
.drow:last-child{border-bottom:none}
.drow b{font-weight:600;font-size:9.5px}
.drow .dim{color:var(--muted);font-size:8.5px}
.drow .tag{margin-left:auto;font-size:8px;font-weight:600;padding:3px 9px;border-radius:999px}
.tag-hi{background:#fef2f2;color:#dc2626}
.tag-md{background:#fffbeb;color:#d97706}
.tag-ok{background:#ecfdf5;color:#059669}
.drow{animation:rowin .5s ease}
@keyframes rowin{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

/* ---------- vendor marquee (auto-scrolling logo strip) ---------- */
.marquee{overflow:hidden;position:relative;padding:26px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee-track{display:flex;align-items:center;gap:56px;width:max-content;animation:mq 38s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.mq-item{display:flex;align-items:center;gap:10px;font-family:'Space Grotesk';font-weight:600;font-size:16.5px;color:#3d4763;white-space:nowrap;opacity:.62;transition:opacity .25s,transform .25s}
.mq-item:hover{opacity:1;transform:translateY(-2px)}
.mq-dot{width:9px;height:9px;border-radius:3px;background:var(--grad);flex-shrink:0;opacity:.85}

/* ---------- wow layer: sonar, spotlight, orbit, glow CTA, shimmer ---------- */
/* sonar radar ping over the dashboard chart */
.sonar{position:absolute;right:18px;bottom:16px;width:10px;height:10px}
.sonar i{position:absolute;inset:0;border-radius:50%;background:#0d9488}
.sonar::before,.sonar::after{content:'';position:absolute;inset:0;border-radius:50%;border:2px solid rgba(13,148,136,.55);animation:sonar 2.6s ease-out infinite}
.sonar::after{animation-delay:1.3s}
@keyframes sonar{from{transform:scale(1);opacity:.9}to{transform:scale(7);opacity:0}}
/* second sonar point */
.sonar.s2{right:auto;left:34%;bottom:auto;top:30%}
.sonar.s2 i{background:#2f5bff}
.sonar.s2::before,.sonar.s2::after{border-color:rgba(47,91,255,.5);animation-duration:3.4s}
.sonar.s2::after{animation-delay:1.7s}

/* mouse-follow spotlight in the hero */
.hero-spot{position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(460px circle at var(--mx,72%) var(--my,32%),rgba(47,91,255,.14),rgba(139,92,246,.07) 42%,transparent 68%)}

/* rotating dashed orbit behind the dashboard */
.orbit-ring{position:absolute;top:-34px;right:-30px;width:150px;height:150px;border:1.5px dashed rgba(47,91,255,.35);border-radius:50%;animation:spin 16s linear infinite;pointer-events:none}
.orbit-ring::after{content:'';position:absolute;top:-6px;left:50%;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:linear-gradient(135deg,#2f5bff,#0d9488);box-shadow:0 0 14px rgba(47,91,255,.7)}
.orbit-ring.o2{top:auto;right:auto;bottom:-40px;left:-38px;width:110px;height:110px;animation-duration:22s;animation-direction:reverse;border-color:rgba(13,148,136,.35)}
.orbit-ring.o2::after{background:linear-gradient(135deg,#0d9488,#2f5bff)}
@keyframes spin{to{transform:rotate(360deg)}}

/* animated gradient border on the primary CTA */
@property --ga{syntax:'<angle>';initial-value:0deg;inherits:false}
.btn-primary{position:relative;isolation:isolate}
.btn-primary::before{content:'';position:absolute;inset:-2.5px;border-radius:999px;background:conic-gradient(from var(--ga),#0110f5,#2f5bff,#8b5cf6,#22d3ee,#0110f5);z-index:-2;animation:gspin 3.5s linear infinite}
.btn-primary::after{content:'';position:absolute;inset:0;border-radius:999px;background:#0110f5;z-index:-1;transition:background .25s}
.btn-primary:hover::after{background:#2f5bff}
@keyframes gspin{to{--ga:360deg}}
@supports not (background:conic-gradient(from var(--ga),red,blue)){.btn-primary::before{display:none}}

/* shimmer sweep on trust-strip chips */
.shimmer{position:relative;overflow:hidden}
.shimmer::after{content:'';position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.75),transparent);animation:shine 4.5s ease-in-out infinite}
@keyframes shine{0%{left:-70%}55%,100%{left:130%}}

/* soft pulsing halo behind the floating dashboard */
.dash-halo{position:absolute;inset:-40px;border-radius:50%;background:radial-gradient(circle,rgba(47,91,255,.16),transparent 65%);animation:halo 5s ease-in-out infinite;pointer-events:none;z-index:-1}
@keyframes halo{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.09);opacity:.45}}

/* ---------- 6-item card grid ---------- */
.cards-6{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
@media(max-width:960px){.cards-6{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.cards-6{grid-template-columns:1fr}}
.card-6{background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(6,13,51,.08);padding:40px 36px;border:1px solid var(--line);transition:transform .3s ease,box-shadow .3s ease}
.card-6:hover{transform:translateY(-5px);box-shadow:0 14px 30px rgba(6,13,51,.12)}

/* ---------- faq ---------- */
.faq{border:1px solid var(--line);border-radius:16px;background:#fff;margin-bottom:14px;overflow:hidden;transition:border-color .3s}
.faq.open{border-color:rgba(1,16,245,.35)}
.faq button{width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-family:'Space Grotesk';font-weight:600;font-size:16.5px;color:var(--ink)}
.faq .a{max-height:0;overflow:hidden;transition:max-height .35s ease;color:var(--muted);font-size:15.5px;line-height:1.8}
.faq .a>div{padding:0 28px 24px}
.plus{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#eef2fd;color:var(--blue);font-weight:700;flex-shrink:0;transition:transform .3s}
.faq.open .plus{transform:rotate(45deg);background:var(--blue);color:#fff}

/* ---------- inputs ---------- */
.inp{width:100%;background:#f4f7fd;border:1px solid var(--line);border-radius:14px;padding:15px 20px;font-size:15px;font-family:inherit;color:var(--ink);outline:none;transition:border-color .2s}
.inp:focus{border-color:var(--blue)}

/* ---------- demo console ---------- */
.dtab{display:flex;align-items:center;width:100%;text-align:left;padding:11px 14px;border:none;background:none;border-radius:12px;font-size:14px;font-weight:500;color:var(--muted);cursor:pointer;font-family:inherit;margin-bottom:4px;transition:all .2s}
.dtab:hover{color:var(--ink);background:#eef2fd}
.dtab.active{color:var(--blue);background:rgba(1,16,245,.08);box-shadow:inset 0 0 0 1.5px rgba(1,16,245,.3);font-weight:600}
.dchip{border:1px solid var(--line);background:#fff;color:var(--muted);font-size:12.5px;font-weight:600;padding:6px 14px;border-radius:999px;cursor:pointer;font-family:inherit;transition:all .2s}
.dchip:hover{color:var(--ink)}
.dchip.active{background:rgba(1,16,245,.08);color:var(--blue);border-color:rgba(1,16,245,.35)}
.kpi{cursor:pointer;border:1px solid var(--line);background:#fff;border-radius:16px;padding:24px;text-align:left;transition:all .25s;font-family:inherit}
.kpi:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:rgba(1,16,245,.3)}
.rem{display:flex;align-items:flex-start;gap:16px;width:100%;text-align:left;border:1px solid var(--line);background:#fff;border-radius:16px;padding:22px 24px;cursor:pointer;transition:all .25s;font-family:inherit;margin-bottom:14px}
.rem:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.rem.on{border-color:rgba(15,118,110,.4);background:rgba(15,118,110,.05)}
.rchk{width:24px;height:24px;border-radius:8px;border:1.5px solid #c4cde6;display:grid;place-items:center;flex-shrink:0;margin-top:2px;font-size:13px;font-weight:700;color:transparent;transition:all .2s}
.rem.on .rchk{background:var(--blue);border-color:var(--blue);color:#fff}
@media(max-width:860px){
  #console-grid{grid-template-columns:1fr!important}
  #demo-tabs{display:flex;flex-wrap:wrap;gap:6px;border-right:none!important;border-bottom:1px solid var(--line)}
  #demo-tabs>div{display:none}.dtab{width:auto}
  .donut-row{grid-template-columns:1fr!important}
}

/* ---------- quiz ---------- */
.qopt{display:flex;align-items:flex-start;gap:14px;width:100%;text-align:left;border:1.5px solid var(--line);background:#fff;border-radius:16px;padding:18px 22px;cursor:pointer;transition:all .2s;font-family:inherit;font-size:15px;color:var(--ink);margin-bottom:12px}
.qopt:hover{border-color:rgba(1,16,245,.4);transform:translateY(-2px);box-shadow:var(--shadow)}
.qopt.sel{border-color:var(--blue);background:rgba(1,16,245,.05);box-shadow:0 0 0 3px rgba(1,16,245,.12)}
.qopt .qradio{width:22px;height:22px;border-radius:50%;border:2px solid #c4cde6;flex-shrink:0;margin-top:2px;position:relative;transition:all .2s}
.qopt.sel .qradio{border-color:var(--blue)}
.qopt.sel .qradio::after{content:'';position:absolute;inset:4px;border-radius:50%;background:var(--blue)}
.qnav{display:flex;justify-content:space-between;align-items:center;margin-top:28px;gap:14px}

/* ---------- legal pages ---------- */
.legal h2{font-family:'Space Grotesk';font-size:22px;font-weight:700;margin:44px 0 14px}
.legal p{color:var(--muted);font-size:15.5px;margin-bottom:14px;max-width:820px}
.legal ul{margin:0 0 16px 22px;color:var(--muted);font-size:15.5px}
.legal li{margin-bottom:8px}
.legal strong{color:var(--ink)}
.legal .updated{display:inline-block;font-size:13px;color:var(--muted);background:var(--alt);border:1px solid var(--line);padding:8px 16px;border-radius:999px;margin-bottom:10px}

/* ---------- cookie consent ---------- */
#ck-banner{position:fixed;left:50%;bottom:22px;transform:translate(-50%,140%);width:min(680px,calc(100% - 32px));background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 80px rgba(6,13,51,.22);padding:26px 30px;z-index:200;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
#ck-banner.show{transform:translate(-50%,0)}
#ck-banner h4{font-family:'Space Grotesk';font-size:17px;font-weight:700;margin-bottom:8px}
#ck-banner p{font-size:13.5px;color:var(--muted);line-height:1.65;margin-bottom:18px}
#ck-banner .row{display:flex;flex-wrap:wrap;gap:10px}
#ck-banner .btn{padding:11px 22px;font-size:13.5px}
#ck-overlay{position:fixed;inset:0;background:rgba(6,13,51,.5);backdrop-filter:blur(3px);z-index:210;display:none}
#ck-overlay.show{display:block}
#ck-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,calc(100% - 32px));background:#fff;border-radius:22px;box-shadow:0 40px 100px rgba(6,13,51,.35);z-index:220;padding:34px 36px;display:none;max-height:88vh;overflow-y:auto}
#ck-modal.show{display:block}
.ck-cat{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}
.ck-cat h5{font-family:'Space Grotesk';font-size:15.5px;font-weight:700;margin-bottom:4px}
.ck-cat p{font-size:13px;color:var(--muted);line-height:1.6}
.switch{position:relative;width:46px;height:26px;flex-shrink:0;cursor:pointer;margin-top:3px}
.switch input{opacity:0;width:0;height:0}
.switch .track{position:absolute;inset:0;border-radius:999px;background:#d5dcef;transition:.25s}
.switch .track::after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:.25s}
.switch input:checked + .track{background:var(--blue)}
.switch input:checked + .track::after{transform:translateX(20px)}
.switch input:disabled + .track{background:var(--blue);opacity:.55;cursor:not-allowed}

/* ---------- footer ---------- */
footer.site{background:var(--navy);color:#a9b6e4}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:56px;padding:84px 0 64px}
.foot-grid h5{font-family:'Space Grotesk';color:#fff;font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:22px}
.foot-grid a{display:block;padding:6px 0;font-size:14.5px;color:#a9b6e4;transition:color .2s}
.foot-grid a:hover{color:#fff}
.foot-brand p{font-size:14px;line-height:1.8;margin-top:18px;max-width:300px;color:#8b98c8}
.foot-bottom{border-top:1px solid rgba(158,176,255,.14);padding:30px 0;font-size:13px;display:flex;flex-wrap:wrap;gap:12px 32px;justify-content:space-between;color:#8b98c8}
@media(max-width:900px){.foot-grid{grid-template-columns:1fr 1fr;gap:44px}}
@media(max-width:560px){.foot-grid{grid-template-columns:1fr;gap:40px;padding:64px 0 48px}}

/* ---------- back to top ---------- */
#to-top{position:fixed;right:24px;bottom:24px;width:48px;height:48px;border-radius:14px;background:var(--blue);color:#fff;border:none;cursor:pointer;font-size:18px;box-shadow:0 12px 30px rgba(1,16,245,.35);opacity:0;pointer-events:none;transition:all .3s;z-index:150}
#to-top.show{opacity:1;pointer-events:auto}
#to-top:hover{transform:translateY(-3px)}

/* ---------- Ramp-inspired: announcement bar ---------- */
.annc{position:relative;z-index:70;background:linear-gradient(90deg,#060c2c,#0a2a6b 55%,#060c2c);color:#c9d6ff;font-size:12.5px;letter-spacing:.01em}
.annc-in{display:flex;align-items:center;justify-content:center;gap:12px;max-width:1200px;margin:0 auto;padding:9px 18px;color:inherit;text-decoration:none}
.annc-pill{flex:none;font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#052e2b;background:#2dd4bf;border-radius:999px;padding:3px 10px}
.annc-txt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.annc-go{flex:none;font-weight:600;color:#2dd4bf;white-space:nowrap;transition:transform .25s}
.annc-in:hover .annc-go{transform:translateX(3px)}

/* ---------- Ramp-inspired: live stat pill above hero headline ---------- */
.tick-pill{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:24px;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.tick-pill b{font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;letter-spacing:0;color:var(--blue);background:rgba(1,16,245,.06);border:1px solid rgba(1,16,245,.16);border-radius:8px;padding:5px 11px;transition:color .3s}
.tick-pill b.bump{color:#0d9488}

/* ---------- Ramp-inspired: hero dot texture ---------- */
.hero-main::before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(10,42,107,.09) 1.2px,transparent 1.3px);background-size:24px 24px;pointer-events:none}

/* ---------- Ramp-inspired: live activity band ---------- */
.tk-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.tk-wrap{display:flex;align-items:center;gap:26px;flex-wrap:wrap;padding-top:15px;padding-bottom:15px}
.tk-label{display:inline-flex;align-items:center;gap:9px;font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.tk-pulse{width:8px;height:8px;border-radius:50%;background:#0d9488;animation:tkblink 1.6s ease-in-out infinite}
@keyframes tkblink{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(13,148,136,.4)}50%{opacity:.55;box-shadow:0 0 0 5px rgba(13,148,136,0)}}
.tk-items{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;flex:1;min-width:0}
.tk-item{display:flex;align-items:baseline;gap:8px}
.tk-num{font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:600;color:var(--ink);transition:color .25s}
.tk-num.bump{color:var(--blue)}
.tk-item span{font-size:12px;color:var(--muted)}
.tk-note{font-size:10.5px;color:var(--muted);opacity:.75;white-space:nowrap}
@media(max-width:760px){.tk-note{display:none}}

/* ---------- Ramp-inspired: rotating word in hero lead ---------- */
.rot-w{display:inline-block;font-weight:600;color:var(--blue);white-space:nowrap;animation:rotin .45s cubic-bezier(.2,.7,.3,1)}
@keyframes rotin{from{transform:translateY(110%);opacity:0}to{transform:none;opacity:1}}

/* ---------- Arcade-inspired: segmented view control on dashboard ---------- */
.seg{display:inline-flex;gap:3px;background:rgba(6,13,51,.05);border:1px solid var(--line);border-radius:999px;padding:3px;margin-bottom:10px}
.seg button{border:0;background:transparent;font:inherit;font-size:10px;font-weight:600;color:var(--muted);padding:4px 11px;border-radius:999px;cursor:pointer;transition:background .25s,color .25s,box-shadow .25s}
.seg button.on{background:#fff;color:var(--blue);box-shadow:0 1px 4px rgba(6,13,51,.12)}
.dash-main.swap .dash-title,.dash-main.swap .dash-sub,.dash-main.swap .dash-kpis{animation:dswap .5s ease}
@keyframes dswap{0%{opacity:.2;transform:translateY(4px)}100%{opacity:1;transform:none}}
.kpi small.warn{color:#b45309}

/* ---------- Ramp-inspired: arrow chip on cards ---------- */
.card-6{position:relative}
.card-6::after{content:'\2197';position:absolute;top:18px;right:18px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:13px;color:var(--blue);border:1px solid var(--line);background:#fff;opacity:0;transform:translateY(5px);transition:opacity .3s,transform .3s}
.card-6:hover::after{opacity:1;transform:none}

/* ---------- new generated logo mark ---------- */
.logo .mk{height:42px;width:auto;display:block;filter:drop-shadow(0 6px 16px rgba(1,16,245,.35))}
footer.site .logo .mk{height:44px}
.dash-brand img{flex-shrink:0}

/* ---------- rotating word: fixed width so the line never jumps ---------- */
.rot{display:inline-block;vertical-align:baseline;margin-right:.42em}

/* ---------- footer wordmark: brighter gradient for dark background ---------- */
footer.site .logo .wm{background:linear-gradient(115deg,#6f8bff 0%,#8f9bff 38%,#a08cf6 66%,#b48cf6 88%);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- animated logo mark ---------- */
.logo .mk{width:42px;object-fit:contain}
footer.site .logo .mk{width:44px}

/* ---------- logo mark: exact extracted image ---------- */
.mkfx{position:relative;display:inline-block;height:50px;width:auto;flex:none}
.mkfx img{display:block;height:100%;width:auto}
.mkfx picture{display:block;height:100%}
@keyframes orbspin{to{transform:rotate(360deg)}}
@keyframes corepulse{0%,100%{opacity:.7}50%{opacity:1}}

/* ---------- 2050 animated background: deep blue aurora + particles + meteors + pulses + grid ---------- */
body{background:linear-gradient(160deg,#070d29 0%,#121c42 26%,#262058 52%,#3a3490 74%,#060b22 100%)}
#bg-fx{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
#bg-fx canvas{position:absolute;inset:0;width:100%;height:100%}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(rgba(1,16,245,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(1,16,245,.05) 1px,transparent 1px);
  background-size:56px 56px;
  -webkit-mask-image:radial-gradient(ellipse at 50% 0%,#000 25%,transparent 80%);
  mask-image:radial-gradient(ellipse at 50% 0%,#000 25%,transparent 80%)}
section:not(.tint-deep):not(.navy):not(.alt),.page-hero:not(.navy):not(.tint-deep){background:linear-gradient(180deg,rgba(226,229,253,.72) 0%,rgba(219,222,250,.66) 55%,rgba(228,230,253,.74) 100%) !important;backdrop-filter:blur(2px)}
section.tint-deep,section.navy,.page-hero.navy{box-shadow:inset 0 1px 0 rgba(139,165,255,.22),inset 0 -1px 0 rgba(139,165,255,.22)}
.card{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s cubic-bezier(.2,.8,.2,1)}
.card:hover{transform:translateY(-3px);box-shadow:0 22px 60px rgba(1,16,245,.13)}

/* ---------- demo identity detail modal ---------- */
.ma-ovl{position:fixed;inset:0;background:rgba(8,12,40,.52);backdrop-filter:blur(5px);z-index:80;display:grid;place-items:center;padding:24px;animation:maovlin .25s ease}
@keyframes maovlin{from{opacity:0}to{opacity:1}}
.idm{background:#fff;border-radius:22px;max-width:580px;width:100%;padding:34px 36px;box-shadow:0 40px 100px rgba(8,12,40,.32);max-height:86vh;overflow:auto;animation:idmin .3s cubic-bezier(.2,.8,.2,1)}
@keyframes idmin{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
.idm .idm-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 26px;margin:22px 0}
.idm .idm-k{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.idm .idm-v{font-size:14.5px;font-weight:600;color:#0f1e4d}
@media (max-width:560px){.idm .idm-grid{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){
}


/* ---------- tailored request windows (consultation / pilot) ---------- */
.mzf-ovl{position:fixed;inset:0;background:rgba(6,13,51,.55);backdrop-filter:blur(4px);z-index:300;display:none;place-items:center;padding:22px;overflow-y:auto}
.mzf-ovl.show{display:grid}
.mzf{background:#fff;border-radius:22px;max-width:640px;width:100%;padding:40px 42px;box-shadow:0 40px 110px rgba(6,13,51,.4);position:relative;animation:mzfin .3s cubic-bezier(.2,.8,.2,1);max-height:92vh;overflow-y:auto}
@keyframes mzfin{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:none}}
.mzf-x{position:absolute;top:16px;right:18px;width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:#fff;cursor:pointer;font-size:15px;color:var(--muted);transition:all .2s}
.mzf-x:hover{background:var(--alt);color:var(--ink)}
.mzf-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mzf-grid .full{grid-column:1/-1}
.mzf-f{display:block}
.mzf-f>span{display:block;font-size:12.5px;font-weight:600;color:var(--ink);margin-bottom:6px}
.mzf-note{margin-top:16px;font-size:14px;text-align:center}
@media(max-width:560px){.mzf-grid{grid-template-columns:1fr}.mzf{padding:30px 24px}}

/* ---------- kicker: one line, responsive shrink ---------- */
@media (max-width:1180px){.kicker{font-size:15px;padding:12px 24px}}
@media (max-width:720px){.kicker{font-size:12px;letter-spacing:.08em;padding:10px 18px}}

/* ---------- rotating hero word: all caps ---------- */
#rot-word,.rot .rot-w{text-transform:uppercase !important;letter-spacing:.05em;font-weight:700}

/* ============================================================
   DEEP SPACE DARK THEME: final override layer
   Content floats as glass on the aurora; product surfaces
   (dashboard mockup, demo console, demo modal) stay light.
   ============================================================ */
:root{
  --ink:#e9edff; --muted:#a8b3dc; --line:rgba(139,165,255,.18);
  --alt:rgba(10,16,40,.38); --blue:#5f7bff; --blue-d:#3b56e8;
  --grad:linear-gradient(115deg,#5f7bff 0%,#818cf8 38%,#a78bfa 66%,#c084fc 88%);
  --shadow:0 2px 14px rgba(2,6,23,.4); --shadow-lg:0 26px 64px rgba(2,6,23,.55);
}
::selection{background:rgba(129,140,248,.35)}

/* sections float directly on the deep space aurora (no more pale veil) */
section:not(.tint-deep):not(.navy):not(.alt),.page-hero:not(.navy):not(.tint-deep){background:none !important;backdrop-filter:none !important}
.tint{background:linear-gradient(180deg,rgba(99,102,241,.07) 0%,rgba(15,23,42,.1) 60%,rgba(168,85,247,.06) 100%)}
.alt{backdrop-filter:blur(6px)}

/* header: dark glass */
header.site{background:rgba(4,8,24,.7);border-bottom:1px solid var(--line);backdrop-filter:blur(16px) saturate(1.3)}
header.site.scrolled{box-shadow:0 10px 34px rgba(2,6,23,.5)}
.nav-links a:hover{color:#fff}
.burger{background:rgba(13,20,48,.7);border:1px solid var(--line)}
.mobile-menu{background:rgba(6,10,30,.97);border-top:1px solid var(--line);backdrop-filter:blur(16px)}
.mobile-menu a{border-bottom:1px solid rgba(139,165,255,.12)}

/* glassmorphism cards floating on the aurora */
.card{background:linear-gradient(160deg,rgba(24,33,74,.55) 0%,rgba(10,16,40,.5) 100%);backdrop-filter:blur(16px) saturate(1.35);-webkit-backdrop-filter:blur(16px) saturate(1.35);border:1px solid rgba(139,165,255,.16);box-shadow:0 18px 50px rgba(2,6,23,.45),inset 0 1px 0 rgba(255,255,255,.07)}
.card:hover{box-shadow:0 22px 60px rgba(2,6,23,.55)}
.card.hoverable:hover,a.card:hover{border-color:rgba(139,165,255,.38);box-shadow:0 26px 64px rgba(2,6,23,.6)}
.card-6{background:linear-gradient(160deg,rgba(24,33,74,.5),rgba(10,16,40,.46));border:1px solid rgba(139,165,255,.16);box-shadow:0 10px 30px rgba(2,6,23,.35);backdrop-filter:blur(12px)}
.card-6:hover{box-shadow:0 18px 44px rgba(2,6,23,.5)}
.card-6::after{background:rgba(139,165,255,.1);border-color:rgba(139,165,255,.3);color:#a5b4fc}

/* product surfaces stay light (app mockup, demo console, demo modal) */
.dash,#demo-console,.idm{--ink:#0a1440;--muted:#5a6689;--line:#e3e9f6;--blue:#0110f5}
.dash{color:#0a1440}
#demo-console .card{background:#fff;border:1px solid #e3e9f6;box-shadow:0 30px 80px rgba(2,6,23,.5);backdrop-filter:none;-webkit-backdrop-filter:none}
.idm{background:#fff;color:#0a1440;border:1px solid #e3e9f6}
.idm .idm-v{color:#0f1e4d}

/* faq accordion */
.faq{background:rgba(13,20,48,.55);border:1px solid var(--line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.faq.open{border-color:rgba(129,140,248,.45)}
.plus{background:rgba(139,165,255,.12);color:#a5b4fc}
.faq.open .plus{background:var(--blue);color:#fff}

/* quote / testimonial cards */
.quote-card{background:rgba(255,255,255,.045);border:1px solid var(--line)}
.q-badge{background:rgba(139,165,255,.08);border-color:rgba(139,165,255,.22)}
.q-who{border-top-color:var(--line)}

/* inputs */
.inp{background:rgba(9,14,36,.6);border:1px solid var(--line);color:var(--ink)}
.inp::placeholder{color:#7683b3}
.inp:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(95,123,255,.18)}
.inp option{color:#0f1e4d;background:#fff}

/* outline button on dark */
.btn-line{color:var(--ink);border-color:rgba(233,237,255,.55)}
.btn-line:hover{background:rgba(148,163,253,.14);color:#fff;border-color:#fff}

/* kicker + live stat pill + activity band */
.kicker{background-color:rgba(99,102,241,.14);border-color:rgba(129,140,248,.42);box-shadow:0 4px 22px rgba(99,102,241,.22)}
.tick-pill b{color:#a5b4fc;background:rgba(99,102,241,.12);border-color:rgba(129,140,248,.3)}
.tick-pill b.bump{color:#2dd4bf}
.tk-band{background:rgba(9,14,36,.5);border-top:1px solid var(--line);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}

/* marquee, tables, progress */
.mq-item{color:#8b98c8}
.dt td{border-bottom:1px solid rgba(139,165,255,.12)}
.dt tbody tr:hover{background:rgba(95,123,255,.08)}
.ptrack{background:rgba(139,165,255,.14)}

/* quiz options (assessment) */
.qopt{background:rgba(13,20,48,.55);border-color:var(--line);backdrop-filter:blur(8px)}
.qopt:hover{border-color:rgba(129,140,248,.45)}
.qopt.sel{border-color:var(--blue);background:rgba(99,102,241,.13);box-shadow:0 0 0 3px rgba(99,102,241,.18)}
.qopt .qradio{border-color:rgba(139,165,255,.4)}

/* badges: brighten blue variants for dark */
.b-low,.b-blue{background:rgba(99,102,241,.13);color:#a5b4fc;border-color:rgba(129,140,248,.35)}

/* wow layer: brighten for dark space */
.hero-spot{background:radial-gradient(460px circle at var(--mx,72%) var(--my,32%),rgba(99,102,241,.2),rgba(168,85,247,.1) 42%,transparent 68%)}
.hero-main::before{background-image:radial-gradient(rgba(139,165,255,.08) 1.2px,transparent 1.3px)}
.orbit-ring{border-color:rgba(129,140,248,.5)}
.orbit-ring.o2{border-color:rgba(45,212,191,.4)}
.dash-halo{background:radial-gradient(circle,rgba(99,102,241,.24),transparent 65%)}
.arc{border-color:rgba(129,140,248,.24)}
.dot-grid{background-image:radial-gradient(rgba(139,165,255,.16) 1.5px,transparent 1.5px)}

/* legal pages */
.legal .updated{background:rgba(139,165,255,.08);border-color:var(--line)}

/* cookie consent + tailored request windows: dark glass */
#ck-banner{background:rgba(12,18,44,.92);border:1px solid var(--line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 30px 80px rgba(2,6,23,.6)}
#ck-modal{background:rgba(12,18,44,.95);border:1px solid var(--line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.ck-cat{border-bottom-color:var(--line)}
.switch .track{background:rgba(139,165,255,.22)}
.mzf{background:rgba(12,18,44,.94);border:1px solid var(--line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.mzf-x{background:rgba(139,165,255,.08);border-color:var(--line);color:var(--muted)}
.mzf-x:hover{background:rgba(139,165,255,.16);color:#fff}

/* kicker: allow wrap on very small screens */
@media (max-width:480px){.kicker{white-space:normal;line-height:1.45;text-align:center}}

/* ============================================================
   READABILITY PASS: brighter text, deeper glass, calm hero
   (Aceternity-style radial glow behind copy)
   ============================================================ */
:root{--ink:#f2f4ff; --muted:#b7c0e6}

/* deepen glass so text sits on a calmer surface */
.card{background:linear-gradient(160deg,rgba(22,30,68,.54) 0%,rgba(9,14,36,.5) 100%);border-color:rgba(139,165,255,.22);box-shadow:0 18px 50px rgba(2,6,23,.55),inset 0 1px 0 rgba(255,255,255,.08)}
.faq{background:rgba(10,16,40,.58)}
.qopt{background:rgba(10,16,40,.55)}
.inp{background:rgba(7,11,30,.58)}
.inp::placeholder{color:#8d99c8}

/* brighter secondary text inside dark glass */
.faq .a{color:#c3cbeb}
.check li{color:#c3cbeb}
.q-who .q-role,.q-badge,.tk-item span,.tk-note,.tk-label,.mq-item{color:#9aa6d4}
.dt th{color:#9aa6d4}

/* navy / deep sections: lighter body copy */
.navy .lead{color:#aeb9e6}
.tint-deep .lead{color:#b4bdf0}

/* radial readability glow behind hero copy (Aceternity aurora pattern) */
.tint.hero-main{background:radial-gradient(58% 52% at 30% 40%,rgba(2,6,23,.4) 0%,rgba(2,6,23,.2) 52%,rgba(2,6,23,0) 78%),linear-gradient(180deg,rgba(99,102,241,.05) 0%,rgba(15,23,42,.08) 60%,rgba(168,85,247,.04) 100%)}
.tint.hero-main .h-xl{text-shadow:0 2px 26px rgba(2,6,23,.55)}
.tint.hero-main .lead{text-shadow:0 1px 14px rgba(2,6,23,.5)}

/* page heroes on subpages: subtle calm zone behind the headline */
.page-hero:not(.navy):not(.tint-deep){background:radial-gradient(72% 92% at 50% 20%,rgba(2,6,23,.5) 0%,rgba(2,6,23,.26) 48%,rgba(2,6,23,0) 76%) !important}
.page-hero .h-xl,.page-hero .h-lg{text-shadow:0 2px 24px rgba(2,6,23,.5)}

/* sharpen gradient headline text for dark space */
.grad-text{background:linear-gradient(115deg,#8fa2ff 0%,#a5b4fc 34%,#c4b5fd 62%,#d8b4fe 86%);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ============================================================
   KICKER REDESIGN: glowing glass pill, solid readable text
   ============================================================ */
.kicker{
  background:none;color:#e3e8ff;text-shadow:0 0 14px rgba(129,140,248,.45);
  background-color:rgba(49,46,129,.52);
  border:1px solid rgba(165,180,252,.55);
  border-radius:999px;
  backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);
  box-shadow:0 0 26px rgba(99,102,241,.35),0 4px 22px rgba(2,6,23,.4),inset 0 1px 0 rgba(255,255,255,.14),inset 0 0 18px rgba(129,140,248,.16);
}
.kicker:hover{box-shadow:0 0 36px rgba(99,102,241,.5),0 4px 22px rgba(2,6,23,.4),inset 0 1px 0 rgba(255,255,255,.18),inset 0 0 18px rgba(129,140,248,.2)}

/* live stat pill + small labels: brighter */
.tick-pill{color:#c6cef2}
.tick-pill b{color:#dfe5ff;background:rgba(99,102,241,.22);border-color:rgba(165,180,252,.5);box-shadow:0 0 14px rgba(99,102,241,.28)}
.small{color:#aeb8e4}
.mq-item{color:#a3aee0}

/* ============================================================
   GLOBAL BRIGHTNESS PASS: everything readable on the aurora
   ============================================================ */
:root{--ink:#ffffff; --muted:#d6ddf8}
body{text-shadow:0 1px 3px rgba(2,6,23,.25)}

/* any hard-coded dark-slate text left anywhere flips to bright */
[style*="color:#33415c"],[style*="color:#5a6689"],[style*="color: #33415c"],[style*="color: #5a6689"]{color:#d6ddf8 !important}

/* navy / deep sections: full brightness */
.navy .lead{color:#d9e0fa}
.tint-deep .lead{color:#dde4fc}
.tint-deep .small,.navy .small{color:#c2ccef}

/* lists, answers, quotes, tables */
.check li{color:#dbe2fc}
.faq .a{color:#cfd8fa}
.quote-card blockquote{color:#eef1ff}
.q-who .q-role{color:#bcc7ec}
.q-badge{color:#bcc7ec}
.dt td{color:#dbe2fc}
.dt th{color:#c0cbf0}

/* small print, notes, legal */
.small{color:#c0cbf0}
.legal p,.legal ul{color:#d6ddf8}
.tk-item span,.tk-note,.tk-label{color:#c6cef2}
.mq-item{color:#b6c1ea}
.tick-pill{color:#e2e7fc}

/* form labels + placeholders */
.mzf-f>span{color:#eef1ff}
.inp{color:#ffffff}
.inp::placeholder{color:#a6b1de}

/* headings stay crisp */
.h-md,.h-lg,.h-xl{color:#ffffff}
a{color:inherit}

/* kicker even brighter */
.kicker{color:#eef1ff}

/* rotating word + inline accent text: brighter accent */
.rot-w{color:#c7d2fe}
[style*="color:var(--blue)"]{color:#8fa2ff !important}

/* ============================================================
   CONTRAST CORRECTION: body text near-white, stronger glass
   ============================================================ */
:root{--muted:#e7ecfd}

/* stronger dark glass behind all content cards so text always has calm backing */
.card{background:linear-gradient(160deg,rgba(16,23,56,.78) 0%,rgba(7,11,30,.74) 100%);border-color:rgba(139,165,255,.28)}
.faq{background:rgba(8,13,34,.82)}
.qopt{background:rgba(8,13,34,.78)}
.card-6{background:linear-gradient(160deg,rgba(16,23,56,.72),rgba(7,11,30,.68))}
.tk-band{background:rgba(7,11,30,.66)}
#ck-banner{background:rgba(10,15,38,.95)}
#ck-modal{background:rgba(10,15,38,.96)}
.mzf{background:rgba(10,15,38,.96)}

/* everything on navy/deep sections: near-white */
.navy p,.tint-deep p{color:#dde4fc}
.navy li,.tint-deep li{color:#dde4fc}

/* keep muted readable everywhere except pinned light product surfaces */
.small{color:#ccd5f6}
.inp::placeholder{color:#b3bde8}

/* full calm zone for long-copy heroes (assessment, how-it-works) */
.calm-hero{background:linear-gradient(180deg,rgba(6,10,28,.72) 0%,rgba(6,10,28,.6) 60%,rgba(6,10,28,.42) 100%) !important}

/* ============================================================
   KICKER: larger + stronger glow (all pages)
   ============================================================ */
.kicker{
  font-size:21px;padding:18px 40px;letter-spacing:.15em;
  background-color:rgba(49,46,129,.6);
  border:1.5px solid rgba(179,191,255,.7);
  box-shadow:0 0 34px rgba(99,102,241,.5),0 0 80px rgba(99,102,241,.22),0 6px 26px rgba(2,6,23,.45),inset 0 1px 0 rgba(255,255,255,.2),inset 0 0 26px rgba(129,140,248,.24);
  text-shadow:0 0 18px rgba(165,180,252,.6);
}
.kicker:hover{
  box-shadow:0 0 46px rgba(99,102,241,.65),0 0 100px rgba(99,102,241,.3),0 6px 26px rgba(2,6,23,.45),inset 0 1px 0 rgba(255,255,255,.24),inset 0 0 26px rgba(129,140,248,.3);
}
@media (max-width:1180px){.kicker{font-size:17px;padding:15px 30px}}
@media (max-width:720px){.kicker{font-size:13.5px;letter-spacing:.1em;padding:12px 22px}}
@media (max-width:480px){.kicker{white-space:normal;line-height:1.5}}


/* ---------- NAV: compact fit with Security link ---------- */
.nav-links{gap:16px;font-size:16px;font-weight:600;letter-spacing:.01em;white-space:nowrap}
@media(max-width:1240px){.nav-links{gap:12px;font-size:14.5px}}
.nav-links a{padding:6px 0}
.nav-cta{padding:10px 18px;font-size:13.5px}


/* ---------- DESIGN REVIEW: icons, readability, ticker ---------- */
.icon-chip{width:44px;height:44px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:18px;color:#dbe4ff;background:linear-gradient(145deg,rgba(95,123,255,.24),rgba(167,139,250,.16));border:1px solid rgba(179,191,255,.28);box-shadow:0 10px 24px rgba(2,6,23,.22),inset 0 1px 0 rgba(255,255,255,.12)}
.icon-chip svg{width:22px;height:22px}
.icon-chip.sm{width:38px;height:38px;border-radius:12px;margin-bottom:14px}
.icon-chip.sm svg{width:19px;height:19px}
.icon-chip.lg{width:52px;height:52px;border-radius:16px;margin-bottom:20px}
.icon-chip.lg svg{width:25px;height:25px}
.card .icon-chip,.card-6 .icon-chip{color:#e6ebff}
.lead.mx{text-align:left}
.center .lead.mx,.page-hero .lead.mx,.tint-deep .lead.mx{text-align:center}
.integrations .lead.mx{text-align:left}
.grad-text{background:linear-gradient(115deg,#b9c6ff 0%,#c7d2fe 38%,#ddd6fe 72%,#e9d5ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.tk-label{font-size:11.5px;color:#eef2ff}
.tk-note{font-size:11.5px;color:#eef2ff;opacity:1}
@media(max-width:760px){.tk-note{display:inline}}
.hands-on-link{display:inline-flex;align-items:center;justify-content:center;margin-top:8px;padding:13px 20px;border-radius:999px;font-weight:700;font-size:14.5px;color:#fff;background:linear-gradient(135deg,#0110f5,#2b5bff 60%,#3d7bfd);box-shadow:0 12px 30px rgba(1,16,245,.28)}
.hands-on-link:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(1,16,245,.4)}


/* ---------- DESIGN REVIEW: readable centering ---------- */
.page-hero .lead.mx,.center .lead.mx,.tint-deep .lead.mx{text-align:left;margin-left:0;margin-right:0}
.page-hero .wrap.center .lead.mx,.section .center .lead.mx{margin-left:0}


/* ---------- DESIGN REVIEW: compact pages ---------- */
section{padding:64px 0}
.page-hero{padding:86px 0 72px}
section.alt{padding-top:64px;padding-bottom:64px}
.tint.hero-main{padding:96px 0 104px !important}
@media(max-width:720px){section{padding:52px 0}.page-hero{padding:72px 0 60px}.tint.hero-main{padding:84px 0 88px !important}}


/* ---------- CONTENT-FIRST: background recedes ---------- */
.glow{opacity:.26}
.glow-c{opacity:.14}
.arc{border-color:rgba(129,140,248,.1)}
.dot-grid{background-image:radial-gradient(rgba(139,165,255,.08) 1.5px,transparent 1.5px)}
.hero-spot{background:radial-gradient(460px circle at var(--mx,72%) var(--my,32%),rgba(99,102,241,.1),rgba(168,85,247,.05) 42%,transparent 68%)}
.hero-main::before{background-image:radial-gradient(rgba(139,165,255,.04) 1.2px,transparent 1.3px)}
.orbit-ring{border-color:rgba(129,140,248,.24)}
.orbit-ring.o2{border-color:rgba(45,212,191,.18)}
.dash-halo{opacity:.5}
#bg-3d{opacity:.75}
/* content gets the spotlight: slightly stronger card contrast */
.card,.card-6{box-shadow:0 22px 60px rgba(2,6,23,.5)}


/* ============ MERIDIAN INSTRUMENT BACKGROUND (fx19): line work, not scenery ============ */
/* One instrument per page type, masked away from copy, still by default */
.hero-main::before{background-image:none}
.dash{position:relative;z-index:1}
.page-hero:not(.navy)::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(0deg,rgba(139,165,255,.07) 0 1px,transparent 1px 56px),repeating-linear-gradient(90deg,rgba(139,165,255,.055) 0 1px,transparent 1px 56px);-webkit-mask-image:radial-gradient(ellipse 62% 72% at 50% 42%,transparent 0 34%,#000 72%);mask-image:radial-gradient(ellipse 62% 72% at 50% 42%,transparent 0 34%,#000 72%)}
.page-hero.navy{overflow:hidden}
.mz-transit{position:absolute;left:0;top:0;height:100%;width:90px;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,#000 20%,transparent 95%);mask-image:linear-gradient(90deg,#000 20%,transparent 95%)}
@media(max-width:720px){.mz-transit{width:56px;opacity:.6}}

/* ---- armillary sphere + rotating earth: pure CSS 3D, homepage hero ---- */
.mz-sphere{position:absolute;top:47%;left:54%;width:720px;height:720px;transform:translate(-50%,-50%);z-index:0;pointer-events:none;perspective:1200px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 26%);mask-image:linear-gradient(90deg,transparent 0,#000 26%)}
.mz-sphere span{position:absolute;border-radius:50%}
.mz-earth,.mz-arm,.mz-spin{position:absolute;transform-style:preserve-3d}
.mz-earth{inset:11%;transform:rotateX(-18deg)}
.mz-spin{inset:0}
.mz-spin span,.mz-eq{inset:0;border:1.2px solid rgba(165,180,252,.34)}
.mz-m0{transform:rotateY(0deg)}
.mz-m1{transform:rotateY(30deg)}
.mz-m2{transform:rotateY(60deg)}
.mz-m3{transform:rotateY(90deg)}
.mz-m4{transform:rotateY(120deg)}
.mz-m5{transform:rotateY(150deg)}
.mz-eq{transform:rotateX(90deg)}
.mz-p1,.mz-p2,.mz-p3,.mz-p4{inset:0;border:1px solid rgba(165,180,252,.24)}
.mz-p1{transform:rotateX(90deg) translateZ(140px) scale(.866)}
.mz-p2{transform:rotateX(90deg) translateZ(-140px) scale(.866)}
.mz-p3{transform:rotateX(90deg) translateZ(243px) scale(.5)}
.mz-p4{transform:rotateX(90deg) translateZ(-243px) scale(.5)}
.mz-arm{inset:0}
.mz-a1{inset:0;border:1.6px solid rgba(165,180,252,.3);transform:rotateX(74deg)}
.mz-a2{inset:0;border:1.6px dashed rgba(165,180,252,.22);transform:rotateX(74deg) rotateY(58deg)}
@media (prefers-reduced-motion: no-preference){
  .mz-spin{animation:mzSpin 44s linear infinite}
  .mz-arm{animation:mzSpin 130s linear infinite reverse}
  @keyframes mzSpin{to{transform:rotateY(360deg)}}
}
@media(max-width:1300px){.mz-sphere{transform:translate(-50%,-50%) scale(.84)}}
@media(max-width:920px){.mz-sphere{display:none}}

/* ---- armillary arcs on closing CTA bands (guide option 05) ---- */
.mz-arcs{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 72% 80% at 50% 50%,#000 28%,transparent 100%);mask-image:radial-gradient(ellipse 72% 80% at 50% 50%,#000 28%,transparent 100%)}
@media (prefers-reduced-motion: no-preference){
  .mz-arcs .mz-arc-a{animation:mzPrecess 90s linear infinite}
  .mz-arcs .mz-arc-b{animation:mzPrecess 120s linear infinite reverse}
  @keyframes mzPrecess{to{transform:rotate(342deg)}}
}

/* ---- culmination glow on section dividers (guide option 06) ---- */
.mz-culm{position:relative}
.mz-culm::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 58% 48% at 50% -4%,rgba(43,91,255,.22),transparent 68%),radial-gradient(ellipse 22% 18% at 50% -2%,rgba(127,166,255,.16),transparent 70%)}
.mz-culm::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(127,166,255,.3) 22%,rgba(127,166,255,.3) 78%,transparent)}
@media (prefers-reduced-motion: no-preference){
  .mz-culm::before{animation:mzCulm 60s ease-in-out infinite alternate}
  @keyframes mzCulm{from{opacity:.65}to{opacity:1}}
}

/* ---- transit pulse on form pages: the marker dot breathes ---- */
@media (prefers-reduced-motion: no-preference){
  .mz-transit circle[r="7"]{animation:mzPulse 8s ease-in-out infinite}
  .mz-transit circle[r="16"]{animation:mzPulse 8s ease-in-out infinite;animation-delay:.4s}
  @keyframes mzPulse{0%,100%{opacity:.35}50%{opacity:.85}}
}

/* ---- system hub diagram on integrations hero ---- */
.mz-hub{position:absolute;top:50%;left:50%;width:min(88vw,860px);height:min(88vw,860px);transform:translate(-50%,-50%);z-index:0;pointer-events:none;-webkit-mask-image:radial-gradient(circle at 50% 50%,transparent 0 26%,#000 52%,#000 78%,transparent 100%);mask-image:radial-gradient(circle at 50% 50%,transparent 0 26%,#000 52%,#000 78%,transparent 100%)}
@media(max-width:920px){.mz-hub{width:min(120vw,520px);height:min(120vw,520px);opacity:.55}}

/* ============ GLOBAL CENTERING CONSISTENCY (fx29) ============ */
/* Every .center container: all children text-align center, leads constrained */
.center .lead,
.wrap.center .lead,
div.center .lead{margin-left:auto !important;margin-right:auto !important;text-align:center !important}
/* Section header blocks that are centered: constrain their leads */
section .center .lead{max-width:720px}
/* Two-column sections: keep left text left-aligned (intentional), but vertically center both columns */
.two-col{align-items:center}
/* Card grids: equal height cards so rows look even */
.cards-3>*,.cards-6>*{display:flex;flex-direction:column}
.cards-3>* p,.cards-6>* p{flex:1}
/* Check lists inside centered blocks: center them too */
.center .check{margin-left:auto;margin-right:auto;display:inline-block;text-align:left}
/* Page heroes: ensure kicker + h1 + lead all share the same centered axis */
.page-hero .wrap.center .lead,
.page-hero .center .lead{max-width:780px;margin-left:auto;margin-right:auto;text-align:center}
/* Footer: consistent column alignment */
footer .check{display:block}

/* ============ WARM LIGHT: brighter background + orange accent scheme (fx30) ============ */
/* brighter, warmer base gradient */
body{background:linear-gradient(160deg,#0e1738 0%,#1a2450 26%,#2e2668 52%,#4a3a9a 74%,#0c1230 100%)}

/* orange accent palette */
:root{
  --blue:#f59e0b; --blue-d:#d97706; --sky:#fbbf24; --violet:#f97316;
  --line:rgba(251,191,36,.2);
  --grad:linear-gradient(115deg,#f59e0b 0%,#fbbf24 38%,#fb923c 66%,#f97316 88%);
}

/* gradient text: warm amber */
.grad-text{background:linear-gradient(115deg,#fbbf24 0%,#fde68a 38%,#fb923c 66%,#fdba74 88%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* kicker pills: warm glow */
.kicker{color:#fde68a;background:rgba(251,191,36,.1);border-color:rgba(251,191,36,.35);box-shadow:0 0 24px rgba(251,191,36,.15),inset 0 0 12px rgba(251,191,36,.06)}

/* icon chips: warm tint */
.icon-chip{color:#fbbf24;background:rgba(251,191,36,.12);border-color:rgba(251,191,36,.28)}
.icon-chip.lg{color:#fbbf24;background:rgba(251,191,36,.14);border-color:rgba(251,191,36,.32)}

/* buttons: orange primary */
.btn-primary,.btn-blue{background:linear-gradient(115deg,#f59e0b 0%,#f97316 100%);border-color:#f59e0b;color:#fff;box-shadow:0 4px 20px rgba(245,158,11,.3)}
.btn-primary:hover,.btn-blue:hover{background:linear-gradient(115deg,#fbbf24 0%,#fb923c 100%);box-shadow:0 6px 28px rgba(245,158,11,.4)}
.btn-primary::before{background:conic-gradient(from var(--ga),#f59e0b,#fbbf24,#fb923c,#f97316,#f59e0b)}
.btn-primary::after{background:linear-gradient(115deg,#f59e0b 0%,#f97316 100%)}
.btn-primary:hover::after{background:linear-gradient(115deg,#fbbf24 0%,#fb923c 100%)}

/* nav active link */
.nav-links a.active{color:#fbbf24}
.nav-links a.active::after{background:#fbbf24}

/* links and accent text (content areas, not nav) */
section a, footer a, .page-hero a:not(.btn){color:#fbbf24}
section a:hover, footer a:hover, .page-hero a:not(.btn):hover{color:#fde68a}

/* card borders: warm tint */
.card{border-color:rgba(251,191,36,.22)}
.card-6{border-color:rgba(251,191,36,.18)}

/* checkmarks */
.check li::before{color:#fbbf24}

/* announcement bar accent */
.announce a{color:#fbbf24}

/* rotating word */
#rot-word,.rot .rot-w{color:#fbbf24}

/* dashboard mockup stays light-themed (pinned), no changes needed */
/* form focus states */
input:focus,select:focus,textarea:focus{border-color:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.15)}

/* meridian backgrounds: warm stroke */
.mz-sphere span,.mz-arcs ellipse,.mz-arcs circle{stroke:rgba(251,191,36,.3)}
.mz-hub circle,.mz-hub line{stroke:rgba(251,191,36,.28)}
.mz-transit line,.mz-transit path,.mz-transit circle{stroke:rgba(251,191,36,.28)}
.page-hero:not(.navy)::before{background-image:repeating-linear-gradient(0deg,rgba(251,191,36,.06) 0 1px,transparent 1px 56px),repeating-linear-gradient(90deg,rgba(251,191,36,.045) 0 1px,transparent 1px 56px)}
.mz-culm::before{background:radial-gradient(ellipse 58% 48% at 50% -4%,rgba(251,146,60,.18),transparent 68%),radial-gradient(ellipse 22% 18% at 50% -2%,rgba(251,191,36,.12),transparent 70%)}
.mz-culm::after{background:linear-gradient(90deg,transparent,rgba(251,191,36,.25) 22%,rgba(251,191,36,.25) 78%,transparent)}

/* ticker label */
.tk-label,.tk-note{color:#fef3c7}

/* footer and small accents */
footer a:hover{color:#fbbf24}

/* remaining blue element overrides */
.hands-on-link{background:linear-gradient(135deg,#f59e0b,#f97316 60%,#fb923c);box-shadow:0 12px 30px rgba(245,158,11,.28)}
.logo .m{background:linear-gradient(140deg,#b45309 0%,#d97706 60%,#f59e0b 100%);filter:drop-shadow(0 5px 12px rgba(245,158,11,.35))}
.sonar.s2 i{background:#fbbf24}

/* ============ LIGHT THEME: proper light background (fx31) ============ */
body{background:linear-gradient(160deg,#f8f9fc 0%,#f0f2f8 26%,#e8ecf5 52%,#dfe4f0 74%,#f5f6fa 100%);color:#1a2340}

/* text colors */
:root{--ink:#1a2340; --muted:#4a5578; --line:rgba(180,190,220,.35)}
h1,h2,h3,h4,h5,h6{color:#1a2340}
p,li{color:#4a5578}
.lead{color:#4a5578}
.small{color:#6b7594}

/* cards: white surfaces with subtle shadows */
.card{background:#fff;border-color:rgba(180,190,220,.3);box-shadow:0 2px 12px rgba(30,40,80,.08)}
.card-6{background:#fff;border-color:rgba(180,190,220,.25);box-shadow:0 2px 10px rgba(30,40,80,.06)}

/* navy sections become light */
.navy,.tint-deep{background:linear-gradient(160deg,#f0f2f8 0%,#e4e8f2 55%,#dde1ee 100%);color:#1a2340}
.navy h1,.navy h2,.navy h3,.tint-deep h1,.tint-deep h2,.tint-deep h3{color:#1a2340}
.navy p,.navy li,.tint-deep p,.tint-deep li{color:#4a5578}
.navy .lead,.tint-deep .lead{color:#4a5578}

/* page heroes */
.page-hero{background:transparent;color:#1a2340}
.page-hero h1{color:#1a2340}
.page-hero .lead{color:#4a5578}
.page-hero.navy{background:linear-gradient(160deg,#eef0f7 0%,#e2e6f1 55%,#d8dcea 100%);color:#1a2340}
.page-hero.navy h1{color:#1a2340}
.page-hero.navy .lead{color:#4a5578}

/* hero main */
.hero-main{background:transparent;color:#1a2340}
.hero-main h1{color:#1a2340}
.hero-main .lead{color:#4a5578}

/* kicker pills: warm on light */
.kicker{color:#92400e;background:rgba(251,191,36,.15);border-color:rgba(217,119,6,.3);box-shadow:0 0 20px rgba(251,191,36,.1),inset 0 0 10px rgba(251,191,36,.04)}

/* icon chips */
.icon-chip{color:#d97706;background:rgba(251,191,36,.12);border-color:rgba(217,119,6,.25)}
.icon-chip.lg{color:#d97706;background:rgba(251,191,36,.14);border-color:rgba(217,119,6,.3)}

/* nav */
.nav-links{color:#4a5578}
.nav-links a{color:#4a5578}
.nav-links a:hover{color:#1a2340}
.nav-links a.active{color:#d97706}

/* links */
section a, footer a, .page-hero a:not(.btn){color:#d97706}
section a:hover, footer a:hover, .page-hero a:not(.btn):hover{color:#b45309}

/* gradient text */
.grad-text{background:linear-gradient(115deg,#d97706 0%,#f59e0b 38%,#f97316 66%,#ea580c 88%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* buttons stay orange (works on light too) */
.btn-line{border-color:rgba(180,190,220,.4);color:#4a5578}
.btn-line:hover{border-color:#d97706;color:#d97706}

/* checkmarks */
.check li::before{color:#d97706}

/* meridian backgrounds: warm strokes on light */
.mz-sphere span,.mz-arcs ellipse,.mz-arcs circle{stroke:rgba(217,119,6,.25)}
.mz-hub circle,.mz-hub line{stroke:rgba(217,119,6,.22)}
.mz-transit line,.mz-transit path,.mz-transit circle{stroke:rgba(217,119,6,.22)}
.page-hero:not(.navy)::before{background-image:repeating-linear-gradient(0deg,rgba(217,119,6,.05) 0 1px,transparent 1px 56px),repeating-linear-gradient(90deg,rgba(217,119,6,.04) 0 1px,transparent 1px 56px)}
.mz-culm::before{background:radial-gradient(ellipse 58% 48% at 50% -4%,rgba(251,146,60,.12),transparent 68%),radial-gradient(ellipse 22% 18% at 50% -2%,rgba(251,191,36,.08),transparent 70%)}
.mz-culm::after{background:linear-gradient(90deg,transparent,rgba(217,119,6,.18) 22%,rgba(217,119,6,.18) 78%,transparent)}

/* form fields */
input,select,textarea{background:#fff;border-color:rgba(180,190,220,.4);color:#1a2340}
input::placeholder,textarea::placeholder{color:#9aa3bd}
input:focus,select:focus,textarea:focus{border-color:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.12)}

/* announcement bar */
.announce{background:#fff3e0;border-color:rgba(217,119,6,.2)}
.announce a{color:#d97706}

/* footer */
footer{background:#f0f2f8;border-top-color:rgba(180,190,220,.3)}
footer a{color:#4a5578}
footer a:hover{color:#d97706}

/* alt sections */
.alt{background:rgba(240,242,248,.5)}

/* ticker */
.tk-label,.tk-note{color:#92400e}

/* text shadow removal */
body{text-shadow:none}

/* cookie banner */
.cookie-banner{background:#fff;border-color:rgba(180,190,220,.3);box-shadow:0 4px 24px rgba(30,40,80,.12)}
.cookie-banner h3{color:#1a2340}
.cookie-banner p{color:#4a5578}

/* dashboard mockup stays light (already pinned) */
/* modal overlays stay light (already pinned) */

/* ============ LIGHT THEME FIXES: chrome + fields (fx32) ============ */
header.site{background:rgba(255,255,255,.92);border-bottom:1px solid rgba(180,190,220,.35);backdrop-filter:blur(12px)}
header.site.scrolled{box-shadow:0 8px 30px rgba(30,40,80,.1)}
.nav-links a:hover{color:#1a2340}
.burger{background:#fff;border:1px solid rgba(180,190,220,.45)}
.mobile-menu{background:rgba(255,255,255,.98);border-top:1px solid rgba(180,190,220,.35);backdrop-filter:blur(12px)}
.mobile-menu a{border-bottom:1px solid rgba(180,190,220,.25)}
.annc{background:#fff3e0;color:#92400e;border-bottom:1px solid rgba(217,119,6,.18)}
.annc-go{color:#d97706}
.inp{background:#fff;border:1px solid rgba(180,190,220,.45);color:#1a2340}
.inp::placeholder{color:#8a94b8}
.inp:focus{border-color:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.15)}
#ck-banner{background:#fff;border:1px solid rgba(180,190,220,.35);box-shadow:0 30px 80px rgba(30,40,80,.18);backdrop-filter:none;-webkit-backdrop-filter:none}
#ck-banner h4{color:#1a2340}
#ck-modal{background:#fff;border:1px solid rgba(180,190,220,.35);backdrop-filter:none;-webkit-backdrop-filter:none}
#ck-modal h4,.ck-cat h5{color:#1a2340}
#ck-modal p,.ck-cat p{color:#4a5578}
#ck-overlay{background:rgba(30,40,80,.35)}
.switch .track{background:rgba(180,190,220,.55)}
.mzf{background:#fff;border:1px solid rgba(180,190,220,.35);backdrop-filter:none;-webkit-backdrop-filter:none}
.mzf-x{background:#fff;border-color:rgba(180,190,220,.4);color:#4a5578}
.mzf-x:hover{background:#f0f2f8;color:#1a2340}

/* footer: full light treatment */
footer.site{background:#f0f2f8;color:#4a5578;border-top:1px solid rgba(180,190,220,.35)}
.foot-grid h5{color:#1a2340}
.foot-grid a{color:#4a5578}
.foot-grid a:hover{color:#d97706}
.foot-brand p{color:#4a5578}
.foot-bottom{border-top:1px solid rgba(180,190,220,.3);color:#4a5578}
footer.site .logo .wm{background:linear-gradient(115deg,#d97706 0%,#f59e0b 38%,#f97316 66%,#ea580c 88%);-webkit-background-clip:text;background-clip:text;color:transparent}

/* hero heading shadows: remove dark-theme glow */
.page-hero .h-xl,.page-hero .h-lg{text-shadow:none}
.tint.hero-main .h-xl,.tint.hero-main .lead{text-shadow:none}

/* icon chips inside cards: keep warm accent */
.card .icon-chip,.card-6 .icon-chip{color:#d97706}

/* ============ FONT + SURFACE COLORS FOR LIGHT BACKGROUND (fx33) ============ */
.h-md,.h-lg,.h-xl{color:#1a2340}
[style*="color:#33415c"],[style*="color:#5a6689"],[style*="color: #33415c"],[style*="color: #5a6689"]{color:#4a5578 !important}
[style*="color:var(--blue)"]{color:#d97706 !important}
.faq{background:#fff;border:1px solid rgba(180,190,220,.3)}
.faq .a{color:#4a5578}
.qopt{background:#fff;border:1px solid rgba(180,190,220,.3)}
.plus{color:#d97706;background:rgba(251,191,36,.12)}
.faq.open .plus{background:#f59e0b;color:#fff}
.check li{color:#4a5578}
.quote-card blockquote{color:#1a2340}
.q-who .q-role,.q-badge{color:#4a5578}
.dt td{color:#4a5578}
.dt th{color:#1a2340}
.small{color:#4a5578}
.legal p,.legal ul{color:#4a5578}
.tk-band{background:#fff;border-top:1px solid rgba(180,190,220,.3);border-bottom:1px solid rgba(180,190,220,.3);backdrop-filter:none}
.tk-item span{color:#4a5578}
.mq-item{color:#4a5578}
.tick-pill{color:#4a5578}
.tick-pill b{color:#92400e;background:rgba(251,191,36,.18);border-color:rgba(217,119,6,.3);box-shadow:none}
.mzf-f>span{color:#1a2340}
.card-6::after{color:#d97706;background:rgba(251,191,36,.12);border-color:rgba(217,119,6,.25)}
.b-low,.b-blue{color:#92400e;background:rgba(251,191,36,.14);border-color:rgba(217,119,6,.3)}
.btn-linew{color:#1a2340;border:1.5px solid rgba(26,35,64,.3);background:rgba(255,255,255,.6)}
.btn-linew:hover{border-color:#d97706;color:#d97706;background:#fff}
.page-hero:not(.navy):not(.tint-deep){background:none !important}
.calm-hero{background:none !important}

/* step numbers: deeper orange for light background */
.step-num{background:linear-gradient(115deg,#d97706 0%,#f59e0b 45%,#ea580c 90%);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ============ WARM DEPTH: deeper background, green secondary accents (fx34) ============ */
:root{--green:#3f6212; --green-2:#65a30d; --green-t:rgba(101,163,13,.14)}
body{background:linear-gradient(160deg,#f1f3eb 0%,#e7ebdf 26%,#dde2d2 52%,#d0d6c3 74%,#eef0e6 100%)}
.navy,.tint-deep{background:linear-gradient(160deg,#e7ebdf 0%,#dbe0cf 55%,#d2d7c4 100%)}
.page-hero.navy{background:linear-gradient(160deg,#e5e9dd 0%,#d8ddca 55%,#cdd2bf 100%)}
footer.site{background:#e3e7d8}
.alt{background:rgba(228,232,218,.55)}
.card,.card-6,.faq,.qopt,.tk-band,#ck-banner,#ck-modal,.mzf{border-color:rgba(148,158,120,.35)}
header.site{border-bottom-color:rgba(148,158,120,.35)}
.mobile-menu{border-top-color:rgba(148,158,120,.35)}
.mobile-menu a{border-bottom-color:rgba(148,158,120,.25)}
.annc{background:#e9eed9;color:#3f6212;border-bottom-color:rgba(101,163,13,.22)}
.annc-go{color:#4d7c0f}
.kicker{background:rgba(101,163,13,.13);border-color:rgba(101,163,13,.35);color:#3f6212;box-shadow:0 0 20px rgba(101,163,13,.08),inset 0 0 10px rgba(101,163,13,.04)}
.tick-pill b{color:#3f6212;background:rgba(101,163,13,.16);border-color:rgba(101,163,13,.35)}
.b-low,.b-blue{color:#3f6212;background:rgba(101,163,13,.13);border-color:rgba(101,163,13,.3)}
.plus{color:#4d7c0f;background:rgba(101,163,13,.12)}
.tk-label,.tk-note{color:#3f6212}
.inp{border-color:rgba(148,158,120,.45)}
.btn-line{border-color:rgba(148,158,120,.4)}
#ck-banner,#ck-modal{border-color:rgba(148,158,120,.35)}
.mzf-x{border-color:rgba(148,158,120,.4)}
.grad-text{background:linear-gradient(115deg,#65a30d 0%,#d97706 42%,#f97316 72%,#c2410c 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.step-num{background:linear-gradient(115deg,#65a30d 0%,#d97706 55%,#ea580c 92%);-webkit-background-clip:text;background-clip:text;color:transparent}
.q-ava{background:linear-gradient(135deg,#65a30d 0%,#84cc16 100%)}
.mq-dot{background:#84cc16}
.page-hero:not(.navy)::before,.mz-arcs path,.mz-transit line,.mz-hub circle,.mz-hub path{stroke:rgba(77,124,15,.16)}
.mz-culm{background:radial-gradient(60% 100% at 50% 0%,rgba(163,230,53,.35) 0%,rgba(163,230,53,0) 70%)}
.icon-chip{background:rgba(101,163,13,.12);border-color:rgba(101,163,13,.28);color:#4d7c0f}
.icon-chip.lg{background:rgba(101,163,13,.14);border-color:rgba(101,163,13,.32);color:#4d7c0f}
.card .icon-chip,.card-6 .icon-chip{color:#4d7c0f}

/* rotating hero word: orange on light background */
#rot-word,.rot .rot-w{color:#d97706}

/* ============ BACK TO BLUE: deep navy background, blue accents (fx35) ============ */
:root{--ink:#eef1fb; --muted:#b9c2e2; --line:rgba(148,163,224,.24)}
body{background:linear-gradient(160deg,#070c22 0%,#0a1130 26%,#0d1638 52%,#0a1030 74%,#060a1e 100%);color:#eef1fb;text-shadow:none}
h1,h2,h3,h4,h5,h6,.h-md,.h-lg,.h-xl{color:#f2f4fd}
p,li,.lead{color:#b9c2e2}
.navy p,.navy li,.tint-deep p,.tint-deep li,.navy .lead,.tint-deep .lead{color:#c4cdea}
.navy,.tint-deep{background:linear-gradient(160deg,#0c1434 0%,#101a42 55%,#0c1332 100%);color:#eef1fb}
.navy h1,.navy h2,.navy h3,.tint-deep h1,.tint-deep h2,.tint-deep h3{color:#f2f4fd}
.page-hero{background:transparent;color:#eef1fb}
.page-hero h1{color:#f2f4fd}
.page-hero .lead{color:#b9c2e2}
.page-hero.navy{background:linear-gradient(160deg,#0c1434 0%,#101a42 55%,#0c1332 100%);color:#eef1fb}
.page-hero.navy h1{color:#f2f4fd}
.page-hero.navy .lead{color:#b9c2e2}
.hero-main{background:transparent;color:#eef1fb}
.hero-main h1{color:#f2f4fd}
.hero-main .lead{color:#b9c2e2}
.card,.card-6,.faq,.qopt{background:linear-gradient(160deg,rgba(21,30,66,.78) 0%,rgba(12,18,44,.74) 100%);border-color:rgba(148,163,224,.22);box-shadow:0 10px 34px rgba(2,6,23,.4)}
.faq .a,.check li,.quote-card blockquote,.dt td{color:#c4cdea}
.q-who .q-role,.q-badge,.dt th,.small,.legal p,.legal ul,.mzf-f>span{color:#a3aed4}
.alt{background:rgba(16,24,56,.55)}
.tk-band{background:rgba(10,16,40,.6);border-top-color:rgba(148,163,224,.2);border-bottom-color:rgba(148,163,224,.2)}
.tk-item span{color:#b9c2e2}
.mq-item{color:#a3aed4}
.mq-dot{background:#7ea2ff}
.quote-card{background:rgba(21,30,66,.6);border-color:rgba(148,163,224,.22)}
header.site{background:rgba(6,10,26,.82);border-bottom-color:rgba(148,163,224,.18);backdrop-filter:blur(14px)}
header.site.scrolled{box-shadow:0 10px 34px rgba(2,6,23,.55)}
.logo .wm{background:linear-gradient(115deg,#8ba5ff 0%,#a5b4fc 45%,#c4b5fd 85%);-webkit-background-clip:text;background-clip:text;color:transparent}
.nav-links{color:#b9c2e2}
.nav-links a{color:#b9c2e2}
.nav-links a:hover{color:#fff}
.nav-links a.active{color:#8ba5ff}
.nav-links a.active::after{background:#8ba5ff}
.burger{background:rgba(13,20,48,.7);border-color:rgba(148,163,224,.28)}
.burger span{background:#eef1fb}
.mobile-menu{background:rgba(6,10,30,.97);border-top-color:rgba(148,163,224,.2)}
.mobile-menu a{color:#eef1fb;border-bottom-color:rgba(148,163,224,.14)}
.mobile-menu a.active{color:#8ba5ff}
.annc{background:#0a1640;color:#b9c2e2;border-bottom-color:rgba(96,140,255,.2)}
.annc-go{color:#8ba5ff}
.kicker{color:#bcd0ff;background:rgba(96,140,255,.14);border-color:rgba(139,165,255,.4);box-shadow:0 0 22px rgba(96,140,255,.18),inset 0 0 10px rgba(96,140,255,.06)}
.kicker:hover{box-shadow:0 0 30px rgba(96,140,255,.28),inset 0 0 12px rgba(96,140,255,.1)}
.grad-text{background:linear-gradient(115deg,#8ba5ff 0%,#a5b4fc 42%,#c4b5fd 72%,#93c5fd 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.step-num{background:linear-gradient(115deg,#8ba5ff 0%,#a5b4fc 55%,#c4b5fd 92%);-webkit-background-clip:text;background-clip:text;color:transparent}
.stat-num,.stat-number{background:linear-gradient(115deg,#8ba5ff 0%,#c4b5fd 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
#rot-word,.rot .rot-w{color:#8ba5ff}
section a,footer a,.page-hero a:not(.btn){color:#8ba5ff}
section a:hover,footer a:hover,.page-hero a:not(.btn):hover{color:#bcd0ff}
[style*="color:var(--blue)"]{color:#8ba5ff !important}
.btn-primary,.btn-blue{background:linear-gradient(115deg,#3b82f6 0%,#6366f1 100%);border-color:#60a5fa;color:#fff;box-shadow:0 8px 26px rgba(59,130,246,.35)}
.btn-primary::after{background:linear-gradient(115deg,#3b82f6 0%,#6366f1 100%)}
.btn-primary::before{background:conic-gradient(from var(--ga),#3b82f6,#818cf8,#a78bfa,#60a5fa,#3b82f6)}
.btn-line{border-color:rgba(148,163,224,.3);color:#b9c2e2}
.btn-line:hover{border-color:#8ba5ff;color:#fff;background:rgba(148,163,224,.1)}
.btn-linew{color:#fff;border:1.5px solid rgba(255,255,255,.45);background:rgba(255,255,255,.06)}
.btn-linew:hover{border-color:#8ba5ff;color:#8ba5ff;background:rgba(139,165,255,.1)}
.inp{background:rgba(9,14,36,.6);border-color:rgba(148,163,224,.28);color:#eef1fb}
.inp::placeholder{color:#7683b3}
.inp:focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.18)}
.inp option{color:#0f1e4d;background:#fff}
.check li::before{color:#8ba5ff}
.plus{color:#bcd0ff;background:rgba(96,140,255,.12)}
.faq.open .plus{background:#3b82f6;color:#fff}
.icon-chip{color:#bcd0ff;background:rgba(96,140,255,.14);border-color:rgba(139,165,255,.3);box-shadow:0 10px 24px rgba(2,6,23,.3),inset 0 1px 0 rgba(255,255,255,.08)}
.icon-chip.lg{color:#bcd0ff;background:rgba(96,140,255,.16);border-color:rgba(139,165,255,.34)}
.card .icon-chip,.card-6 .icon-chip{color:#d3deff}
.tick-pill{color:#c4cdea}
.tick-pill b{color:#d3deff;background:rgba(99,102,241,.2);border-color:rgba(139,165,255,.4);box-shadow:0 0 14px rgba(99,102,241,.22)}
.b-low,.b-blue{color:#a5b4fc;background:rgba(99,102,241,.16);border-color:rgba(129,140,248,.35)}
.tk-label,.tk-note{color:#8fa2d8}
.card-6::after{color:#a5b4fc;background:rgba(99,102,241,.12);border-color:rgba(139,165,255,.28)}
.q-ava{background:linear-gradient(135deg,#3b82f6 0%,#818cf8 100%)}
footer.site{background:#070c20;color:#b9c2e2;border-top-color:rgba(148,163,224,.16)}
.foot-grid h5{color:#f2f4fd}
.foot-grid a{color:#b9c2e2}
.foot-grid a:hover{color:#fff}
.foot-brand p{color:#a3aed4}
.foot-bottom{border-top-color:rgba(148,163,224,.16);color:#a3aed4}
footer.site .logo .wm{background:linear-gradient(115deg,#8ba5ff 0%,#a5b4fc 45%,#c4b5fd 85%);-webkit-background-clip:text;background-clip:text;color:transparent}
#ck-banner{background:rgba(12,18,44,.95);border-color:rgba(148,163,224,.25);box-shadow:0 30px 80px rgba(2,6,23,.6)}
#ck-banner h4{color:#f2f4fd}
#ck-banner p{color:#b9c2e2}
#ck-modal{background:rgba(12,18,44,.96);border-color:rgba(148,163,224,.25)}
#ck-modal h4,.ck-cat h5{color:#f2f4fd}
#ck-modal p,.ck-cat p{color:#b9c2e2}
#ck-overlay{background:rgba(4,8,22,.6)}
.mzf{background:rgba(12,18,44,.94);border-color:rgba(148,163,224,.25)}
.mzf-x{background:rgba(139,165,255,.08);border-color:rgba(148,163,224,.25);color:#b9c2e2}
.mzf-x:hover{background:rgba(139,165,255,.16);color:#fff}
.switch .track{background:rgba(139,165,255,.22)}
.page-hero:not(.navy)::before,.mz-arcs path,.mz-transit line,.mz-hub circle,.mz-hub path{stroke:rgba(139,165,255,.2)}
.mz-culm{background:radial-gradient(60% 100% at 50% 0%,rgba(129,140,248,.3) 0%,rgba(129,140,248,0) 70%)}

/* ============ ORANGE FONTS on navy (fx36) ============ */
.logo .wm,footer.site .logo .wm{background:linear-gradient(115deg,#fbbf24 0%,#fb923c 45%,#f97316 85%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.nav-links a.active{color:#fbbf24}
.nav-links a.active::after{background:#fbbf24}
.grad-text{background:linear-gradient(115deg,#fbbf24 0%,#fb923c 42%,#f97316 72%,#fdba74 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.step-num{background:linear-gradient(115deg,#fbbf24 0%,#fb923c 55%,#f97316 92%);-webkit-background-clip:text;background-clip:text;color:transparent}
.stat-num,.stat-number{background:linear-gradient(115deg,#fbbf24 0%,#f97316 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
#rot-word,.rot .rot-w{color:#fbbf24}
section a,footer a,.page-hero a:not(.btn){color:#fbbf24}
section a:hover,footer a:hover,.page-hero a:not(.btn):hover{color:#fde68a}
[style*="color:var(--blue)"]{color:#fbbf24 !important}
.kicker{color:#fcd34d;background:rgba(251,191,36,.13);border-color:rgba(251,191,36,.42);box-shadow:0 0 22px rgba(251,191,36,.16),inset 0 0 10px rgba(251,191,36,.06)}
.kicker:hover{box-shadow:0 0 30px rgba(251,191,36,.26),inset 0 0 12px rgba(251,191,36,.1)}
.annc-go{color:#fbbf24}
.icon-chip,.icon-chip.lg{color:#fcd34d;background:rgba(251,191,36,.13);border-color:rgba(251,191,36,.3)}
.card .icon-chip,.card-6 .icon-chip{color:#fde68a}
.check li::before{color:#fbbf24}
.plus{color:#fcd34d;background:rgba(251,191,36,.12)}
.tick-pill b{color:#fcd34d;background:rgba(251,191,36,.16);border-color:rgba(251,191,36,.35);box-shadow:0 0 14px rgba(251,191,36,.2)}
.tk-label,.tk-note{color:#d9a648}
.card-6::after{color:#fcd34d;background:rgba(251,191,36,.12);border-color:rgba(251,191,36,.28)}
.q-ava{background:linear-gradient(135deg,#f59e0b 0%,#f97316 100%)}

/* ============ BIGGER LOGOS + GLOWING ORANGE-TO-BLUE BUTTONS (fx37) ============ */
.mkfx{height:64px}
footer.site .mkfx{height:70px}
.logo{font-size:23px}
footer.site .logo{font-size:24px}
.nav{height:88px}

/* primary buttons: orange glow resting, blue glow on hover */
.btn-primary,.btn-blue{background:linear-gradient(115deg,#f59e0b 0%,#f97316 100%);border-color:#fbbf24;color:#fff;box-shadow:0 0 26px rgba(249,115,22,.42),0 6px 18px rgba(249,115,22,.28),inset 0 1px 0 rgba(255,255,255,.18);transition:all .35s ease}
.btn-primary::after{background:linear-gradient(115deg,#f59e0b 0%,#f97316 100%)}
.btn-primary::before{background:conic-gradient(from var(--ga),#f59e0b,#fbbf24,#fb923c,#f97316,#f59e0b)}
.btn-primary:hover,.btn-blue:hover{background:linear-gradient(115deg,#3b82f6 0%,#6366f1 100%);border-color:#60a5fa;box-shadow:0 0 34px rgba(99,102,241,.55),0 8px 24px rgba(59,130,246,.4),inset 0 1px 0 rgba(255,255,255,.18);transform:translateY(-2px)}
.btn-primary:hover::after{background:linear-gradient(115deg,#3b82f6 0%,#6366f1 100%)}
.btn-primary:hover::before{background:conic-gradient(from var(--ga),#3b82f6,#818cf8,#a78bfa,#60a5fa,#3b82f6)}

/* outline buttons: orange tint resting, blue tint on hover */
.btn-line{color:#fcd34d;border:1.5px solid rgba(251,191,36,.5);background:rgba(251,191,36,.07);box-shadow:0 0 18px rgba(251,191,36,.14),inset 0 0 10px rgba(251,191,36,.05);transition:all .35s ease}
.btn-line:hover{color:#bcd0ff;border-color:rgba(139,165,255,.6);background:rgba(139,165,255,.1);box-shadow:0 0 26px rgba(139,165,255,.3),inset 0 0 12px rgba(139,165,255,.08);transform:translateY(-2px)}

/* white-outline buttons on CTA bands: same treatment */
.btn-linew{color:#fcd34d;border:1.5px solid rgba(251,191,36,.55);background:rgba(251,191,36,.08);box-shadow:0 0 18px rgba(251,191,36,.16),inset 0 0 10px rgba(251,191,36,.05);transition:all .35s ease}
.btn-linew:hover{color:#bcd0ff;border-color:rgba(139,165,255,.65);background:rgba(139,165,255,.12);box-shadow:0 0 26px rgba(139,165,255,.32),inset 0 0 12px rgba(139,165,255,.08);transform:translateY(-2px)}

/* smaller pill links: same treatment */
.hands-on-link{background:linear-gradient(115deg,#f59e0b 0%,#f97316 100%);color:#fff;border:1px solid #fbbf24;box-shadow:0 0 20px rgba(249,115,22,.4);transition:all .35s ease}
.hands-on-link:hover{background:linear-gradient(115deg,#3b82f6 0%,#6366f1 100%);border-color:#60a5fa;box-shadow:0 0 28px rgba(99,102,241,.5);transform:translateY(-2px)}

/* nav CTA + back-to-top: glow */
.nav-cta{box-shadow:0 0 20px rgba(249,115,22,.38)}
.nav-cta:hover{box-shadow:0 0 28px rgba(99,102,241,.5)}
#to-top{background:linear-gradient(115deg,#f59e0b 0%,#f97316 100%);box-shadow:0 0 22px rgba(249,115,22,.45);transition:all .35s ease}
#to-top:hover{background:linear-gradient(115deg,#3b82f6 0%,#6366f1 100%);box-shadow:0 0 30px rgba(99,102,241,.55);transform:translateY(-3px)}

/* footer logo: match header size */
footer.site .logo{font-size:26px}
footer.site .mkfx{height:78px}

/* ============ UNIFIED LOGOS + BOLD GLOWING KICKERS (fx39) ============ */
.logo,.mkfx{}
.logo{font-size:26px}
.mkfx{height:72px}
footer.site .logo{font-size:26px}
footer.site .mkfx{height:72px}

/* kicker pills: bolder, animated orange-to-blue glow radiation */
@keyframes kickerGlow{
  0%,100%{border-color:rgba(251,191,36,.55);box-shadow:0 0 24px rgba(251,191,36,.35),0 0 54px rgba(249,115,22,.16),inset 0 0 12px rgba(251,191,36,.08)}
  50%{border-color:rgba(139,165,255,.6);box-shadow:0 0 28px rgba(99,102,241,.42),0 0 62px rgba(59,130,246,.2),inset 0 0 12px rgba(139,165,255,.1)}
}
.kicker{font-weight:900;letter-spacing:.15em;padding:16px 36px;color:#fcd34d;background:rgba(251,191,36,.09);border:1.5px solid rgba(251,191,36,.55);text-shadow:0 0 16px rgba(251,191,36,.4)}
@media (prefers-reduced-motion: no-preference){
  .kicker{animation:kickerGlow 4.5s ease-in-out infinite}
}

/* footer brand: centered, matched to header presentation */
.foot-brand{text-align:center;max-width:560px;margin:0 auto}
.foot-brand .logo{justify-content:center}
.foot-brand p{margin-left:auto;margin-right:auto;max-width:480px}

/* footer: brand on top centered, link columns centered below */
.foot-grid{grid-template-columns:1fr 1fr 1fr;gap:40px 80px}
.foot-brand{grid-column:1 / -1;margin-bottom:24px}
.foot-grid>div:not(.foot-brand){text-align:center}
@media(max-width:900px){.foot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.foot-grid{grid-template-columns:1fr}}

/* footer: single horizontal bar at header level (fx41) */
.foot-grid{display:flex;align-items:center;justify-content:space-between;gap:56px;padding:44px 0}
.foot-brand{grid-column:auto;margin:0;max-width:none;text-align:left;flex:none}
.foot-brand .logo{justify-content:flex-start}
.foot-brand p{display:none}
.foot-grid>div:not(.foot-brand){text-align:left;display:flex;align-items:center;gap:26px;flex:none}
.foot-grid>div:not(.foot-brand) h5{margin-bottom:0;font-size:12.5px;opacity:.75}
.foot-grid>div:not(.foot-brand) a{padding:0;font-size:14px}
@media(max-width:1180px){.foot-grid{flex-wrap:wrap;justify-content:center;gap:32px 56px}}
@media(max-width:900px){.foot-grid{flex-wrap:wrap}}
@media(max-width:560px){.foot-grid{flex-direction:column;gap:28px}}

/* footer bar: compact, all groups fit one line */
.foot-grid>div:not(.foot-brand){gap:18px}
.foot-grid>div:not(.foot-brand) h5{display:none}
.foot-grid>div:not(.foot-brand) a{font-size:13.5px;white-space:nowrap}
.foot-grid{gap:44px}
@media(max-width:1180px){.foot-grid{justify-content:center;gap:24px 40px}}

/* footer bar: fixed three-zone layout */
.foot-grid{flex-wrap:nowrap;gap:40px;padding:40px 0}
.foot-brand{flex:0 0 auto}
.foot-grid>div:nth-child(2){flex:1 1 auto;justify-content:flex-end}
.foot-grid>div:nth-child(3){flex:0 0 auto}
.foot-grid>div:nth-child(4){flex:0 0 auto}
@media(max-width:1180px){.foot-grid{flex-wrap:wrap}}

/* footer: restore classic grid, logo matches header, add location (fx42) */
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:56px;padding:84px 0 64px}
.foot-brand{grid-column:auto;margin:0;max-width:none;text-align:left}
.foot-brand .logo{justify-content:flex-start}
.foot-brand p{display:block;font-size:14px;line-height:1.8;margin:18px auto 0 0;max-width:320px;color:#a3aed4}
.foot-brand .loc{margin-top:10px;font-size:13.5px;color:#8fa2d8}
.foot-grid>div:not(.foot-brand){text-align:left;display:block}
.foot-grid>div:not(.foot-brand) h5{display:block;margin-bottom:22px;opacity:1;font-size:14px}
.foot-grid>div:not(.foot-brand) a{display:block;padding:6px 0;font-size:14.5px;white-space:normal}
@media(max-width:900px){.foot-grid{grid-template-columns:1fr 1fr;gap:44px}}
@media(max-width:560px){.foot-grid{grid-template-columns:1fr;gap:40px;padding:64px 0 48px}}

/* ============ DEMO CONSOLE: readable amber/gold text (fx46) ============ */
#demo-console h1,#demo-console h2,#demo-console h3,#demo-console h4,#demo-console h5{color:#92400e}
#demo-console .fd:not([style*="color"]){color:#92400e}
#demo-console [style*="color:var(--muted)"]{color:#b45309 !important}
#demo-console [style*="color:#33415c"]{color:#92400e !important}
#demo-console [style*="color:#0f1e4d"]{color:#92400e !important}
#demo-console .dt th{color:#b45309 !important}
#demo-console .dt td{color:#4a5578 !important}
#demo-console .dt td [style*="color:var(--muted)"]{color:#b45309 !important}
#demo-console .small,#demo-console small{color:#b45309}
#demo-console [style*="color:var(--ok)"]{color:#047857 !important}

/* demo console: force readable amber/gold on light surfaces, override orange-on-navy rules */
#demo-console .btn-line{color:#92400e !important;border:1.5px solid rgba(180,83,9,.55) !important;background:rgba(251,191,36,.08) !important;box-shadow:none !important}
#demo-console .btn-line:hover{color:#fff !important;background:#d97706 !important;border-color:#d97706 !important;transform:translateY(-2px) !important}
#demo-console .dtab{color:#b45309 !important}
#demo-console .dtab:hover{color:#92400e !important;background:rgba(251,191,36,.14) !important}
#demo-console .dtab.active{color:#92400e !important;background:rgba(251,191,36,.2) !important;box-shadow:inset 0 0 0 1.5px rgba(217,119,6,.4) !important}
#demo-console .dchip{color:#b45309 !important;border-color:rgba(180,83,9,.4) !important;background:#fff !important}
#demo-console .dchip:hover{color:#92400e !important}
#demo-console .dchip.active{color:#92400e !important;background:rgba(251,191,36,.2) !important;border-color:rgba(217,119,6,.5) !important}
#demo-console .badge.b-blue,#demo-console .badge.b-low{color:#92400e !important;background:rgba(251,191,36,.16) !important;border-color:rgba(217,119,6,.4) !important}
#demo-console .fd{color:#92400e}
#demo-console .rem span,#demo-console .rem div{color:inherit}
#demo-console .rem [style*="color:var(--muted)"]{color:#b45309 !important}
#demo-console .btn-blue{background:linear-gradient(115deg,#f59e0b 0%,#f97316 100%) !important;color:#fff !important;border-color:#fbbf24 !important;box-shadow:0 0 22px rgba(249,115,22,.35) !important}
#demo-console .btn-blue:hover{background:linear-gradient(115deg,#3b82f6 0%,#6366f1 100%) !important;border-color:#60a5fa !important;color:#fff !important}
#demo-console [style*="color:var(--blue)"]{color:#d97706 !important}
#demo-console .inp{color:#1a2340 !important;background:#f4f7fd !important;border-color:#e3e9f6 !important}
#demo-console .inp::placeholder{color:#8d99b8 !important}

/* quiz options: readable on navy, amber selection accent */
.qopt{color:#eef1fb !important;background:rgba(21,30,66,.6) !important;border-color:rgba(148,163,224,.3) !important}
.qopt:hover{border-color:rgba(251,191,36,.5) !important;background:rgba(21,30,66,.85) !important}
.qopt.sel{border-color:#fbbf24 !important;background:rgba(251,191,36,.12) !important;color:#fef3c7 !important}
.qopt .qradio{border-color:#8fa2d8 !important}
.qopt.sel .qradio{border-color:#fbbf24 !important}
.qopt.sel .qradio::after{background:#fbbf24 !important}

/* demo console: catch-all force amber text on every remaining element */
#demo-console,#demo-console *{color:#b45309}
#demo-console h1,#demo-console h2,#demo-console h3,#demo-console h4,#demo-console h5,#demo-console .fd,#demo-console b,#demo-console strong{color:#92400e}
#demo-console .dtab.active,#demo-console .dchip.active{color:#78350f}
/* preserve severity meaning */
#demo-console .badge.b-crit,#demo-console [style*="color:#e11d48"],#demo-console [style*="color: #e11d48"]{color:#e11d48 !important}
#demo-console .badge.b-high,#demo-console [style*="color:#ea580c"],#demo-console [style*="color: #ea580c"]{color:#ea580c !important}
#demo-console .badge.b-ok,#demo-console [style*="color:var(--ok)"],#demo-console [style*="color:#0f766e"],#demo-console [style*="color: #0f766e"]{color:#0f766e !important}
/* white text on colored buttons stays white */
#demo-console .btn-blue,#demo-console .btn-blue *,#demo-console .btn-primary,#demo-console .btn-primary *{color:#fff !important}
#demo-console .btn-line:hover,#demo-console .btn-line:hover *{color:#fff !important}