/* VARQO V23.0 — MASTER EXPERIENCE SYSTEM
   One visual contract across Public, My VARQO and Operations.
   Functional ownership stays in the existing runtimes/APIs. */

html[data-varqo-master="v23"]{
  --vq-navy-950:#04141f;
  --vq-navy-900:#071d2d;
  --vq-navy-850:#082639;
  --vq-navy-800:#0b3045;
  --vq-ink:#071d2d;
  --vq-orange:#fb5900;
  --vq-orange-soft:#ff8c55;
  --vq-paper:#fffdf9;
  --vq-cream:#f4efe8;
  --vq-mist:#eef2f3;
  --vq-line:rgba(7,29,45,.12);
  --vq-line-dark:rgba(255,255,255,.10);
  --vq-muted:#6f818b;
  --vq-muted-dark:#93a7b2;
  --vq-green:#50cfa3;
  --vq-cyan:#4cccf4;
  --vq-violet:#9b87f5;
  --vq-magenta:#d77ee5;
  --vq-amber:#f0b55a;
  --vq-red:#e66f61;
  --vq-radius-xs:10px;
  --vq-radius-sm:14px;
  --vq-radius-md:20px;
  --vq-radius-lg:28px;
  --vq-radius-xl:36px;
  --vq-shadow-xs:0 8px 22px rgba(5,25,37,.07);
  --vq-shadow-sm:0 18px 46px rgba(5,25,37,.10);
  --vq-shadow-md:0 30px 80px rgba(5,25,37,.14);
  --vq-shadow-dark:0 36px 100px rgba(0,8,14,.34);
  --vq-ease:cubic-bezier(.2,.78,.18,1);
  --vq-fast:160ms;
  --vq-normal:240ms;
  color-scheme:light;
}

html[data-varqo-master="v23"] *,
html[data-varqo-master="v23"] *::before,
html[data-varqo-master="v23"] *::after{box-sizing:border-box}
html[data-varqo-master="v23"]{scroll-behavior:smooth;text-rendering:optimizeLegibility}
html[data-varqo-master="v23"] body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
html[data-varqo-master="v23"] ::selection{background:rgba(251,89,0,.20);color:inherit}
html[data-varqo-master="v23"] :focus-visible{outline:2px solid var(--vq-orange);outline-offset:3px}
html[data-varqo-master="v23"] button,
html[data-varqo-master="v23"] a,
html[data-varqo-master="v23"] input,
html[data-varqo-master="v23"] select,
html[data-varqo-master="v23"] textarea{transition:border-color var(--vq-fast) ease,background-color var(--vq-fast) ease,color var(--vq-fast) ease,transform var(--vq-fast) var(--vq-ease),box-shadow var(--vq-fast) ease}
html[data-varqo-master="v23"] button:disabled{cursor:not-allowed}

/* ---------------------------------------------------------------
   PUBLIC HEADER — one stable visual rhythm on every public route
   --------------------------------------------------------------- */
html[data-varqo-master="v23"] .vqh{
  height:72px;
  background:rgba(5,27,41,.96);
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:0 10px 34px rgba(0,13,22,.14);
  backdrop-filter:blur(20px) saturate(125%);
}
html[data-varqo-master="v23"] .vqh-inner{width:min(1440px,calc(100% - 48px));gap:30px}
html[data-varqo-master="v23"] .vqh-brand{gap:11px}
html[data-varqo-master="v23"] .vqh-brand svg{width:35px;height:34px}
html[data-varqo-master="v23"] .vqh-word{font-size:17px;letter-spacing:.245em}
html[data-varqo-master="v23"] .vqh-system{letter-spacing:.16em;color:rgba(255,255,255,.38)}
html[data-varqo-master="v23"] .vqh-nav{gap:2px}
html[data-varqo-master="v23"] .vqh-nav>a,
html[data-varqo-master="v23"] .vqh-pop>summary{padding:11px 10px;font-size:10.5px;letter-spacing:.01em;color:rgba(255,255,255,.66)}
html[data-varqo-master="v23"] .vqh-nav>a.active,
html[data-varqo-master="v23"] .vqh-pop.active>summary{color:#fff}
html[data-varqo-master="v23"] .vqh-pop-menu,
html[data-varqo-master="v23"] .vqh-lang-menu{
  top:calc(100% + 12px);
  padding:9px;
  border-radius:16px;
  background:rgba(7,34,51,.985);
  border-color:rgba(255,255,255,.11);
  box-shadow:0 26px 70px rgba(0,8,14,.34);
}
html[data-varqo-master="v23"] .vqh-pop-menu a,
html[data-varqo-master="v23"] .vqh-lang-menu a{border-radius:11px}
html[data-varqo-master="v23"] .vqh-tools{gap:8px}
html[data-varqo-master="v23"] .vqh-lang>summary,
html[data-varqo-master="v23"] .vqh-member{height:40px;border-radius:10px}
html[data-varqo-master="v23"] .vqh-member{background:rgba(255,255,255,.025)}
html[data-varqo-master="v23"] .vqh-member:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.24)}
html[data-varqo-master="v23"] .vqh-finder{
  min-height:40px;
  border-radius:10px;
  box-shadow:0 9px 24px rgba(251,89,0,.18);
}
html[data-varqo-master="v23"] .vqh-finder:hover{transform:translateY(-1px);box-shadow:0 13px 30px rgba(251,89,0,.25)}
html[data-varqo-master="v23"] .vqh-mobile>summary{border-radius:10px}
html[data-varqo-master="v23"] .vqh-drawer{border-radius:20px;background:#082538;box-shadow:0 30px 90px rgba(0,0,0,.38)}

/* ---------------------------------------------------------------
   PUBLIC HOME — preserve the cinematic identity, improve hierarchy
   --------------------------------------------------------------- */
html[data-varqo-master="v23"] body[data-varqo-surface="public-home"]{background:var(--vq-cream)}
html[data-varqo-master="v23"] body[data-varqo-surface="public-home"] .v12-hero{
  min-height:calc(100svh - 72px);
  border-bottom:1px solid rgba(255,255,255,.08);
}
html[data-varqo-master="v23"] body[data-varqo-surface="public-home"] .v12-hero-inner{padding-top:clamp(72px,8vh,112px)}
html[data-varqo-master="v23"] body[data-varqo-surface="public-home"] .v12-hero-copy{max-width:920px}
html[data-varqo-master="v23"] body[data-varqo-surface="public-home"] .v12-hero-copy h1{
  text-wrap:balance;
  letter-spacing:-.065em;
}
html[data-varqo-master="v23"] body[data-varqo-surface="public-home"] .v12-hero-copy .lead{max-width:780px;color:rgba(255,255,255,.68)}
html[data-varqo-master="v23"] body[data-varqo-surface="public-home"] .btn{
  min-height:46px;
  border-radius:12px;
  padding-inline:17px;
  font-size:11px;
  letter-spacing:.005em;
}
html[data-varqo-master="v23"] body[data-varqo-surface="public-home"] .btn-primary{box-shadow:0 14px 34px rgba(251,89,0,.20)}
html[data-varqo-master="v23"] body[data-varqo-surface="public-home"] .panel,
html[data-varqo-master="v23"] body[data-varqo-surface="public-home"] .v12-problem,
html[data-varqo-master="v23"] body[data-varqo-surface="public-home"] .v12-diagnostic,
html[data-varqo-master="v23"] body[data-varqo-surface="public-home"] .v12-artifact-card{
  border-radius:var(--vq-radius-md);
  box-shadow:var(--vq-shadow-xs);
}
html[data-varqo-master="v23"] body[data-varqo-surface="public-home"] .v16-modal,
html[data-varqo-master="v23"] body[data-varqo-surface="public-home"] .v144-intake-modal,
html[data-varqo-master="v23"] body[data-varqo-surface="public-home"] .v144-resource-modal,
html[data-varqo-master="v23"] body[data-varqo-surface="public-home"] .v16510-share-window{
  border-radius:var(--vq-radius-lg)!important;
  box-shadow:0 42px 120px rgba(0,9,16,.30)!important;
}
html[data-varqo-master="v23"] body[data-varqo-surface="public-home"] .v16-finder-window{
  border-radius:30px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 42px 120px rgba(0,7,12,.42);
}
html[data-varqo-master="v23"] body[data-varqo-surface="public-home"] .v14-context-cta{
  border-radius:18px!important;
  backdrop-filter:blur(20px) saturate(120%);
  box-shadow:0 18px 55px rgba(0,13,22,.18);
}

/* Cookie / consent = utility, not a competing hero. */
html[data-varqo-master="v23"] body[data-varqo-surface="public-home"] :is(.cookie-banner,.consent-banner,[data-consent-banner]){
  border-radius:18px;
  box-shadow:0 22px 70px rgba(0,12,20,.23);
}

/* ---------------------------------------------------------------
   PUBLIC GROWTH / DETAIL PAGES — shared editorial rhythm
   --------------------------------------------------------------- */
html[data-varqo-master="v23"] body[data-varqo-surface="public-growth"],
html[data-varqo-master="v23"] body[data-varqo-surface="public-detail"],
html[data-varqo-master="v23"] body[data-varqo-surface="public-jobs"],
html[data-varqo-master="v23"] body[data-varqo-surface="public-job-detail"]{
  background:
    radial-gradient(circle at 86% 2%,rgba(251,89,0,.055),transparent 24%),
    var(--vq-cream);
  color:var(--vq-ink);
}
html[data-varqo-master="v23"] body[data-varqo-surface="public-growth"] .wrap,
html[data-varqo-master="v23"] body[data-varqo-surface="public-detail"] .wrap{width:min(1220px,calc(100% - 48px))}
html[data-varqo-master="v23"] body[data-varqo-surface="public-growth"] .hero,
html[data-varqo-master="v23"] body[data-varqo-surface="public-detail"] .hero{
  gap:clamp(40px,6vw,84px);
  padding-top:clamp(76px,8vw,112px);
  padding-bottom:72px;
  align-items:center;
}
html[data-varqo-master="v23"] body[data-varqo-surface="public-growth"] .hero h1,
html[data-varqo-master="v23"] body[data-varqo-surface="public-detail"] .hero h1{
  text-wrap:balance;
  font-size:clamp(52px,5.85vw,88px);
  line-height:.92;
  letter-spacing:-.06em;
}
html[data-varqo-master="v23"] body[data-varqo-surface="public-growth"] .lead,
html[data-varqo-master="v23"] body[data-varqo-surface="public-detail"] .lead{font-size:18px;line-height:1.65;max-width:720px}
html[data-varqo-master="v23"] body[data-varqo-surface="public-growth"] .signal,
html[data-varqo-master="v23"] body[data-varqo-surface="public-detail"] .status{
  border-radius:30px;
  border:1px solid rgba(255,255,255,.07);
  box-shadow:0 30px 78px rgba(5,28,42,.14);
}
html[data-varqo-master="v23"] body[data-varqo-surface="public-growth"] .signal strong,
html[data-varqo-master="v23"] body[data-varqo-surface="public-detail"] .status strong{font-size:clamp(27px,2.4vw,34px);letter-spacing:-.025em}
html[data-varqo-master="v23"] body[data-varqo-surface="public-growth"] .btn,
html[data-varqo-master="v23"] body[data-varqo-surface="public-detail"] .btn{
  min-height:46px;
  border-radius:12px;
  padding:0 17px;
}
html[data-varqo-master="v23"] body[data-varqo-surface="public-growth"] .section{padding:70px 0}
html[data-varqo-master="v23"] body[data-varqo-surface="public-growth"] .section h2{max-width:900px;text-wrap:balance}
html[data-varqo-master="v23"] body[data-varqo-surface="public-growth"] .grid{gap:16px}
html[data-varqo-master="v23"] body[data-varqo-surface="public-growth"] .card,
html[data-varqo-master="v23"] body[data-varqo-surface="public-detail"] .block{
  border-radius:22px;
  background:rgba(255,253,249,.94);
  box-shadow:0 1px 0 rgba(255,255,255,.7) inset;
}
html[data-varqo-master="v23"] body[data-varqo-surface="public-growth"] .card:hover,
html[data-varqo-master="v23"] body[data-varqo-surface="public-detail"] .block:hover{
  transform:translateY(-3px);
  border-color:rgba(7,29,45,.18);
  box-shadow:0 22px 54px rgba(7,29,45,.08);
}
html[data-varqo-master="v23"] body[data-varqo-surface="public-growth"] .cta{border-radius:30px;box-shadow:0 28px 70px rgba(7,29,45,.13)}
html[data-varqo-master="v23"] body[data-varqo-surface="public-growth"] .footbar,
html[data-varqo-master="v23"] body[data-varqo-surface="public-detail"] .foot{border-top:1px solid rgba(255,255,255,.08)}

/* ---------------------------------------------------------------
   JOBS — premium but intentionally clear and utilitarian
   --------------------------------------------------------------- */
html[data-varqo-master="v23"] body[data-varqo-surface="public-jobs"] .jobs-v172,
html[data-varqo-master="v23"] body[data-varqo-surface="public-job-detail"] .job-detail-v172{
  padding-top:clamp(76px,7vw,102px);
  background:transparent;
}
html[data-varqo-master="v23"] body[data-varqo-surface="public-jobs"] .jobs-hero h1,
html[data-varqo-master="v23"] body[data-varqo-surface="public-job-detail"] .job-detail-hero h1{text-wrap:balance}
html[data-varqo-master="v23"] body[data-varqo-surface="public-jobs"] .jobs-live-counter{
  box-shadow:0 20px 55px rgba(7,29,45,.11);
  border-color:rgba(7,29,45,.12);
}
html[data-varqo-master="v23"] body[data-varqo-surface="public-jobs"] .jobs-searchbar label{
  border-radius:13px;
  box-shadow:0 8px 20px rgba(7,29,45,.025);
}
html[data-varqo-master="v23"] body[data-varqo-surface="public-jobs"] .job-v172-card{
  border-radius:20px;
  padding:25px;
  box-shadow:0 8px 24px rgba(7,29,45,.035);
}
html[data-varqo-master="v23"] body[data-varqo-surface="public-jobs"] .job-v172-card:hover{
  transform:translateY(-4px);
  box-shadow:0 24px 58px rgba(7,29,45,.09);
}
html[data-varqo-master="v23"] body[data-varqo-surface="public-job-detail"] .job-detail-hero>aside,
html[data-varqo-master="v23"] body[data-varqo-surface="public-job-detail"] .job-detail-layout section,
html[data-varqo-master="v23"] body[data-varqo-surface="public-job-detail"] .job-sticky>div,
html[data-varqo-master="v23"] body[data-varqo-surface="public-job-detail"] .apply-v172{
  border-radius:20px;
  box-shadow:0 10px 30px rgba(7,29,45,.035);
}
html[data-varqo-master="v23"] body[data-varqo-surface="public-job-detail"] .apply-v172{padding:clamp(22px,4vw,38px)}
html[data-varqo-master="v23"] body[data-varqo-surface="public-job-detail"] .apply-step input,
html[data-varqo-master="v23"] body[data-varqo-surface="public-job-detail"] .apply-step select{border-radius:11px;background:#fbfcfc}
html[data-varqo-master="v23"] body[data-varqo-surface="public-job-detail"] .file-zone{border-radius:15px;background:#f8fbfc}
html[data-varqo-master="v23"] body[data-varqo-surface="public-job-detail"] .apply-actions button,
html[data-varqo-master="v23"] body[data-varqo-surface="public-job-detail"] .apply-success a{border-radius:11px}

/* ---------------------------------------------------------------
   MY VARQO — shell hierarchy, calmer density, stronger action focus
   --------------------------------------------------------------- */
html[data-varqo-master="v23"] body[data-varqo-surface="member"]{
  --vq-member-sidebar:246px;
  background:#061722;
}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] .mo-app{
  grid-template-columns:var(--vq-member-sidebar) minmax(0,1fr);
  background:#061925;
}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] .mo-sidebar{
  padding:18px 12px 14px;
  background:linear-gradient(180deg,#082538 0%,#061a27 78%,#051720 100%);
  border-right:1px solid rgba(255,255,255,.065);
}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] .mo-side-brand{padding:7px 8px 18px}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] .mo-nav button,
html[data-varqo-master="v23"] body[data-varqo-surface="member"] .mo-nav a{border-radius:11px}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] .mo-nav .active{
  background:linear-gradient(90deg,rgba(251,89,0,.14),rgba(255,255,255,.055));
  box-shadow:inset 2px 0 0 var(--vq-orange);
}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] .mo-stage{background:#f2f0eb}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] .mo-topbar{
  min-height:70px;
  background:rgba(248,247,243,.90);
  border-bottom:1px solid rgba(7,29,45,.09);
  backdrop-filter:blur(18px) saturate(120%);
}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] .mo-canvas{padding:clamp(20px,2.4vw,34px)}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] #memberCanvas{
  width:min(1420px,100%);
  margin-inline:auto;
}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] .mo-page-head{margin-bottom:18px}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] :is(.mo-card,.v13-action-system,.v13-value-engine,.v13-opportunities,.v13-weekly,.v13-requests,.v204-opportunity-board,.v204-evidence-studio,.v204-quality-studio,.v204-weekly-studio){
  border-radius:18px;
}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] .v204-status-ribbon{
  min-height:286px;
  border-radius:26px;
  box-shadow:0 30px 76px rgba(3,19,29,.17);
}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] .v204-action-hub{
  border-radius:24px;
  box-shadow:0 24px 66px rgba(5,29,43,.09);
}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] .v204-primary-action{border-radius:18px}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] .v204-room,
html[data-varqo-master="v23"] body[data-varqo-surface="member"] .ri-card,
html[data-varqo-master="v23"] body[data-varqo-surface="member"] .os2-ws-card{
  border-radius:18px;
  transition:transform var(--vq-normal) var(--vq-ease),box-shadow var(--vq-normal) ease,border-color var(--vq-normal) ease;
}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] :is(.v204-room,.ri-card,.os2-ws-card):hover{
  transform:translateY(-3px);
  box-shadow:0 20px 48px rgba(5,29,43,.08);
}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] .ri-hero,
html[data-varqo-master="v23"] body[data-varqo-surface="member"] .os2-workspace-hero,
html[data-varqo-master="v23"] body[data-varqo-surface="member"] .v132-access-hero{
  border-radius:24px;
}

/* Member modal backdrop is consistent across all families. */
html[data-varqo-master="v23"] body[data-varqo-surface="member"] :is(.ri-modal-shell,.os2-overlay,.v12-overlay,.v13-modal-shell){
  background:rgba(3,18,28,.72);
  backdrop-filter:blur(17px) saturate(110%);
}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] :is(.ri-modal,.v12-diag-modal,.v12-mini-modal,.v131-diag-studio,.v19b-diagnostic-studio,.v19b-evidence-studio,.v13-status-modal){
  border-radius:24px;
  box-shadow:0 42px 120px rgba(0,8,14,.36);
}

/* Window taxonomy — same frame language, distinct meaning. */
html[data-varqo-master="v23"] body[data-varqo-surface="member"] [data-vq-window="diagnostic"]{--vq-window-accent:var(--vq-violet);--vq-window-accent2:var(--vq-cyan)}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] [data-vq-window="resource"]{--vq-window-accent:var(--vq-orange);--vq-window-accent2:#f59c62}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] [data-vq-window="human"]{--vq-window-accent:var(--vq-magenta);--vq-window-accent2:var(--vq-orange-soft)}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] [data-vq-window="system"]{--vq-window-accent:var(--vq-cyan);--vq-window-accent2:#7fa8ff}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] [data-vq-window]{
  isolation:isolate;
}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] [data-vq-window]::before{
  content:"";
  position:fixed;
  left:0;right:0;top:0;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--vq-window-accent),var(--vq-window-accent2),transparent);
  z-index:1;
  opacity:.85;
  pointer-events:none;
}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] [data-vq-window="diagnostic"] :is(.v131-diag-studio,.v19b-diagnostic-studio,.v12-diag-modal){border-top:3px solid var(--vq-violet)}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] [data-vq-window="resource"] .ri-modal{border-top:3px solid var(--vq-orange)}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] [data-vq-window="human"] :is(.v13-status-modal,.v13-service-layout,.v13-consultant-brief-preview){border-top:3px solid var(--vq-magenta)}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] [data-vq-window="system"] :is(.os2-workspace-shell,.os2-command-shell,.os2-experience-shell){border-top:3px solid var(--vq-cyan)}

/* Resource mode identities remain visible without fragmenting the master frame. */
html[data-varqo-master="v23"] body[data-varqo-surface="member"] .ri-modal.mode-learn{--vq-window-mode:#4cccf4}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] .ri-modal.mode-apply{--vq-window-mode:#fb5900}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] .ri-modal.mode-practice{--vq-window-mode:#9b87f5}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] .ri-modal.mode-execute{--vq-window-mode:#50cfa3}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] .ri-modal[class*="mode-"]{border-top-color:var(--vq-window-mode,var(--vq-orange))}

/* ---------------------------------------------------------------
   OPERATIONS — compact command surface, less visual noise
   --------------------------------------------------------------- */
html[data-varqo-master="v23"] body[data-varqo-surface="operations"]{
  background:
    radial-gradient(circle at 82% 4%,rgba(251,89,0,.10),transparent 22%),
    radial-gradient(circle at 12% 86%,rgba(76,204,244,.075),transparent 29%),
    #061b2a;
}
html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .app{grid-template-columns:232px minmax(0,1fr)}
html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .sidebar{
  padding:19px 13px 14px;
  background:linear-gradient(180deg,rgba(4,22,34,.96),rgba(4,18,29,.91));
  border-right:1px solid rgba(255,255,255,.065);
}
html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .brand{padding-bottom:20px}
html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .navGroup{margin-bottom:14px}
html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .nav button,
html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .nav a{border-radius:10px;padding:9px 10px}
html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .nav .active{
  background:linear-gradient(90deg,rgba(251,89,0,.15),rgba(255,255,255,.055));
  box-shadow:inset 2px 0 0 var(--vq-orange);
}
html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .topbar{
  height:70px;
  padding-inline:24px;
  background:rgba(6,27,42,.86);
  backdrop-filter:blur(20px) saturate(120%);
}
html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .content{width:min(1510px,calc(100% - 40px));padding-top:30px}
html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .hero{min-height:300px;margin-bottom:20px}
html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .hero h1{font-size:clamp(48px,5vw,78px);text-wrap:balance}
html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .panel,
html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .kpi,
html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .caseCard,
html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .deliveryCard,
html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .customerCard,
html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .intelCard{
  border-color:rgba(255,255,255,.09);
}
html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .panel{border-radius:19px;padding:17px;background:linear-gradient(155deg,rgba(255,255,255,.065),rgba(255,255,255,.022))}
html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .kpi{border-radius:15px;min-height:90px}
html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .caseCard{border-radius:15px;padding:13px}
html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .caseCard:hover{transform:translateY(-2px);box-shadow:0 18px 45px rgba(0,8,14,.16)}
html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .filter,
html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .topPill,
html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .topActions>a{border-radius:10px}
html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .opsSearch{border-radius:11px}
html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .palette{background:rgba(1,14,23,.76);backdrop-filter:blur(17px)}
html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .paletteBox{
  border-radius:22px;
  box-shadow:0 40px 110px rgba(0,0,0,.40);
}
html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .teamDrawerBackdrop,
html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .teamModal{background:rgba(1,14,23,.76);backdrop-filter:blur(14px)}
html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .teamDrawerPanel,
html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .teamModalCard{
  box-shadow:-34px 0 110px rgba(0,8,14,.34);
  border-left:3px solid var(--vq-orange);
}
html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .recruitingBridge{border-color:rgba(251,89,0,.17)}
html[data-varqo-master="v23"] body[data-varqo-surface="operations"] [data-vq-window="operations"]{--vq-window-accent:var(--vq-orange)}

/* ---------------------------------------------------------------
   TYPOGRAPHIC / FORM ACCESSIBILITY REFINEMENTS
   --------------------------------------------------------------- */
html[data-varqo-master="v23"] body[data-varqo-surface="member"] :is(input,select,textarea),
html[data-varqo-master="v23"] body[data-varqo-surface="operations"] :is(input,select,textarea){font-size:max(11px,1em)}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] :is(.mo-card,.ri-card,.v204-room) p,
html[data-varqo-master="v23"] body[data-varqo-surface="operations"] :is(.panel,.caseCard,.deliveryCard,.customerCard) p{line-height:1.55}

/* ---------------------------------------------------------------
   RESPONSIVE MASTER CONTRACT
   --------------------------------------------------------------- */
@media(max-width:1180px){
  html[data-varqo-master="v23"] .vqh-inner{width:calc(100% - 32px);gap:18px}
  html[data-varqo-master="v23"] .vqh-nav{display:none}
  html[data-varqo-master="v23"] .vqh-mobile{display:block}
  html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:980px){
  html[data-varqo-master="v23"] body[data-varqo-surface="member"] .mo-app{grid-template-columns:76px minmax(0,1fr)}
  html[data-varqo-master="v23"] body[data-varqo-surface="member"] .mo-sidebar{padding-inline:9px}
  html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .app{grid-template-columns:78px minmax(0,1fr)}
  html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .sidebar{padding-inline:8px}
  html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .brand{font-size:0;justify-content:center}
  html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .nav button>span:not(.icon):not(.count),
  html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .nav a>span:not(.icon):not(.count),
  html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .navGroup>small,
  html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .staffCard{display:none}
}
@media(max-width:760px){
  html[data-varqo-master="v23"] .vqh{height:64px}
  html[data-varqo-master="v23"] .vqh-inner{width:calc(100% - 24px)}
  html[data-varqo-master="v23"] .vqh-system,
  html[data-varqo-master="v23"] .vqh-lang,
  html[data-varqo-master="v23"] .vqh-member,
  html[data-varqo-master="v23"] .vqh-finder{display:none}
  html[data-varqo-master="v23"] body[data-varqo-surface="public-growth"] .wrap,
  html[data-varqo-master="v23"] body[data-varqo-surface="public-detail"] .wrap{width:calc(100% - 28px)}
  html[data-varqo-master="v23"] body[data-varqo-surface="public-growth"] .hero,
  html[data-varqo-master="v23"] body[data-varqo-surface="public-detail"] .hero{padding-top:54px;padding-bottom:48px;gap:26px}
  html[data-varqo-master="v23"] body[data-varqo-surface="public-growth"] .hero h1,
  html[data-varqo-master="v23"] body[data-varqo-surface="public-detail"] .hero h1{font-size:clamp(44px,13vw,64px)}
  html[data-varqo-master="v23"] body[data-varqo-surface="member"] .mo-app,
  html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .app{display:block}
  html[data-varqo-master="v23"] body[data-varqo-surface="member"] .mo-sidebar,
  html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .sidebar{display:none}
  html[data-varqo-master="v23"] body[data-varqo-surface="member"] .mo-canvas{padding:16px 12px 80px}
  html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .content{width:calc(100% - 24px);padding-top:20px}
  html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .topbar{padding-inline:12px}
  html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .kpis{grid-template-columns:1fr 1fr}
  html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .hero{grid-template-columns:1fr;min-height:0}
  html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .systemVisual{display:none}
}
@media(max-width:520px){
  html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .kpis{grid-template-columns:1fr}
  html[data-varqo-master="v23"] body[data-varqo-surface="member"] .v204-status-ribbon{border-radius:20px}
  html[data-varqo-master="v23"] body[data-varqo-surface="member"] :is(.ri-modal,.v12-diag-modal,.v12-mini-modal,.v131-diag-studio,.v19b-diagnostic-studio,.v19b-evidence-studio){border-radius:18px}
}

@media(prefers-reduced-motion:reduce){
  html[data-varqo-master="v23"]{scroll-behavior:auto}
  html[data-varqo-master="v23"] *,
  html[data-varqo-master="v23"] *::before,
  html[data-varqo-master="v23"] *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
}

/* Presentation-only modal state supplied by the V23 runtime. */
html[data-varqo-master="v23"] body.vq-window-open{overflow:hidden}
html[data-varqo-master="v23"] [data-vq-window]{--vq-window-accent:var(--vq-orange);--vq-window-accent2:var(--vq-orange-soft)}

/* ===================================================================
   VARQO V23.1 — CINEMATIC & INTERACTION POLISH
   Presentation-only motion language layered on the V23 master system.
   No layout ownership, no workflow ownership.
   =================================================================== */
html[data-varqo-master="v23"]{
  --vq-cine-ease:cubic-bezier(.16,1,.3,1);
  --vq-cine-soft:cubic-bezier(.22,.72,.18,1);
  --vq-cine-enter:520ms;
  --vq-cine-shift:16px;
}

/* Scroll state changes depth, never geometry: the header stays stable. */
html[data-varqo-master="v23"].vq-scrolled .vqh{
  background:rgba(5,27,41,.985);
  border-bottom-color:rgba(255,255,255,.11);
  box-shadow:0 18px 48px rgba(0,13,22,.21);
}
html[data-varqo-master="v23"] .vqh-pop-menu,
html[data-varqo-master="v23"] .vqh-lang-menu,
html[data-varqo-master="v23"] .vqh-drawer{transform-origin:top right}
html[data-varqo-master="v23"][data-varqo-motion="full"] .vqh details[open] :is(.vqh-pop-menu,.vqh-lang-menu,.vqh-drawer){
  animation:vq23MenuIn 220ms var(--vq-cine-ease) both;
}
@keyframes vq23MenuIn{from{opacity:0;transform:translate3d(0,-7px,0) scale(.985)}to{opacity:1;transform:none}}

/* Safe reveal contract: content is hidden only after the runtime opts in. */
html[data-varqo-master="v23"].vq-motion-ready[data-varqo-motion="full"] [data-vq-reveal="pending"]{
  opacity:0;
  transform:translate3d(0,var(--vq-cine-shift),0) scale(.992);
  filter:blur(2px);
  will-change:transform,opacity,filter;
}
html[data-varqo-master="v23"].vq-motion-ready[data-varqo-motion="full"] [data-vq-reveal="visible"]{
  opacity:1;
  transform:none;
  filter:none;
  transition:
    opacity var(--vq-cine-enter) var(--vq-cine-ease) var(--vq-delay,0ms),
    transform var(--vq-cine-enter) var(--vq-cine-ease) var(--vq-delay,0ms),
    filter 420ms ease var(--vq-delay,0ms);
}

/* Public pages: cinematic rhythm without turning the site into a demo reel. */
html[data-varqo-master="v23"][data-varqo-motion="full"] body:is([data-varqo-surface="public-home"],[data-varqo-surface="public-growth"],[data-varqo-surface="public-detail"],[data-varqo-surface="public-jobs"],[data-varqo-surface="public-job-detail"]) :is(.btn,.vqh-finder,.vqh-member,.apply-jump,.job-card-bottom a,.apply-actions button){
  transform-origin:center;
}
html[data-varqo-master="v23"][data-varqo-motion="full"] body:is([data-varqo-surface="public-home"],[data-varqo-surface="public-growth"],[data-varqo-surface="public-detail"],[data-varqo-surface="public-jobs"],[data-varqo-surface="public-job-detail"]) :is(.btn,.vqh-finder,.vqh-member,.apply-jump,.job-card-bottom a,.apply-actions button):active{
  transform:translateY(1px) scale(.985);
}
html[data-varqo-master="v23"] body[data-varqo-surface="public-home"] .v12-hero-copy,
html[data-varqo-master="v23"] body[data-varqo-surface="public-growth"] .hero>div:first-child,
html[data-varqo-master="v23"] body[data-varqo-surface="public-detail"] .hero>div:first-child{
  position:relative;
}
html[data-varqo-master="v23"] body[data-varqo-surface="public-home"] .v12-hero-copy::after,
html[data-varqo-master="v23"] body[data-varqo-surface="public-growth"] .hero>div:first-child::after,
html[data-varqo-master="v23"] body[data-varqo-surface="public-detail"] .hero>div:first-child::after{
  content:"";
  display:block;
  width:72px;
  height:2px;
  margin-top:24px;
  background:linear-gradient(90deg,var(--vq-orange),rgba(251,89,0,0));
  transform-origin:left;
}
html[data-varqo-master="v23"][data-varqo-motion="full"] body[data-varqo-surface="public-home"] .v12-hero-copy::after,
html[data-varqo-master="v23"][data-varqo-motion="full"] body[data-varqo-surface="public-growth"] .hero>div:first-child::after,
html[data-varqo-master="v23"][data-varqo-motion="full"] body[data-varqo-surface="public-detail"] .hero>div:first-child::after{
  animation:vq23SignalLine 900ms var(--vq-cine-ease) 180ms both;
}
@keyframes vq23SignalLine{from{opacity:0;transform:scaleX(.08)}to{opacity:1;transform:scaleX(1)}}

html[data-varqo-master="v23"] body[data-varqo-surface="public-growth"] :is(.card,.signal),
html[data-varqo-master="v23"] body[data-varqo-surface="public-detail"] :is(.block,.status),
html[data-varqo-master="v23"] body[data-varqo-surface="public-jobs"] .job-v172-card{
  transform-style:preserve-3d;
  backface-visibility:hidden;
}
html[data-varqo-master="v23"][data-varqo-motion="full"] body[data-varqo-surface="public-growth"] :is(.card,.signal):hover,
html[data-varqo-master="v23"][data-varqo-motion="full"] body[data-varqo-surface="public-detail"] :is(.block,.status):hover{
  transform:translateY(-4px);
  box-shadow:0 26px 64px rgba(7,29,45,.10);
}

/* My VARQO: movement communicates state, not decoration. */
html[data-varqo-master="v23"] body[data-varqo-surface="member"] .mo-nav :is(button,a){position:relative;overflow:hidden}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] .mo-nav .active::after{
  content:"";
  position:absolute;
  inset:7px 6px 7px auto;
  width:3px;
  border-radius:99px;
  background:var(--vq-orange);
  box-shadow:0 0 18px rgba(251,89,0,.36);
}
html[data-varqo-master="v23"][data-varqo-motion="full"] body[data-varqo-surface="member"] :is(.v204-room,.ri-card,.os2-ws-card,.mo-card):active{
  transform:translateY(-1px) scale(.996);
}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] .v204-action-hub,
html[data-varqo-master="v23"] body[data-varqo-surface="member"] .v204-status-ribbon{
  position:relative;
  overflow:hidden;
}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] .v204-status-ribbon::after{
  content:"";
  position:absolute;
  inset:auto -8% -45% 34%;
  height:72%;
  pointer-events:none;
  background:radial-gradient(circle,rgba(76,204,244,.12),transparent 68%);
}

/* Family-specific atmosphere: identical chassis, unmistakable context. */
html[data-varqo-master="v23"] body[data-varqo-surface="member"] [data-vq-window="diagnostic"]{
  background:
    radial-gradient(circle at 18% 12%,rgba(155,135,245,.15),transparent 28%),
    radial-gradient(circle at 82% 84%,rgba(76,204,244,.09),transparent 30%),
    rgba(3,18,28,.78);
}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] [data-vq-window="resource"]{
  background:
    radial-gradient(circle at 76% 10%,rgba(251,89,0,.13),transparent 28%),
    rgba(3,18,28,.76);
}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] [data-vq-window="human"]{
  background:
    radial-gradient(circle at 20% 78%,rgba(215,126,229,.12),transparent 30%),
    radial-gradient(circle at 84% 14%,rgba(255,140,85,.08),transparent 24%),
    rgba(3,18,28,.77);
}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] [data-vq-window="system"]{
  background:
    linear-gradient(rgba(76,204,244,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(76,204,244,.025) 1px,transparent 1px),
    radial-gradient(circle at 84% 14%,rgba(76,204,244,.10),transparent 28%),
    rgba(3,18,28,.78);
  background-size:36px 36px,36px 36px,auto,auto;
}

html[data-varqo-master="v23"][data-varqo-motion="full"] body[data-varqo-surface="member"] [data-vq-enter="1"] :is(.ri-modal,.v12-diag-modal,.v12-mini-modal,.v131-diag-studio,.v19b-diagnostic-studio,.v19b-evidence-studio,.v13-status-modal,.os2-workspace-shell,.os2-command-shell,.os2-experience-shell){
  animation:vq23WindowIn 380ms var(--vq-cine-ease) both;
}
@keyframes vq23WindowIn{from{opacity:0;transform:translate3d(0,18px,0) scale(.982)}to{opacity:1;transform:none}}

/* Resources: each mode gets a tiny state signature instead of another layout. */
html[data-varqo-master="v23"] body[data-varqo-surface="member"] .ri-modal[class*="mode-"]{
  position:relative;
  overflow:hidden;
}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] .ri-modal[class*="mode-"]::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:3px;
  background:linear-gradient(90deg,var(--vq-window-mode,var(--vq-orange)),transparent 72%);
  pointer-events:none;
}

/* Operations: live command surface, compact and calm. */
html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .nav :is(button,a){position:relative;overflow:hidden}
html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .nav .active::after{
  content:"";
  position:absolute;
  right:7px;top:50%;
  width:5px;height:5px;
  margin-top:-2.5px;
  border-radius:50%;
  background:var(--vq-orange);
  box-shadow:0 0 15px rgba(251,89,0,.52);
}
html[data-varqo-master="v23"][data-varqo-motion="full"] body[data-varqo-surface="operations"] :is(.panel,.kpi,.caseCard,.deliveryCard,.customerCard,.intelCard):hover{
  border-color:rgba(255,255,255,.14);
}
html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .hero{position:relative;overflow:hidden}
html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .hero::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(76,204,244,.26),rgba(251,89,0,.38),transparent);
  transform-origin:left;
  pointer-events:none;
}
html[data-varqo-master="v23"][data-varqo-motion="full"] body[data-varqo-surface="operations"] .hero::after{
  animation:vq23OpsSignal 5.5s ease-in-out infinite;
}
@keyframes vq23OpsSignal{0%,100%{opacity:.28;transform:scaleX(.55)}50%{opacity:.85;transform:scaleX(1)}}

/* UI press feedback on command surfaces. */
html[data-varqo-master="v23"][data-varqo-motion="full"] body:is([data-varqo-surface="member"],[data-varqo-surface="operations"]) button:active{
  transform:translateY(1px) scale(.992);
}

/* Reduced-motion always wins, including V23.1 additions. */
@media(prefers-reduced-motion:reduce){
  html[data-varqo-master="v23"] [data-vq-reveal]{opacity:1!important;transform:none!important;filter:none!important}
  html[data-varqo-master="v23"] .vqh details[open] :is(.vqh-pop-menu,.vqh-lang-menu,.vqh-drawer),
  html[data-varqo-master="v23"] body[data-varqo-surface="member"] [data-vq-enter="1"] *,
  html[data-varqo-master="v23"] body[data-varqo-surface="operations"] .hero::after{animation:none!important}
}


/* V23.1.1 · Resource Access Clarity */
html[data-varqo-master="v23"] body[data-varqo-surface="member"] .ri-access-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 24px}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] .ri-access-switch>button{position:relative;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;gap:3px 10px;align-items:center;text-align:left;padding:16px 18px;border:1px solid rgba(9,37,54,.12);border-radius:18px;background:#fff;color:#0a2a3e;box-shadow:0 10px 28px rgba(4,25,39,.05);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] .ri-access-switch>button:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(4,25,39,.09)}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] .ri-access-switch>button.active{border-color:rgba(255,90,19,.55);box-shadow:0 14px 36px rgba(255,90,19,.10),inset 0 0 0 1px rgba(255,90,19,.12)}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] .ri-access-switch>button>span{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#eef3f5;font-weight:900}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] .ri-access-switch>button.active>span{background:#fff0e8;color:#ff5a13}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] .ri-access-switch b{font-size:12px;letter-spacing:.02em}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] .ri-access-switch small{grid-column:2;color:#71818a;font-size:9px;line-height:1.4}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] .ri-access-switch em{grid-column:3;grid-row:1/3;min-width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#0a2a3e;color:#fff;font:900 10px ui-monospace,monospace;font-style:normal}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] .ri-access-switch>button:not(.active) em{background:#e9edef;color:#526873}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] .ri-card.is-locked{opacity:.88}
html[data-varqo-master="v23"] body[data-varqo-surface="member"] .ri-card.is-locked .ri-access.locked{background:#f1f3f4;color:#687982}
@media(max-width:760px){html[data-varqo-master="v23"] body[data-varqo-surface="member"] .ri-access-switch{grid-template-columns:1fr}.ri-access-switch>button{min-height:78px}}


/* ===================================================================
   VARQO V23.4 — PUBLIC SITE FINAL POLISH
   One conversion/brand rhythm across public landing, detail and jobs.
   =================================================================== */
html[data-varqo-master="v23"] body:is([data-varqo-surface="public-home"],[data-varqo-surface="public-growth"],[data-varqo-surface="public-detail"],[data-varqo-surface="public-jobs"],[data-varqo-surface="public-job-detail"]){
  --vq-public-accent:var(--vq-orange);
  overflow-x:clip;
}
html[data-varqo-master="v23"] body[data-public-page="candidats"]{--vq-public-accent:var(--vq-cyan)}
html[data-varqo-master="v23"] body[data-public-page="entreprises"]{--vq-public-accent:var(--vq-magenta)}
html[data-varqo-master="v23"] body[data-public-page="diagnostics"]{--vq-public-accent:var(--vq-violet)}
html[data-varqo-master="v23"] body[data-public-page="insights"]{--vq-public-accent:var(--vq-amber)}
html[data-varqo-master="v23"] body[data-public-page="collaborer"]{--vq-public-accent:var(--vq-green)}
html[data-varqo-master="v23"] body[data-public-page="software"]{--vq-public-accent:var(--vq-cyan)}
html[data-varqo-master="v23"] body[data-public-page="jobs"]{--vq-public-accent:var(--vq-green)}

/* Stable vertical rhythm + stronger content width. */
html[data-varqo-master="v23"] body[data-varqo-surface="public-growth"] .hero,
html[data-varqo-master="v23"] body[data-varqo-surface="public-detail"] .hero{min-height:min(720px,calc(100svh - 72px));align-content:center}
html[data-varqo-master="v23"] body[data-varqo-surface="public-growth"] .eyebrow,
html[data-varqo-master="v23"] body[data-varqo-surface="public-detail"] .ey{color:var(--vq-public-accent)}
html[data-varqo-master="v23"] body[data-varqo-surface="public-growth"] .hero h1,
html[data-varqo-master="v23"] body[data-varqo-surface="public-detail"] .hero h1{max-width:980px}
html[data-varqo-master="v23"] body[data-varqo-surface="public-growth"] .signal,
html[data-varqo-master="v23"] body[data-varqo-surface="public-detail"] .status{
  background:radial-gradient(circle at 88% 8%,color-mix(in srgb,var(--vq-public-accent) 22%,transparent),transparent 32%),linear-gradient(145deg,#08283b,#071d2d);
}
html[data-varqo-master="v23"] body[data-varqo-surface="public-growth"] .signal::after,
html[data-varqo-master="v23"] body[data-varqo-surface="public-detail"] .status::after{border-color:color-mix(in srgb,var(--vq-public-accent) 35%,transparent)}

/* Signal → Decision → Action rail: a product signature, not decoration. */
.vq-public-rail{width:100%;margin:-18px auto 36px;padding:13px 16px;display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr;gap:12px;align-items:center;border:1px solid rgba(7,29,45,.10);border-radius:18px;background:rgba(255,253,249,.78);box-shadow:0 14px 36px rgba(7,29,45,.055);backdrop-filter:blur(14px)}
.vqpr-label{display:none;font:900 8px ui-monospace,monospace;letter-spacing:.13em;color:var(--vq-muted)}
.vq-public-rail article{display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:center;min-width:0}
.vq-public-rail article>b{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:color-mix(in srgb,var(--vq-public-accent) 12%,white);color:var(--vq-public-accent);font:900 8px ui-monospace,monospace}
.vq-public-rail article strong,.vq-public-rail article small{display:block}.vq-public-rail article strong{font:900 9px ui-monospace,monospace;letter-spacing:.1em;color:var(--vq-ink)}.vq-public-rail article small{margin-top:2px;color:var(--vq-muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vq-public-rail>i{font-style:normal;color:rgba(7,29,45,.22)}

/* Cards read as decisions, not generic boxes. */
html[data-varqo-master="v23"] body[data-varqo-surface="public-growth"] .card{position:relative;overflow:hidden;min-height:300px}
html[data-varqo-master="v23"] body[data-varqo-surface="public-growth"] .card::before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(180deg,transparent,var(--vq-public-accent),transparent);opacity:.52}
html[data-varqo-master="v23"] body[data-varqo-surface="public-growth"] .card .k{color:var(--vq-public-accent)}
html[data-varqo-master="v23"] body[data-varqo-surface="public-growth"] .card .go{color:var(--vq-public-accent);display:flex;align-items:center;justify-content:space-between;gap:10px}
html[data-varqo-master="v23"] body[data-varqo-surface="public-growth"] .proof li{padding:20px 0;line-height:1.45}
html[data-varqo-master="v23"] body[data-varqo-surface="public-growth"] .proof li::before{color:var(--vq-public-accent)}
html[data-varqo-master="v23"] body[data-varqo-surface="public-growth"] .cta{position:relative;overflow:hidden}
html[data-varqo-master="v23"] body[data-varqo-surface="public-growth"] .cta::after{content:"◇";position:absolute;right:38px;top:50%;transform:translateY(-50%);font-size:120px;line-height:1;color:rgba(255,255,255,.035);pointer-events:none}

/* Detail page closing CTA. */
.vq-public-endcap{margin:28px 0 82px;padding:clamp(26px,4vw,44px);display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;border-radius:30px;background:linear-gradient(145deg,#082b3f,#071d2d);color:#fff;box-shadow:0 30px 76px rgba(7,29,45,.16)}
.vq-public-endcap small{font:900 9px ui-monospace,monospace;letter-spacing:.13em;color:var(--vq-public-accent)}.vq-public-endcap strong{display:block;max-width:760px;margin-top:10px;font-size:clamp(26px,3.4vw,44px);line-height:1;letter-spacing:-.04em}.vq-public-endcap p{max-width:720px;margin:12px 0 0;color:#9fb0ba;line-height:1.55}.vq-public-endcap .actions{margin:0;justify-content:flex-end}

/* Shared public footer. */
.vqf{background:#051925;color:#9eb0ba;border-top:1px solid rgba(255,255,255,.08);font-family:Inter,ui-sans-serif,system-ui,sans-serif}
.vqf-signal,.vqf-inner,.vqf-bottom{width:min(1240px,calc(100% - 48px));margin:auto}.vqf-signal{height:58px;display:grid;grid-template-columns:auto 1fr auto 1fr auto;gap:14px;align-items:center;border-bottom:1px solid rgba(255,255,255,.07);font:900 8px ui-monospace,monospace;letter-spacing:.14em;color:rgba(255,255,255,.35)}.vqf-signal i{height:1px;background:linear-gradient(90deg,rgba(251,89,0,.05),rgba(251,89,0,.55),rgba(251,89,0,.05))}.vqf-signal b{color:var(--vq-orange);font-size:17px}.vqf-inner{padding:46px 0 42px;display:grid;grid-template-columns:1.6fr repeat(4,minmax(120px,1fr));gap:34px}.vqf-lockup{display:flex;align-items:center;gap:11px;color:#fff}.vqf-lockup svg{width:39px;height:36px}.vqf-lockup strong,.vqf-lockup small{display:block}.vqf-lockup strong{font-size:17px;letter-spacing:.23em}.vqf-lockup small{margin-top:4px;font:800 7px ui-monospace,monospace;letter-spacing:.14em;color:rgba(255,255,255,.36)}.vqf-brand>p{max-width:390px;margin:22px 0;color:#b1bec5;font-size:15px;line-height:1.55}.vqf-contact{display:flex;flex-direction:column;gap:6px;font-size:11px}.vqf-contact a{color:#fff;font-weight:800}.vqf-contact span{color:#718791}.vqf nav{display:flex;flex-direction:column;gap:9px}.vqf nav strong{margin-bottom:4px;color:#fff;font-size:11px}.vqf nav a{color:#8fa3ad;font-size:11px}.vqf nav a:hover{color:#fff;transform:translateX(2px)}.vqf-bottom{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.07);font-size:9px;color:#6e838e}.vqf-bottom>div{display:flex;gap:14px}.vqf-bottom a:hover{color:#fff}

/* Home's historical footer visually conforms to the same contract. */
html[data-varqo-master="v23"] body[data-varqo-surface="public-home"] .v15-footer{background:#051925!important;border-top:1px solid rgba(255,255,255,.08)!important;color:#9eb0ba!important}
html[data-varqo-master="v23"] body[data-varqo-surface="public-home"] .v15-footer-grid{padding-top:46px!important;padding-bottom:40px!important}
html[data-varqo-master="v23"] body[data-varqo-surface="public-home"] .v15-footer :is(h3,h4,strong){color:#fff!important}
html[data-varqo-master="v23"] body[data-varqo-surface="public-home"] .v15-footer a{color:#8fa3ad!important}
html[data-varqo-master="v23"] body[data-varqo-surface="public-home"] .v15-footer a:hover{color:#fff!important}

/* Jobs: confidence before filtering. */
html[data-varqo-master="v23"] body[data-varqo-surface="public-jobs"] .jobs-v172{min-height:0;padding-bottom:74px}
html[data-varqo-master="v23"] body[data-varqo-surface="public-jobs"] .jobs-hero{padding-top:16px}
.jobs-trust{margin:18px 0 24px;padding:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border:1px solid rgba(7,29,45,.10);border-radius:18px;background:rgba(255,255,255,.74)}
.jobs-trust article{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:10px 12px;align-items:center}.jobs-trust b{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#e7f6ed;color:#16845c;font:900 8px ui-monospace,monospace}.jobs-trust strong,.jobs-trust span{display:block}.jobs-trust strong{font-size:11px}.jobs-trust span{margin-top:2px;color:#607384;font-size:10px;line-height:1.35}
html[data-varqo-master="v23"] body[data-varqo-surface="public-jobs"] .jobs-searchbar{position:sticky;top:84px;z-index:16;padding:8px;border-radius:18px;background:rgba(245,247,249,.86);backdrop-filter:blur(18px);box-shadow:0 12px 30px rgba(7,29,45,.045)}
html[data-varqo-master="v23"] body[data-varqo-surface="public-jobs"] .job-v172-card{position:relative;overflow:hidden}
html[data-varqo-master="v23"] body[data-varqo-surface="public-jobs"] .job-v172-card::before{content:"";position:absolute;left:0;top:28px;bottom:28px;width:2px;background:linear-gradient(180deg,transparent,var(--vq-public-accent),transparent);opacity:.55}
html[data-varqo-master="v23"] body[data-varqo-surface="public-jobs"] .job-card-bottom a{color:#0d6d4e}

/* Job detail: editorial confidence + better application continuity. */
.job-detail-trust{display:flex;gap:8px;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid #d9e2e9}.job-detail-trust span{padding:8px 10px;border:1px solid #d7e3dd;border-radius:999px;background:#f2faf6;color:#255e4a;font-size:10px;font-weight:800}
html[data-varqo-master="v23"] body[data-varqo-surface="public-job-detail"] .job-detail-v172{min-height:0;padding-bottom:78px}
html[data-varqo-master="v23"] body[data-varqo-surface="public-job-detail"] .job-sticky>a{background:#0c694d;box-shadow:0 12px 30px rgba(12,105,77,.16)}
html[data-varqo-master="v23"] body[data-varqo-surface="public-job-detail"] .apply-v172{border-top:3px solid #35a579;background:rgba(255,255,255,.95)}
html[data-varqo-master="v23"] body[data-varqo-surface="public-job-detail"] .apply-progress i.on{background:#248966}
html[data-varqo-master="v23"] body[data-varqo-surface="public-job-detail"] .apply-actions button:not(.secondary){background:#0c694d}

@media(max-width:980px){
  .vqf-inner{grid-template-columns:1.4fr repeat(2,1fr)}.vqf-inner nav:nth-of-type(3),.vqf-inner nav:nth-of-type(4){margin-top:6px}
  .vq-public-endcap{grid-template-columns:1fr}.vq-public-endcap .actions{justify-content:flex-start}
}
@media(max-width:760px){
  .vq-public-rail{margin-top:-8px;grid-template-columns:1fr;gap:8px;padding:12px}.vqpr-label{display:block}.vq-public-rail>i{display:none}.vq-public-rail article{padding:6px 2px}.vq-public-rail article small{white-space:normal}
  .vqf-signal,.vqf-inner,.vqf-bottom{width:calc(100% - 28px)}.vqf-inner{grid-template-columns:1fr 1fr;gap:28px 18px;padding:36px 0}.vqf-brand{grid-column:1/-1}.vqf-bottom{padding:18px 0;align-items:flex-start;flex-direction:column}.vqf-bottom>div{flex-wrap:wrap}
  .jobs-trust{grid-template-columns:1fr}.jobs-trust article{padding:8px}.jobs-searchbar{position:relative!important;top:auto!important}
}
@media(max-width:520px){
  .vqf-inner{grid-template-columns:1fr}.vqf-brand{grid-column:auto}.vqf-signal{grid-template-columns:auto 1fr auto}.vqf-signal i:last-of-type,.vqf-signal span:last-child{display:none}
  .vq-public-endcap{margin-bottom:56px;border-radius:24px}.vq-public-endcap .actions{display:grid}.vq-public-endcap .btn{justify-content:center;width:100%}
}