/* ============================================================
   RateAI Corporation — Master Stylesheet
   System: Option C Hybrid (dark hero / light body)
   Palette: Navy #0A1628 · Electric Blue #1A5FD4 · Glow #3D7FF5
            Gold #C9A24B · Off-white #FAFAF8
   Type:    Archivo (display) · Lato (body) · IBM Plex Mono (data)
   ============================================================ */

:root{
  --navy:#0A1628;
  --dark:#060B16;
  --panel:#0D1830;
  --blue:#1A5FD4;
  --glow:#3D7FF5;
  --gold:#C9A24B;
  --off:#FAFAF8;
  --ink:#0A1628;
  --mut:#5A6678;
  --line-l:rgba(10,22,40,.12);
  --line-d:rgba(61,127,245,.16);
  --disp:'Archivo',Arial,Helvetica,sans-serif;
  --body:'Lato','Helvetica Neue',Helvetica,Arial,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,'SF Mono',Menlo,monospace;
  --r-card:16px;
  --r-pill:999px;
  --wrap:1220px;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--body);font-weight:300;color:var(--ink);background:var(--off);line-height:1.6;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:var(--blue)}
strong,b{font-weight:700}
::selection{background:var(--blue);color:#fff}

.wrap{max-width:var(--wrap);margin:0 auto;padding:0 32px}

/* ---------- reveal on scroll ---------- */
.rv{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.rv.in{opacity:1;transform:none}
.rv-l{opacity:0;transform:translateX(-40px);transition:opacity .75s ease,transform .75s ease}
.rv-r{opacity:0;transform:translateX(40px);transition:opacity .75s ease,transform .75s ease}
.rv-s{opacity:0;transform:scale(.94);transition:opacity .75s ease,transform .75s ease}
.rv-l.in,.rv-r.in,.rv-s.in{opacity:1;transform:none}
.rv .rule i,.rv-l .rule i,.rv-r .rule i{width:0;transition:width .9s ease .25s}
.in .rule i{width:64px}
.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:200;pointer-events:none}
.scroll-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--glow),#000)}
.bg-ghost::before{transform:translateX(-50%) translateY(var(--plx,0px))}
@media (prefers-reduced-motion:reduce){
  .rv,.rv-l,.rv-r,.rv-s{opacity:1;transform:none;transition:none}
  .rule i{width:64px!important;transition:none}
  *{animation:none!important}
}

/* ============================================================
   HEADER
   ============================================================ */
.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(6,11,22,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line-d);transition:background .3s}
.site-header .hwrap{max-width:var(--wrap);margin:0 auto;padding:0 32px;height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;text-decoration:none}
.brand img{height:36px}
.main-nav{display:flex;align-items:center;gap:32px}
.main-nav a{font-family:var(--disp);font-size:12.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:rgba(232,237,246,.78);text-decoration:none;padding:6px 0;position:relative;transition:color .2s}
.main-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--glow);transition:right .25s ease}
.main-nav a:hover,.main-nav a:focus-visible{color:#fff}
.main-nav a:hover::after,.main-nav a.active::after{right:0}
.main-nav a.active{color:#fff}
.header-cta{font-family:var(--disp);font-size:12.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--dark);background:var(--glow);padding:13px 26px;border-radius:var(--r-pill);text-decoration:none;box-shadow:0 0 22px rgba(61,127,245,.35);transition:background .2s,box-shadow .2s;white-space:nowrap}
.header-cta:hover{background:#fff;box-shadow:0 0 30px rgba(61,127,245,.55)}
a:focus-visible,button:focus-visible{outline:2px solid var(--glow);outline-offset:3px}

/* mobile nav */
.nav-toggle{display:none;background:none;border:0;cursor:pointer;padding:10px}
.nav-toggle span{display:block;width:24px;height:2px;background:#fff;margin:5px 0;transition:transform .25s,opacity .25s}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ============================================================
   HOME HERO — futuristic
   ============================================================ */
.hero{position:relative;background:linear-gradient(170deg,var(--navy) 0%,var(--dark) 100%);color:#fff;overflow:hidden;padding:190px 0 130px}
.hero::before{content:"";position:absolute;inset:0;background:
  linear-gradient(rgba(61,127,245,.05) 1px,transparent 1px),
  linear-gradient(90deg,rgba(61,127,245,.05) 1px,transparent 1px);
  background-size:60px 60px;pointer-events:none}
#net{position:absolute;inset:0;width:100%;height:100%;opacity:.75}
.hero .wrap{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:24px}
.eyebrow.blue{color:var(--glow)}
.hero h1{font-family:var(--disp);font-weight:800;font-size:clamp(38px,4.7vw,68px);line-height:1.04;letter-spacing:-.012em;text-transform:uppercase}
.hero h1 .nowrap{white-space:nowrap}
.hero h1 .glow{color:var(--glow);text-shadow:0 0 36px rgba(61,127,245,.55)}
.hero .lede{margin-top:28px;font-size:18.5px;line-height:1.65;color:rgba(232,237,246,.74);max-width:32em}
.ticker{margin-top:32px;font-family:var(--mono);font-size:13px;letter-spacing:.06em;color:var(--gold);min-height:20px}
.ticker .caret{display:inline-block;width:8px;height:15px;background:var(--gold);margin-left:3px;vertical-align:-2px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.hero-actions{display:flex;gap:16px;margin-top:38px;flex-wrap:wrap}

/* buttons — pill family */
.btn{display:inline-block;font-family:var(--disp);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:17px 34px;border-radius:var(--r-pill);text-decoration:none;border:0;cursor:pointer;transition:all .2s}
.btn-glow{background:var(--glow);color:var(--dark);box-shadow:0 0 28px rgba(61,127,245,.35)}
.btn-glow:hover{background:#fff;box-shadow:0 0 38px rgba(61,127,245,.6)}
.btn-ghost-d{color:#fff;border:1px solid rgba(232,237,246,.32)}
.btn-ghost-d:hover{border-color:var(--glow);color:var(--glow)}
.btn-navy{background:var(--navy);color:#fff}
.btn-navy:hover{background:var(--blue)}
.btn-blue{background:var(--blue);color:#fff}
.btn-blue:hover{background:var(--navy)}
.btn-ghost-l{color:var(--ink);border:1px solid var(--ink)}
.btn-ghost-l:hover{border-color:var(--blue);color:var(--blue)}

/* A.E.G.I.S. readout card */
.readout{position:relative;background:linear-gradient(160deg,#0D1830,#080F1F);border:1px solid var(--line-d);border-radius:var(--r-card);padding:34px 34px 28px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.readout::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--glow),transparent);animation:scan 7s ease-in-out infinite}
@keyframes scan{0%,100%{top:0;opacity:.9}50%{top:calc(100% - 2px);opacity:.45}}
.readout .rhead{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:24px}
.readout .rhead span{font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:rgba(232,237,246,.5)}
.readout .grade{font-family:var(--disp);font-weight:800;color:var(--glow);line-height:1.05;display:flex;align-items:baseline;gap:10px;flex-wrap:nowrap;white-space:nowrap}
.readout .grade-sub{font-family:var(--mono);font-weight:400;font-size:11px;letter-spacing:.2em;color:var(--gold);margin-top:16px}
.readout .grade .glabel{font-family:var(--disp);font-weight:800;font-size:clamp(26px,3.4vw,42px);letter-spacing:.01em;color:var(--glow);text-shadow:0 0 30px rgba(61,127,245,.5);white-space:nowrap}
.readout .grade .gval{margin-left:auto;font-size:clamp(26px,3.4vw,42px);text-shadow:0 0 30px rgba(61,127,245,.5)}

.readout .grade .lbl-full{display:inline}
.readout .grade .lbl-short{display:none}
.readout .grade small{font-family:var(--mono);font-weight:400;font-size:11px;letter-spacing:.2em;color:var(--gold);display:block;margin-top:7px}
.readout .prow{display:flex;align-items:center;gap:14px;margin-top:13px}
.readout .prow label{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:rgba(232,237,246,.65);width:148px;flex:none}
.readout .track{flex:1;height:4px;background:rgba(232,237,246,.1);border-radius:2px;overflow:hidden}
.readout .fill{height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--glow));border-radius:2px;transition:width 1.2s cubic-bezier(.2,.7,.2,1)}
.readout .val{font-family:var(--mono);font-size:11px;color:var(--glow);width:32px;text-align:right}
.readout .rfoot{margin-top:24px;padding-top:16px;border-top:1px solid var(--line-d);font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}

/* ============================================================
   HOW-IT-WORKS FLOW (dark)
   ============================================================ */
.glance{font-family:var(--mono);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:34px}
.flow-sec{position:relative;background-color:var(--off);background-image:radial-gradient(rgba(26,95,212,.10) 1.2px,transparent 1.2px);background-size:26px 26px;animation:panDots 70s linear infinite;padding:96px 0;overflow:hidden;border-bottom:1px solid var(--line-l)}
.flow-sec .wrap{position:relative;z-index:2}
.flow{display:grid;grid-template-columns:1fr 64px 1fr 64px 1fr;align-items:stretch}
.fstep{position:relative;background:linear-gradient(160deg,var(--navy),var(--dark));border:1px solid rgba(26,95,212,.25);border-radius:var(--r-card);padding:34px 30px;box-shadow:0 22px 50px rgba(10,22,40,.18);transition:transform .25s,border-color .25s,box-shadow .25s}
.fstep:hover{transform:translateY(-6px);border-color:rgba(61,127,245,.6);box-shadow:0 30px 64px rgba(10,22,40,.28)}
.fstep .fnum{font-family:var(--mono);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.fstep h4{font-family:var(--disp);font-size:20px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:#fff}
.fstep h4 span{color:var(--glow);text-shadow:0 0 18px rgba(61,127,245,.5)}
.fstep p{margin-top:12px;font-size:14.5px;line-height:1.62;color:rgba(232,237,246,.68)}
.fconn{position:relative;align-self:center;height:2px;background:rgba(26,95,212,.3)}
.fconn::after{content:"";position:absolute;right:0;top:50%;width:8px;height:8px;border-top:2px solid rgba(26,95,212,.65);border-right:2px solid rgba(26,95,212,.65);transform:translateY(-50%) rotate(45deg)}
.fconn i{position:absolute;top:50%;left:0;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:var(--glow);box-shadow:0 0 12px rgba(61,127,245,.95);animation:travel 2.8s linear infinite}
@keyframes travel{0%{left:-4px;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:calc(100% - 6px);opacity:0}}

/* ============================================================
   SECTIONS — light body
   ============================================================ */
.sec{padding:96px 0}
.sec.tight{padding:72px 0}
.sec-head{max-width:760px;margin-bottom:56px}
.sec-head.center{margin-left:auto;margin-right:auto;text-align:center}
.sec-head.wide{max-width:100%}
.one-line{white-space:nowrap}
@media(max-width:900px){.one-line{white-space:normal}}
.kicker{font-family:var(--mono);font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--blue);margin-bottom:18px}
h2.title{font-family:var(--disp);font-weight:800;font-size:clamp(30px,3.6vw,46px);line-height:1.06;letter-spacing:-.01em;text-transform:uppercase;color:var(--ink)}
h2.title .au{color:var(--gold)}
h2.title .ab{color:var(--blue)}
.sec-head .sub{margin-top:20px;font-size:17.5px;color:var(--mut);line-height:1.65}
.rule{display:flex;align-items:center;gap:10px;margin:26px 0 0}
.rule i{display:block;height:3px;background:var(--blue);width:64px;border-radius:2px}
.rule em{display:block;height:1px;background:var(--line-l);flex:1}

/* ---------- decorative section backgrounds ---------- */
.sec{position:relative;overflow:hidden}
.sec > .wrap{position:relative;z-index:2}
.band-dark .wrap{z-index:2}

/* drifting glow orbs (light sections) */
.bg-orbs::before,.bg-orbs::after{content:"";position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;z-index:0}
.bg-orbs::before{width:540px;height:540px;background:radial-gradient(circle,rgba(26,95,212,.17),transparent 65%);top:-160px;right:-140px;animation:drift 16s ease-in-out infinite alternate}
.bg-orbs::after{width:440px;height:440px;background:radial-gradient(circle,rgba(201,162,75,.13),transparent 65%);bottom:-160px;left:-120px;animation:drift 21s ease-in-out infinite alternate-reverse}
@keyframes drift{from{transform:translate(0,0) scale(1)}to{transform:translate(70px,44px) scale(1.14)}}

/* slow-panning dot matrix */
.bg-dots{background-color:#fff;background-image:radial-gradient(rgba(26,95,212,.11) 1.2px,transparent 1.2px);background-size:26px 26px;animation:panDots 70s linear infinite}
@keyframes panDots{to{background-position:520px 260px}}

/* blueprint grid + scanning beam */
.bg-blueprint{background-color:var(--off);background-image:
  linear-gradient(rgba(26,95,212,.075) 1px,transparent 1px),
  linear-gradient(90deg,rgba(26,95,212,.075) 1px,transparent 1px);
  background-size:56px 56px}
.beam{position:absolute;top:0;bottom:0;left:-280px;width:240px;background:linear-gradient(90deg,transparent,rgba(61,127,245,.12),transparent);z-index:0;pointer-events:none;animation:beam 9s ease-in-out infinite}
@keyframes beam{0%{left:-280px}60%{left:105%}100%{left:105%}}

/* giant ghost watermark */
.bg-ghost::before{content:attr(data-ghost);position:absolute;top:26px;left:50%;transform:translateX(-50%);font-family:var(--disp);font-weight:800;font-size:clamp(110px,17vw,250px);line-height:1;color:rgba(10,22,40,.04);letter-spacing:.02em;white-space:nowrap;z-index:0;pointer-events:none;user-select:none}

/* diagonal hatch wash */
.bg-diag{background:linear-gradient(135deg,#fff 0%,#EFF4FC 100%)}
.bg-diag::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(26,95,212,.05) 0 1px,transparent 1px 20px);z-index:0;pointer-events:none}

/* radar rings (dark bands) */
.rings{position:absolute;top:50%;left:16%;width:0;height:0;z-index:0;pointer-events:none}
.rings i{position:absolute;top:0;left:0;width:600px;height:600px;margin:-300px 0 0 -300px;border:1px solid rgba(61,127,245,.28);border-radius:50%;animation:ring 7s linear infinite;opacity:0}
.rings i:nth-child(2){animation-delay:2.3s}
.rings i:nth-child(3){animation-delay:4.6s}
@keyframes ring{0%{transform:scale(.03);opacity:.85}100%{transform:scale(1);opacity:0}}

/* pulsing glow (CTA) */
.pulse{position:absolute;top:50%;left:50%;width:680px;height:680px;margin:-340px 0 0 -340px;border-radius:50%;background:radial-gradient(circle,rgba(61,127,245,.22),transparent 62%);z-index:0;pointer-events:none;animation:pulse 5.5s ease-in-out infinite}
@keyframes pulse{0%,100%{transform:scale(.88);opacity:.65}50%{transform:scale(1.1);opacity:1}}

/* two-column about block */
.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.split h3{font-family:var(--disp);font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:14px}
.split h3 span{color:var(--blue)}
.split p{color:var(--mut);font-size:16.5px}
.split p + p{margin-top:16px}

/* card grid */
.grid{display:grid;gap:26px}
.grid.c4{grid-template-columns:repeat(4,1fr)}
.grid.c3{grid-template-columns:repeat(3,1fr)}
.grid.c2{grid-template-columns:repeat(2,1fr)}
.card{background:#fff;border:1px solid var(--line-l);border-radius:var(--r-card);padding:34px 30px;transition:transform .25s,box-shadow .25s,border-color .25s}
.card:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(10,22,40,.12);border-color:rgba(26,95,212,.35)}
.card .ic{width:46px;height:46px;border-radius:12px;background:rgba(26,95,212,.08);display:flex;align-items:center;justify-content:center;margin-bottom:22px}
.card .ic svg{width:22px;height:22px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.card h4{font-family:var(--disp);font-size:17px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;margin-bottom:12px}
.card p{font-size:14.5px;color:var(--mut);line-height:1.6}
.card .mono-tag{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;color:var(--gold);text-transform:uppercase;margin-bottom:12px}

/* headed cards */
.card.hd{padding:0;overflow:hidden;display:flex;flex-direction:column}
.chead{position:relative;background:linear-gradient(150deg,var(--navy),var(--panel));padding:24px 28px;display:flex;align-items:center;justify-content:space-between;min-height:86px}
.chead::before{content:"";position:absolute;inset:0;background:
  linear-gradient(rgba(61,127,245,.07) 1px,transparent 1px),
  linear-gradient(90deg,rgba(61,127,245,.07) 1px,transparent 1px);
  background-size:26px 26px;pointer-events:none}
.chead.photo{min-height:160px}
.chead-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter .45s ease}
.card.hd:hover .chead-img{filter:grayscale(0)}
.chead.photo::before{display:none}
.chead.photo::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(10,22,40,.66),rgba(10,22,40,.30))}
.chead .num{position:relative;z-index:2;font-family:var(--mono);font-size:11px;letter-spacing:.24em;color:var(--gold)}
.chead svg{position:relative;z-index:2;width:32px;height:32px;stroke:var(--glow);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 10px rgba(61,127,245,.5))}
.cbody{padding:26px 28px 30px;flex:1}
.card.hd h4{font-family:var(--disp);font-size:17px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;margin-bottom:12px}
.card.hd p{font-size:14.5px;color:var(--mut);line-height:1.6}

/* what's-live dark cards */
.card.dk{background:linear-gradient(160deg,rgba(13,24,48,.9),rgba(8,15,31,.9));border:1px solid var(--line-d)}
.card.dk:hover{border-color:rgba(61,127,245,.5);box-shadow:0 24px 54px rgba(0,0,0,.4)}
.card.dk h4{color:#fff}
.card.dk p{color:rgba(232,237,246,.62)}
.tagpill{display:inline-block;font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--tc,var(--glow));border:1px solid var(--tc,var(--glow));border-radius:var(--r-pill);padding:5px 13px;margin-bottom:18px;background:color-mix(in srgb,var(--tc,var(--glow)) 12%,transparent)}

/* AEGIS initial-letter emphasis */
.aegis-line .ai{white-space:nowrap}
.aegis-line .ai b{display:inline-block;font-family:var(--disp);font-weight:800;color:#8A94A6;font-size:1.18em;line-height:1;letter-spacing:.01em}

.tier .go.soon{color:var(--mut);cursor:default;opacity:.75}

/* job detail page */
.job-statbar{display:flex;flex-wrap:wrap;align-items:stretch;border:1px solid var(--line-l);border-radius:var(--r-card);background:#fff;margin-bottom:40px;overflow:hidden}
.job-statbar .stat{flex:1 1 auto;min-width:130px;padding:18px 24px;border-right:1px solid var(--line-l)}
.job-statbar .stat:last-child{border-right:0}
.job-statbar .mk{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--mut);margin-bottom:6px}
.job-statbar .mv{font-family:var(--disp);font-size:15px;color:var(--ink);font-weight:700;line-height:1.3}
@media(max-width:640px){.job-statbar .stat{flex-basis:50%;border-bottom:1px solid var(--line-l)}}
.job-meta-line{margin-top:16px;font-family:var(--mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.job-detail{max-width:760px;margin:0 auto}
.job-body{margin-top:8px}
.job-body h2{font-family:var(--body);font-size:16.5px;font-weight:400;line-height:1.72;color:var(--mut);margin:0 0 16px}
.job-body p{font-size:16.5px;line-height:1.72;color:var(--mut);margin-bottom:16px}
.job-body ul{margin:0 0 18px;padding-left:22px}
.job-body li{font-size:16px;line-height:1.7;color:var(--mut);margin-bottom:9px}
.job-body em{color:var(--mut)}
.job-apply{display:flex;gap:14px;flex-wrap:wrap;border-top:1px solid var(--line-l);margin-top:40px;padding-top:34px}

/* pillar strip */
.pillar-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--line-l);border:1px solid var(--line-l);border-radius:var(--r-card);overflow:hidden}
.pillar{position:relative;background:#fff;padding:30px 18px 26px;transition:background .25s}
.pillar::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--pc,var(--blue))}
.pillar:hover{background:color-mix(in srgb,var(--pc,var(--blue)) 6%,#fff)}
.pillar .pl{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:var(--pc,var(--blue));color:#fff;font-family:var(--disp);font-weight:800;font-size:15px;margin-bottom:14px}
.pillar small{display:block;font-family:var(--mono);font-size:10px;color:var(--pc,var(--blue));letter-spacing:.18em;margin-bottom:8px}
.pillar span.pn{font-family:var(--disp);font-size:15.6px;font-weight:600;letter-spacing:.03em;line-height:1.35;display:block}
.p1{--pc:#1A5FD4}
.p2{--pc:#7A4FD4}
.p3{--pc:#0E93A0}
.p4{--pc:#C9A24B}
.p5{--pc:#2E8F5B}
.p6{--pc:#C4553D}
.p7{--pc:#3D7FF5}
/* pillar cards (platform page) */
.card.pill-card{position:relative;overflow:hidden}
.card.pill-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--pc,var(--blue))}
.card.pill-card .plchip{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:var(--pc,var(--blue));color:#fff;font-family:var(--disp);font-weight:800;font-size:16px;margin-bottom:16px}
.card.pill-card .mono-tag{color:var(--pc,var(--blue))}
.card.pill-card:hover{border-color:var(--pc,var(--blue))}
.card.pill-card.p7{grid-column:2}
@media(max-width:820px){.card.pill-card.p7{grid-column:auto}}

/* scorecard showcase + age badge strip */
.score-show{display:grid;grid-template-columns:.95fr 1.05fr;gap:64px;align-items:center;margin-bottom:72px}
.score-frame{background:#fff;border:1px solid var(--line-l);border-radius:20px;padding:20px;box-shadow:0 30px 70px rgba(10,22,40,.14);transition:transform .3s,box-shadow .3s;max-width:353px;margin:0 auto}
.score-frame:hover{transform:translateY(-8px) rotate(-.4deg);box-shadow:0 42px 92px rgba(10,22,40,.2)}
.score-frame img{width:100%;border-radius:10px}
.score-h{font-family:var(--disp);font-size:22px;font-weight:800;text-transform:uppercase;letter-spacing:.02em;margin-bottom:18px}
.score-h span{color:var(--blue)}
.score-p{font-size:16px;color:var(--mut);line-height:1.7}
.score-p + .score-p{margin-top:16px}
.age-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;max-width:1120px;margin:0 auto}
.agb{width:344px;background:#fff;border:1px solid var(--line-l);border-radius:16px;padding:16px 18px;transition:transform .25s,box-shadow .25s,border-color .25s}
.agb:hover{transform:translateY(-6px);box-shadow:0 18px 44px rgba(10,22,40,.15);border-color:rgba(26,95,212,.45)}
.agb img{width:100%;border-radius:8px}

/* ============================================================
   DEVELOPERS / API + DASHBOARD
   ============================================================ */
.api-list{display:grid;grid-template-columns:1fr 1fr;gap:0 56px;margin-top:8px}
.api-list .row{display:flex;gap:16px;align-items:flex-start;padding:15px 0;border-bottom:1px solid var(--line-l)}
.api-list .row .ar{flex:none;color:var(--blue);font-family:var(--mono);font-size:14px;line-height:1.5}
.api-list .row p{font-size:14.5px;color:var(--ink)}
.api-list .row p b{font-weight:700}
.code-card{margin-top:44px;background:linear-gradient(160deg,#0D1830,#080F1F);border:1px solid var(--line-d);border-radius:16px;overflow:hidden;box-shadow:0 30px 70px rgba(10,22,40,.4)}
.code-card .cbar{display:flex;align-items:center;gap:8px;padding:14px 20px;border-bottom:1px solid var(--line-d);background:rgba(0,0,0,.2)}
.code-card .cbar i{width:11px;height:11px;border-radius:50%;display:block}
.code-card .cbar i:nth-child(1){background:#FF5F57}.code-card .cbar i:nth-child(2){background:#FEBC2E}.code-card .cbar i:nth-child(3){background:#28C840}
.code-card .cbar span{margin-left:12px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:rgba(232,237,246,.5)}
.code-card pre{margin:0;padding:26px 28px;overflow-x:auto;font-family:var(--mono);font-size:13px;line-height:1.85;color:#E8EDF6}
.code-card .cm{color:#5A6b85}.code-card .kw{color:#3D7FF5}.code-card .st{color:#3FB950}.code-card .fn{color:#C9A24B}

/* dashboard mock */
.dash{background:linear-gradient(160deg,#0D1830,#080F1F);border:1px solid var(--line-d);border-radius:16px;overflow:hidden;box-shadow:0 40px 90px rgba(10,22,40,.45);display:grid;grid-template-columns:220px 1fr}
.dash .dbar{grid-column:1 / -1;display:flex;align-items:center;gap:8px;padding:14px 20px;border-bottom:1px solid var(--line-d);background:rgba(0,0,0,.25)}
.dash .dbar i{width:11px;height:11px;border-radius:50%;display:block}
.dash .dbar i:nth-child(1){background:#FF5F57}.dash .dbar i:nth-child(2){background:#FEBC2E}.dash .dbar i:nth-child(3){background:#28C840}
.dash .dbar span{margin-left:12px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:rgba(232,237,246,.5)}
.dash .side{border-right:1px solid var(--line-d);padding:22px 0}
.dash .side .grp{font-family:var(--mono);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:rgba(232,237,246,.35);padding:16px 24px 8px}
.dash .side a{display:block;padding:9px 24px;font-family:var(--disp);font-size:12.5px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:rgba(232,237,246,.62);text-decoration:none;border-left:2px solid transparent}
.dash .side a.on{color:#fff;border-left-color:var(--glow);background:rgba(61,127,245,.08)}
.dash .main{padding:26px}
.dstats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}
.dstat{background:rgba(13,24,48,.6);border:1px solid var(--line-d);border-radius:12px;padding:18px 20px}
.dstat .v{font-family:var(--disp);font-weight:800;font-size:28px;color:#fff;line-height:1}
.dstat.g .v{color:#2E8F5B}
.dstat .k{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(232,237,246,.5);margin-top:10px}
.dpanels{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.dpanel{background:rgba(13,24,48,.6);border:1px solid var(--line-d);border-radius:12px;padding:20px}
.dpanel h5{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:rgba(232,237,246,.55);margin-bottom:18px}
.dbar-row{display:flex;align-items:center;gap:12px;margin:11px 0}
.dbar-row .l{font-family:var(--mono);font-size:11px;color:rgba(232,237,246,.6);width:14px}
.dbar-row .track{flex:1;height:6px;background:rgba(232,237,246,.08);border-radius:3px;overflow:hidden}
.dbar-row .track i{display:block;height:100%;border-radius:3px}
.dbar-row .v{font-family:var(--mono);font-size:11px;color:#fff;width:26px;text-align:right}
.dlat{display:flex;align-items:flex-end;justify-content:space-around;height:130px;gap:8px;padding-top:8px}
.dlat .col{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}
.dlat .col i{width:100%;max-width:40px;border-radius:4px 4px 0 0}
.dlat .col span{font-family:var(--mono);font-size:10px;color:rgba(232,237,246,.5)}

/* certification seal strip */
.seal-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:38px}
.seal{text-align:center}
.seal img{width:152px;height:auto;filter:drop-shadow(0 14px 26px rgba(10,22,40,.2));transition:transform .3s}
.seal:hover img{transform:translateY(-8px) scale(1.07)}
.seal span{display:block;margin-top:14px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}

/* dark band (founder / statement) */
.band-dark{position:relative;background:linear-gradient(160deg,var(--navy),var(--dark));color:#fff;overflow:hidden}
.band-dark::before{content:"";position:absolute;inset:0;background:
  linear-gradient(rgba(61,127,245,.045) 1px,transparent 1px),
  linear-gradient(90deg,rgba(61,127,245,.045) 1px,transparent 1px);
  background-size:60px 60px;pointer-events:none}
.band-dark .wrap{position:relative}
.band-dark h2.title{color:#fff}
.band-dark .sub{color:rgba(232,237,246,.7)}
.quote{max-width:900px}
.quote blockquote{font-family:var(--disp);font-weight:500;font-size:clamp(22px,2.6vw,32px);line-height:1.35;letter-spacing:-.005em}
.quote blockquote span{color:var(--glow)}
.quote figcaption{margin-top:28px;font-family:var(--mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}

/* tier cards (home services) */
.tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.tier{background:#fff;border:1px solid var(--line-l);border-radius:var(--r-card);padding:32px 28px;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
.tier:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(10,22,40,.12)}
.tier .tn{font-family:var(--mono);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--blue);margin-bottom:14px}
.tier h4{font-family:var(--disp);font-size:21px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}
.tier .pr{font-family:var(--disp);font-size:14px;font-weight:600;color:var(--mut);margin-top:8px}
.tier .hook{font-style:italic;font-weight:400;color:var(--ink);margin-top:16px;font-size:15px}
.tier p.d{font-size:14px;color:var(--mut);margin-top:10px;flex:1}
.tier .go{margin-top:22px;font-family:var(--disp);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);text-decoration:none}
.tier .go:hover{color:var(--navy)}
.tier.feat{background:var(--navy);color:#fff;border-color:var(--navy)}
.tier.feat .tn{color:var(--gold)}
.tier.feat .pr{color:rgba(255,255,255,.65)}
.tier.feat .hook{color:#fff}
.tier.feat p.d{color:rgba(255,255,255,.6)}
.tier.feat .go{color:var(--glow)}

/* industries */
.inds{display:flex;flex-wrap:wrap;gap:14px}
.ind{font-family:var(--disp);font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:14px 26px;border:1px solid var(--line-l);border-radius:var(--r-pill);background:#fff;color:var(--ink);transition:all .2s}
.ind:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-3px)}

/* CTA band */
.cta-band{text-align:center;padding:110px 0}
.cta-band h2{font-family:var(--disp);font-weight:800;font-size:clamp(32px,4.4vw,58px);text-transform:uppercase;line-height:1.05;color:#fff}
.cta-band h2 span{color:var(--glow);text-shadow:0 0 34px rgba(61,127,245,.5)}
.cta-band p{margin:24px auto 0;max-width:38em;color:rgba(232,237,246,.72);font-size:17px}
.cta-band p.cta-oneline{max-width:none;white-space:nowrap}
@media(max-width:820px){.cta-band p.cta-oneline{white-space:normal;max-width:38em;font-size:15.5px}}
.cta-band .hero-actions{justify-content:center}

/* ============================================================
   INTERIOR PAGE HERO
   ============================================================ */
.page-hero{position:relative;background:linear-gradient(165deg,var(--navy),var(--dark));color:#fff;padding:180px 0 84px;overflow:hidden}
.page-hero::before{content:"";position:absolute;inset:0;background:
  linear-gradient(rgba(61,127,245,.05) 1px,transparent 1px),
  linear-gradient(90deg,rgba(61,127,245,.05) 1px,transparent 1px);
  background-size:60px 60px;pointer-events:none}
.page-hero .wrap{position:relative}
.page-hero h1{font-family:var(--disp);font-weight:800;font-size:clamp(36px,4.8vw,64px);line-height:1.02;letter-spacing:-.012em;text-transform:uppercase}
.page-hero h1 span{color:var(--glow);text-shadow:0 0 30px rgba(61,127,245,.45)}
.page-hero .lede{margin-top:22px;font-size:18px;color:rgba(232,237,246,.72);max-width:38em;line-height:1.65}
.page-hero .ghost{position:absolute;top:-30px;right:0;font-family:var(--disp);font-weight:800;font-size:clamp(120px,15vw,210px);line-height:1;color:rgba(232,237,246,.045);letter-spacing:-.02em;user-select:none;pointer-events:none}
.page-hero .ghost.ghost-faq{font-size:clamp(90px,12vw,180px)}

/* ============================================================
   PRICING
   ============================================================ */
.toggle-row{display:flex;justify-content:center;margin:0 0 54px}
.pill-toggle{position:relative;display:inline-flex;background:#fff;border:1px solid var(--line-l);border-radius:var(--r-pill);padding:6px;box-shadow:0 10px 30px rgba(10,22,40,.08)}
.pill-toggle button{position:relative;z-index:2;font-family:var(--disp);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:13px 34px;border:0;background:none;border-radius:var(--r-pill);cursor:pointer;color:var(--mut);transition:color .25s}
.pill-toggle button.on{color:#fff}
.pill-toggle .slide{position:absolute;top:6px;bottom:6px;left:6px;width:calc(50% - 6px);background:var(--navy);border-radius:var(--r-pill);transition:transform .3s cubic-bezier(.2,.7,.2,1);z-index:1}
.pill-toggle.annual .slide{transform:translateX(100%)}
.pill-toggle .save{position:absolute;top:-14px;right:-18px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;background:var(--gold);color:var(--navy);padding:4px 12px;border-radius:var(--r-pill);font-weight:500}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:stretch}
.pcard{background:#fff;border:1px solid var(--line-l);border-radius:24px;padding:38px 32px;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
.pcard:hover{transform:translateY(-6px);box-shadow:0 26px 56px rgba(10,22,40,.13)}
.pcard .tn{font-family:var(--mono);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--blue);margin-bottom:16px}
.pcard h3{font-family:var(--disp);font-size:24px;font-weight:800;text-transform:uppercase;letter-spacing:.02em}
.pcard .hook{font-style:italic;color:var(--mut);margin-top:6px;font-size:14.5px}
.pcard .amount{margin:26px 0 4px;font-family:var(--disp);font-weight:800;font-size:40px;line-height:1;color:var(--ink)}
.pcard .amount small{font-family:var(--body);font-weight:300;font-size:15px;color:var(--mut);letter-spacing:0}
.pcard .per{font-size:13px;color:var(--mut);min-height:20px}
.pcard ul{list-style:none;margin:26px 0 30px;flex:1}
.pcard ul li{position:relative;padding:8px 0 8px 28px;font-size:14.5px;color:var(--mut);border-bottom:1px solid rgba(10,22,40,.05)}
.pcard ul li::before{content:"";position:absolute;left:2px;top:14px;width:14px;height:8px;border-left:2px solid var(--blue);border-bottom:2px solid var(--blue);transform:rotate(-45deg)}
.pcard .btn{text-align:center}
.pcard.feat{background:var(--navy);color:#fff;border-color:var(--navy);position:relative;overflow:hidden}
.pcard.feat::before{content:"FLAGSHIP";position:absolute;top:22px;right:-34px;transform:rotate(38deg);font-family:var(--mono);font-size:10px;letter-spacing:.2em;background:var(--gold);color:var(--navy);padding:5px 42px}
.pcard.feat .tn{color:var(--gold)}
.pcard.feat .amount{color:#fff}
.pcard.feat .hook,.pcard.feat .per{color:rgba(255,255,255,.65)}
.pcard.feat ul li{color:rgba(255,255,255,.72);border-color:rgba(255,255,255,.08)}
.pcard.feat ul li::before{border-color:var(--glow)}
.bands{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.bandc{background:#fff;border:1px solid var(--line-l);border-radius:var(--r-card);padding:34px 30px}
.bandc .rng{font-family:var(--disp);font-weight:800;font-size:30px;color:var(--blue)}
.bandc h4{font-family:var(--disp);font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin:14px 0 12px}
.bandc p{font-size:14px;color:var(--mut)}

/* ============================================================
   REGISTRY
   ============================================================ */
.reg-tools{display:flex;gap:14px 18px;flex-wrap:wrap;align-items:stretch;margin-bottom:44px}
.reg-search{flex:1 1 auto}
.reg-viewtoggle{display:flex;justify-content:flex-end;margin-left:auto;align-items:stretch}
.reg-viewtoggle .vt-inner{display:inline-flex;align-items:stretch}
.filters{flex-basis:100%}
.reg-search{flex:1;min-width:260px;position:relative}
.reg-search input{width:100%;font-family:var(--body);font-size:15px;padding:16px 24px;border:1px solid var(--line-l);border-radius:var(--r-pill);background:#fff;color:var(--ink)}
.reg-search input:focus{outline:2px solid var(--glow);outline-offset:2px}
.filters{display:flex;gap:10px;flex-wrap:wrap}
.filter{font-family:var(--disp);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:11px 22px;border:1px solid var(--line-l);border-radius:var(--r-pill);background:#fff;color:var(--mut);cursor:pointer;transition:all .2s}
.filter.on,.filter:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.reg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}

/* view toggle */
.reg-viewtoggle .vt-inner{display:inline-flex;border:1px solid var(--line-l);border-radius:var(--r-pill);overflow:hidden}
.reg-viewtoggle .vt-inner button{display:inline-flex;align-items:center;gap:7px;background:none;border:0;cursor:pointer;padding:0 20px;height:100%;font-family:var(--disp);font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);transition:background .2s,color .2s}
.reg-viewtoggle .vt-inner button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.reg-viewtoggle .vt-inner button.on{background:var(--blue);color:#fff}
.reg-viewtoggle .vt-inner button:not(.on):hover{color:var(--ink)}
/* registry toggle mobile height fix */
@media(max-width:560px){
  .reg-tools{align-items:flex-start}
  .reg-search{flex-basis:100%}
  .reg-viewtoggle{align-items:center;margin-left:auto}
  .reg-viewtoggle .vt-inner{align-items:center}
  .reg-viewtoggle .vt-inner button{height:auto;padding:11px 20px}
}

/* list view */
.reg-list{display:none;flex-direction:column;border:1px solid var(--line-l);border-radius:var(--r-card);overflow:hidden}
.reg-list.on{display:flex}
.reg-grid.off{display:none}
.reg-lrow{display:grid;grid-template-columns:96px 1fr 1fr 140px;gap:20px;align-items:center;padding:18px 24px;border-bottom:1px solid var(--line-l);transition:background .2s;position:relative}
.reg-lrow:last-child{border-bottom:0}
.reg-lrow:hover{background:rgba(26,95,212,.03)}
.reg-lrow .lgrade{font-family:var(--disp);font-weight:800;font-size:20px;color:#2E8F5B}
.reg-lrow .lgrade small{display:block;font-family:var(--mono);font-size:9px;font-weight:400;letter-spacing:.08em;color:var(--mut);text-transform:uppercase;margin-top:3px}
.reg-lrow[data-grade^="A-4"] .lgrade{color:#1A5FD4}
.reg-lrow[data-grade^="A-3"] .lgrade{color:#C9A24B}
.reg-lrow .lname{font-family:var(--disp);font-weight:700;font-size:15px;color:var(--ink)}
.reg-lrow .lco{font-size:14px;color:var(--mut)}
.reg-lrow .lmeta{font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--mut);text-align:right}
.reg-lhead{display:grid;grid-template-columns:96px 1fr 1fr 140px;gap:20px;padding:14px 24px;background:rgba(10,22,40,.03);border-bottom:1px solid var(--line-l);font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.reg-lhead .r{text-align:right}
@media(max-width:760px){
  .reg-lhead{display:none}
  .reg-lrow{grid-template-columns:70px 1fr;gap:8px 16px}
  .reg-lrow .lmeta{grid-column:2;text-align:left}
  .reg-lrow .lgrade{grid-row:span 3}
}
.reg-card{background:#fff;border:1px solid var(--line-l);border-radius:var(--r-card);padding:30px 28px;position:relative}
.reg-card .sample{position:absolute;top:18px;right:18px;font-family:var(--mono);font-size:9px;letter-spacing:.18em;color:var(--gold);border:1px solid var(--gold);border-radius:var(--r-pill);padding:4px 10px}
.reg-card .badge{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px}
.reg-card .badge .g{font-family:var(--disp);font-weight:800;font-size:26px;color:#fff;background:var(--blue);border-radius:12px;padding:8px 14px;line-height:1}
.reg-card .badge small{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
.reg-card h4{font-family:var(--disp);font-size:17px;font-weight:700;margin-bottom:6px}
.reg-card .co{font-size:13px;color:var(--mut);margin-bottom:14px}
.reg-card .meta{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;color:var(--gold);text-transform:uppercase}

/* ============================================================
   TEAM / ABOUT
   ============================================================ */
.team{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.member{position:relative;background:#fff;border:1px solid var(--line-l);border-radius:var(--r-card);padding:36px 34px 36px 38px;display:flex;gap:28px;align-items:flex-start;overflow:hidden;transition:transform .25s,box-shadow .25s}
.member:hover{transform:translateY(-6px);box-shadow:0 24px 52px rgba(10,22,40,.13)}
.member::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--blue)}
.member .ph{flex:none;width:116px;height:116px;border-radius:50%;object-fit:cover;filter:grayscale(1);box-shadow:0 10px 26px rgba(10,22,40,.16)}
.member h4{font-family:var(--disp);font-size:21px;font-weight:800;letter-spacing:.01em}
.member .role{font-family:var(--disp);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--blue);margin-top:7px}
.member .sub-role{font-size:13px;font-style:italic;color:var(--mut);margin-top:4px}
.member .mdiv{height:2px;background:var(--line-l);margin:16px 0 14px;border-radius:2px;max-width:340px}
.member p{font-size:14px;color:var(--mut);line-height:1.62}
.tl{position:relative;border-left:2px solid var(--line-l);padding-left:36px;max-width:760px}
.tl-item{position:relative;padding-bottom:38px}
.tl-item::before{content:"";position:absolute;left:-43px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px rgba(26,95,212,.15)}
.tl-item .yr{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--gold);text-transform:uppercase}
.tl-item h4{font-family:var(--disp);font-size:17px;font-weight:700;margin:8px 0}
.tl-item p{font-size:14.5px;color:var(--mut)}

/* ============================================================
   NEWS
   ============================================================ */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.news-card{background:#fff;border:1px solid var(--line-l);border-radius:var(--r-card);overflow:hidden;display:flex;flex-direction:column;height:100%;transition:transform .25s,box-shadow .25s}
.news-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(10,22,40,.12)}
.news-card .nthumb{height:170px;background:linear-gradient(150deg,var(--navy),var(--panel));background-size:cover;background-position:center}
.news-card .nh{background:linear-gradient(150deg,var(--navy),var(--panel));padding:26px 26px 22px}
.news-card .nh .cat{font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.news-card .nh .dt{font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:rgba(232,237,246,.5);margin-top:8px}
.news-card .nb{padding:24px 26px 30px;display:flex;flex-direction:column;flex:1}
.news-card h4{font-family:var(--disp);font-size:17px;font-weight:700;line-height:1.35}
.news-card p{font-size:14px;color:var(--mut);margin-top:12px;flex:1}
.news-card a.more{margin-top:26px;font-family:var(--disp);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);text-decoration:none}

/* ============================================================
   NEWS ARTICLE
   ============================================================ */
.article-hero{position:relative;height:min(58vh,560px);min-height:420px;background:linear-gradient(160deg,var(--navy),var(--dark));background-size:cover;background-position:center 35%;display:flex;align-items:flex-end;overflow:hidden}
.article-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,11,22,.10) 0%,rgba(6,11,22,.15) 40%,rgba(6,11,22,.72) 82%,rgba(6,11,22,.94) 100%)}
.article-hero .wrap{position:relative;z-index:2;padding-bottom:48px;padding-top:120px}
.article-hero .cat{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);background:rgba(6,11,22,.5);border:1px solid rgba(201,162,75,.4);padding:6px 14px;border-radius:var(--r-pill);margin-bottom:20px}
.article-hero h1{font-family:var(--disp);font-weight:800;font-size:clamp(30px,4vw,52px);line-height:1.06;letter-spacing:-.01em;color:#fff;max-width:20em}
.article-hero .dt{margin-top:18px;font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:rgba(232,237,246,.7)}
.article-body{max-width:760px;margin:0 auto;padding:72px 32px 90px}
.article-body p{font-size:17px;line-height:1.75;color:var(--ink);margin-bottom:22px}
.article-body h2{font-family:var(--disp);font-size:26px;font-weight:800;letter-spacing:-.005em;color:var(--ink);margin:44px 0 16px}
.article-body h3{font-family:var(--disp);font-size:19px;font-weight:700;color:var(--ink);margin:32px 0 12px}
.article-body ul{margin:0 0 22px;padding-left:24px}
.article-body li{font-size:16.5px;line-height:1.7;color:var(--mut);margin-bottom:10px}
.article-body a:not(.btn):not(.article-back){color:var(--blue);text-decoration:none}
.article-body a:hover{text-decoration:underline}
.article-body em{color:var(--mut)}
.article-title-block{border-bottom:1px solid var(--line-l);padding-bottom:26px;margin-bottom:34px}
.article-title-block .cat{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--blue);margin-bottom:14px}
.article-title-block h1{font-family:var(--disp);font-weight:800;font-size:clamp(26px,3.4vw,40px);line-height:1.1;letter-spacing:-.01em;color:var(--ink);margin-bottom:14px}
.article-title-block .dt{font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--mut)}
.article-back{display:inline-flex;align-items:center;gap:9px;font-family:var(--disp);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);text-decoration:none;margin-bottom:38px}
.article-back:hover{gap:13px;color:var(--navy)}
.article-foot{border-top:1px solid var(--line-l);margin-top:50px;padding-top:34px;text-align:center}

/* ============================================================
   NEWS GRID + SLIDING PAGINATION
   ============================================================ */
.news-slider{position:relative;overflow-x:clip;overflow-y:visible}
.news-track{display:flex;align-items:flex-start;transition:transform .55s cubic-bezier(.4,.0,.2,1);will-change:transform}
.news-page{flex:0 0 100%;display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding:20px 0 24px;align-content:start;align-items:stretch}
.nc-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:34px}
.nc-btn{width:52px;height:52px;border-radius:50%;border:1px solid var(--line-l);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;filter:grayscale(1);transition:filter .3s,border-color .25s,transform .2s,opacity .25s;box-shadow:0 6px 18px rgba(10,22,40,.08)}
.nc-btn:hover{filter:grayscale(0);border-color:var(--blue);transform:translateY(-2px)}
.nc-btn:active{transform:translateY(0)}
.nc-btn svg{width:20px;height:20px;stroke:var(--ink);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:stroke .25s}
.nc-btn:hover svg{stroke:var(--blue)}
.nc-btn[disabled]{opacity:.35;cursor:default;pointer-events:none}
.nc-count{font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--mut);min-width:66px;text-align:center}
@media(max-width:1000px){.news-page{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.news-page{grid-template-columns:1fr}}

/* ============================================================
   CAREERS
   ============================================================ */
.jobs{display:flex;flex-direction:column;gap:18px;max-width:900px}
.job{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;border:1px solid var(--line-l);border-radius:var(--r-card);padding:26px 32px;transition:border-color .2s,transform .2s}
.job:hover{border-color:rgba(26,95,212,.4);transform:translateX(6px)}
.job h4{font-family:var(--disp);font-size:17px;font-weight:700}
.job .jm{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-top:8px}
.job .jt{font-size:14.5px;line-height:1.6;color:var(--mut);margin-top:12px;max-width:none}
.job > div{flex:1;min-width:0}
.job > .btn{flex:none;white-space:nowrap}
.job .btn{padding:13px 26px;white-space:nowrap}

/* ============================================================
   FAQ
   ============================================================ */
.faq{max-width:860px;margin:0 auto}
.qa{background:#fff;border:1px solid var(--line-l);border-radius:var(--r-card);margin-bottom:16px;overflow:hidden}
.qa button.q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;background:none;border:0;text-align:left;font-family:var(--disp);font-size:16px;font-weight:700;color:var(--ink);padding:24px 28px;cursor:pointer}
.qa button.q .x{flex:none;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--blue);position:relative;transition:transform .3s}
.qa button.q .x::before,.qa button.q .x::after{content:"";position:absolute;background:var(--blue);top:50%;left:50%}
.qa button.q .x::before{width:12px;height:1.5px;transform:translate(-50%,-50%)}
.qa button.q .x::after{width:1.5px;height:12px;transform:translate(-50%,-50%)}
.qa.open button.q .x{transform:rotate(45deg)}
.qa .a{max-height:0;overflow:hidden;transition:max-height .4s ease}
.qa .a p{padding:0 28px 26px;color:var(--mut);font-size:15px}

/* ============================================================
   INVESTORS
   ============================================================ */
.big-claim{font-family:var(--disp);font-weight:800;font-size:clamp(26px,3.2vw,42px);line-height:1.12;text-transform:uppercase;max-width:22em}
.big-claim span{color:var(--blue)}
.layers{counter-reset:layer;display:flex;flex-direction:column;gap:0;border:1px solid var(--line-l);border-radius:var(--r-card);overflow:hidden}
.layer{counter-increment:layer;display:grid;grid-template-columns:66px 1fr 2fr;column-gap:18px;row-gap:10px;align-items:center;background:#fff;padding:32px 36px;border-bottom:1px solid var(--line-l)}
.layer:last-child{border-bottom:0}
.layer::before{content:"0" counter(layer);font-family:var(--disp);font-weight:800;font-size:40px;color:rgba(10,22,40,.1)}
.layer h4{font-family:var(--disp);font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.layer p{font-size:14.5px;color:var(--mut)}
.disclaimer{font-size:12px;color:var(--mut);border-top:1px solid var(--line-l);padding-top:26px;max-width:900px;line-height:1.7}

/* ============================================================
   CONTACT
   ============================================================ */
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:stretch}
.c-info{display:flex;flex-direction:column}
.c-info h3{font-family:var(--disp);font-size:19px;font-weight:700;text-transform:uppercase;margin-bottom:22px}
.c-item{display:flex;gap:18px;margin-bottom:26px}
.c-item .ci{flex:none;width:44px;height:44px;border-radius:12px;background:rgba(26,95,212,.08);display:flex;align-items:center;justify-content:center}
.c-item .ci svg{width:20px;height:20px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.c-item h5{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--mut);margin-bottom:5px}
.c-item p,.c-item a{font-size:15.5px;color:var(--ink);text-decoration:none}
.c-map{margin-top:34px;flex:1;min-height:280px;border-radius:var(--r-card);overflow:hidden;border:1px solid var(--line-l);box-shadow:0 18px 44px rgba(10,22,40,.12);line-height:0;display:flex}
.c-map iframe{width:100%;height:100%;min-height:280px;border:0;display:block;filter:grayscale(1) brightness(1.12) contrast(.92);transition:filter .4s ease}
.c-map:hover iframe{filter:grayscale(0) contrast(1)}
.c-item a:hover{color:var(--blue)}
.form{background:#fff;border:1px solid var(--line-l);border-radius:24px;padding:44px}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.f-group{margin-bottom:20px}
.f-group label{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--mut);margin-bottom:9px}
.f-group input,.f-group select,.f-group textarea{width:100%;font-family:var(--body);font-size:15px;padding:15px 20px;border:1px solid var(--line-l);border-radius:14px;background:var(--off);color:var(--ink)}
.f-group textarea{min-height:130px;resize:vertical;border-radius:18px}
.f-group input:focus,.f-group select:focus,.f-group textarea:focus{outline:2px solid var(--glow);outline-offset:1px}
.form .btn{width:100%}
.form-note{margin-top:14px;font-size:12.5px;color:var(--mut);text-align:center}

/* ============================================================
   LEGAL PAGES
   ============================================================ */
.legal-layout{display:grid;grid-template-columns:250px 1fr;gap:60px;max-width:var(--wrap);margin:0 auto;padding:80px 32px 100px}
.legal-toc{position:sticky;top:110px;align-self:start;border-left:2px solid var(--line-l);padding-left:22px}
.legal-toc .toc-label{font-family:var(--mono);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--blue);margin-bottom:16px}
.legal-toc ul{list-style:none;margin:0;padding:0}
.legal-toc li{margin:0}
.legal-toc a{display:block;font-size:13.5px;color:var(--mut);text-decoration:none;padding:7px 0;line-height:1.4;transition:color .2s}
.legal-toc a:hover{color:var(--blue)}
.legal-content{max-width:760px}
.legal-highlight{background:rgba(26,95,212,.06);border:1px solid rgba(26,95,212,.18);border-left:4px solid var(--blue);border-radius:12px;padding:22px 26px;font-size:16px;line-height:1.65;color:var(--ink);margin-bottom:46px}
.legal-section{margin-bottom:44px;scroll-margin-top:100px}
.legal-section h2{font-family:var(--disp);font-size:22px;font-weight:800;letter-spacing:-.005em;color:var(--ink);margin-bottom:16px}
.legal-section h3{font-family:var(--disp);font-size:16px;font-weight:700;color:var(--ink);margin:24px 0 10px}
.legal-section p{font-size:15.5px;line-height:1.72;color:var(--mut);margin-bottom:14px}
.legal-section ul{margin:0 0 16px;padding-left:22px}
.legal-section li{font-size:15px;line-height:1.7;color:var(--mut);margin-bottom:9px}
.legal-section a{color:var(--blue);text-decoration:none}
.legal-section a:hover{text-decoration:underline}
.legal-meta-bar{font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:rgba(232,237,246,.6);margin-top:16px}
@media(max-width:900px){.legal-layout{grid-template-columns:1fr;gap:0;padding:56px 22px 80px}.legal-toc{position:static;border-left:0;border-bottom:1px solid var(--line-l);padding:0 0 24px;margin-bottom:36px}.legal-toc ul{columns:2;gap:20px}}

/* ============================================================
   FOOTER
   ============================================================ */
.site-footer{background:var(--dark);color:rgba(232,237,246,.72);border-top:1px solid var(--line-d)}
.f-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:54px;padding:74px 0 58px}
.f-brand img{height:34px;margin-bottom:22px}
.f-brand p{font-size:14px;line-height:1.7;max-width:26em}
.f-brand .tagline{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-top:20px}
.f-col h5{font-family:var(--mono);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#fff;margin-bottom:22px}
.f-col a{display:block;font-size:14px;color:rgba(232,237,246,.62);text-decoration:none;padding:6px 0;transition:color .2s}
.f-col a:hover{color:var(--glow)}
.f-col p{font-size:14px;padding:6px 0}
.f-col p a{display:inline;padding:0}
.f-bottom{border-top:1px solid var(--line-d);padding:26px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.f-bottom p{font-family:var(--mono);font-size:11px;letter-spacing:.1em;line-height:1.5;color:rgba(232,237,246,.4)}
.f-bottom .legal a{font-family:var(--mono);font-size:11px;color:rgba(232,237,246,.4);text-decoration:none;margin-left:22px}
.f-bottom .legal a:hover{color:var(--glow)}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:1080px){
  .hero .wrap{grid-template-columns:1fr;gap:56px}
  .grid.c4,.tiers,.price-grid{grid-template-columns:repeat(2,1fr)}
  .pillar-strip{grid-template-columns:repeat(4,1fr)}
  .pillar:nth-child(n+5){border-top:1px solid var(--line-l)}
  .f-top{grid-template-columns:1fr 1fr}
}
@media(max-width:1000px){
  .main-nav{position:fixed;top:80px;left:0;right:0;background:rgba(6,11,22,.97);flex-direction:column;align-items:flex-start;gap:0;padding:14px 32px 26px;transform:translateY(-130%);transition:transform .3s ease;border-bottom:1px solid var(--line-d)}
  .main-nav.open{transform:none}
  .main-nav a{padding:14px 0;font-size:14px;width:100%}
  .nav-toggle{display:block}
  .header-cta{display:none}
}
@media(max-width:820px){
  .flow{grid-template-columns:1fr}
  .fconn{width:2px;height:46px;justify-self:center}
  .fconn::after{right:auto;left:50%;top:auto;bottom:0;transform:translateX(-50%) rotate(135deg)}
  .fconn i{left:50%;top:0;margin:0 0 0 -4.5px;animation:travelV 2.8s linear infinite}
  .stats,.grid.c3,.grid.c2,.reg-grid,.news-grid,.bands,.split,.contact-grid,.team{grid-template-columns:1fr}
  .member{flex-direction:column;align-items:center;text-align:center}
  .member .mdiv{margin-left:auto;margin-right:auto}
  .score-show{grid-template-columns:1fr;gap:40px}
  .agb{width:100%;max-width:420px}
  .layer{grid-template-columns:1fr;gap:10px}
  .sec{padding:64px 0}
  .hero{padding:150px 0 90px}
  .page-hero{padding:150px 0 64px}
  .f-row{grid-template-columns:1fr}
  .job{flex-direction:column;align-items:flex-start}
}
@media(max-width:560px){
  .grid.c4,.tiers,.price-grid,.pillar-strip{grid-template-columns:1fr}
  .wrap{padding:0 22px}
  .site-header .hwrap{padding:0 22px}
  .c-map{flex:none}
  .c-map iframe{height:280px}
  .form{padding:30px 24px}
  .f-top{grid-template-columns:1fr;gap:38px}
}

@keyframes travelV{0%{top:-4px;opacity:0}12%{opacity:1}88%{opacity:1}100%{top:calc(100% - 6px);opacity:0}}

/* investors: enlarged headings 20%, no wrap */
.card h4.big20{font-size:18.41px}
.layer h4.big20{font-size:19.2px}
h4.nowrap-h{white-space:normal}

/* ============================================================
   COOKIE CONSENT POPUP
   ============================================================ */
.consent-bar{position:fixed;left:0;right:0;bottom:0;z-index:9999;background:#0A1628;border-top:1px solid rgba(61,127,245,.18);box-shadow:0 -8px 28px rgba(6,11,22,.4);padding:18px 24px;display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;transform:translateY(100%);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.consent-bar[hidden]{display:none}
.consent-bar.show{transform:translateY(0)}
.consent-bar p{margin:0;font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.72);max-width:640px}
.consent-bar p strong{color:#fff;font-weight:700}
.consent-bar p a{color:var(--glow);text-decoration:underline}
.consent-actions{display:flex;gap:10px;flex-wrap:wrap}
.consent-btn{font-family:var(--display);font-weight:700;font-size:12.5px;letter-spacing:.01em;padding:10px 20px;border-radius:999px;cursor:pointer;transition:background .2s,border-color .2s,transform .2s;line-height:1.2}
.consent-btn.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.22)}
.consent-btn.ghost:hover{border-color:rgba(255,255,255,.55)}
.consent-btn.solid{background:#1A5FD4;color:#fff;border:1px solid #1A5FD4}
.consent-btn.solid:hover{background:#2468E0}
.consent-modal{position:fixed;inset:0;z-index:10000;background:rgba(6,11,22,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .25s}
.consent-modal[hidden]{display:none}
.consent-modal.show{opacity:1}
.consent-dialog{position:relative;width:100%;max-width:553px;background:#0D1830;border:1px solid rgba(61,127,245,.2);border-radius:20px;padding:32px 32px 28px;box-shadow:0 24px 60px rgba(0,0,0,.5);color:#fff;text-align:left}
.consent-dialog h3{font-family:var(--display);font-size:22px;font-weight:700;letter-spacing:-.01em;color:#fff;margin:0 0 10px}
.consent-lead{font-size:14.5px;line-height:1.55;color:rgba(255,255,255,.62);margin:0 0 22px}
.consent-close{position:absolute;top:18px;right:18px;width:30px;height:30px;border-radius:50%;border:0;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center}
.consent-close svg{width:16px;height:16px;stroke:rgba(255,255,255,.6);fill:none;stroke-width:2;stroke-linecap:round}
.consent-close:hover svg{stroke:#fff}
.consent-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-top:1px solid rgba(255,255,255,.09)}
.consent-row strong{display:block;font-family:var(--display);font-size:15.5px;font-weight:700;color:#fff;margin-bottom:3px}
.consent-row span{display:block;font-size:13.5px;line-height:1.45;color:rgba(255,255,255,.45)}
.consent-switch{position:relative;flex:0 0 auto;width:40px;height:24px}
.consent-switch input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer;z-index:1}
.consent-switch i{position:absolute;inset:0;border-radius:999px;background:#2A3650;transition:background .2s}
.consent-switch i::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s}
.consent-switch input:checked+i{background:#1A5FD4}
.consent-switch input:checked+i::after{transform:translateX(16px)}
.consent-switch input:disabled{cursor:not-allowed}
.consent-switch input:disabled+i{background:#4A566E;opacity:.9}
.consent-switch input:focus-visible+i{outline:2px solid var(--glow);outline-offset:2px}
.consent-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid rgba(255,255,255,.09);padding-top:20px;margin-top:2px}
.consent-foot a{font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;color:var(--glow);text-decoration:underline}
.consent-foot .consent-btn{padding:13px 26px;font-size:13.5px}
@media(max-width:700px){.consent-bar{padding:16px 18px;gap:14px}.consent-actions{width:100%}.consent-actions .consent-btn{flex:1 1 auto;text-align:center}.consent-dialog{padding:26px 22px 22px}}

/* ============================================================
   OPT-OUT PREFERENCES PAGE
   ============================================================ */
.optout-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:22px}
.optout-card{display:block;background:#fff;border:1px solid var(--line-l);border-radius:14px;padding:20px 22px;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s}
.optout-card:hover{border-color:var(--blue);transform:translateY(-2px);box-shadow:0 14px 34px rgba(10,22,40,.08)}
.optout-card h4{font-family:var(--disp);font-size:15px;font-weight:700;color:var(--ink);margin-bottom:8px}
.optout-card p{font-size:13.5px;line-height:1.55;color:var(--mut);margin:0}
@media(max-width:640px){.optout-grid{grid-template-columns:1fr}}

.cookie-table-wrap{overflow-x:auto;margin-top:18px;border:1px solid var(--line-l);border-radius:12px}
.cookie-table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:560px}
.cookie-table th{text-align:left;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);background:rgba(10,22,40,.03);padding:12px 16px;border-bottom:1px solid var(--line-l)}
.cookie-table td{padding:12px 16px;border-bottom:1px solid var(--line-l);color:var(--ink)}
.cookie-table tr:last-child td{border-bottom:0}
.cookie-table td:first-child{font-family:var(--mono);font-size:12.5px;color:var(--blue)}

/* ============================================================
   ANNOUNCEMENT BANNER (Settings > General > Site switches)
   Sits inside the fixed header, above the nav bar, so it scrolls with
   it. Page heroes already leave 150px+ of top padding for the header,
   which absorbs the extra bar.
   ============================================================ */
.announce{background:var(--blue);color:#fff;font-family:var(--body);font-size:14px;font-weight:400;line-height:1.45}
.announce-in{max-width:var(--wrap);margin:0 auto;padding:9px 56px 9px 32px;position:relative;text-align:center}
.announce p{margin:0}
.announce a{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.announce a:hover{text-decoration-thickness:2px}
.announce-close{position:absolute;right:18px;top:50%;transform:translateY(-50%);background:none;border:0;padding:6px;cursor:pointer;color:#fff;line-height:0;border-radius:6px}
.announce-close:hover{background:rgba(255,255,255,.16)}
.announce-close svg{width:16px;height:16px;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;fill:none}
.announce-staff{background:var(--gold);color:var(--dark)}
.announce-staff a{color:var(--dark)}
.announce-staff .announce-in{padding-right:32px}
@media(max-width:1000px){
  .site-header.has-announce .main-nav{top:calc(80px + var(--announce-h,0px))}
}
@media(max-width:560px){
  .announce-in{padding:9px 48px 9px 22px;text-align:left}
  .announce-close{right:10px}
  .announce-staff .announce-in{padding-right:22px}
}

/* footer social links */
.f-social{display:flex;gap:12px;margin-top:14px}
.f-social a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--line-d);color:rgba(232,237,246,.78);transition:color .2s,border-color .2s,background .2s}
.f-social a:hover{color:#fff;border-color:var(--glow);background:rgba(61,127,245,.14)}
.f-social svg{width:16px;height:16px;fill:currentColor}

/* contact form: spam trap (kept off-screen, not display:none, which some bots skip) and error line */
.hp-field{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.form-error-msg{background:#FDECEC;border:1px solid #F5C2C2;color:#9B1C1C;border-radius:10px;padding:12px 16px;font-size:14.5px;margin-bottom:18px}

/* ============================================================
   BLOG (blog.php, blog-post.php). Cards and the article layout are the
   News page's; these are the few pieces News never needed.
   ============================================================ */
.blog-grid{margin-top:8px}
.blog-h2{font-family:var(--disp);font-weight:800;font-size:clamp(24px,3vw,34px);letter-spacing:-.01em;color:var(--ink);margin:12px 0 30px}
.blog-pagination{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:56px;flex-wrap:wrap}
.blog-pagination .btn{padding:13px 26px}
.blog-pagination-status{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.blog-post-body ol{margin:0 0 22px;padding-left:24px}
.blog-post-body ol li{font-size:16.5px;line-height:1.7;color:var(--mut);margin-bottom:10px}
.blog-post-body strong{color:var(--ink)}
.blog-post-body blockquote{border-left:3px solid var(--blue);padding:4px 0 4px 20px;margin:0 0 22px;color:var(--mut);font-style:italic}
.blog-post-body table{width:100%;border-collapse:collapse;margin:0 0 26px;font-size:15px}
.blog-post-body th,.blog-post-body td{border-bottom:1px solid var(--line-l);padding:10px 12px;text-align:left;vertical-align:top}
.blog-post-body th{font-family:var(--disp);font-weight:700;color:var(--ink)}
.blog-post-body img{max-width:100%;height:auto;border-radius:12px;margin:8px 0 22px}
.blog-post-tags{display:flex;flex-wrap:wrap;gap:8px;margin:34px 0 0}
.blog-tag{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);border:1px solid var(--line-l);border-radius:var(--r-pill);padding:6px 12px}
@media(max-width:820px){.blog-grid{grid-template-columns:1fr}}

/* The cards' "Read More" is a span inside the card link, so style it as
   well as the a.more rule above (News and Blog cards). */
.news-card span.more{margin-top:26px;font-family:var(--disp);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}

/* ---- Chat with Support (includes/support-chat-widget.php +
   js/support-chat.js + api/support-chat.php) ---------------------------
   ShowcaseVideos.ai's widget styles from its css/base.css, unchanged
   except that the theme tokens they read are set here on #svchat in
   RateAI's palette (Payam, 2026-10-22), scoped so nothing leaks into the
   site's own --ink / --panel. Launcher and panel sit at 85/86, below the
   cookie consent bar (9999), as on SV: consent is never coverable. */
#svchat{
  --ink:#0A1628;--invert-bg:#0A1628;--invert-fg:#fff;--card:#fff;--paper:#FAFAF8;
  --panel:#fff;--field:#fff;--raise:#F1F4F9;--line:rgba(10,22,40,.12);--soft:#5A6678;
  --radius:10px;--radius-lg:16px;--sans:'Lato','Helvetica Neue',Helvetica,Arial,sans-serif;
  --display:'Archivo',Arial,Helvetica,sans-serif;
  --danger:#C62828;--danger-ink:#9B1C1C;--danger-soft:#FDECEC;--danger-line:#F4C7C7;--success:#1E8E5A;
  --shadow-card:0 6px 17px rgba(6,11,22,.18);
  font-family:var(--sans);
}
/* SV's base.css hides every [hidden] element globally; RateAI's style.css
   does not, so the widget carries that rule itself. Without it the closed
   panel stays laid out, invisible, and swallows clicks on the page. */
#svchat [hidden]{display:none!important}
/* Full-screen on a phone: lift the open panel above RateAI's fixed site
   header (z-index 100), still under the consent panel (9999). */
@media (max-width:640px){#svchat .svchat-panel{z-index:150}}
#svchat .svchat-launcher{background:#1A5FD4;box-shadow:0 8px 24px -8px rgba(26,95,212,.55)}
/* The nav-logo shield fills 80% of the 36px tile (31px image, ~4% built-in margin). */
#svchat .svchat-mark img{width:31px;height:31px;display:block}
.svchat-launcher {
  position: fixed; right: 20px; bottom: 20px; z-index: 85;
  width: 56px; height: 56px; border-radius: 50%; border: 0;
  background: var(--invert-bg); color: var(--invert-fg);
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; box-shadow: 0 8px 24px -8px rgba(17, 18, 20, 0.45);
  transition: transform .15s ease, box-shadow .15s ease;
}
.svchat-launcher:hover { transform: translateY(-1px); box-shadow: 0 12px 28px -8px rgba(17, 18, 20, 0.5); }
.svchat-launcher:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
.svchat-launcher svg { width: 26px; height: 26px; display: block; }
/* The two icons swap: chat bubble when closed, chevron when open. */
.svchat-launcher .svchat-ic-close { display: none; }
.svchat-launcher.is-open .svchat-ic-chat { display: none; }
.svchat-launcher.is-open .svchat-ic-close { display: block; }
/* Hover label, desktop only, so the round button still says what it is. */
.svchat-launcher::after {
  content: attr(data-label); position: absolute; right: calc(100% + 12px); top: 50%;
  transform: translateY(-50%); white-space: nowrap;
  background: var(--card); color: var(--ink); border: 1px solid var(--line);
  border-radius: 999px; padding: 6px 12px; font: 600 12.5px/1 var(--sans);
  box-shadow: var(--shadow-card); opacity: 0; pointer-events: none;
  transition: opacity .15s ease;
}
.svchat-launcher:hover::after, .svchat-launcher:focus-visible::after { opacity: 1; }
.svchat-launcher.is-open::after { display: none; }
/* Unread dot, reserved for the live-agent phase; hidden until used. */
.svchat-badge {
  position: absolute; top: -2px; right: -2px; width: 14px; height: 14px; border-radius: 50%;
  background: var(--danger); border: 2px solid var(--paper);
}

.svchat-panel {
  position: fixed; right: 20px; bottom: 90px; z-index: 86;
  width: min(390px, calc(100vw - 40px));
  height: min(640px, calc(100vh - 120px));
  display: flex; flex-direction: column;
  background: var(--card); border: 1px solid var(--line);
  border-radius: var(--radius-lg); overflow: hidden;
  box-shadow: 0 24px 60px -20px rgba(17, 18, 20, 0.45), 0 2px 8px rgba(17, 18, 20, 0.08);
  opacity: 0; transform: translateY(12px) scale(.98);
  transition: opacity .2s ease, transform .2s ease;
}
.svchat-panel.open { opacity: 1; transform: translateY(0) scale(1); }

.svchat-head {
  display: flex; align-items: center; gap: 12px; padding: 14px 14px 14px 16px;
  background: var(--invert-bg); color: var(--invert-fg); flex: none;
}
.svchat-mark {
  width: 36px; height: 36px; border-radius: 10px; flex: none;
  background: var(--invert-fg); color: var(--invert-bg);
  display: flex; align-items: center; justify-content: center;
}
.svchat-mark svg { width: 18px; height: 18px; }
.svchat-head-text { flex: 1; min-width: 0; }
.svchat-title { font: 700 15px/1.2 var(--display); margin: 0; }
.svchat-sub { margin: 3px 0 0; font-size: 12px; line-height: 1.3; opacity: .72; }
.svchat-sub::before {
  content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%;
  background: var(--success); margin-right: 6px; vertical-align: 1px;
}
.svchat-head-btn {
  flex: none; background: none; border: 0; color: inherit; cursor: pointer;
  width: 32px; height: 32px; border-radius: 8px; display: flex; align-items: center; justify-content: center;
  opacity: .8; transition: background .15s, opacity .15s;
}
.svchat-head-btn:hover { opacity: 1; background: rgba(255, 255, 255, 0.12); }
.svchat-head-btn svg { width: 18px; height: 18px; }
.svchat-end { font: 600 12px/1 var(--sans); padding: 0 10px; width: auto; }

.svchat-messages {
  /* min-height: 0 matters: without it a flex column child with overflow
     refuses to shrink below its content and pushes the composer and the
     footer line out of the panel's bottom edge. */
  flex: 1; min-height: 0; overflow-y: auto; padding: 16px 14px 8px; background: var(--panel);
  display: flex; flex-direction: column; gap: 10px; scroll-behavior: smooth;
}
.svchat-row { display: flex; flex-direction: column; max-width: 86%; }
.svchat-row-bot { align-self: flex-start; align-items: flex-start; }
.svchat-row-user { align-self: flex-end; align-items: flex-end; }
.svchat-bubble {
  padding: 10px 13px; border-radius: 16px; font-size: 14px; line-height: 1.5;
  overflow-wrap: anywhere;
}
.svchat-bubble p { margin: 0; }
.svchat-bubble p + p { margin-top: 8px; }
.svchat-row-bot .svchat-bubble {
  background: var(--card); color: var(--ink); border: 1px solid var(--line);
  border-bottom-left-radius: 6px;
}
.svchat-row-user .svchat-bubble {
  background: var(--invert-bg); color: var(--invert-fg); border-bottom-right-radius: 6px;
}
.svchat-sys {
  align-self: center; text-align: center; font-size: 12px; color: var(--soft);
  padding: 2px 10px; max-width: 90%;
}
/* The one-line tag above a Slack-relayed reply (js/support-chat.js's
   renderMessage(), role "human") so it doesn't read as the bot suddenly
   changing how it talks. Sits above a bot-side bubble, so it's aligned
   the same way .svchat-chips-label is above a chip row. */
.svchat-human-label {
  align-self: flex-start; font: 600 12px/1.3 var(--sans); color: var(--soft);
  margin: 4px 0 -4px 2px;
}
/* "Looking for an available agent", shown while a handed-off chat is
   waiting on a person in the Slack thread (renderWaiting()). Without it
   the window just looks like the bot stopped answering. */
.svchat-waiting {
  align-self: flex-start; display: flex; align-items: center; gap: 7px;
  font: 500 12px/1.3 var(--sans); color: var(--soft); padding: 2px 2px 4px;
}
.svchat-waiting-dot {
  width: 7px; height: 7px; border-radius: 50%; background: var(--brand, #c8a45c);
  animation: svchat-pulse 1.4s ease-in-out infinite;
}
@keyframes svchat-pulse {
  0%, 100% { opacity: .35; transform: scale(.85); }
  50%      { opacity: 1;   transform: scale(1); }
}
@media (prefers-reduced-motion: reduce) {
  .svchat-waiting-dot { animation: none; opacity: .8; }
}
.svchat-actions { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.svchat-action {
  display: inline-block; padding: 7px 12px; border-radius: 999px;
  background: var(--card); border: 1px solid var(--ink); color: var(--ink);
  font: 600 12.5px/1 var(--sans); text-decoration: none;
  transition: background .15s, color .15s;
}
.svchat-action:hover { background: var(--invert-bg); color: var(--invert-fg); }

/* An attached PDF guide (Payam, 2026-09-22). A whole-card link, not
   another pill in .svchat-actions: the point is that it reads as a file
   the bot handed over rather than one more place to click. The meta line
   ("PDF - 7 pages - 672 KB") is there so someone on a phone knows the
   size before they spend the data. --danger is reused for the badge
   because it is already the one red in the palette and it is what a PDF
   chip looks like everywhere else; it carries no error meaning here. */
.svchat-guide {
  display: flex; align-items: center; gap: 10px; margin-top: 8px;
  padding: 10px 12px; border-radius: 12px; text-decoration: none;
  background: var(--card); border: 1px solid var(--line); color: var(--ink);
  transition: border-color .15s, background .15s;
}
.svchat-guide:hover { border-color: var(--ink); background: var(--raise); }
.svchat-guide-icon {
  flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
  width: 38px; height: 38px; border-radius: 9px;
  background: var(--danger-soft); border: 1px solid var(--danger-line);
  color: var(--danger-ink); font: 700 10px/1 var(--sans); letter-spacing: .04em;
}
/* min-width:0 so a long title ellipses instead of pushing Open out of
   the 340px-wide window. */
.svchat-guide-body { min-width: 0; flex: 1 1 auto; display: flex; flex-direction: column; gap: 2px; }
.svchat-guide-title {
  font: 600 13px/1.35 var(--sans); color: var(--ink);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.svchat-guide-meta { font: 500 11.5px/1.2 var(--sans); color: var(--soft); }
.svchat-guide-open {
  flex: 0 0 auto; font: 600 12px/1 var(--sans); color: var(--ink);
  padding: 6px 10px; border-radius: 999px; border: 1px solid var(--line);
}
.svchat-guide:hover .svchat-guide-open { border-color: var(--ink); }
/* The caption over a chip row, e.g. "Examples:" over the greeting's
   suggested questions (js/support-chat.js, m.chipsLabel). Not shown over
   a real choice like Email me / Call me / No thanks. .svchat-chips-wrap
   itself carries no layout of its own -- .svchat-chips (the flex row of
   buttons) is unchanged, just now wrapped so clearChips() can remove the
   label along with a stale chip set. */
.svchat-chips-label {
  font: 600 12px/1.3 var(--sans); color: var(--soft); margin: 0 0 4px 2px;
}
.svchat-chips { display: flex; flex-wrap: wrap; gap: 6px; padding: 2px 0 4px; }
.svchat-chip {
  padding: 7px 12px; border-radius: 999px; cursor: pointer;
  background: var(--card); border: 1px solid var(--line); color: var(--ink);
  font: 500 12.5px/1.2 var(--sans); text-align: left;
  transition: border-color .15s, background .15s;
}
.svchat-chip:hover { border-color: var(--ink); background: var(--raise); }
.svchat-rate {
  align-self: flex-start; display: flex; align-items: center; gap: 6px;
  font-size: 12px; color: var(--soft); padding: 2px 0;
}
.svchat-rate-btn {
  padding: 4px 10px; border-radius: 999px; border: 1px solid var(--line);
  background: var(--card); color: var(--ink); font: 600 12px/1 var(--sans); cursor: pointer;
}
.svchat-rate-btn:hover { border-color: var(--ink); }

.svchat-typing { align-self: flex-start; display: flex; gap: 4px; padding: 10px 13px;
  background: var(--card); border: 1px solid var(--line); border-radius: 16px; border-bottom-left-radius: 6px; }
.svchat-typing span {
  width: 7px; height: 7px; border-radius: 50%; background: var(--soft); opacity: .5;
  animation: svchat-blink 1.2s infinite ease-in-out;
}
.svchat-typing span:nth-child(2) { animation-delay: .2s; }
.svchat-typing span:nth-child(3) { animation-delay: .4s; }
@keyframes svchat-blink { 0%, 80%, 100% { opacity: .3; transform: translateY(0); } 40% { opacity: 1; transform: translateY(-2px); } }

.svchat-error { margin: 0; padding: 6px 14px; font-size: 12.5px; color: var(--danger-ink); background: var(--danger-soft); flex: none; }
.svchat-form { flex: none; display: flex; align-items: flex-end; gap: 8px; padding: 10px 12px 8px; border-top: 1px solid var(--line); background: var(--card); }
.svchat-input {
  flex: 1; resize: none; min-height: 40px; max-height: 120px; padding: 10px 12px;
  border: 1px solid var(--line); border-radius: 12px; background: var(--field); color: var(--ink);
  font: 400 14px/1.4 var(--sans);
}
.svchat-input:focus { outline: none; border-color: var(--ink); }
.svchat-send {
  flex: none; width: 40px; height: 40px; border-radius: 12px; border: 0; cursor: pointer;
  background: var(--invert-bg); color: var(--invert-fg); display: flex; align-items: center; justify-content: center;
  transition: opacity .15s;
}
.svchat-send:disabled { opacity: .45; cursor: default; }
.svchat-send svg { width: 18px; height: 18px; }
.svchat-foot { margin: 0; padding: 0 14px 10px; font-size: 11px; color: var(--soft); text-align: center; flex: none; background: var(--card); }
.svchat-foot a { color: inherit; }

@media (prefers-reduced-motion: reduce) {
  .svchat-panel, .svchat-launcher { transition: none; }
  .svchat-typing span { animation: none; opacity: .7; }
}
@media (max-width: 640px) {
  .svchat-launcher::after { display: none; }
  .svchat-panel {
    right: 0; bottom: 0; width: 100vw; height: 100%; max-height: 100dvh;
    border-radius: 0; border: 0; transform: translateY(16px);
  }
  .svchat-panel.open { transform: translateY(0); }
  /* The launcher goes under the full-screen panel; the header X closes it. */
  .svchat-panel.open ~ .svchat-launcher { display: none; }
}


/* ============================================================
   V5 HUMANIZED FACELIFT (Option 2C revision 2, 2026-10-22)
   Light photo heroes, gold pill kickers, sentence case titles,
   people photography, Hazel style motion. Every earlier class is
   kept so page markup is unchanged; the rules below override the
   look only. Photos live in assets/img/.
   ============================================================ */
:root{--gold-ink:#B38B2E;--ease:cubic-bezier(.2,.7,.2,1)}

/* ---------- preloader ---------- */
.preload{position:fixed;inset:0;z-index:9000;background:var(--off);display:flex;align-items:center;justify-content:center;transition:opacity .55s ease,visibility .55s}
.preload img{width:44px;opacity:0;animation:plpulse 1.1s ease-in-out infinite}
@keyframes plpulse{0%,100%{opacity:.25;transform:scale(.96)}50%{opacity:1;transform:scale(1)}}
.preload.done{opacity:0;visibility:hidden}
html.static .preload,.no-js .preload{display:none}

/* ---------- header: transparent over the hero, off-white glass once scrolled ---------- */
.site-header{background:transparent;border-bottom:0;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background .35s,box-shadow .35s}
.site-header.stuck{background:rgba(250,250,248,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(10,22,40,.08)}
.site-header .hwrap{height:84px}
.main-nav a{color:rgba(10,22,40,.75)}
.main-nav a:hover,.main-nav a:focus-visible,.main-nav a.active{color:var(--navy)}
.main-nav a::after{background:var(--blue)}
.header-cta{background:var(--navy);color:#fff;box-shadow:none}
.header-cta:hover{background:var(--blue);color:#fff;box-shadow:none}
.nav-toggle span{background:var(--navy)}
.scroll-progress i{background:linear-gradient(90deg,var(--blue),var(--glow))}
/* dark heroes (platform, investors): white nav until the header sticks */
body.hero-dark .site-header:not(.stuck) .main-nav a{color:rgba(232,237,246,.8)}
body.hero-dark .site-header:not(.stuck) .main-nav a:hover,body.hero-dark .site-header:not(.stuck) .main-nav a.active{color:#fff}
body.hero-dark .site-header:not(.stuck) .main-nav a::after{background:var(--glow)}
body.hero-dark .site-header:not(.stuck) .header-cta{background:var(--glow);color:var(--dark)}
body.hero-dark .site-header:not(.stuck) .brand img{content:url(../assets/logo.png)}
body.hero-dark .site-header:not(.stuck) .nav-toggle span{background:#fff}
@media(max-width:1000px){
  .main-nav{top:84px;background:rgba(250,250,248,.98);border-bottom:1px solid var(--line-l)}
  .main-nav a{color:var(--navy)}
  .site-header.has-announce .main-nav{top:calc(84px + var(--announce-h,0px))}
  body.hero-dark .site-header:not(.stuck) .main-nav a{color:var(--navy)}
}

/* ---------- kickers and eyebrows: gold, bar in front, frosted pill over photos ---------- */
.eyebrow,.kicker,.glance{display:inline-flex;align-items:center;gap:12px;font-family:var(--mono);font-size:13px;font-weight:500;letter-spacing:.26em;text-transform:uppercase;color:var(--gold-ink);margin-bottom:22px}
.eyebrow::before,.kicker::before,.glance::before{content:"";width:22px;height:2px;background:var(--gold);border-radius:1px;flex:none}
.eyebrow.blue{color:var(--gold-ink)}
.page-hero .eyebrow,.hero2 .eyebrow,.on-photo .kicker,.steps-img .kicker,.why-img .kicker,.band .kicker{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:8px 14px 8px 12px;border-radius:var(--r-pill);box-shadow:0 2px 10px rgba(10,22,40,.08)}
.band-dark .kicker,.band-dark .eyebrow,.page-hero.dark .eyebrow,body.hero-dark .page-hero .eyebrow,.founder .kicker{color:var(--gold)}
.sec-head .kicker{margin-bottom:18px}

/* ---------- type: sentence case, tighter display ---------- */
h2.title{text-transform:none;letter-spacing:-.02em;font-size:clamp(30px,3.4vw,44px);line-height:1.08}
.page-hero h1,.hero h1{text-transform:none;letter-spacing:-.02em}
/* accent spans: the character reveal wraps text in .w/.ch spans, so only the author's own span is coloured */
.page-hero h1 .w,.page-hero h1 .ch,.hero h1 .w,.hero h1 .ch,.hero2 h1 .w,.cta-band h2 .w,.cta-band h2 .ch,.quote blockquote .w,.quote blockquote .ch,.big-claim .w,.big-claim .ch,h2.title .w,h2.title .ch,.article-hero h1 .w,.blog-h2 .w{color:inherit;text-shadow:none}
.page-hero h1 > span:not(.w){text-shadow:none;color:var(--blue)}
.hero h1 > span.glow{color:var(--blue);text-shadow:none}
.cta-band h2 > span:not(.w){color:var(--glow)}
.quote blockquote > span:not(.w){color:var(--glow)}
.big-claim > span:not(.w){color:var(--blue)}
h2.title > span:not(.w).ab{color:var(--blue)} h2.title > span:not(.w).au{color:var(--gold)}
.card h4,.card.hd h4,.tier h4,.pcard h3,.split h3,.fstep h4,.member h4,.c-info h3,.layer h4,.bandc h4,.score-h,.big-claim,.cta-band h2,.job h4,.reg-card h4,.news-card h4,.tl-item h4,.member .role{text-transform:none;letter-spacing:-.01em}
.member .role{letter-spacing:.02em}
.fstep h4 span{text-shadow:none;color:var(--blue)}
.cta-band h2 > span:not(.w){text-shadow:none}
.aegis-line .ai b{color:var(--blue)}
.quote blockquote{font-weight:600}

/* ---------- interior page hero: light, photo on the right, copy on the left ---------- */
.page-hero{background:var(--off);color:var(--ink);padding:190px 0 96px;min-height:600px;display:flex;align-items:center}
.page-hero::before{content:"";position:absolute;top:0;bottom:0;left:26%;right:-8%;background:var(--hero,none) center/cover no-repeat;transform:scale(1.04);transition:transform 2.4s var(--ease)}
body.ready .page-hero::before{transform:none}
.page-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--off) 0%,var(--off) 34%,rgba(250,250,248,.9) 46%,rgba(250,250,248,.45) 58%,rgba(250,250,248,0) 74%);pointer-events:none}
.page-hero .wrap{position:relative;z-index:2;width:100%}
.page-hero h1{color:var(--ink);font-size:clamp(36px,4.6vw,62px);max-width:12em}
.page-hero .lede{color:var(--mut);max-width:26em}
.page-hero .lede a{color:var(--blue)!important}
.page-hero .ghost{display:none}
.page-hero .legal-meta-bar{color:var(--mut)}
/* dark variant */
body.hero-dark .page-hero{background:var(--dark);color:#fff}
body.hero-dark .page-hero::after{background:linear-gradient(90deg,var(--dark) 0%,var(--dark) 23%,rgba(6,11,22,.9) 34%,rgba(6,11,22,.45) 52%,rgba(6,11,22,0) 72%)}
body.hero-dark .page-hero h1{color:#fff}
body.hero-dark .page-hero h1 > span:not(.w){color:var(--glow)}
body.hero-dark .page-hero h1 .w,body.hero-dark .page-hero h1 .ch{color:inherit}
body.hero-dark .page-hero .lede{color:rgba(232,237,246,.74)}
/* no photo: compact */
body.page-legal .page-hero,body.page-opt-out .page-hero,.page-hero.plain{min-height:0;padding:170px 0 56px}
body.page-legal .page-hero::after,body.page-opt-out .page-hero::after{display:none}
/* which photo on which page (body class comes from header.php) */
body.page-about .page-hero{--hero:url(../assets/img/wide-review-room.jpg)}
body.page-platform .page-hero{--hero:url(../assets/img/lab-dark.jpg)}
body.page-developers .page-hero{--hero:url(../assets/img/buyer-light.jpg)}
body.page-pricing .page-hero{--hero:url(../assets/img/procurement.jpg)}
body.page-registry .page-hero{--hero:url(../assets/img/wide-showroom-empty.jpg)}
body.page-investors .page-hero{--hero:url(../assets/img/hero-family-dark.jpg)}
body.page-news .page-hero{--hero:url(../assets/img/clinic.jpg)}
body.page-blog .page-hero{--hero:url(../assets/img/edtech.jpg)}
body.page-careers .page-hero{--hero:url(../assets/img/wide-family.jpg)}
body.page-contact .page-hero{--hero:url(../assets/img/thumb-handshake.jpg)}
body.page-faq .page-hero{--hero:url(../assets/img/wide-showroom-empty.jpg)}

/* article hero (news and blog posts keep their own cover photo) */
.article-hero h1{letter-spacing:-.02em}
.article-hero .cat{color:var(--gold);background:rgba(6,11,22,.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}

/* ---------- decorative backgrounds retired (markup untouched) ---------- */
.bg-orbs::before,.bg-orbs::after,.bg-diag::before,.bg-ghost::before,.beam,.rings,.pulse,.hero::before,.chead::before,.readout::after{display:none}
.bg-dots,.bg-blueprint,.flow-sec{background-image:none;animation:none;background-color:var(--off)}
.bg-diag{background:#fff}
.bg-dots{background-color:#fff}

/* ---------- cards and blocks: white, people photos in colour ---------- */
.fstep{background:#fff;border:1px solid var(--line-l);box-shadow:none;padding:0;overflow:hidden;display:flex;flex-direction:column}
.fstep:hover{border-color:rgba(26,95,212,.35);box-shadow:0 24px 50px rgba(10,22,40,.12)}
.fstep .ph{aspect-ratio:3/2;overflow:hidden}
.fstep .ph img{width:100%;height:100%;object-fit:cover}
.fstep .tx{padding:26px 28px 30px}
.fstep > .fnum,.fstep > h4,.fstep > p{margin-left:30px;margin-right:30px}
.fstep > .fnum{margin-top:34px}
.fstep > p:last-child{margin-bottom:34px}
.fstep .fnum{color:var(--gold-ink)}
.fstep h4{color:var(--ink);font-size:22px}
.fstep p{color:var(--mut);font-size:15.5px}
.fconn{background:rgba(26,95,212,.3)}
.fconn::after{border-color:rgba(26,95,212,.65)}
@media(prefers-reduced-motion:reduce){.fconn i{display:none}}
.card.dk{background:#fff;border-color:var(--line-l)}
.card.dk:hover{border-color:rgba(26,95,212,.35);box-shadow:0 24px 50px rgba(10,22,40,.12)}
.card.dk h4{color:var(--ink)}
.card.dk p{color:var(--mut)}
.card .th{aspect-ratio:1/1;overflow:hidden;margin:-34px -30px 22px}
.card .th img{width:100%;height:100%;object-fit:cover}
.card .mono-tag{color:var(--gold-ink)}
.chead{background:#F1F4F9}
.chead .num{color:var(--gold-ink)}
.chead svg{stroke:var(--blue);filter:none}
.chead.photo::after{background:linear-gradient(160deg,rgba(10,22,40,.35),rgba(10,22,40,.1))}
.chead-img{filter:none}
.member .ph{filter:none}
.tier .tn{color:var(--gold-ink)}
.tier .pr{color:var(--blue)}
.tier .hook{color:var(--mut)}
.tier.feat .tn{color:var(--gold)}
.tier.feat .pr{color:var(--glow)}
.tier.feat .hook{color:#fff}
.pcard .tn{color:var(--gold-ink)}
.pcard.feat .tn{color:var(--gold)}
.reg-card .meta,.tl-item .yr,.job-meta-line,.reg-card .sample{color:var(--gold-ink)}
.reg-card .sample{border-color:var(--gold-ink)}
.news-card .nh{background:#F1F4F9}
.news-card .nh .cat{color:var(--gold-ink)}
.news-card .nh .dt{color:var(--mut)}
.layer::before{color:rgba(26,95,212,.18)}
.split{align-items:center}

/* photo block (used on the home page and available to any page) */
.photo{border-radius:var(--r-card);overflow:hidden;position:relative}
.photo img{width:100%;height:100%;object-fit:cover}
.photo .cap{position:absolute;left:18px;bottom:18px;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#fff;background:rgba(10,22,40,.72);padding:8px 12px;border-radius:8px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}

/* readout: light card variant (home) */
.readout.light-card{background:#fff;border:1px solid var(--line-l);box-shadow:0 30px 60px rgba(10,22,40,.14);padding:26px 28px;font-family:var(--mono)}
.readout.light-card .rhead span{color:var(--mut)}
.readout.light-card .grade .glabel{color:var(--ink);text-shadow:none;font-size:13px;letter-spacing:.14em}
.readout.light-card .grade .gval{color:var(--blue);text-shadow:none;font-size:46px}
.readout.light-card .grade-sub{margin-top:4px;margin-bottom:12px}
.readout.light-card .prow label{color:var(--ink);width:120px}
.readout.light-card .track{background:rgba(10,22,40,.08)}
.readout.light-card .val{color:var(--ink)}
.readout.light-card .rfoot{color:var(--mut);border-top:0;padding-top:0;margin-top:16px;text-transform:none;letter-spacing:.06em}

/* ---------- dark bands: founder band on the seven light pillars, CTA bands on a photo ---------- */
.band-dark{background:#060B16 url(../assets/img/pillars-bg.jpg) center/cover no-repeat}
.band-dark::before{display:block;background:linear-gradient(90deg,rgba(6,11,22,.96) 0%,rgba(6,11,22,.85) 45%,rgba(6,11,22,.25) 100%)}
.band-dark.cta-band{background-image:var(--cta,url(../assets/img/hero-family-dark.jpg));text-align:left;padding:120px 0}
.band-dark.cta-band::before{background:linear-gradient(90deg,rgba(10,22,40,.95),rgba(10,22,40,.7) 55%,rgba(10,22,40,.3))}
.cta-band h2{font-size:clamp(32px,4.2vw,52px);letter-spacing:-.02em}
.cta-band h2 > span:not(.w),.cta-band h2 > .ab{color:var(--glow)}
.cta-band p{margin-left:0;margin-right:0}
.cta-band p.cta-oneline{white-space:normal;max-width:38em}
.cta-band .hero-actions{justify-content:flex-start}
.founder .wrap{display:grid;grid-template-columns:260px 1fr;gap:56px;align-items:center}
.founder .pic{width:240px;height:240px;border-radius:50%;overflow:hidden;border:3px solid rgba(61,127,245,.6);box-shadow:0 0 0 12px rgba(61,127,245,.12),0 0 60px rgba(61,127,245,.35)}
.founder .pic img{width:100%;height:100%;object-fit:cover;filter:grayscale(.15)}
.founder .quote{max-width:none}

/* ---------- home page sections ---------- */
.hero2{position:relative;min-height:860px;display:flex;align-items:center;overflow:hidden;background:var(--off);color:var(--ink)}
.hero2 .bg{position:absolute;top:0;bottom:0;left:30%;right:-8%;background:url(../assets/img/hero-family-light.jpg) center/cover no-repeat;transform:scale(1.04);transition:transform 2.4s var(--ease)}
body.ready .hero2 .bg{transform:none}
.hero2 .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(250,250,248,1) 0%,rgba(250,250,248,1) 34%,rgba(250,250,248,.9) 46%,rgba(250,250,248,.45) 58%,rgba(250,250,248,0) 74%)}
.hero2 .wrap{position:relative;padding-top:120px;padding-bottom:80px;width:100%}
.hero2 h1{font-family:var(--disp);font-weight:800;font-size:clamp(40px,5vw,72px);line-height:1.02;letter-spacing:-.02em;color:var(--navy);max-width:11em}
.hero2 h1 .ab{color:var(--blue)}
.hero2 .lede{margin-top:26px;font-size:19px;line-height:1.65;color:var(--mut);max-width:25em}
.hero2 .glass{position:absolute;right:32px;bottom:56px;z-index:2;background:rgba(255,255,255,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.8);border-radius:16px;padding:18px 22px;box-shadow:0 20px 50px rgba(10,22,40,.15);display:flex;gap:18px;align-items:center}
.hero2 .glass img{width:76px}
.hero2 .glass .t{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--mut)}
.hero2 .glass .t.g{color:var(--gold-ink)}
.hero2 .glass .v{font-family:var(--disp);font-size:30px;font-weight:800;color:var(--navy);line-height:1.1}
.hero2 .glass .v span{color:var(--blue)}
.score-band{background:#fff;border-top:1px solid var(--line-l);border-bottom:1px solid var(--line-l)}
.score-band .wrap{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding-top:80px;padding-bottom:80px}
.score-band h2.title{font-size:38px}
.score-band .sub{margin-top:16px;font-size:18px;color:var(--mut);max-width:40em}
.stats{display:flex;gap:48px;margin-top:40px}
.stat .n{font-family:var(--disp);font-size:34px;font-weight:800;color:var(--blue);line-height:1}
.stat .l{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--mut);margin-top:6px}
.steps-img{position:relative;overflow:hidden}
.steps-img .bg{position:absolute;inset:0;background:url(../assets/img/wide-review-room.jpg) center 30%/cover no-repeat}
.steps-img .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(250,250,248,.96) 0%,rgba(250,250,248,.9) 40%,rgba(250,250,248,.72) 100%),linear-gradient(0deg,rgba(250,250,248,1) 0%,rgba(250,250,248,0) 35%)}
.steps-img .wrap{position:relative;z-index:2}
.steps-img .fstep{box-shadow:0 18px 44px rgba(10,22,40,.10)}
.why-img{position:relative;background:var(--off)}
.why-img .hero-img{position:relative;height:470px;overflow:hidden}
.why-img .hero-img .bg{position:absolute;inset:0;background:url(../assets/img/wide-showroom-empty.jpg) center/cover no-repeat}
.why-img .hero-img .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(250,250,248,.72) 0%,rgba(250,250,248,.55) 36%,rgba(250,250,248,.1) 60%,rgba(250,250,248,0) 80%),linear-gradient(0deg,rgba(250,250,248,1) 0%,rgba(250,250,248,0) 26%)}
.why-img .hero-img .wrap{position:relative;height:100%;display:flex;align-items:center;justify-content:flex-start;padding-bottom:165px}
.why-img .hero-img .sec-head{max-width:640px;margin:0;text-align:left}
.why-img .cards{position:relative;margin-top:-165px;padding-bottom:100px}
.why-img .card{box-shadow:0 20px 50px rgba(10,22,40,.12);padding:0;overflow:hidden}
.why-img .card .th{margin:0}
.why-img .card .tx{padding:22px 22px 26px}
.band{position:relative;overflow:hidden;color:var(--ink);min-height:620px;display:flex;align-items:center}
.band .bg{position:absolute;inset:0;background-size:cover;background-position:center}
.band .shade{position:absolute;inset:0}
.band .wrap{position:relative;width:100%}
.band .copy{max-width:520px}
.band.ind-band{min-height:880px;align-items:flex-start;padding-top:80px}
.band.ind-band .bg{background-image:url(../assets/img/wide-family.jpg);background-position:center 80%}
.band.ind-band .shade{background:linear-gradient(180deg,rgba(250,250,248,.96) 0%,rgba(250,250,248,.8) 38%,rgba(250,250,248,0) 62%)}
.band.ind-band .inds{margin-top:28px;max-width:760px}

/* ---------- motion (Hazel style): character reveal, fade up, staggered groups ---------- */
.rv,.rv-l,.rv-r,.rv-s{transition:opacity .8s var(--ease),transform .8s var(--ease)}
.rv-l{transform:translateY(26px)}
.rv-r{transform:translateY(26px)}
.rv-txt .ch{display:inline-block;opacity:0;transform:translate3d(0,.2em,0);transition:opacity .34s ease-out,transform .42s var(--ease);backface-visibility:hidden}
.rv-txt.in .ch{opacity:1;transform:translate3d(0,0,0)}
.rv-txt .w{display:inline-block;white-space:nowrap}
.rv-up{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.rv-up.in{opacity:1;transform:none}
.rv-img{opacity:0;transform:translateY(22px) scale(1.03);transition:opacity .9s var(--ease),transform 1.1s var(--ease)}
.rv-img.in{opacity:1;transform:none}
.rv-group>*{opacity:0;transform:translateY(26px);transition:opacity .75s var(--ease),transform .75s var(--ease)}
.rv-group.in>*{opacity:1;transform:none}
.rule i{transition:width .7s var(--ease) .25s}
.readout .fill{transition:width 1.1s var(--ease)}
html.static .rv,html.static .rv-l,html.static .rv-r,html.static .rv-s,html.static .rv-txt .ch,html.static .rv-up,html.static .rv-img,html.static .rv-group>*,html.static .hero2 .bg,html.static .page-hero::before{opacity:1;transform:none;transition:none}
html.static .rule i{width:64px}
@media (prefers-reduced-motion:reduce){
  .preload{display:none}
  .rv-txt .ch,.rv-up,.rv-img,.rv-group>*{opacity:1;transform:none;transition:none}
}

/* ---------- responsive for the new blocks ---------- */
@media(max-width:1080px){
  .founder .wrap{grid-template-columns:1fr;gap:34px}
  .why-img .cards .grid.c4{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .hero2{min-height:0;display:block}
  .hero2 .bg{position:relative;left:0;right:0;height:380px;transform:none}
  .hero2 .shade{display:none}
  .hero2 .wrap{padding-top:40px;padding-bottom:36px}
  .hero2 .glass{position:relative;right:auto;bottom:auto;display:flex;width:calc(100% - 40px);max-width:480px;margin:0 auto 56px;box-sizing:border-box}
  .score-band .wrap{grid-template-columns:1fr;gap:40px}
  .page-hero{min-height:0;padding:150px 0 64px}
  /* phones and tablets: the hero photo becomes a full-color band under the header, copy sits below it */
  .page-hero{padding-top:calc(84px + 300px + 28px)}
  .page-hero::before{top:84px;bottom:auto;left:0;right:0;height:300px;opacity:1}
  .page-hero::after{top:84px;bottom:auto;height:300px;background:linear-gradient(180deg,rgba(250,250,248,0) 62%,var(--off) 100%)}
  body.hero-dark .page-hero::after{background:linear-gradient(180deg,rgba(6,11,22,0) 62%,var(--dark) 100%)}
  body.page-legal .page-hero,body.page-opt-out .page-hero{padding-top:150px}
  .why-img .hero-img{height:auto;padding:80px 0 0}
  .why-img .hero-img .wrap{padding-bottom:40px}
  .why-img .cards{margin-top:0;padding-bottom:64px}
  .band.ind-band{min-height:0;padding:80px 0 420px}
  .steps-img .shade{background:rgba(250,250,248,.92)}
}
@media(max-width:560px){
  .why-img .cards .grid.c4{grid-template-columns:1fr}
  .stats{gap:28px;flex-wrap:wrap}
  .hero2 h1{font-size:40px}
  .hero2 .glass{padding:16px 18px;gap:14px}
  .hero2 .glass img{width:60px;flex:0 0 auto}
  .hero2 .glass .t{font-size:9px;letter-spacing:.07em;white-space:nowrap}
  .hero2 .glass .v{font-size:24px}
}

/* Closing band photo per page (varies the final section) */
body.page-about .cta-band,body.page-pricing .cta-band,body.page-careers .cta-band{--cta:url(../assets/img/cta-mother-daughter.jpg)}
body.page-developers .cta-band,body.page-investors .cta-band,body.page-faq .cta-band{--cta:url(../assets/img/cta-generations.jpg)}

/* Platform: photo header on each What's Live card */
.card .th.wide{aspect-ratio:3/2;margin:-34px -30px 22px;border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0}

/* Score card rollover: same lift, shadow and blue edge as the age marks */
.score-frame.settled{transition:transform .25s,box-shadow .25s,border-color .25s}
.score-frame.settled:hover,.score-frame:hover{transform:translateY(-6px);box-shadow:0 18px 44px rgba(10,22,40,.15);border-color:rgba(26,95,212,.45)}

/* Pricing: certification bands as a spectrum */
.spec{position:relative;margin-top:16px}
.spec .axis{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--mut);margin-bottom:14px}
.spec .line{height:6px;border-radius:3px;background:linear-gradient(90deg,#9DC0F2,var(--blue) 50%,var(--gold))}
.spec .pts{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:-5px}
.spec .pt{position:relative;padding-top:36px;display:flex;flex-direction:column}
.spec .pt p{flex:1}
.spec .pt::before{content:"";position:absolute;top:-6px;left:0;width:16px;height:16px;border-radius:50%;background:#fff;border:4px solid var(--blue);box-shadow:0 0 0 4px rgba(26,95,212,.15)}
.spec .pt.g::before{border-color:var(--gold);box-shadow:0 0 0 4px rgba(201,162,75,.2)}
.spec .rng{font-family:var(--disp);font-weight:800;font-size:34px;color:var(--ink);line-height:1}
.spec .pt.g .rng{color:var(--gold-ink)}
.spec h4{font-family:var(--disp);font-size:15px;font-weight:700;color:var(--blue);margin:10px 0 10px}
.spec .pt.g h4{color:var(--gold-ink)}
.spec p{font-size:14px;color:var(--mut)}
.spec .ph{margin-top:22px;aspect-ratio:3/1.6;border-radius:14px;overflow:hidden;box-shadow:0 14px 34px rgba(10,22,40,.12)}
.spec .ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.spec .pt:hover .ph img{transform:scale(1.04)}
@media(max-width:900px){
  .spec .axis,.spec .line{display:none}
  .spec .pts{grid-template-columns:1fr;gap:34px;margin-top:0;padding-left:30px;border-left:3px solid rgba(26,95,212,.25)}
  .spec .pt{padding-top:0}
  .spec .pt::before{top:6px;left:-40px}
}

/* Phone header: solid bar so the logo and menu read over hero photos */
@media(max-width:1000px){
  .site-header{background:rgba(250,250,248,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(10,22,40,.08)}
  body.hero-dark .site-header:not(.stuck) .brand img{content:url(../assets/logo-03.png)}
  body.hero-dark .site-header:not(.stuck) .nav-toggle span{background:var(--navy)}
  body.hero-dark .site-header:not(.stuck) .header-cta{background:var(--navy);color:#fff}
  .hero2 .bg{margin-top:84px}
}

@media(max-width:560px){
  .page-hero{padding-top:calc(84px + 230px + 24px)}
  .page-hero::before,.page-hero::after{height:230px}
  body.page-legal .page-hero,body.page-opt-out .page-hero{padding-top:130px}
}

/* Pricing: light blue photo behind the certification bands */
.bands-sec{background:#EEF4FB url(../assets/img/bands-bg.jpg) center/cover no-repeat}
.bands-sec::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(244,248,253,.7),rgba(244,248,253,.25) 60%,rgba(244,248,253,0));pointer-events:none}
.bands-sec .wrap{position:relative}
.bands-sec .spec .pt::before{background:#F4F8FD}

/* About: operating principles */
.principles-sec{background:linear-gradient(180deg,#fff 0%,#F3F7FC 100%)}
.principles{gap:24px}
.principles .card.hd{border:1px solid rgba(10,22,40,.08);border-radius:20px;box-shadow:0 14px 36px rgba(10,22,40,.07);transition:transform .3s,box-shadow .3s,border-color .3s;background:#fff}
.principles .card.hd:hover{transform:translateY(-8px);box-shadow:0 26px 60px rgba(10,22,40,.14);border-color:rgba(26,95,212,.4)}
.principles .chead.photo{min-height:0;aspect-ratio:4/3;padding:0;overflow:hidden;align-items:flex-end;justify-content:flex-start}
.principles .chead-img{transition:transform .8s var(--ease)}
.principles .card.hd:hover .chead-img{transform:scale(1.06)}
.principles .chead.photo::after{background:linear-gradient(180deg,rgba(10,22,40,0) 50%,rgba(10,22,40,.55) 100%)}
.principles .pnum{position:relative;z-index:2;margin:0 0 16px 20px;font-family:var(--disp);font-weight:800;font-size:40px;line-height:1;color:#fff;letter-spacing:-.02em;text-shadow:0 2px 14px rgba(6,11,22,.45)}
.principles .cbody{padding:24px 24px 28px}
.principles .card.hd h4{font-size:18px;margin-bottom:0}
.principles .card.hd h4::after{content:"";display:block;width:32px;height:3px;border-radius:2px;background:var(--gold);margin:14px 0 14px;transition:width .3s}
.principles .card.hd:hover h4::after{width:56px}
.principles .card.hd p{font-size:14.5px}

/* Preloader: the logo shield with a light travelling around its outline */
.preload img{width:auto;opacity:1;animation:none}
.pl-shield{position:relative;width:62px;aspect-ratio:200/228;animation:plbreathe 2.2s ease-in-out infinite;filter:drop-shadow(0 8px 18px rgba(10,22,40,.18))}
.pl-shield img{display:block;width:100%;height:100%}
.pl-shine{position:absolute;inset:0;overflow:hidden;-webkit-mask:url(data:image/png;base64,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) center/100% 100% no-repeat;mask:url(data:image/png;base64,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) center/100% 100% no-repeat}
.pl-shine::before{content:"";position:absolute;left:50%;top:50%;width:200%;height:200%;margin:-100% 0 0 -100%;background:conic-gradient(from 0deg,rgba(255,255,255,0) 0deg,rgba(255,255,255,0) 250deg,rgba(61,127,245,.55) 300deg,#CFE1FF 340deg,#fff 352deg,rgba(255,255,255,0) 360deg);animation:plspin 1.3s linear infinite}
@keyframes plspin{to{transform:rotate(360deg)}}
@keyframes plbreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
@media(prefers-reduced-motion:reduce){.pl-shine::before,.pl-shield{animation:none}}

/* Load motion: fades only, no zoom. Scaling large photos made them visibly step in size while loading. */
.page-hero::before,body.ready .page-hero::before{transform:none;transition:none}
.hero2 .bg,body.ready .hero2 .bg{transform:none;transition:none}
.rv-img{transform:translateY(16px)}
.rv-img.in{transform:none}

/* Legal pages: half the space above and below the title */
body.page-legal .page-hero{padding-top:127px;padding-bottom:32px!important}
body.page-legal .legal-layout{padding-top:40px}
@media(max-width:900px){body.page-legal .page-hero{padding-top:117px}body.page-legal .legal-layout{padding-top:28px}}
@media(max-width:560px){body.page-legal .page-hero{padding-top:107px}}

/* No size changes while loading: the shield glows instead of breathing, and the last scale reveal is a plain rise */
@keyframes plglow{0%,100%{filter:drop-shadow(0 8px 18px rgba(10,22,40,.16))}50%{filter:drop-shadow(0 8px 22px rgba(61,127,245,.42))}}
.pl-shield{animation:plglow 2.2s ease-in-out infinite;transform:none}
.preload.done .pl-shield{opacity:0;transition:opacity .18s ease}
.rv-s{transform:translateY(16px)}
.rv-s.in{transform:none}
@media(prefers-reduced-motion:reduce){.pl-shield{animation:none}}

/* Legal pages: 40% less space between the dates line and the content */
body.page-legal .page-hero{padding-bottom:20px!important}
body.page-legal .legal-layout{padding-top:24px}
@media(max-width:900px){body.page-legal .legal-layout{padding-top:17px}}

/* Hero score pill cycles through the five A.E.G.I.S. tiers */
.tiercycle .tc-seal,.tiercycle .tc-body{transition:opacity .45s ease}
.tiercycle.swap .tc-seal,.tiercycle.swap .tc-body{opacity:0}
.tiercycle .v .tc-grade{transition:color .45s ease}
.tiercycle[data-tier="5"] .v .tc-grade{color:#0D6B2B}
.tiercycle[data-tier="4"] .v .tc-grade{color:#2F8A24}
.tiercycle[data-tier="3"] .v .tc-grade{color:#B9770E}
.tiercycle[data-tier="2"] .v .tc-grade{color:#D2511A}
.tiercycle[data-tier="1"] .v .tc-grade{color:#C01B24}

/* Header 20% shorter: 84px to 67px */
.site-header .hwrap{height:67px}
@media(max-width:1000px){
  .main-nav{top:67px}
  .site-header.has-announce .main-nav{top:calc(67px + var(--announce-h,0px))}
}
@media(max-width:900px){
  .page-hero{padding-top:calc(67px + 300px + 28px)}
  .page-hero::before{top:67px}
  .page-hero::after{top:67px}
  .hero2 .bg{margin-top:67px}
}
@media(max-width:560px){.page-hero{padding-top:calc(67px + 230px + 24px)}}
body.page-legal .page-hero{padding-top:110px}
@media(max-width:900px){body.page-legal .page-hero{padding-top:100px}}
@media(max-width:560px){body.page-legal .page-hero{padding-top:90px}}

/* Hero stats: number centered over its label (label padding offsets the trailing letter space) */
.stat{text-align:center}
.stat .l{padding-left:.2em}

/* A.E.G.I.S. pillar explorer: list on the left, detail panel on the right */
.px{display:grid;grid-template-columns:360px 1fr;margin-top:8px;border:1px solid var(--line-l);border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 24px 60px rgba(10,22,40,.08)}
.px-list{display:flex;flex-direction:column;gap:2px;padding:12px;border-right:1px solid var(--line-l);background:#FAFBFD}
.px-tab{display:flex;align-items:center;gap:14px;width:100%;padding:13px 14px;border:0;border-radius:12px;background:none;cursor:pointer;text-align:left;font-family:var(--disp);font-size:15px;font-weight:600;color:var(--mut);transition:background .25s,color .25s,box-shadow .25s}
.px-tab i{flex:none;width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:var(--pc);color:#fff;font-style:normal;font-weight:800;font-size:13px;opacity:.5;transition:opacity .25s}
.px-tab span{flex:1}
.px-tab em{font-style:normal;font-family:var(--mono);font-size:10px;letter-spacing:.15em;color:rgba(90,102,120,.6)}
.px-tab:hover{color:var(--ink)}.px-tab:hover i{opacity:.85}
.px-tab.on{background:#fff;color:var(--ink);box-shadow:0 6px 18px rgba(10,22,40,.08)}.px-tab.on i{opacity:1}
.px-tab:focus-visible{outline:2px solid var(--pc);outline-offset:2px}
.px-stage{position:relative;display:grid;padding:44px 48px 64px}
.px-panel{grid-area:1/1;display:grid;grid-template-columns:1fr 300px;gap:40px;align-items:center;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility .45s}
.px-panel.on{opacity:1;visibility:visible}
.px-copy small{font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--pc)}
.px-copy h3{font-family:var(--disp);font-size:34px;font-weight:800;margin:10px 0 14px;color:var(--ink);line-height:1.1}
.px-q{font-family:var(--disp);font-size:19px;font-weight:600;line-height:1.45;color:var(--pc);margin-bottom:14px}
.px-copy p{color:var(--mut);font-size:15.5px;line-height:1.65;margin:0}
.px-ph{border-radius:16px;overflow:hidden;aspect-ratio:3/4;background:#E9EEF6}.px-ph img{width:100%;height:100%;object-fit:cover;display:block}
.px-bar{position:absolute;left:48px;bottom:30px;display:flex;gap:6px;width:calc(100% - 96px - 340px)}
.px-bar span{position:relative;height:4px;flex:1;border-radius:2px;background:rgba(10,22,40,.08);overflow:hidden}
.px-bar span::after{content:"";position:absolute;inset:0;background:var(--pc,var(--blue));transform-origin:left;transform:scaleX(0)}
.px-bar span.done::after{transform:scaleX(1)}
.px-bar span.run::after{animation:pxfill var(--pxdur,6.5s) linear forwards}
.px.paused .px-bar span.run::after{animation-play-state:paused}
@keyframes pxfill{to{transform:scaleX(1)}}
@media(max-width:1100px){.px{grid-template-columns:300px 1fr}.px-panel{grid-template-columns:1fr 240px;gap:28px}.px-stage{padding:36px 34px 60px}.px-bar{left:34px;width:calc(100% - 68px - 268px)}}
@media(max-width:900px){
  .px{grid-template-columns:1fr}
  .px-list{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line-l);scrollbar-width:none;padding:10px}
  .px-list::-webkit-scrollbar{display:none}
  .px-tab{flex:none;width:auto;padding:10px 14px;font-size:13.5px}.px-tab em{display:none}
  .px-stage{padding:26px 22px 48px}
  .px-panel{grid-template-columns:1fr;gap:22px;align-items:start}
  .px-ph{order:-1;aspect-ratio:4/3}
  .px-copy h3{font-size:28px}.px-q{font-size:17px}
  .px-bar{left:22px;bottom:22px;width:calc(100% - 44px)}
}
@media(prefers-reduced-motion:reduce){.px-panel{transition:none}.px-bar span.run::after{animation:none;transform:scaleX(1)}}

/* Grade modifiers: lift + and - to the centre of the capital letter */
.tc-grade .gm{display:inline-block;transform:translateY(-.083em)}
.tc-grade .gm.minus{transform:translateY(-.067em)}
.tiercycle .v .tc-grade .gm{color:inherit}
.readout .grade .gval .gm{display:inline-block;transform:translateY(-.083em);color:inherit}

/* Contact form sending state (js/contact-form.js): the page loader's shield, in the form */
.cf-sending{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:320px;text-align:center}
.cf-sending[hidden],.cf-done[hidden],.form-error-msg[hidden],#contact-form[hidden]{display:none}
.cf-sending p{color:var(--mut);font-size:15px;margin:0}
#contact-box{scroll-margin-top:110px}
#contact-box.cf-state{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}

/* ---- Twelve languages (includes/i18n.php, Payam 2026-10-28) ---------------------------
   The language selector is ShowcaseVideos.ai's: a globe and a native <select> drawn as a
   quiet pill (phones open their own picker). One in the nav bar, one in the footer. */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header .hwrap .main-nav{margin-left:auto}
.lang-switch{display:inline-flex;align-items:center;gap:4px;position:relative;width:auto;flex:none}
.lang-switch-label{display:inline-flex;align-items:center;line-height:0;margin:0;padding:0;color:inherit;opacity:.75;cursor:pointer}
.lang-switch-ico{display:block}
.lang-switch-select{appearance:none;-webkit-appearance:none;background:transparent;border:1px solid transparent;border-radius:999px;color:inherit;font:inherit;line-height:1.2;padding:6px 22px 6px 6px;margin:0;cursor:pointer;max-width:150px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M3 4.5l3 3 3-3' fill='none' stroke='%23888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat:no-repeat;background-position:right 7px center;background-size:10px}
.lang-switch-select:hover{border-color:var(--line-l)}
.lang-switch-select:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.lang-switch-select option{color:var(--navy);background:#fff}
.lang-switch.is-busy{opacity:.55;pointer-events:none}
.lang-switch-nav{margin-left:auto;font-family:var(--disp);font-size:12.5px;font-weight:600;letter-spacing:.04em;color:rgba(10,22,40,.75)}
body.hero-dark .site-header:not(.stuck) .lang-switch-nav{color:rgba(232,237,246,.85)}
body.hero-dark .site-header:not(.stuck) .lang-switch-select:hover{border-color:rgba(232,237,246,.25)}
.lang-switch-footer{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:rgba(232,237,246,.55)}
.lang-switch-footer .lang-switch-select:hover{border-color:rgba(232,237,246,.18)}
@media(max-width:1000px){
  .lang-switch-nav,body.hero-dark .site-header:not(.stuck) .lang-switch-nav{color:var(--navy);font-size:13px}
  .lang-switch-nav .lang-switch-select{max-width:120px}
}

/* A pillar, tier or A.E.G.I.S. name keeps its English; its translation sits underneath. */
.i18n-sub{display:block;font-family:var(--body);font-size:max(11px,.62em);font-weight:400;letter-spacing:0;text-transform:none;line-height:1.3;opacity:.72;margin-top:.2em;white-space:normal}

/* Translated legal pages: the English version governs. */
.i18n-legal-note{max-width:760px;margin:16px 0 0;padding:11px 16px;border-left:3px solid var(--blue);border-radius:8px;background:rgba(26,95,212,.06);font-size:13.5px;line-height:1.55;color:var(--mut)}
.i18n-legal-note a{color:var(--blue);font-weight:700;text-decoration:none;margin-left:4px}

/* Right to left (Arabic). Flex and grid mirror themselves under dir=rtl; this covers what does not. */
[dir="rtl"] body{text-align:right}
[dir="rtl"] .lang-switch-select{padding:6px 6px 6px 22px;background-position:left 7px center}
[dir="rtl"] .site-header .hwrap .main-nav{margin-left:0;margin-right:auto}
[dir="rtl"] .lang-switch-nav{margin-left:0;margin-right:auto}
[dir="rtl"] .i18n-legal-note{border-left:0;border-right:3px solid var(--blue)}
[dir="rtl"] .f-bottom .legal a{margin-left:0;margin-right:22px}
.main-nav a{white-space:nowrap}

/* Right to left, desktop: the hero photos and their fades swap sides, and so does the score pill. */
@media(min-width:901px){
  [dir="rtl"] .hero2 .bg{left:-8%;right:30%}
  [dir="rtl"] .hero2 .shade{background:linear-gradient(270deg,rgba(250,250,248,1) 0%,rgba(250,250,248,1) 34%,rgba(250,250,248,.9) 46%,rgba(250,250,248,.45) 58%,rgba(250,250,248,0) 74%)}
  [dir="rtl"] .page-hero::before{left:-8%;right:26%}
  [dir="rtl"] .page-hero::after{background:linear-gradient(270deg,var(--off) 0%,var(--off) 34%,rgba(250,250,248,.9) 46%,rgba(250,250,248,.45) 58%,rgba(250,250,248,0) 74%)}
  [dir="rtl"] body.hero-dark .page-hero::after{background:linear-gradient(270deg,var(--dark) 0%,var(--dark) 23%,rgba(6,11,22,.9) 34%,rgba(6,11,22,.45) 52%,rgba(6,11,22,0) 72%)}
  [dir="rtl"] .hero2 .glass{right:auto;left:32px}
}

/* Grades stay left to right inside Arabic text ("A+", not "+A"). */
[dir="rtl"] .tc-grade,[dir="rtl"] .readout .grade .gval{unicode-bidi:isolate;direction:ltr;display:inline-block}

/* Translated nav labels run longer than English: the logo never shrinks, and the links sit a little closer. */
.site-header .brand{flex:none}
html:not([lang="en"]) .main-nav{gap:22px}
html:not([lang="en"]) .main-nav a{letter-spacing:.06em}
@media(min-width:1001px) and (max-width:1280px){html:not([lang="en"]) .main-nav{gap:16px}html:not([lang="en"]) .main-nav a{font-size:11.5px}}