/* VARQO V28.5 consolidated cascade — generated from validated local V28.0 source. */

/* ===== public/varqo-member-experience-v263.css ===== */
/* ============================================================
   VARQO V26.3 — MY VARQO EXPERIENCE POLISH
   Motion + Daily Opening + Adaptive FREE/BOOST + Mobile Polish
   ============================================================ */

html[data-varqo-experience-polish="V26.3"]{
  --v263-ease:cubic-bezier(.2,.8,.2,1);
  --v263-fast:160ms;
  --v263-normal:280ms;
  --v263-slow:420ms;
}

html[data-varqo-experience-polish="V26.3"] button,
html[data-varqo-experience-polish="V26.3"] a,
html[data-varqo-experience-polish="V26.3"] select,
html[data-varqo-experience-polish="V26.3"] input,
html[data-varqo-experience-polish="V26.3"] textarea{
  -webkit-tap-highlight-color:transparent;
}

html[data-varqo-experience-polish="V26.3"] button,
html[data-varqo-experience-polish="V26.3"] a{
  transition:
    transform var(--v263-fast) var(--v263-ease),
    box-shadow var(--v263-fast) var(--v263-ease),
    border-color var(--v263-fast) var(--v263-ease),
    background var(--v263-fast) var(--v263-ease),
    opacity var(--v263-fast) var(--v263-ease);
}

html[data-varqo-experience-polish="V26.3"] button:active,
html[data-varqo-experience-polish="V26.3"] a:active{
  transform:translateY(1px) scale(.992);
}

html[data-varqo-experience-polish="V26.3"] :focus-visible{
  outline:3px solid rgba(251,89,0,.34)!important;
  outline-offset:3px!important;
}

body.v263-switching #memberCanvas{
  opacity:.74;
  transform:translateY(4px);
}
#memberCanvas{
  transition:opacity 180ms ease,transform 220ms var(--v263-ease);
}

.v263-reveal{
  /* V26.3.1 fail-safe: content is visible even when animations are
     disabled, overridden, throttled or not started by the browser. */
  opacity:1;
  transform:none;
  animation:v263Reveal 380ms var(--v263-ease) both;
  animation-delay:var(--v263-delay,0ms);
}
@keyframes v263Reveal{
  from{opacity:.01;transform:translateY(12px) scale(.994)}
  to{opacity:1;transform:none}
}

.v263-count{
  display:inline-block;
  transform-origin:center;
}
.v263-count.v263-count-pop{
  animation:v263CountPop 420ms var(--v263-ease);
}
@keyframes v263CountPop{
  0%{transform:scale(.9);opacity:.55}
  55%{transform:scale(1.08)}
  100%{transform:scale(1);opacity:1}
}

/* Busy state remains subtle: preserve the work, show that the system reacts. */
body.v263-busy .mo-topbar:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:2px;
  background:linear-gradient(90deg,transparent,#fb5900,transparent);
  animation:v263Busy 1s linear infinite;
  background-size:40% 100%;
  background-repeat:no-repeat;
}
@keyframes v263Busy{from{background-position:-50% 0}to{background-position:150% 0}}

/* DAILY OPENING */
.v263-daily-shell{
  position:fixed;
  inset:0;
  z-index:960;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(3,16,25,.70);
  backdrop-filter:blur(16px);
  animation:v263Backdrop 220ms ease both;
}
@keyframes v263Backdrop{from{opacity:0}to{opacity:1}}
.v263-daily{
  width:min(940px,100%);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  border-radius:30px;
  background:#fffdf9;
  box-shadow:0 48px 150px rgba(0,0,0,.38);
  animation:v263DailyIn 420ms var(--v263-ease) both;
}
@keyframes v263DailyIn{
  from{opacity:0;transform:translateY(24px) scale(.975)}
  to{opacity:1;transform:none}
}
.v263-daily-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:62px;
  padding:0 22px;
  color:white;
  background:#071d2d;
}
.v263-daily-head>div{display:flex;align-items:center;gap:10px}
.v263-daily-head i{
  width:8px;height:8px;border-radius:50%;
  background:#36c887;
  box-shadow:0 0 0 7px rgba(54,200,135,.10);
}
.v263-daily-head span{
  font:900 8px ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.16em;
  color:#9cb1ba;
}
.v263-daily-head button{
  width:35px;height:35px;
  border-radius:11px;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:18px;
}
.v263-daily-main{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);
}
.v263-daily-copy{
  padding:42px 42px 38px;
}
.v263-daily-copy>span{
  display:block;
  font:900 8px ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.15em;
  color:#fb5900;
}
.v263-daily-copy h2{
  max-width:610px;
  margin:12px 0 13px;
  font-size:clamp(35px,5vw,57px);
  line-height:.96;
  letter-spacing:-.05em;
  color:#071d2d;
}
.v263-daily-copy>p{
  max-width:620px;
  margin:0;
  color:#74848b;
  font-size:12px;
  line-height:1.65;
}
.v263-daily-delta{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-top:27px;
}
.v263-daily-delta article{
  min-height:92px;
  padding:14px;
  border:1px solid rgba(7,29,45,.08);
  border-radius:15px;
  background:#f6f4ef;
}
.v263-daily-delta small{
  display:block;
  min-height:22px;
  font:850 7px ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.08em;
  color:#7b8b92;
}
.v263-daily-delta strong{
  display:block;
  margin-top:7px;
  color:#071d2d;
  font-size:22px;
}
.v263-daily-delta strong.positive{color:#23845c}
.v263-daily-focus{
  padding:31px;
  color:white;
  background:
    radial-gradient(circle at 82% 18%,rgba(251,89,0,.18),transparent 28%),
    linear-gradient(155deg,#0b2b3f,#061722);
}
.v263-daily-focus>span{
  font:900 7px ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.15em;
  color:#ff8f55;
}
.v263-daily-focus h3{
  margin:14px 0 10px;
  font-size:25px;
  line-height:1.05;
}
.v263-daily-focus p{
  min-height:62px;
  margin:0;
  color:#9eb0b8;
  font-size:10px;
  line-height:1.55;
}
.v263-daily-focus .v263-orbit{
  width:128px;height:128px;
  display:grid;
  place-items:center;
  margin:29px auto;
  border:1px solid rgba(255,255,255,.10);
  border-radius:50%;
  box-shadow:0 0 0 22px rgba(255,255,255,.025),0 0 0 44px rgba(255,255,255,.014);
  position:relative;
}
.v263-daily-focus .v263-orbit:after{
  content:"";
  position:absolute;
  width:10px;height:10px;
  right:5px;top:27px;
  border-radius:50%;
  background:#fb5900;
  box-shadow:0 0 0 7px rgba(251,89,0,.10);
}
.v263-daily-focus .v263-orbit strong{font-size:34px}
.v263-daily-focus .v263-orbit small{
  display:block;
  text-align:center;
  margin-top:1px;
  color:#8099a5;
  font:800 6px ui-monospace,SFMono-Regular,Menlo,monospace;
}
.v263-daily-actions{display:grid;gap:8px;margin-top:20px}
.v263-daily-actions button{
  min-height:48px;
  padding:0 14px;
  border-radius:12px;
  font-size:10px;
  font-weight:900;
}
.v263-daily-actions .primary{background:#fb5900;color:white}
.v263-daily-actions .secondary{
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.06);
  color:#c4d0d5;
}

/* ADAPTIVE EXPERIENCE */
.v263-adaptive{
  margin:0 0 14px;
  border-radius:20px;
  overflow:hidden;
  border:1px solid rgba(7,29,45,.09);
  box-shadow:0 14px 38px rgba(7,29,45,.055);
}
.v263-adaptive.free{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:1px;
  background:rgba(7,29,45,.08);
}
.v263-first-win{
  padding:20px 22px;
  background:#fffdf9;
}
.v263-first-win>span,.v263-boost-pulse>span{
  display:block;
  font:900 7px ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.15em;
  color:#fb5900;
}
.v263-first-win h3,.v263-boost-pulse h3{
  margin:7px 0 4px;
  font-size:20px;
  color:#071d2d;
}
.v263-first-win p,.v263-boost-pulse p{
  margin:0;
  color:#788890;
  font-size:9px;
  line-height:1.5;
}
.v263-first-win-steps{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
  margin-top:15px;
}
.v263-first-win-steps button{
  min-height:72px;
  padding:10px;
  text-align:left;
  border-radius:12px;
  border:1px solid rgba(7,29,45,.08);
  background:#f6f5f1;
  color:#0b2a3d;
}
.v263-first-win-steps button.done{
  border-color:rgba(42,154,108,.22);
  background:#f0f8f4;
}
.v263-first-win-steps i{
  display:grid;
  place-items:center;
  width:23px;height:23px;
  border-radius:7px;
  margin-bottom:7px;
  background:#e8edee;
  color:#6f8088;
  font-style:normal;
  font-size:8px;
  font-weight:900;
}
.v263-first-win-steps button.done i{background:#d9f0e5;color:#247950}
.v263-first-win-steps strong{
  display:block;
  font-size:9px;
}
.v263-first-win-steps small{
  display:block;
  margin-top:3px;
  color:#849197;
  font-size:7px;
}
.v263-free-preview{
  min-width:230px;
  padding:20px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:#071d2d;
  color:#fff;
}
.v263-free-preview small{
  font:850 7px ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.12em;
  color:#ff8f55;
}
.v263-free-preview strong{
  display:block;
  margin:8px 0 5px;
  font-size:15px;
}
.v263-free-preview p{
  margin:0;
  color:#8ea4ad;
  font-size:8px;
  line-height:1.45;
}
.v263-free-preview a{
  align-self:flex-start;
  margin-top:13px;
  padding:9px 11px;
  border-radius:9px;
  background:#fb5900;
  color:#fff;
  font-size:8px;
  font-weight:900;
}

.v263-adaptive.boost{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:stretch;
  background:#fffdf9;
}
.v263-boost-pulse{padding:19px 22px}
.v263-boost-kpis{
  min-width:420px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-left:1px solid rgba(7,29,45,.08);
}
.v263-boost-kpis div{
  padding:18px 14px;
  border-left:1px solid rgba(7,29,45,.06);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.v263-boost-kpis div:first-child{border-left:0}
.v263-boost-kpis small{
  font:850 6px ui-monospace,SFMono-Regular,Menlo,monospace;
  color:#87949a;
  letter-spacing:.08em;
}
.v263-boost-kpis strong{
  margin-top:5px;
  font-size:21px;
  color:#071d2d;
}

/* MICRO FEEDBACK */
.v263-toast{
  position:fixed;
  z-index:940;
  top:77px;
  right:20px;
  width:min(370px,calc(100% - 28px));
  padding:14px 15px;
  display:grid;
  grid-template-columns:34px 1fr auto;
  gap:11px;
  align-items:center;
  border-radius:15px;
  border:1px solid rgba(255,255,255,.08);
  color:#fff;
  background:rgba(7,29,45,.96);
  backdrop-filter:blur(14px);
  box-shadow:0 22px 70px rgba(0,0,0,.25);
  opacity:0;
  transform:translateY(-10px);
  pointer-events:none;
  transition:220ms var(--v263-ease);
}
.v263-toast.show{opacity:1;transform:none;pointer-events:auto}
.v263-toast>i{
  width:34px;height:34px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:rgba(53,202,139,.12);
  color:#4bd59a;
  font-style:normal;
  font-weight:900;
}
.v263-toast strong{display:block;font-size:10px}
.v263-toast small{display:block;margin-top:3px;color:#90a4ad;font-size:8px;line-height:1.35}
.v263-toast button{
  width:28px;height:28px;
  border-radius:8px;
  background:rgba(255,255,255,.06);
  color:#93a7b0;
}

/* MOBILE CONTEXT ACTION */
.v263-mobile-next{
  display:none;
  position:fixed;
  z-index:92;
  left:10px;right:10px;
  bottom:70px;
  min-height:55px;
  padding:7px 8px 7px 14px;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  background:rgba(7,29,45,.96);
  color:#fff;
  box-shadow:0 18px 56px rgba(0,0,0,.24);
  backdrop-filter:blur(16px);
  transform:translateY(14px);
  opacity:0;
  transition:220ms var(--v263-ease);
}
.v263-mobile-next.show{opacity:1;transform:none}
.v263-mobile-next span{min-width:0}
.v263-mobile-next small{
  display:block;
  color:#ff8f55;
  font:850 6px ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.11em;
}
.v263-mobile-next strong{
  display:block;
  margin-top:3px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:10px;
}
.v263-mobile-next button{
  flex:0 0 auto;
  min-height:40px;
  padding:0 13px;
  border-radius:10px;
  background:#fb5900;
  color:white;
  font-size:8px;
  font-weight:900;
}

/* Better mobile reading density */
@media(max-width:760px){
  .v263-daily-shell{padding:0;place-items:stretch}
  .v263-daily{
    width:100%;
    min-height:100dvh;
    border:0;
    border-radius:0;
    overflow:auto;
  }
  .v263-daily-main{grid-template-columns:1fr}
  .v263-daily-copy{padding:31px 22px 25px}
  .v263-daily-copy h2{font-size:40px}
  .v263-daily-delta{grid-template-columns:1fr 1fr 1fr;gap:6px}
  .v263-daily-delta article{min-height:80px;padding:10px}
  .v263-daily-delta strong{font-size:18px}
  .v263-daily-focus{padding:25px 22px 92px}
  .v263-daily-focus .v263-orbit{width:108px;height:108px;margin:23px auto}
  .v263-adaptive.free,.v263-adaptive.boost{grid-template-columns:1fr}
  .v263-first-win{padding:17px}
  .v263-first-win-steps{grid-template-columns:1fr}
  .v263-first-win-steps button{
    min-height:58px;
    display:grid;
    grid-template-columns:26px 1fr;
    column-gap:9px;
    align-items:center;
  }
  .v263-first-win-steps i{margin:0;grid-row:1/3}
  .v263-free-preview{min-width:0}
  .v263-boost-kpis{
    min-width:0;
    grid-template-columns:1fr 1fr;
    border-left:0;
    border-top:1px solid rgba(7,29,45,.08);
  }
  .v263-boost-kpis div:nth-child(3){border-left:0;border-top:1px solid rgba(7,29,45,.06)}
  .v263-boost-kpis div:nth-child(4){border-top:1px solid rgba(7,29,45,.06)}
  .v263-mobile-next{display:flex}
  body:has(.v12-overlay,.b90-modal-shell,.os2-learn-shell,.varqo-learning-layer,.varqo-learning-welcome,.v263-daily-shell) .v263-mobile-next{display:none!important}
  .v263-toast{top:66px;right:12px}
  .mo-canvas{padding-bottom:102px!important}
}

/* Small phone: avoid hidden content under browser UI. */
@media(max-width:430px){
  .v263-daily-delta{grid-template-columns:1fr}
  .v263-daily-delta article{min-height:64px}
  .v263-daily-copy h2{font-size:36px}
  .v263-mobile-next{bottom:68px}
}

/* Accessibility: motion never becomes a prerequisite. */
@media(prefers-reduced-motion:reduce){
  html[data-varqo-experience-polish="V26.3"] *,
  html[data-varqo-experience-polish="V26.3"] *:before,
  html[data-varqo-experience-polish="V26.3"] *:after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
  }
  .v263-reveal{opacity:1;transform:none}
}


/* V26.3.1 — visibility safety net.
   UX motion may decorate content, never own its visibility. */
html[data-varqo-experience-polish="V26.3"] #memberCanvas > *{
  visibility:visible;
}
html[data-varqo-experience-polish="V26.3"] #memberCanvas > .v263-visibility-rescued{
  opacity:1!important;
  transform:none!important;
  animation:none!important;
}

/* ===== public/varqo-member-premium-v264.css ===== */
/* =====================================================================
   VARQO V26.4 — PREMIUM VISUAL / FORMS / MOTION UNIFICATION
   Additive UX layer. It does not own auth, commerce or member data.
   ===================================================================== */

html[data-varqo-premium-ui="V26.4"]{
  --v264-navy:#071d2d;
  --v264-navy-2:#0b2d42;
  --v264-paper:#fffdf9;
  --v264-cream:#f4f0e9;
  --v264-orange:#fb5900;
  --v264-orange-2:#ff8444;
  --v264-line:rgba(7,29,45,.11);
  --v264-muted:#73848c;
  --v264-shadow:0 26px 80px rgba(5,25,39,.13);
  --v264-shadow-strong:0 45px 140px rgba(1,12,20,.30);
  --v264-ease:cubic-bezier(.2,.82,.2,1);
}

/* ---------------------------------------------------------------------
   1. MASTER APP RHYTHM
   --------------------------------------------------------------------- */
html[data-varqo-premium-ui="V26.4"] .mo-stage{
  background:
    radial-gradient(circle at 86% 3%,rgba(251,89,0,.035),transparent 24%),
    linear-gradient(180deg,#f6f3ed 0,#f1eee8 100%);
}
html[data-varqo-premium-ui="V26.4"] .mo-canvas{
  padding-top:32px;
}
html[data-varqo-premium-ui="V26.4"] #memberCanvas > section,
html[data-varqo-premium-ui="V26.4"] #memberCanvas > article{
  transform-origin:50% 0;
}
html[data-varqo-premium-ui="V26.4"] .v264-surface-enter{
  animation:v264SurfaceEnter .42s var(--v264-ease) both;
}
@keyframes v264SurfaceEnter{
  from{opacity:.01;transform:translateY(12px) scale(.995)}
  to{opacity:1;transform:none}
}

/* ---------------------------------------------------------------------
   2. LOGO — no card / no framed-app-icon feeling
   --------------------------------------------------------------------- */
html[data-varqo-premium-ui="V26.4"] .mo-side-brand{
  min-height:58px;
  padding:5px 9px 20px;
  overflow:visible;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html[data-varqo-premium-ui="V26.4"] .mo-side-brand .mo-brand-lockup{
  gap:13px;
  overflow:visible;
}
html[data-varqo-premium-ui="V26.4"] .mo-side-brand .mo-original-logo{
  width:43px!important;
  height:38px!important;
  object-fit:contain;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  mix-blend-mode:screen;
  filter:drop-shadow(0 8px 18px rgba(251,89,0,.14)) brightness(1.08);
  transform-origin:50% 55%;
  animation:v264LogoFloat 5.8s ease-in-out infinite;
}
html[data-varqo-premium-ui="V26.4"] .mo-side-brand:hover .mo-original-logo{
  filter:drop-shadow(0 12px 25px rgba(251,89,0,.28)) brightness(1.16);
}
html[data-varqo-premium-ui="V26.4"] .mo-side-brand .mo-brand-lockup>span{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html[data-varqo-premium-ui="V26.4"] .mo-side-brand .mo-brand-lockup small{
  color:rgba(255,255,255,.44);
}
@keyframes v264LogoFloat{
  0%,100%{transform:translateY(0) rotate(0deg)}
  50%{transform:translateY(-2px) rotate(.7deg)}
}

/* Login / gateway uses the same unboxed visual language. */
html[data-varqo-premium-ui="V26.4"] .mo-gateway .mo-original-logo,
html[data-varqo-premium-ui="V26.4"] .mo-loading .mo-original-logo{
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  border-radius:0!important;
  mix-blend-mode:screen;
  filter:drop-shadow(0 10px 25px rgba(251,89,0,.20));
}

/* ---------------------------------------------------------------------
   3. TOP COMMAND BAR — strong contrast and visible actions
   --------------------------------------------------------------------- */
html[data-varqo-premium-ui="V26.4"] .mo-topbar{
  height:70px;
  padding:0 28px;
  border-bottom:1px solid rgba(7,29,45,.10);
  background:rgba(255,253,249,.94);
  backdrop-filter:blur(22px) saturate(1.12);
  box-shadow:0 9px 30px rgba(7,29,45,.055);
}
html[data-varqo-premium-ui="V26.4"] .mo-topbar:after{
  content:"";
  position:absolute;
  left:28px;
  right:28px;
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,rgba(251,89,0,.65),rgba(251,89,0,0) 24%,rgba(7,29,45,0));
  pointer-events:none;
}
html[data-varqo-premium-ui="V26.4"] .mo-crumb{
  min-width:180px;
}
html[data-varqo-premium-ui="V26.4"] .mo-crumb strong{
  color:#53656e;
  font-weight:800;
}
html[data-varqo-premium-ui="V26.4"] .mo-top-actions{
  gap:8px;
}
html[data-varqo-premium-ui="V26.4"] .mo-command-trigger{
  height:42px;
  min-height:42px;
  min-width:330px;
  padding:0 13px;
  border:1px solid #102f42;
  border-radius:13px;
  background:linear-gradient(135deg,#0b2d42,#071d2d);
  color:#fff;
  box-shadow:0 10px 24px rgba(7,29,45,.11);
}
html[data-varqo-premium-ui="V26.4"] .mo-command-trigger>span{
  color:#ff8b4b;
}
html[data-varqo-premium-ui="V26.4"] .mo-command-trigger>b{
  color:#eef4f6;
  font-weight:800;
}
html[data-varqo-premium-ui="V26.4"] .mo-command-trigger kbd{
  background:rgba(255,255,255,.09);
  color:#b7c7ce;
  border:1px solid rgba(255,255,255,.08);
}
html[data-varqo-premium-ui="V26.4"] .mo-command-trigger:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 30px rgba(7,29,45,.18);
}
html[data-varqo-premium-ui="V26.4"] .mo-quick,
html[data-varqo-premium-ui="V26.4"] .mo-learning-trigger,
html[data-varqo-premium-ui="V26.4"] .mo-notify,
html[data-varqo-premium-ui="V26.4"] .mo-top-actions>label,
html[data-varqo-premium-ui="V26.4"] .mo-top-avatar{
  height:42px!important;
  min-height:42px;
  border-radius:13px!important;
}
html[data-varqo-premium-ui="V26.4"] .mo-quick{
  width:auto!important;
  min-width:82px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:0 13px!important;
  background:linear-gradient(135deg,#ff7430,#fb5900)!important;
  box-shadow:0 10px 23px rgba(251,89,0,.18);
}
html[data-varqo-premium-ui="V26.4"] .mo-quick b,
html[data-varqo-premium-ui="V26.4"] .mo-learning-trigger b{
  font-size:8px;
  font-weight:900;
  letter-spacing:.02em;
}
html[data-varqo-premium-ui="V26.4"] .mo-learning-trigger{
  min-width:76px;
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:0 11px;
  border:1px solid var(--v264-line);
  background:#fff;
  color:#173346;
  box-shadow:0 7px 20px rgba(7,29,45,.05);
}
html[data-varqo-premium-ui="V26.4"] .mo-learning-trigger>span{
  display:grid;
  place-items:center;
  width:20px;height:20px;
  border-radius:7px;
  background:#eef2f2;
  color:#071d2d;
  font-weight:950;
}
html[data-varqo-premium-ui="V26.4"] .mo-top-actions>label{
  padding:0 10px;
  border:1px solid rgba(7,29,45,.11);
  background:#fff;
  box-shadow:0 7px 20px rgba(7,29,45,.04);
}
html[data-varqo-premium-ui="V26.4"] .mo-top-actions label span{
  color:#6e7f87;
}
html[data-varqo-premium-ui="V26.4"] .mo-top-actions select{
  color:#071d2d;
  font-weight:900;
}
html[data-varqo-premium-ui="V26.4"] .mo-notify{
  width:42px;
  border-color:rgba(7,29,45,.10);
  background:#fff;
  box-shadow:0 7px 20px rgba(7,29,45,.04);
}
html[data-varqo-premium-ui="V26.4"] .mo-top-avatar{
  width:42px!important;
  box-shadow:0 10px 24px rgba(251,89,0,.18);
}

/* ---------------------------------------------------------------------
   4. UNIVERSAL LIGHTBOX / FORM SYSTEM
   --------------------------------------------------------------------- */
html[data-varqo-premium-ui="V26.4"] :is(
  .v12-overlay,
  .v19b-overlay,
  .os2-overlay,
  .os2-workspace-shell,
  .os2-apply-shell,
  .os2-practice-shell,
  .os2-execute-shell,
  .os2-command-shell,
  .ri-dialogue,
  .ri-modal-shell
){
  backdrop-filter:blur(20px) saturate(.92);
}
html[data-varqo-premium-ui="V26.4"] :is(.v12-overlay,.v19b-overlay){
  background:
    radial-gradient(circle at 50% 10%,rgba(251,89,0,.075),transparent 30%),
    rgba(3,16,25,.76);
}

/* Make every native field inside VARQO overlays look like part of the product. */
html[data-varqo-premium-ui="V26.4"] :is(
  .v12-overlay,.v19b-overlay,.os2-overlay,.os2-workspace-shell,
  .os2-apply-shell,.os2-practice-shell,.os2-execute-shell,.ri-dialogue,.ri-modal-shell
) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea){
  width:100%;
  min-height:46px;
  padding:11px 13px;
  border:1px solid rgba(7,29,45,.13)!important;
  border-radius:12px!important;
  outline:0;
  background:#fff!important;
  color:#102c3d!important;
  font:700 12px/1.35 Inter,ui-sans-serif,system-ui,sans-serif!important;
  box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 5px 18px rgba(7,29,45,.025);
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease;
}
html[data-varqo-premium-ui="V26.4"] :is(
  .v12-overlay,.v19b-overlay,.os2-overlay,.os2-workspace-shell,
  .os2-apply-shell,.os2-practice-shell,.os2-execute-shell,.ri-dialogue,.ri-modal-shell
) textarea{
  min-height:108px;
  resize:vertical;
}
html[data-varqo-premium-ui="V26.4"] :is(
  .v12-overlay,.v19b-overlay,.os2-overlay,.os2-workspace-shell,
  .os2-apply-shell,.os2-practice-shell,.os2-execute-shell,.ri-dialogue,.ri-modal-shell
) :is(input,select,textarea):focus{
  border-color:rgba(251,89,0,.72)!important;
  background:#fffdfb!important;
  box-shadow:0 0 0 4px rgba(251,89,0,.09),0 8px 24px rgba(7,29,45,.045)!important;
}
html[data-varqo-premium-ui="V26.4"] :is(
  .v12-overlay,.v19b-overlay,.os2-overlay,.os2-workspace-shell,
  .os2-apply-shell,.os2-practice-shell,.os2-execute-shell,.ri-dialogue,.ri-modal-shell
) :is(label>small,label>span:first-child){
  letter-spacing:.045em;
}
html[data-varqo-premium-ui="V26.4"] :is(
  .v12-overlay,.v19b-overlay,.os2-overlay,.os2-workspace-shell,
  .os2-apply-shell,.os2-practice-shell,.os2-execute-shell,.ri-dialogue,.ri-modal-shell
) button{
  transition:transform .16s var(--v264-ease),box-shadow .16s ease,filter .16s ease,background .16s ease;
}
html[data-varqo-premium-ui="V26.4"] :is(
  .v12-overlay,.v19b-overlay,.os2-overlay,.os2-workspace-shell,
  .os2-apply-shell,.os2-practice-shell,.os2-execute-shell,.ri-dialogue,.ri-modal-shell
) button:hover{
  transform:translateY(-1px);
}

/* ---------------------------------------------------------------------
   5. OPPORTUNITY STUDIO — fixes the visibly unstyled production modal
   --------------------------------------------------------------------- */
html[data-varqo-premium-ui="V26.4"] .v12-overlay.v19b-overlay > .v19b-opportunity-studio{
  width:min(1080px,calc(100vw - 48px));
  max-height:min(850px,calc(100dvh - 48px));
  overflow:auto;
  border:1px solid rgba(255,255,255,.12);
  border-radius:28px;
  background:#fffdf9;
  color:#071d2d;
  box-shadow:var(--v264-shadow-strong);
  animation:v264ModalIn .30s var(--v264-ease) both;
}
@keyframes v264ModalIn{
  from{opacity:.01;transform:translateY(20px) scale(.982)}
  to{opacity:1;transform:none}
}
html[data-varqo-premium-ui="V26.4"] .v12-overlay.v19b-overlay > .v19b-opportunity-studio > .v19b-studio-head{
  position:sticky;
  top:0;
  z-index:4;
  min-height:148px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:25px;
  padding:28px 30px;
  color:#fff;
  background:
    radial-gradient(circle at 82% 5%,rgba(251,89,0,.20),transparent 28%),
    linear-gradient(140deg,#0b2d42,#071d2d);
  border-bottom:1px solid rgba(255,255,255,.07);
}
html[data-varqo-premium-ui="V26.4"] .v12-overlay.v19b-overlay > .v19b-opportunity-studio > .v19b-studio-head span{
  font:900 8px ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.16em;
  color:#ff9259;
}
html[data-varqo-premium-ui="V26.4"] .v12-overlay.v19b-overlay > .v19b-opportunity-studio > .v19b-studio-head h2{
  margin:9px 0 7px;
  font-size:clamp(27px,3vw,39px);
  line-height:1;
  letter-spacing:-.035em;
  color:#fff;
}
html[data-varqo-premium-ui="V26.4"] .v12-overlay.v19b-overlay > .v19b-opportunity-studio > .v19b-studio-head p{
  max-width:690px;
  margin:0;
  color:#9db0b9;
  font-size:10px;
  line-height:1.55;
}
html[data-varqo-premium-ui="V26.4"] .v19b-close{
  flex:0 0 auto;
  width:38px;height:38px;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  font-size:19px!important;
}
html[data-varqo-premium-ui="V26.4"] .v19b-close:hover{
  background:rgba(255,255,255,.15)!important;
}
html[data-varqo-premium-ui="V26.4"] .v12-overlay.v19b-overlay > .v19b-opportunity-studio form{
  display:block;
  margin:0;
}
html[data-varqo-premium-ui="V26.4"] .v12-overlay.v19b-overlay .v19b-opportunity-grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);
  gap:20px;
  padding:24px;
  background:#f5f2ec;
}
html[data-varqo-premium-ui="V26.4"] .v12-overlay.v19b-overlay .v19b-opportunity-grid>section{
  display:grid;
  gap:13px;
  padding:23px;
  border:1px solid rgba(7,29,45,.09);
  border-radius:20px;
  background:#fff;
  box-shadow:0 10px 32px rgba(7,29,45,.04);
}
html[data-varqo-premium-ui="V26.4"] .v12-overlay.v19b-overlay .v19b-opportunity-grid>section>span,
html[data-varqo-premium-ui="V26.4"] .v12-overlay.v19b-overlay .v19b-op-preview>span{
  font:900 8px ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.15em;
  color:#fb5900;
}
html[data-varqo-premium-ui="V26.4"] .v12-overlay.v19b-overlay .v19b-opportunity-grid label{
  display:grid;
  gap:6px;
}
html[data-varqo-premium-ui="V26.4"] .v12-overlay.v19b-overlay .v19b-opportunity-grid label small{
  color:#657780;
  font:850 8px ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.07em;
}
html[data-varqo-premium-ui="V26.4"] .v12-overlay.v19b-overlay .v19b-two{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
html[data-varqo-premium-ui="V26.4"] .v12-overlay.v19b-overlay .v19b-op-preview{
  min-width:0;
  padding:23px;
  border-radius:20px;
  color:#fff;
  background:
    radial-gradient(circle at 86% 9%,rgba(251,89,0,.18),transparent 28%),
    #08283a;
  box-shadow:0 16px 42px rgba(7,29,45,.13);
}
html[data-varqo-premium-ui="V26.4"] .v12-overlay.v19b-overlay .v19b-op-preview>article{
  margin-top:17px;
  padding:22px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:17px;
  background:rgba(255,255,255,.04);
}
html[data-varqo-premium-ui="V26.4"] .v12-overlay.v19b-overlay .v19b-op-preview article>small{
  color:#ff9158;
  font:900 7px ui-monospace,monospace;
  letter-spacing:.13em;
}
html[data-varqo-premium-ui="V26.4"] .v12-overlay.v19b-overlay .v19b-op-preview h3{
  margin:9px 0 5px;
  color:#fff;
  font-size:25px;
  line-height:1.04;
}
html[data-varqo-premium-ui="V26.4"] .v12-overlay.v19b-overlay .v19b-op-preview p{
  color:#8fa6b0;
}
html[data-varqo-premium-ui="V26.4"] .v12-overlay.v19b-overlay .v19b-op-preview article>div{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:9px;
  align-items:center;
  margin-top:22px;
}
html[data-varqo-premium-ui="V26.4"] .v12-overlay.v19b-overlay .v19b-op-preview article>div i{
  height:4px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.10);
}
html[data-varqo-premium-ui="V26.4"] .v12-overlay.v19b-overlay .v19b-op-preview article>div em{
  display:block;height:100%;
  background:linear-gradient(90deg,#fb5900,#ff975f);
}
html[data-varqo-premium-ui="V26.4"] .v12-overlay.v19b-overlay .v19b-op-preview footer{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:10px;
  margin-top:19px;
  padding-top:15px;
  border-top:1px solid rgba(255,255,255,.08);
}
html[data-varqo-premium-ui="V26.4"] .v12-overlay.v19b-overlay .v19b-op-preview footer span{
  color:#6f8d9a;
  font:850 7px ui-monospace,monospace;
}
html[data-varqo-premium-ui="V26.4"] .v12-overlay.v19b-overlay .v19b-studio-footer{
  position:sticky;
  bottom:0;
  z-index:5;
  display:flex;
  justify-content:flex-end;
  gap:9px;
  padding:15px 24px;
  border-top:1px solid rgba(7,29,45,.09);
  background:rgba(255,253,249,.94);
  backdrop-filter:blur(16px);
}
html[data-varqo-premium-ui="V26.4"] .v12-overlay.v19b-overlay .v19b-studio-footer button{
  min-height:43px;
  padding:0 16px;
  border-radius:11px;
  background:#071d2d;
  color:#fff;
  font-size:9px;
  font-weight:900;
  box-shadow:0 9px 22px rgba(7,29,45,.10);
}
html[data-varqo-premium-ui="V26.4"] .v12-overlay.v19b-overlay .v19b-studio-footer .secondary{
  background:#eef1ef;
  color:#173346;
  box-shadow:none;
}

/* ---------------------------------------------------------------------
   6. WEEKLY RESET — balanced studio instead of a large empty sheet
   --------------------------------------------------------------------- */
html[data-varqo-premium-ui="V26.4"] .v12-overlay.v19b-overlay > .v19b-weekly-reset{
  width:min(1180px,calc(100vw - 48px));
  max-height:min(850px,calc(100dvh - 48px));
  overflow:auto;
  border:1px solid rgba(255,255,255,.12);
  border-radius:28px;
  background:#f5f2ec;
  box-shadow:var(--v264-shadow-strong);
  animation:v264ModalIn .30s var(--v264-ease) both;
}
html[data-varqo-premium-ui="V26.4"] .v19b-weekly-reset>.v19b-studio-head{
  position:sticky;
  top:0;
  z-index:5;
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:27px 30px;
  color:#fff;
  background:
    radial-gradient(circle at 86% 12%,rgba(132,91,183,.18),transparent 26%),
    linear-gradient(135deg,#0b2d42,#1e2947);
}
html[data-varqo-premium-ui="V26.4"] .v19b-weekly-reset>.v19b-studio-head span{
  color:#ff8e55;
  font:900 8px ui-monospace,monospace;
  letter-spacing:.15em;
}
html[data-varqo-premium-ui="V26.4"] .v19b-weekly-reset>.v19b-studio-head h2{
  margin:8px 0 5px;
  color:#fff;
  font-size:35px;
  line-height:1;
  letter-spacing:-.04em;
}
html[data-varqo-premium-ui="V26.4"] .v19b-weekly-reset>.v19b-studio-head p{
  margin:0;
  color:#9db0b9;
  font-size:10px;
}
html[data-varqo-premium-ui="V26.4"] .v19b-weekly-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  padding:0;
  background:rgba(7,29,45,.08);
}
html[data-varqo-premium-ui="V26.4"] .v19b-weekly-stats>span{
  min-height:98px;
  padding:20px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:#08283a;
  color:#fff;
}
html[data-varqo-premium-ui="V26.4"] .v19b-weekly-stats b{
  font-size:27px;
}
html[data-varqo-premium-ui="V26.4"] .v19b-weekly-stats small{
  margin-top:4px;
  color:#7895a1;
  font:850 7px ui-monospace,monospace;
}
html[data-varqo-premium-ui="V26.4"] .v19b-weekly-questions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  padding:20px 20px 12px;
}
html[data-varqo-premium-ui="V26.4"] .v19b-weekly-questions>label{
  display:grid;
  grid-template-columns:32px 1fr;
  gap:11px;
  padding:18px;
  border:1px solid rgba(7,29,45,.09);
  border-radius:18px;
  background:#fff;
}
html[data-varqo-premium-ui="V26.4"] .v19b-weekly-questions>label>span{
  display:grid;
  place-items:center;
  width:31px;height:31px;
  border-radius:9px;
  background:#fff0e8;
  color:#fb5900;
  font:900 8px ui-monospace,monospace;
}
html[data-varqo-premium-ui="V26.4"] .v19b-weekly-questions label small{
  display:block;
  margin-bottom:7px;
  color:#687982;
  font:850 8px ui-monospace,monospace;
  letter-spacing:.06em;
}
html[data-varqo-premium-ui="V26.4"] .v19b-weekly-priority{
  margin:0 20px 15px;
  padding:18px;
  border:1px solid rgba(7,29,45,.09);
  border-radius:18px;
  background:#fff;
}
html[data-varqo-premium-ui="V26.4"] .v19b-weekly-priority>span{
  display:block;
  margin-bottom:12px;
  color:#fb5900;
  font:900 8px ui-monospace,monospace;
  letter-spacing:.13em;
}
html[data-varqo-premium-ui="V26.4"] .v19b-weekly-priority>div{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:7px;
}
html[data-varqo-premium-ui="V26.4"] .v19b-weekly-priority button{
  min-height:70px;
  display:grid;
  grid-template-columns:28px 1fr;
  gap:8px;
  align-items:center;
  padding:10px;
  text-align:left;
  border:1px solid rgba(7,29,45,.10);
  border-radius:13px;
  background:#f7f7f4;
  color:#173346;
}
html[data-varqo-premium-ui="V26.4"] .v19b-weekly-priority button i{
  display:grid;
  place-items:center;
  width:27px;height:27px;
  border-radius:8px;
  background:#efe7f5;
  color:#9b5ec4;
  font:900 7px ui-monospace,monospace;
  font-style:normal;
}
html[data-varqo-premium-ui="V26.4"] .v19b-weekly-priority button b{
  font-size:9px;
  line-height:1.25;
}
html[data-varqo-premium-ui="V26.4"] .v19b-weekly-priority button.active{
  border-color:#fb5900;
  background:#fff7f2;
  box-shadow:0 0 0 3px rgba(251,89,0,.07);
}
html[data-varqo-premium-ui="V26.4"] .v19b-weekly-reset>.v19b-studio-footer{
  position:sticky;
  bottom:0;
  z-index:5;
  display:flex;
  justify-content:flex-end;
  gap:9px;
  padding:14px 20px;
  border-top:1px solid rgba(7,29,45,.09);
  background:rgba(255,253,249,.95);
  backdrop-filter:blur(16px);
}
html[data-varqo-premium-ui="V26.4"] .v19b-weekly-reset>.v19b-studio-footer button{
  min-height:43px;
  padding:0 16px;
  border-radius:11px;
  background:#071d2d;
  color:#fff;
  font-size:9px;
  font-weight:900;
}
html[data-varqo-premium-ui="V26.4"] .v19b-weekly-reset>.v19b-studio-footer .secondary{
  background:#eef1ef;
  color:#173346;
}

/* ---------------------------------------------------------------------
   7. EXISTING DIAGNOSTIC / RESOURCE / WORKSPACE MODALS
   --------------------------------------------------------------------- */
html[data-varqo-premium-ui="V26.4"] :is(
  .v12-diag-modal,.v12-mini-modal,.ri-modal,
  .os2-workspace-create,.os2-workspace-detail,
  .os2-overlay>section,.os2-apply,.os2-practice,.os2-execute,.os2-command
){
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:var(--v264-shadow-strong)!important;
}
html[data-varqo-premium-ui="V26.4"] :is(.v12-diag-modal,.v12-mini-modal)>header{
  background:
    radial-gradient(circle at 90% 0,rgba(251,89,0,.10),transparent 32%),
    #fffdf9;
}
html[data-varqo-premium-ui="V26.4"] .v12-question-list fieldset{
  transition:background .16s ease;
}
html[data-varqo-premium-ui="V26.4"] .v12-question-list fieldset:hover{
  background:#fffdf9;
}
html[data-varqo-premium-ui="V26.4"] .v12-question-list label span{
  transition:.16s var(--v264-ease);
}
html[data-varqo-premium-ui="V26.4"] .v12-question-list label:hover span{
  transform:translateY(-1px);
  border-color:rgba(251,89,0,.35);
}

/* ---------------------------------------------------------------------
   8. PROFILE — more dimensional, less static
   --------------------------------------------------------------------- */
html[data-varqo-premium-ui="V26.4"] .v19c-profile-hero{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.07);
  background:
    radial-gradient(circle at 79% 18%,rgba(251,89,0,.14),transparent 27%),
    linear-gradient(135deg,#08283a,#071d2d 68%,#0b2638);
  box-shadow:0 24px 60px rgba(7,29,45,.11);
}
html[data-varqo-premium-ui="V26.4"] .v19c-profile-hero:after{
  content:"";
  position:absolute;
  width:360px;height:360px;
  right:-80px;top:-160px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:50%;
  box-shadow:0 0 0 55px rgba(255,255,255,.018),0 0 0 110px rgba(255,255,255,.012);
  pointer-events:none;
}
html[data-varqo-premium-ui="V26.4"] .v19c-profile-grid>article{
  transition:transform .18s var(--v264-ease),box-shadow .18s ease,border-color .18s ease;
}
html[data-varqo-premium-ui="V26.4"] .v19c-profile-grid>article:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 45px rgba(7,29,45,.075);
  border-color:rgba(251,89,0,.18);
}
html[data-varqo-premium-ui="V26.4"] .v19c-avatar{
  box-shadow:0 14px 30px rgba(251,89,0,.18);
}

/* ---------------------------------------------------------------------
   9. CARDS / ACTIONS — restrained premium interaction
   --------------------------------------------------------------------- */
html[data-varqo-premium-ui="V26.4"] :is(
  .v26-commercial,.v242-mission-now,.v242-stage,.v12-engine-card,
  .v19b-canvas-node,.ri-card,.mo-resource-card,.mo-diagnostic-card
){
  transition:transform .18s var(--v264-ease),box-shadow .18s ease,border-color .18s ease;
}
@media(hover:hover){
  html[data-varqo-premium-ui="V26.4"] :is(
    .v242-stage,.v12-engine-card,.v19b-canvas-node,.ri-card,.mo-resource-card,.mo-diagnostic-card
  ):hover{
    transform:translateY(-2px);
    box-shadow:0 18px 46px rgba(7,29,45,.075);
  }
}

/* ---------------------------------------------------------------------
   10. MOBILE / TABLET
   --------------------------------------------------------------------- */
@media(max-width:1100px){
  html[data-varqo-premium-ui="V26.4"] .mo-command-trigger{
    min-width:240px;
  }
  html[data-varqo-premium-ui="V26.4"] .mo-quick,
  html[data-varqo-premium-ui="V26.4"] .mo-learning-trigger{
    min-width:42px;
    width:42px!important;
    padding:0!important;
  }
  html[data-varqo-premium-ui="V26.4"] .mo-quick b,
  html[data-varqo-premium-ui="V26.4"] .mo-learning-trigger b{
    display:none;
  }
  html[data-varqo-premium-ui="V26.4"] .v19b-weekly-priority>div{
    grid-template-columns:repeat(3,1fr);
  }
}
@media(max-width:760px){
  html[data-varqo-premium-ui="V26.4"] .mo-topbar{
    height:60px;
    padding:0 12px;
    gap:7px;
  }
  html[data-varqo-premium-ui="V26.4"] .mo-topbar:after{
    left:12px;right:12px;
  }
  html[data-varqo-premium-ui="V26.4"] .mo-crumb{
    min-width:0;
    max-width:34%;
  }
  html[data-varqo-premium-ui="V26.4"] .mo-crumb strong{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  html[data-varqo-premium-ui="V26.4"] .mo-command-trigger{
    width:42px;
    min-width:42px;
    padding:0;
    display:grid;
    place-items:center;
  }
  html[data-varqo-premium-ui="V26.4"] .mo-command-trigger>b,
  html[data-varqo-premium-ui="V26.4"] .mo-command-trigger>kbd{
    display:none!important;
  }
  html[data-varqo-premium-ui="V26.4"] .mo-learning-trigger{
    display:flex!important;
  }
  html[data-varqo-premium-ui="V26.4"] .mo-top-actions>label{
    padding:0 6px;
  }
  html[data-varqo-premium-ui="V26.4"] .mo-top-actions label span{
    display:none;
  }

  html[data-varqo-premium-ui="V26.4"] .v12-overlay.v19b-overlay{
    padding:0;
  }
  html[data-varqo-premium-ui="V26.4"] .v12-overlay.v19b-overlay > :is(.v19b-opportunity-studio,.v19b-weekly-reset){
    width:100%;
    height:100dvh;
    max-height:100dvh;
    border:0;
    border-radius:0;
  }
  html[data-varqo-premium-ui="V26.4"] .v12-overlay.v19b-overlay > .v19b-opportunity-studio > .v19b-studio-head,
  html[data-varqo-premium-ui="V26.4"] .v19b-weekly-reset>.v19b-studio-head{
    min-height:auto;
    padding:21px 18px;
  }
  html[data-varqo-premium-ui="V26.4"] .v12-overlay.v19b-overlay > .v19b-opportunity-studio > .v19b-studio-head h2,
  html[data-varqo-premium-ui="V26.4"] .v19b-weekly-reset>.v19b-studio-head h2{
    font-size:27px;
  }
  html[data-varqo-premium-ui="V26.4"] .v12-overlay.v19b-overlay .v19b-opportunity-grid{
    grid-template-columns:1fr;
    padding:12px;
  }
  html[data-varqo-premium-ui="V26.4"] .v12-overlay.v19b-overlay .v19b-opportunity-grid>section,
  html[data-varqo-premium-ui="V26.4"] .v12-overlay.v19b-overlay .v19b-op-preview{
    padding:17px;
    border-radius:16px;
  }
  html[data-varqo-premium-ui="V26.4"] .v12-overlay.v19b-overlay .v19b-two{
    grid-template-columns:1fr;
  }
  html[data-varqo-premium-ui="V26.4"] .v19b-weekly-stats{
    grid-template-columns:1fr 1fr;
  }
  html[data-varqo-premium-ui="V26.4"] .v19b-weekly-stats>span{
    min-height:76px;
    padding:14px;
  }
  html[data-varqo-premium-ui="V26.4"] .v19b-weekly-questions{
    grid-template-columns:1fr;
    padding:12px;
  }
  html[data-varqo-premium-ui="V26.4"] .v19b-weekly-priority{
    margin:0 12px 12px;
    padding:14px;
  }
  html[data-varqo-premium-ui="V26.4"] .v19b-weekly-priority>div{
    grid-template-columns:1fr;
  }
  html[data-varqo-premium-ui="V26.4"] .v19b-weekly-priority button{
    min-height:58px;
  }
}
@media(max-width:430px){
  html[data-varqo-premium-ui="V26.4"] .mo-top-actions{
    gap:4px;
  }
  html[data-varqo-premium-ui="V26.4"] .mo-learning-trigger{
    width:38px!important;
    min-width:38px;
  }
  html[data-varqo-premium-ui="V26.4"] .mo-quick{
    width:38px!important;
    min-width:38px;
  }
  html[data-varqo-premium-ui="V26.4"] .mo-notify{
    width:38px;
  }
  html[data-varqo-premium-ui="V26.4"] .mo-top-avatar{
    width:38px!important;
  }
}

/* Motion is decorative, never required. */
@media(prefers-reduced-motion:reduce){
  html[data-varqo-premium-ui="V26.4"] *,
  html[data-varqo-premium-ui="V26.4"] *:before,
  html[data-varqo-premium-ui="V26.4"] *:after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
}

/* ===== public/varqo-member-premium-v265.css ===== */
/* =====================================================================
   VARQO V26.5 — PREMIUM RECONSTRUCTION
   Root-cause redesign: brand asset + real modal shells + deeper UI.
   ===================================================================== */
html[data-varqo-premium-reconstruction="V26.5"]{
  --v265-ink:#061a28;
  --v265-navy:#08283a;
  --v265-navy2:#0c354d;
  --v265-paper:#fffdf9;
  --v265-cream:#f3efe8;
  --v265-orange:#fb5900;
  --v265-orange2:#ff8547;
  --v265-cyan:#5ecbea;
  --v265-green:#34c88a;
  --v265-line:rgba(6,26,40,.10);
  --v265-soft-shadow:0 18px 55px rgba(6,26,40,.08);
  --v265-deep-shadow:0 40px 130px rgba(2,14,22,.32);
  --v265-ease:cubic-bezier(.2,.82,.2,1);
}

/* APP BACKDROP / GLOBAL RHYTHM */
html[data-varqo-premium-reconstruction="V26.5"] body{
  background:#f2efe9;
}
html[data-varqo-premium-reconstruction="V26.5"] .mo-stage{
  background:
    radial-gradient(circle at 88% 2%,rgba(251,89,0,.05),transparent 25%),
    radial-gradient(circle at 12% 98%,rgba(94,203,234,.035),transparent 26%),
    linear-gradient(180deg,#f7f4ee 0%,#f0ede7 100%);
}
html[data-varqo-premium-reconstruction="V26.5"] .mo-canvas{
  max-width:1530px;
  margin-inline:auto;
  padding:30px 34px 56px;
}

/* ------------------------------------------------------------------
   ORIGINAL LOGO — transparent derivative of the exact original asset
   ------------------------------------------------------------------ */
html[data-varqo-premium-reconstruction="V26.5"] .mo-side-brand{
  position:relative;
  min-height:92px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding:10px 10px 20px!important;
  overflow:visible;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html[data-varqo-premium-reconstruction="V26.5"] .mo-side-brand:before{
  content:"";
  position:absolute;
  width:86px;height:86px;
  left:15px;top:5px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(251,89,0,.11),transparent 68%);
  filter:blur(4px);
  opacity:.55;
  animation:v265BrandAura 5.8s ease-in-out infinite;
  pointer-events:none;
}
html[data-varqo-premium-reconstruction="V26.5"] .mo-brand-lockup{
  position:relative;
  z-index:1;
  width:100%;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:0!important;
  overflow:visible!important;
}
html[data-varqo-premium-reconstruction="V26.5"] .mo-original-logo-picture{
  display:block;
  width:132px;
  line-height:0;
}
html[data-varqo-premium-reconstruction="V26.5"] .mo-original-logo{
  display:block;
  width:132px!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  mix-blend-mode:normal!important;
  filter:drop-shadow(0 11px 22px rgba(0,0,0,.18));
  transform-origin:42% 50%;
  animation:v265LogoBreath 5.8s ease-in-out infinite;
}
html[data-varqo-premium-reconstruction="V26.5"] .mo-brand-lockup>span:last-child{
  display:none!important;
}
@keyframes v265BrandAura{
  0%,100%{opacity:.35;transform:scale(.92)}
  50%{opacity:.72;transform:scale(1.08)}
}
@keyframes v265LogoBreath{
  0%,100%{transform:translateY(0) rotate(0deg)}
  50%{transform:translateY(-2px) rotate(.5deg)}
}

/* SIDEBAR — more architectural, less generic */
html[data-varqo-premium-reconstruction="V26.5"] .mo-sidebar{
  width:auto;
  border-right:1px solid rgba(255,255,255,.075);
  background:
    radial-gradient(circle at 25% 0%,rgba(251,89,0,.075),transparent 20%),
    linear-gradient(180deg,#08283a 0%,#061a28 65%,#04151f 100%);
  box-shadow:20px 0 60px rgba(3,18,27,.06);
}
html[data-varqo-premium-reconstruction="V26.5"] .mo-side-mode{
  position:relative;
  overflow:hidden;
  padding:14px 14px 13px;
  border:1px solid rgba(255,255,255,.085);
  background:
    linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.02));
  box-shadow:inset 0 1px rgba(255,255,255,.035);
}
html[data-varqo-premium-reconstruction="V26.5"] .mo-side-mode:after{
  content:"";
  position:absolute;
  inset:auto 13px 0;
  height:1px;
  background:linear-gradient(90deg,var(--v265-orange),transparent);
}
html[data-varqo-premium-reconstruction="V26.5"] .mo-nav{
  gap:5px;
}
html[data-varqo-premium-reconstruction="V26.5"] .mo-nav button{
  position:relative;
  min-height:46px;
  padding:6px 9px;
  border:1px solid transparent;
  border-radius:13px;
  color:rgba(255,255,255,.57);
}
html[data-varqo-premium-reconstruction="V26.5"] .mo-nav button:before{
  content:"";
  position:absolute;
  left:-1px;top:10px;bottom:10px;
  width:2px;
  border-radius:2px;
  background:transparent;
}
html[data-varqo-premium-reconstruction="V26.5"] .mo-nav button:hover{
  background:rgba(255,255,255,.055);
  border-color:rgba(255,255,255,.045);
}
html[data-varqo-premium-reconstruction="V26.5"] .mo-nav button.active{
  background:
    linear-gradient(90deg,rgba(251,89,0,.16),rgba(255,255,255,.055));
  border-color:rgba(251,89,0,.14);
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 8px 22px rgba(0,0,0,.08);
}
html[data-varqo-premium-reconstruction="V26.5"] .mo-nav button.active:before{
  background:linear-gradient(180deg,#ff8a4a,#fb5900);
  box-shadow:0 0 14px rgba(251,89,0,.45);
}
html[data-varqo-premium-reconstruction="V26.5"] .mo-nav button>i{
  border:1px solid rgba(255,255,255,.035);
  background:rgba(255,255,255,.045);
}
html[data-varqo-premium-reconstruction="V26.5"] .mo-nav button.active>i{
  background:linear-gradient(145deg,#ff7d37,#fb5900);
}

/* TOPBAR — visible and premium, with a real command field */
html[data-varqo-premium-reconstruction="V26.5"] .mo-topbar{
  position:sticky;
  top:0;
  z-index:80;
  height:72px;
  padding:0 30px;
  border-bottom:1px solid rgba(6,26,40,.09);
  background:rgba(255,253,249,.92);
  backdrop-filter:blur(24px) saturate(1.12);
  box-shadow:0 12px 34px rgba(6,26,40,.055);
}
html[data-varqo-premium-reconstruction="V26.5"] .mo-topbar:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:2px;
  background:linear-gradient(90deg,var(--v265-orange),#ffad7e 20%,transparent 48%);
  opacity:.85;
}
html[data-varqo-premium-reconstruction="V26.5"] .mo-crumb span{
  color:#fb5900;
}
html[data-varqo-premium-reconstruction="V26.5"] .mo-crumb strong{
  color:#213b4a!important;
  font-weight:900!important;
}
html[data-varqo-premium-reconstruction="V26.5"] .mo-command-trigger{
  position:relative;
  min-width:360px!important;
  height:44px!important;
  grid-template-columns:26px 1fr auto!important;
  padding:0 12px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:14px!important;
  background:
    radial-gradient(circle at 10% 20%,rgba(251,89,0,.09),transparent 25%),
    linear-gradient(135deg,#0a3045,#071d2d)!important;
  color:#fff!important;
  box-shadow:0 11px 26px rgba(6,26,40,.14)!important;
}
html[data-varqo-premium-reconstruction="V26.5"] .mo-command-trigger>span{
  color:#ff8a4c!important;
  font-size:16px;
}
html[data-varqo-premium-reconstruction="V26.5"] .mo-command-trigger>b{
  color:#e9f0f2!important;
  text-align:left;
}
html[data-varqo-premium-reconstruction="V26.5"] .mo-command-trigger>kbd{
  padding:5px 7px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
  background:rgba(255,255,255,.06)!important;
  color:#8ea5af!important;
}
html[data-varqo-premium-reconstruction="V26.5"] :is(.mo-quick,.mo-learning-trigger,.mo-notify,.mo-top-actions>label,.mo-top-avatar){
  box-shadow:0 8px 22px rgba(6,26,40,.055);
}
html[data-varqo-premium-reconstruction="V26.5"] .mo-quick{
  background:linear-gradient(145deg,#ff7d36,#fb5900)!important;
  border-color:rgba(251,89,0,.3)!important;
}

/* CANVAS SURFACES — less flat, more product-like */
html[data-varqo-premium-reconstruction="V26.5"] :is(
  #v263Adaptive,
  #v26TodayCommercial,
  #v26ScoreHierarchy,
  .v26-context-guide,
  .v242-roadmap,
  .v242-focus,
  .v242-proof,
  .v242-cadence,
  .v19b-work-grid,
  .v19b-weekly-band,
  .v12-diagnostic-lab,
  .ri-control,
  .v19c-profile-grid>article
){
  box-shadow:var(--v265-soft-shadow);
}
html[data-varqo-premium-reconstruction="V26.5"] #v263Adaptive{
  border-color:rgba(6,26,40,.08);
  background:
    radial-gradient(circle at 93% 20%,rgba(251,89,0,.055),transparent 22%),
    var(--v265-paper);
}
html[data-varqo-premium-reconstruction="V26.5"] .v263-boost-kpis{
  background:linear-gradient(180deg,#fff,#f9f6f0);
}
html[data-varqo-premium-reconstruction="V26.5"] .v26-context-guide{
  overflow:hidden;
  border-color:rgba(251,89,0,.18)!important;
  background:
    linear-gradient(90deg,#fffdfa 0%,#fff 58%,#fff8f3 100%)!important;
}
html[data-varqo-premium-reconstruction="V26.5"] .v26-context-guide>i{
  box-shadow:0 0 0 7px rgba(251,89,0,.08);
}

/* HEROES — cinematic depth without making the app noisy */
html[data-varqo-premium-reconstruction="V26.5"] :is(
  .b90-hero,.v242-journey-hero,.v19b-workspace-hero,.v19c-profile-hero
){
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.075)!important;
  box-shadow:0 30px 75px rgba(6,26,40,.13)!important;
}
html[data-varqo-premium-reconstruction="V26.5"] :is(
  .b90-hero,.v242-journey-hero,.v19b-workspace-hero,.v19c-profile-hero
):after{
  content:"";
  position:absolute;
  width:380px;height:380px;
  right:-115px;top:-145px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:50%;
  box-shadow:
    0 0 0 54px rgba(255,255,255,.015),
    0 0 0 108px rgba(255,255,255,.009);
  pointer-events:none;
  animation:v265OrbitFloat 8s ease-in-out infinite;
}
@keyframes v265OrbitFloat{
  0%,100%{transform:translate(0,0) scale(1)}
  50%{transform:translate(-10px,10px) scale(1.03)}
}
html[data-varqo-premium-reconstruction="V26.5"] :is(.b90-score-head,.v242-journey-orbit){
  filter:drop-shadow(0 18px 28px rgba(0,0,0,.14));
}

/* Primary CTA micro-motion */
html[data-varqo-premium-reconstruction="V26.5"] :is(
  .mo-primary,
  .v242-mission-now button,
  .v242-cadence>button,
  .b90-action button,
  .v19b-studio-footer button:not(.secondary),
  .v12-diag-modal button[type="submit"]
){
  position:relative;
  overflow:hidden;
}
html[data-varqo-premium-reconstruction="V26.5"] :is(
  .mo-primary,
  .v242-mission-now button,
  .v242-cadence>button,
  .b90-action button,
  .v19b-studio-footer button:not(.secondary)
):after{
  content:"";
  position:absolute;
  top:-50%;bottom:-50%;
  width:45%;
  left:-70%;
  transform:skewX(-20deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);
  transition:left .48s var(--v265-ease);
  pointer-events:none;
}
html[data-varqo-premium-reconstruction="V26.5"] :is(
  .mo-primary,
  .v242-mission-now button,
  .v242-cadence>button,
  .b90-action button,
  .v19b-studio-footer button:not(.secondary)
):hover:after{
  left:125%;
}

/* ------------------------------------------------------------------
   OPPORTUNITY STUDIO — target the ACTUAL shell used by the runtime
   ------------------------------------------------------------------ */
html[data-varqo-premium-reconstruction="V26.5"] .b90-modal-shell.v19b-overlay,
html[data-varqo-premium-reconstruction="V26.5"] .v265-opportunity-overlay{
  position:fixed!important;
  inset:0!important;
  z-index:920!important;
  display:grid!important;
  place-items:center!important;
  padding:28px!important;
  overflow:auto!important;
  background:
    radial-gradient(circle at 50% 12%,rgba(251,89,0,.08),transparent 30%),
    rgba(3,17,26,.78)!important;
  backdrop-filter:blur(21px) saturate(.9)!important;
}
html[data-varqo-premium-reconstruction="V26.5"] .b90-modal-shell.v19b-overlay > .v19b-opportunity-studio,
html[data-varqo-premium-reconstruction="V26.5"] .v265-opportunity-dialog{
  width:min(1050px,calc(100vw - 56px))!important;
  max-height:min(840px,calc(100dvh - 56px))!important;
  overflow:auto!important;
  display:block!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:28px!important;
  background:var(--v265-paper)!important;
  color:var(--v265-ink)!important;
  box-shadow:var(--v265-deep-shadow)!important;
  animation:v265ModalIn .34s var(--v265-ease) both!important;
}
@keyframes v265ModalIn{
  from{opacity:.01;transform:translateY(22px) scale(.976)}
  to{opacity:1;transform:none}
}
html[data-varqo-premium-reconstruction="V26.5"] .b90-modal-shell .v19b-studio-head,
html[data-varqo-premium-reconstruction="V26.5"] .v265-opportunity-dialog>.v19b-studio-head{
  position:sticky!important;
  top:0!important;
  z-index:4!important;
  min-height:142px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:24px!important;
  padding:27px 30px!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 84% 5%,rgba(251,89,0,.20),transparent 27%),
    linear-gradient(135deg,#0d344a,#071d2d)!important;
}
html[data-varqo-premium-reconstruction="V26.5"] .b90-modal-shell .v19b-studio-head span{
  color:#ff8e53!important;
  font:900 8px ui-monospace,SFMono-Regular,Menlo,monospace!important;
  letter-spacing:.15em!important;
}
html[data-varqo-premium-reconstruction="V26.5"] .b90-modal-shell .v19b-studio-head h2{
  margin:8px 0 6px!important;
  color:#fff!important;
  font-size:clamp(29px,3.1vw,40px)!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
}
html[data-varqo-premium-reconstruction="V26.5"] .b90-modal-shell .v19b-studio-head p{
  max-width:690px!important;
  margin:0!important;
  color:#9db2bb!important;
  font-size:10px!important;
  line-height:1.55!important;
}
html[data-varqo-premium-reconstruction="V26.5"] .b90-modal-shell .v19b-close{
  flex:0 0 auto!important;
  width:39px!important;height:39px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  font-size:19px!important;
}
html[data-varqo-premium-reconstruction="V26.5"] .b90-modal-shell .v19b-opportunity-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr)!important;
  gap:18px!important;
  padding:20px!important;
  background:#f3f0e9!important;
}
html[data-varqo-premium-reconstruction="V26.5"] .b90-modal-shell .v19b-opportunity-grid>section{
  display:grid!important;
  gap:12px!important;
  padding:22px!important;
  border:1px solid rgba(6,26,40,.08)!important;
  border-radius:19px!important;
  background:#fff!important;
  box-shadow:0 12px 32px rgba(6,26,40,.045)!important;
}
html[data-varqo-premium-reconstruction="V26.5"] .b90-modal-shell .v19b-opportunity-grid>section>span,
html[data-varqo-premium-reconstruction="V26.5"] .b90-modal-shell .v19b-op-preview>span{
  color:var(--v265-orange)!important;
  font:900 8px ui-monospace,SFMono-Regular,Menlo,monospace!important;
  letter-spacing:.14em!important;
}
html[data-varqo-premium-reconstruction="V26.5"] .b90-modal-shell .v19b-opportunity-grid label{
  display:grid!important;
  gap:6px!important;
}
html[data-varqo-premium-reconstruction="V26.5"] .b90-modal-shell .v19b-opportunity-grid label small{
  color:#617681!important;
  font:850 8px ui-monospace,SFMono-Regular,Menlo,monospace!important;
  letter-spacing:.06em!important;
}
html[data-varqo-premium-reconstruction="V26.5"] .b90-modal-shell :is(input:not([type="hidden"]),select,textarea){
  width:100%!important;
  min-height:47px!important;
  padding:11px 13px!important;
  border:1px solid rgba(6,26,40,.13)!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#102e40!important;
  font:750 12px/1.35 Inter,ui-sans-serif,system-ui,sans-serif!important;
  box-shadow:0 5px 17px rgba(6,26,40,.025)!important;
}
html[data-varqo-premium-reconstruction="V26.5"] .b90-modal-shell :is(input,select,textarea):focus{
  outline:0!important;
  border-color:rgba(251,89,0,.72)!important;
  box-shadow:0 0 0 4px rgba(251,89,0,.09),0 8px 22px rgba(6,26,40,.04)!important;
}
html[data-varqo-premium-reconstruction="V26.5"] .b90-modal-shell .v19b-two{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}
html[data-varqo-premium-reconstruction="V26.5"] .b90-modal-shell .v19b-op-preview{
  min-width:0!important;
  padding:22px!important;
  border-radius:19px!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 84% 9%,rgba(251,89,0,.18),transparent 27%),
    linear-gradient(155deg,#0a3045,#071d2d)!important;
  box-shadow:0 16px 40px rgba(6,26,40,.12)!important;
}
html[data-varqo-premium-reconstruction="V26.5"] .b90-modal-shell .v19b-op-preview article{
  margin-top:16px!important;
  padding:20px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.04)!important;
}
html[data-varqo-premium-reconstruction="V26.5"] .b90-modal-shell .v19b-op-preview h3{
  color:#fff!important;
  font-size:25px!important;
}
html[data-varqo-premium-reconstruction="V26.5"] .b90-modal-shell .v19b-op-preview p{
  color:#91a7b0!important;
}
html[data-varqo-premium-reconstruction="V26.5"] .b90-modal-shell .v19b-studio-footer{
  position:sticky!important;
  bottom:0!important;
  z-index:5!important;
  display:flex!important;
  justify-content:flex-end!important;
  gap:9px!important;
  padding:14px 20px!important;
  border-top:1px solid rgba(6,26,40,.09)!important;
  background:rgba(255,253,249,.95)!important;
  backdrop-filter:blur(16px)!important;
}
html[data-varqo-premium-reconstruction="V26.5"] .b90-modal-shell .v19b-studio-footer button{
  min-height:43px!important;
  padding:0 16px!important;
  border-radius:11px!important;
  background:#071d2d!important;
  color:#fff!important;
  font-size:9px!important;
  font-weight:900!important;
}
html[data-varqo-premium-reconstruction="V26.5"] .b90-modal-shell .v19b-studio-footer .secondary{
  background:#edf1ef!important;
  color:#173446!important;
}

/* UNIVERSAL OVERLAY RESCUE — catches remaining lightboxes that look native */
html[data-varqo-premium-reconstruction="V26.5"] :is(
  .v12-overlay,.os2-overlay,.os2-workspace-shell,.os2-apply-shell,
  .os2-practice-shell,.os2-execute-shell,.ri-dialogue,.ri-modal-shell
){
  backdrop-filter:blur(20px) saturate(.92);
}
html[data-varqo-premium-reconstruction="V26.5"] :is(
  .v12-overlay,.os2-overlay,.os2-workspace-shell,.os2-apply-shell,
  .os2-practice-shell,.os2-execute-shell,.ri-dialogue,.ri-modal-shell
) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea){
  border-radius:12px!important;
  border:1px solid rgba(6,26,40,.13)!important;
  background:#fff!important;
  color:#102e40!important;
  box-shadow:0 5px 17px rgba(6,26,40,.025)!important;
}
html[data-varqo-premium-reconstruction="V26.5"] :is(
  .v12-overlay,.os2-overlay,.os2-workspace-shell,.os2-apply-shell,
  .os2-practice-shell,.os2-execute-shell,.ri-dialogue,.ri-modal-shell
) :is(input,select,textarea):focus{
  outline:0!important;
  border-color:rgba(251,89,0,.72)!important;
  box-shadow:0 0 0 4px rgba(251,89,0,.09)!important;
}

/* WEEKLY RESET — keep its good V26.4 structure but make it feel premium */
html[data-varqo-premium-reconstruction="V26.5"] .v12-overlay.v19b-overlay > .v19b-weekly-reset{
  box-shadow:var(--v265-deep-shadow)!important;
}
html[data-varqo-premium-reconstruction="V26.5"] .v19b-weekly-reset .v19b-weekly-priority button.active{
  border-color:var(--v265-orange)!important;
  box-shadow:0 0 0 3px rgba(251,89,0,.08),0 10px 24px rgba(6,26,40,.05)!important;
}

/* Motion feedback */
html[data-varqo-premium-reconstruction="V26.5"] .v265-page-enter{
  animation:v265PageEnter .36s var(--v265-ease) both;
}
@keyframes v265PageEnter{
  from{opacity:.01;transform:translateY(10px)}
  to{opacity:1;transform:none}
}
html[data-varqo-premium-reconstruction="V26.5"] .v265-live-glow{
  animation:v265LiveGlow 2.4s ease-in-out infinite;
}
@keyframes v265LiveGlow{
  0%,100%{box-shadow:0 0 0 0 rgba(52,200,138,0)}
  50%{box-shadow:0 0 0 7px rgba(52,200,138,.07)}
}

/* Tablet / collapsed sidebar */
@media(max-width:900px) and (min-width:651px){
  html[data-varqo-premium-reconstruction="V26.5"] .mo-side-brand{
    min-height:78px;
    justify-content:center!important;
    padding:7px 0 16px!important;
  }
  html[data-varqo-premium-reconstruction="V26.5"] .mo-original-logo-picture,
  html[data-varqo-premium-reconstruction="V26.5"] .mo-original-logo{
    width:48px!important;
  }
  html[data-varqo-premium-reconstruction="V26.5"] .mo-side-brand:before{
    width:58px;height:58px;left:50%;top:5px;transform:translateX(-50%);
  }
  html[data-varqo-premium-reconstruction="V26.5"] .mo-command-trigger{
    min-width:250px!important;
  }
}

/* Mobile */
@media(max-width:760px){
  html[data-varqo-premium-reconstruction="V26.5"] .mo-canvas{
    padding:20px 13px 108px;
  }
  html[data-varqo-premium-reconstruction="V26.5"] .mo-topbar{
    height:60px;
    padding:0 11px;
  }
  html[data-varqo-premium-reconstruction="V26.5"] .mo-command-trigger{
    min-width:42px!important;
    width:42px!important;
    grid-template-columns:1fr!important;
    padding:0!important;
  }
  html[data-varqo-premium-reconstruction="V26.5"] .mo-command-trigger>b,
  html[data-varqo-premium-reconstruction="V26.5"] .mo-command-trigger>kbd{
    display:none!important;
  }
  html[data-varqo-premium-reconstruction="V26.5"] .b90-modal-shell.v19b-overlay{
    padding:0!important;
  }
  html[data-varqo-premium-reconstruction="V26.5"] .b90-modal-shell.v19b-overlay > .v19b-opportunity-studio{
    width:100%!important;
    height:100dvh!important;
    max-height:100dvh!important;
    border:0!important;
    border-radius:0!important;
  }
  html[data-varqo-premium-reconstruction="V26.5"] .b90-modal-shell .v19b-studio-head{
    min-height:auto!important;
    padding:21px 18px!important;
  }
  html[data-varqo-premium-reconstruction="V26.5"] .b90-modal-shell .v19b-studio-head h2{
    font-size:28px!important;
  }
  html[data-varqo-premium-reconstruction="V26.5"] .b90-modal-shell .v19b-opportunity-grid{
    grid-template-columns:1fr!important;
    padding:12px!important;
  }
  html[data-varqo-premium-reconstruction="V26.5"] .b90-modal-shell .v19b-opportunity-grid>section,
  html[data-varqo-premium-reconstruction="V26.5"] .b90-modal-shell .v19b-op-preview{
    padding:16px!important;
    border-radius:16px!important;
  }
  html[data-varqo-premium-reconstruction="V26.5"] .b90-modal-shell .v19b-two{
    grid-template-columns:1fr!important;
  }
}

/* Motion never owns visibility */
@media(prefers-reduced-motion:reduce){
  html[data-varqo-premium-reconstruction="V26.5"] *,
  html[data-varqo-premium-reconstruction="V26.5"] *:before,
  html[data-varqo-premium-reconstruction="V26.5"] *:after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
}

/* ===== public/varqo-member-v270-visual-system.css ===== */
/* =====================================================================
   VARQO V27.0 — VISUAL SYSTEM RECONSTRUCTION
   Public-site DNA brought into My VARQO without changing business logic.
   ===================================================================== */
html[data-varqo-v27="V27.0"]{
  --v27-navy:#001227;
  --v27-navy-2:#071d2d;
  --v27-navy-3:#0e2736;
  --v27-orange:#fb5900;
  --v27-orange-2:#ff7b32;
  --v27-paper:#fffdf9;
  --v27-cream:#f5efe7;
  --v27-silver:#aab6bc;
  --v27-muted:#6b7b84;
  --v27-line:rgba(14,39,54,.12);
  --v27-grid:rgba(255,255,255,.027);
  --v27-shadow:0 34px 95px rgba(5,25,35,.14);
  --v27-shadow-strong:0 48px 130px rgba(1,12,22,.34);
  --v27-ease:cubic-bezier(.2,.75,.15,1);
}

/* 01 — APP SHELL ------------------------------------------------------ */
html[data-varqo-v27="V27.0"] body{
  background:var(--v27-cream);
}
html[data-varqo-v27="V27.0"] .mo-stage{
  background:
    radial-gradient(circle at 85% 0%,rgba(251,89,0,.045),transparent 24%),
    linear-gradient(180deg,#f7f2eb 0%,#f1ede7 100%);
}
html[data-varqo-v27="V27.0"] .mo-canvas{
  width:min(1500px,100%);
  margin-inline:auto;
  padding:34px 38px 64px;
}

/* 02 — EXACT PUBLIC-SITE BRAND LOCKUP -------------------------------- */
html[data-varqo-v27="V27.0"] .mo-side-brand{
  min-height:88px;
  padding:8px 12px 18px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible;
}
html[data-varqo-v27="V27.0"] .mo-brand-lockup{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  width:100%;
  overflow:visible!important;
}
html[data-varqo-v27="V27.0"] .v270-brand-mark{
  width:42px;
  height:39px;
  flex:0 0 auto;
  overflow:visible;
  filter:drop-shadow(0 9px 17px rgba(0,0,0,.24));
}
html[data-varqo-v27="V27.0"] .v270-wing-left{
  transform-origin:50% 50%;
  animation:v270WingL .95s var(--v27-ease) both;
}
html[data-varqo-v27="V27.0"] .v270-wing-right{
  transform-origin:50% 50%;
  animation:v270WingR .95s var(--v27-ease) both;
}
html[data-varqo-v27="V27.0"] .v270-core{
  transform-origin:center;
  animation:v270Core .62s .35s var(--v27-ease) both;
}
html[data-varqo-v27="V27.0"] .v270-brand-copy{
  min-width:0;
  display:grid;
  gap:5px;
  text-align:left;
}
html[data-varqo-v27="V27.0"] .v270-brand-copy strong{
  color:#fff;
  font-size:16px;
  line-height:1;
  font-weight:900;
  letter-spacing:.22em;
}
html[data-varqo-v27="V27.0"] .v270-brand-copy small{
  display:flex;
  align-items:center;
  gap:7px;
  color:rgba(255,255,255,.39)!important;
  font:850 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace!important;
  letter-spacing:.16em!important;
}
html[data-varqo-v27="V27.0"] .v270-brand-copy small:before{
  content:"";
  width:5px;height:5px;border-radius:50%;
  background:var(--v27-orange);
  box-shadow:0 0 14px rgba(251,89,0,.75);
}
@keyframes v270WingL{
  from{transform:translate(-18px,-8px);opacity:0}
  to{transform:none;opacity:1}
}
@keyframes v270WingR{
  from{transform:translate(18px,-8px);opacity:0}
  to{transform:none;opacity:1}
}
@keyframes v270Core{
  from{transform:scale(.28) rotate(45deg);opacity:0}
  to{transform:scale(1);opacity:1}
}

/* 03 — SIDEBAR = MEMBER VERSION OF PUBLIC HEADER -------------------- */
html[data-varqo-v27="V27.0"] .mo-sidebar{
  background:
    radial-gradient(circle at 25% 4%,rgba(251,89,0,.085),transparent 18%),
    linear-gradient(180deg,var(--v27-navy-2),#04151f 72%,#03121b);
  border-right:1px solid rgba(255,255,255,.075);
  box-shadow:18px 0 55px rgba(3,16,25,.07);
}
html[data-varqo-v27="V27.0"] .mo-side-mode{
  position:relative;
  overflow:hidden;
  padding:15px 14px!important;
  border:1px solid rgba(255,255,255,.085)!important;
  border-radius:15px!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;
}
html[data-varqo-v27="V27.0"] .mo-side-mode:before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.65;
  background-image:
    linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);
  background-size:20px 20px;
  pointer-events:none;
}
html[data-varqo-v27="V27.0"] .mo-side-mode:after{
  content:"";
  position:absolute;
  left:14px;right:45%;bottom:0;height:1px;
  background:linear-gradient(90deg,var(--v27-orange),transparent);
}
html[data-varqo-v27="V27.0"] .mo-nav{
  gap:5px!important;
}
html[data-varqo-v27="V27.0"] .mo-nav button{
  position:relative;
  min-height:47px!important;
  padding:6px 10px!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  color:rgba(255,255,255,.58)!important;
  transition:.22s var(--v27-ease)!important;
}
html[data-varqo-v27="V27.0"] .mo-nav button:after{
  content:"";
  position:absolute;
  left:10px;right:10px;bottom:4px;
  height:1px;
  transform:scaleX(0);
  transform-origin:left;
  background:linear-gradient(90deg,var(--v27-orange),transparent);
  transition:transform .22s var(--v27-ease);
}
html[data-varqo-v27="V27.0"] .mo-nav button:hover{
  color:#fff!important;
  background:rgba(255,255,255,.045)!important;
}
html[data-varqo-v27="V27.0"] .mo-nav button:hover:after{
  transform:scaleX(.55);
}
html[data-varqo-v27="V27.0"] .mo-nav button.active{
  color:#fff!important;
  border-color:rgba(251,89,0,.17)!important;
  background:
    linear-gradient(90deg,rgba(251,89,0,.15),rgba(255,255,255,.045))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 10px 28px rgba(0,0,0,.09)!important;
}
html[data-varqo-v27="V27.0"] .mo-nav button.active:after{
  transform:scaleX(1);
}
html[data-varqo-v27="V27.0"] .mo-nav button>i{
  border:1px solid rgba(255,255,255,.045)!important;
  background:rgba(255,255,255,.045)!important;
}
html[data-varqo-v27="V27.0"] .mo-nav button.active>i{
  color:#fff!important;
  background:linear-gradient(145deg,#ff7c34,var(--v27-orange))!important;
  box-shadow:0 7px 18px rgba(251,89,0,.20);
}

/* 04 — TOPBAR = PUBLIC HEADER DNA ------------------------------------ */
html[data-varqo-v27="V27.0"] .mo-topbar{
  position:sticky!important;
  top:0!important;
  z-index:120!important;
  height:70px!important;
  padding:0 28px!important;
  color:#fff!important;
  border-bottom:1px solid rgba(255,255,255,.085)!important;
  background:rgba(7,29,45,.965)!important;
  backdrop-filter:blur(18px) saturate(1.1)!important;
  box-shadow:0 11px 35px rgba(3,18,27,.13)!important;
}
html[data-varqo-v27="V27.0"] .mo-topbar:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:38px 38px;
  mask-image:linear-gradient(90deg,transparent,black 18%,black 82%,transparent);
}
html[data-varqo-v27="V27.0"] .mo-topbar:after{
  content:"";
  position:absolute;
  top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--v27-orange) 30%,rgba(255,255,255,.4) 50%,var(--v27-orange) 70%,transparent);
  opacity:.54;
}
html[data-varqo-v27="V27.0"] .mo-crumb{
  position:relative;
  z-index:1;
}
html[data-varqo-v27="V27.0"] .mo-crumb span{
  color:var(--v27-orange-2)!important;
  letter-spacing:.14em!important;
}
html[data-varqo-v27="V27.0"] .mo-crumb b{
  color:rgba(255,255,255,.24)!important;
}
html[data-varqo-v27="V27.0"] .mo-crumb strong{
  color:rgba(255,255,255,.86)!important;
}
html[data-varqo-v27="V27.0"] .mo-top-actions{
  position:relative;
  z-index:1;
  gap:7px!important;
}
html[data-varqo-v27="V27.0"] .mo-command-trigger{
  min-width:350px!important;
  height:42px!important;
  padding:0 12px!important;
  border:1px solid rgba(255,255,255,.105)!important;
  border-radius:10px!important;
  color:#fff!important;
  background:rgba(255,255,255,.045)!important;
  box-shadow:none!important;
  transition:.22s var(--v27-ease)!important;
}
html[data-varqo-v27="V27.0"] .mo-command-trigger:hover{
  transform:translateY(-1px);
  border-color:rgba(251,89,0,.38)!important;
  background:rgba(255,255,255,.075)!important;
}
html[data-varqo-v27="V27.0"] .mo-command-trigger span{
  color:var(--v27-orange-2)!important;
}
html[data-varqo-v27="V27.0"] .mo-command-trigger b{
  color:rgba(255,255,255,.68)!important;
}
html[data-varqo-v27="V27.0"] .mo-command-trigger kbd{
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:7px!important;
  background:rgba(255,255,255,.055)!important;
  color:rgba(255,255,255,.38)!important;
}
html[data-varqo-v27="V27.0"] :is(.mo-quick,.mo-learning-trigger,.mo-notify,.mo-top-actions>label,.mo-top-avatar){
  height:42px!important;
  min-height:42px!important;
  border-radius:9px!important;
}
html[data-varqo-v27="V27.0"] .mo-quick{
  background:linear-gradient(145deg,#ff7430,var(--v27-orange))!important;
  border-color:rgba(251,89,0,.45)!important;
  box-shadow:0 9px 23px rgba(251,89,0,.19)!important;
}
html[data-varqo-v27="V27.0"] .mo-learning-trigger,
html[data-varqo-v27="V27.0"] .mo-notify,
html[data-varqo-v27="V27.0"] .mo-top-actions>label{
  border-color:rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.045)!important;
  color:#fff!important;
  box-shadow:none!important;
}
html[data-varqo-v27="V27.0"] .mo-top-actions>label span{
  color:rgba(255,255,255,.38)!important;
}
html[data-varqo-v27="V27.0"] .mo-top-actions select{
  color:#fff!important;
}
html[data-varqo-v27="V27.0"] .mo-top-actions select option{
  color:#071d2d!important;
  background:#fff!important;
}
html[data-varqo-v27="V27.0"] .mo-top-avatar{
  color:#fff!important;
  background:linear-gradient(145deg,#ff7630,var(--v27-orange))!important;
}

/* 05 — PUBLIC-SITE VECTOR LANGUAGE ----------------------------------- */
html[data-varqo-v27="V27.0"] .v270-grid-surface{
  position:relative!important;
  overflow:hidden!important;
}
html[data-varqo-v27="V27.0"] .v270-grid-surface:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.72;
  background-image:
    linear-gradient(var(--v27-grid) 1px,transparent 1px),
    linear-gradient(90deg,var(--v27-grid) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(90deg,black,transparent 94%);
}
html[data-varqo-v27="V27.0"] .v270-grid-surface:after{
  content:"";
  position:absolute;
  z-index:0;
  right:-14%;top:-55%;
  width:64%;aspect-ratio:1;
  border:1px solid rgba(255,255,255,.055);
  transform:rotate(-45deg);
  box-shadow:
    0 0 0 78px rgba(255,255,255,.011),
    0 0 0 156px rgba(255,255,255,.007);
  pointer-events:none;
}
html[data-varqo-v27="V27.0"] .v270-grid-surface>*:not(.v270-particles){
  position:relative;
  z-index:2;
}
html[data-varqo-v27="V27.0"] .v270-particles{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
}
html[data-varqo-v27="V27.0"] .v270-particle{
  position:absolute;
  width:2px;height:2px;
  border-radius:50%;
  background:var(--v27-orange);
  opacity:.38;
  animation:v270Float var(--dur) ease-in-out infinite alternate;
}
@keyframes v270Float{
  from{transform:translate3d(0,0,0);opacity:.16}
  to{transform:translate3d(var(--dx),var(--dy),0);opacity:.75}
}

/* Small vector diamond used across section labels */
html[data-varqo-v27="V27.0"] .v270-system-tag{
  display:inline-flex;
  align-items:center;
  gap:9px;
  font:850 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.16em;
  color:var(--v27-orange-2);
  text-transform:uppercase;
}
html[data-varqo-v27="V27.0"] .v270-system-tag:before{
  content:"";
  width:7px;height:7px;
  border:1px solid currentColor;
  transform:rotate(45deg);
}

/* 06 — DARK HEROES BECOME PART OF THE SAME SYSTEM ------------------- */
html[data-varqo-v27="V27.0"] :is(
  .b90-hero,
  .v242-journey-hero,
  .v19b-workspace-hero,
  .v19c-profile-hero,
  .v12-diagnostic-lab,
  .ri-hero
){
  border:1px solid rgba(255,255,255,.075)!important;
  background-color:var(--v27-navy)!important;
  box-shadow:var(--v27-shadow)!important;
}
html[data-varqo-v27="V27.0"] :is(
  .b90-hero,
  .v242-journey-hero,
  .v19b-workspace-hero,
  .v19c-profile-hero,
  .v12-diagnostic-lab,
  .ri-hero
) h1,
html[data-varqo-v27="V27.0"] :is(
  .b90-hero,
  .v242-journey-hero,
  .v19b-workspace-hero,
  .v19c-profile-hero,
  .v12-diagnostic-lab,
  .ri-hero
) h2{
  letter-spacing:-.055em!important;
}
html[data-varqo-v27="V27.0"] :is(
  .b90-hero,
  .v242-journey-hero,
  .v19b-workspace-hero,
  .v19c-profile-hero,
  .v12-diagnostic-lab,
  .ri-hero
) :is(.eyebrow,.kicker,[class*="code"]){
  color:var(--v27-orange-2)!important;
}

/* Public-site inspired orbit framing around existing score visuals */
html[data-varqo-v27="V27.0"] .v270-orbit-frame{
  position:relative!important;
}
html[data-varqo-v27="V27.0"] .v270-orbit-frame:before,
html[data-varqo-v27="V27.0"] .v270-orbit-frame:after{
  content:"";
  position:absolute;
  left:50%;top:50%;
  pointer-events:none;
  transform:translate(-50%,-50%) rotate(45deg);
  border:1px solid rgba(255,255,255,.08);
}
html[data-varqo-v27="V27.0"] .v270-orbit-frame:before{
  width:78%;height:78%;
}
html[data-varqo-v27="V27.0"] .v270-orbit-frame:after{
  width:56%;height:56%;
  border-style:dashed;
  opacity:.72;
}

/* 07 — LIGHT WORK SURFACES ------------------------------------------- */
html[data-varqo-v27="V27.0"] :is(
  #v263Adaptive,
  .v26-context-guide,
  .v242-roadmap,
  .v242-focus,
  .v242-proof,
  .v242-cadence,
  .v19b-work-grid,
  .v19b-weekly-band,
  .v19c-profile-grid>article,
  .mo-resource-card,
  .mo-diagnostic-card
){
  border-color:rgba(14,39,54,.10)!important;
  box-shadow:0 18px 48px rgba(5,25,35,.06)!important;
}
html[data-varqo-v27="V27.0"] #v263Adaptive{
  background:
    radial-gradient(circle at 92% 8%,rgba(251,89,0,.055),transparent 24%),
    var(--v27-paper)!important;
}
html[data-varqo-v27="V27.0"] .v26-context-guide{
  position:relative;
  overflow:hidden;
  background:linear-gradient(90deg,#fffdf9 0%,#fff 65%,#fff6ef)!important;
}
html[data-varqo-v27="V27.0"] .v26-context-guide:after{
  content:"";
  position:absolute;
  right:-34px;top:-52px;
  width:125px;height:125px;
  border:1px solid rgba(251,89,0,.13);
  transform:rotate(45deg);
  pointer-events:none;
}

/* Card interaction without turning the app into a toy */
@media(hover:hover){
  html[data-varqo-v27="V27.0"] :is(
    .v242-stage,
    .v12-engine-card,
    .v19b-canvas-node,
    .ri-card,
    .mo-resource-card,
    .mo-diagnostic-card,
    .v19c-profile-grid>article
  ){
    transition:transform .20s var(--v27-ease),box-shadow .20s ease,border-color .20s ease;
  }
  html[data-varqo-v27="V27.0"] :is(
    .v242-stage,
    .v12-engine-card,
    .v19b-canvas-node,
    .ri-card,
    .mo-resource-card,
    .mo-diagnostic-card,
    .v19c-profile-grid>article
  ):hover{
    transform:translateY(-3px);
    border-color:rgba(251,89,0,.18)!important;
    box-shadow:0 24px 58px rgba(5,25,35,.09)!important;
  }
}

/* 08 — MODAL / FORM LANGUAGE ---------------------------------------- */
html[data-varqo-v27="V27.0"] :is(
  .v12-overlay,.v19b-overlay,.os2-overlay,.os2-workspace-shell,
  .os2-apply-shell,.os2-practice-shell,.os2-execute-shell,
  .ri-dialogue,.ri-modal-shell,.b90-modal-shell
){
  background:
    radial-gradient(circle at 50% 10%,rgba(251,89,0,.075),transparent 29%),
    rgba(1,14,24,.81)!important;
  backdrop-filter:blur(22px) saturate(.92)!important;
}
html[data-varqo-v27="V27.0"] :is(
  .v19b-opportunity-studio,.v19b-weekly-reset,.v12-diag-modal,.v12-mini-modal,
  .ri-modal,.os2-workspace-create,.os2-workspace-detail,.os2-apply,.os2-practice,.os2-execute
){
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:var(--v27-shadow-strong)!important;
}
html[data-varqo-v27="V27.0"] :is(
  .v12-overlay,.v19b-overlay,.os2-overlay,.os2-workspace-shell,
  .os2-apply-shell,.os2-practice-shell,.os2-execute-shell,
  .ri-dialogue,.ri-modal-shell,.b90-modal-shell
) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea){
  min-height:48px!important;
  padding:12px 14px!important;
  border:1px solid rgba(14,39,54,.14)!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#102e40!important;
  box-shadow:0 5px 18px rgba(7,29,45,.028)!important;
}
html[data-varqo-v27="V27.0"] :is(
  .v12-overlay,.v19b-overlay,.os2-overlay,.os2-workspace-shell,
  .os2-apply-shell,.os2-practice-shell,.os2-execute-shell,
  .ri-dialogue,.ri-modal-shell,.b90-modal-shell
) :is(input,select,textarea):focus{
  outline:0!important;
  border-color:rgba(251,89,0,.78)!important;
  box-shadow:0 0 0 4px rgba(251,89,0,.10),0 9px 28px rgba(7,29,45,.045)!important;
}

/* Modal headers look like mini VARQO workspaces */
html[data-varqo-v27="V27.0"] :is(.v19b-studio-head,.v12-diag-modal>header,.v12-mini-modal>header){
  position:relative;
  overflow:hidden;
}
html[data-varqo-v27="V27.0"] :is(.v19b-studio-head,.v12-diag-modal>header,.v12-mini-modal>header):after{
  content:"";
  position:absolute;
  right:-56px;top:-88px;
  width:190px;height:190px;
  border:1px solid rgba(255,255,255,.08);
  transform:rotate(45deg);
  box-shadow:0 0 0 34px rgba(255,255,255,.012),0 0 0 68px rgba(255,255,255,.008);
  pointer-events:none;
}

/* 09 — CTA / MICRO MOTION -------------------------------------------- */
html[data-varqo-v27="V27.0"] :is(
  .mo-primary,.v242-mission-now button,.v242-cadence>button,.b90-action button,
  .v19b-studio-footer button:not(.secondary)
){
  position:relative;
  overflow:hidden;
}
html[data-varqo-v27="V27.0"] :is(
  .mo-primary,.v242-mission-now button,.v242-cadence>button,.b90-action button,
  .v19b-studio-footer button:not(.secondary)
):before{
  content:"";
  position:absolute;
  top:-60%;bottom:-60%;left:-65%;
  width:44%;
  transform:skewX(-22deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.26),transparent);
  transition:left .48s var(--v27-ease);
  pointer-events:none;
}
html[data-varqo-v27="V27.0"] :is(
  .mo-primary,.v242-mission-now button,.v242-cadence>button,.b90-action button,
  .v19b-studio-footer button:not(.secondary)
):hover:before{
  left:125%;
}

/* 10 — PAGE TRANSITIONS ---------------------------------------------- */
html[data-varqo-v27="V27.0"] .v270-page-enter{
  animation:v270PageEnter .52s var(--v27-ease) both;
}
@keyframes v270PageEnter{
  from{opacity:.01;transform:translateY(18px)}
  to{opacity:1;transform:none}
}

/* 11 — MOBILE --------------------------------------------------------- */
@media(max-width:1100px){
  html[data-varqo-v27="V27.0"] .mo-command-trigger{
    min-width:235px!important;
  }
}
@media(max-width:900px) and (min-width:651px){
  html[data-varqo-v27="V27.0"] .mo-side-brand{
    justify-content:center!important;
    padding-inline:0!important;
  }
  html[data-varqo-v27="V27.0"] .v270-brand-copy{
    display:none!important;
  }
  html[data-varqo-v27="V27.0"] .v270-brand-mark{
    width:44px;height:41px;
  }
}
@media(max-width:760px){
  html[data-varqo-v27="V27.0"] .mo-canvas{
    padding:20px 13px 110px;
  }
  html[data-varqo-v27="V27.0"] .mo-topbar{
    height:60px!important;
    padding:0 11px!important;
  }
  html[data-varqo-v27="V27.0"] .mo-crumb{
    max-width:35%;
  }
  html[data-varqo-v27="V27.0"] .mo-command-trigger{
    width:40px!important;
    min-width:40px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
  }
  html[data-varqo-v27="V27.0"] .mo-command-trigger>b,
  html[data-varqo-v27="V27.0"] .mo-command-trigger>kbd{
    display:none!important;
  }
  html[data-varqo-v27="V27.0"] .v270-grid-surface:after{
    width:115%;
    right:-72%;
    top:-28%;
  }
}
@media(max-width:430px){
  html[data-varqo-v27="V27.0"] .mo-top-actions{
    gap:4px!important;
  }
}

/* Motion remains decorative. */
@media(prefers-reduced-motion:reduce){
  html[data-varqo-v27="V27.0"] *,
  html[data-varqo-v27="V27.0"] *:before,
  html[data-varqo-v27="V27.0"] *:after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
}

/* ===== public/varqo-member-v2702-framing.css ===== */
/* =====================================================================
   VARQO V27.0.2 — FRAMING & LAYOUT POLISH
   Final composition pass before V27.1 Living Data Experience.
   ===================================================================== */

html[data-varqo-v2702="V27.0.2"]{
  --v2702-gap:22px;
  --v2702-radius:26px;
  --v2702-ease:cubic-bezier(.2,.78,.16,1);
}

/* ---------------------------------------------------------------
   GLOBAL RHYTHM
   --------------------------------------------------------------- */
html[data-varqo-v2702="V27.0.2"] .mo-canvas{
  padding-top:28px!important;
}
html[data-varqo-v2702="V27.0.2"] #memberCanvas{
  scroll-margin-top:82px;
}
html[data-varqo-v2702="V27.0.2"] .v2702-section{
  scroll-margin-top:90px;
}

/* ---------------------------------------------------------------
   BOOST JOURNEY — major framing correction
   The screenshot showed a very tall hero, with copy isolated at the
   upper right and the orbit pushed too far down on the left.
   --------------------------------------------------------------- */
html[data-varqo-v2702="V27.0.2"] .v242-journey-hero{
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  gap:28px 42px!important;
  padding:42px 44px 24px!important;
  border-radius:var(--v2702-radius)!important;
}

/* Put the narrative first, like the public VARQO hero. */
html[data-varqo-v2702="V27.0.2"] .v242-journey-hero>div:not(.v270-particles):not(.v2702-journey-rail){
  grid-column:1!important;
  grid-row:1!important;
  align-self:center!important;
  max-width:680px!important;
  padding:8px 0 12px!important;
}
html[data-varqo-v2702="V27.0.2"] .v242-journey-hero>div>span{
  display:block;
  margin-bottom:16px!important;
}
html[data-varqo-v2702="V27.0.2"] .v242-journey-hero>div>h1{
  max-width:660px!important;
  margin:0!important;
  font-size:clamp(48px,5.45vw,82px)!important;
  line-height:.91!important;
  letter-spacing:-.062em!important;
}
html[data-varqo-v2702="V27.0.2"] .v242-journey-hero>div>p{
  max-width:580px!important;
  margin:22px 0 0!important;
  font-size:12px!important;
  line-height:1.62!important;
  color:rgba(215,228,234,.63)!important;
}
html[data-varqo-v2702="V27.0.2"] .v242-journey-hero>div>footer{
  margin-top:28px!important;
  padding-top:18px!important;
  border-top:1px solid rgba(255,255,255,.075)!important;
}
html[data-varqo-v2702="V27.0.2"] .v242-journey-hero>div>footer b{
  display:block!important;
  margin-bottom:8px!important;
  color:#ff7b32!important;
  font-size:8px!important;
  letter-spacing:.11em!important;
}
html[data-varqo-v2702="V27.0.2"] .v242-journey-hero>div>footer strong{
  display:block!important;
  max-width:520px!important;
  color:#fff!important;
  font-size:17px!important;
  line-height:1.35!important;
}

/* Orbit becomes a true companion visual, not an isolated bottom panel. */
html[data-varqo-v2702="V27.0.2"] .v242-journey-hero>aside{
  grid-column:2!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:stretch!important;
  min-height:390px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  padding:12px 8px 0!important;
}
html[data-varqo-v2702="V27.0.2"] .v242-journey-orbit{
  width:min(290px,74%)!important;
  aspect-ratio:1!important;
  margin:0 auto 24px!important;
  filter:drop-shadow(0 24px 38px rgba(0,0,0,.18));
}
html[data-varqo-v2702="V27.0.2"] .v242-journey-orbit>b{
  font-size:56px!important;
  line-height:1!important;
}
html[data-varqo-v2702="V27.0.2"] .v242-journey-hero>aside>section{
  width:min(400px,92%)!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  margin:0!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:15px!important;
  overflow:hidden!important;
  background:rgba(2,21,33,.42)!important;
  backdrop-filter:blur(10px);
}
html[data-varqo-v2702="V27.0.2"] .v242-journey-hero>aside>section>span{
  min-height:72px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:14px 18px!important;
  border:0!important;
}
html[data-varqo-v2702="V27.0.2"] .v242-journey-hero>aside>section>span+span{
  border-left:1px solid rgba(255,255,255,.075)!important;
}
html[data-varqo-v2702="V27.0.2"] .v242-journey-hero>aside>section small{
  margin-bottom:7px!important;
  color:rgba(255,255,255,.38)!important;
}
html[data-varqo-v2702="V27.0.2"] .v242-journey-hero>aside>section strong{
  color:#fff!important;
  font-size:20px!important;
}

/* A compact seven-step rail closes the hero and makes 16% readable. */
html[data-varqo-v2702="V27.0.2"] .v2702-journey-rail{
  grid-column:1/-1!important;
  grid-row:2!important;
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(7,1fr)!important;
  align-items:start!important;
  gap:8px!important;
  margin-top:0!important;
  padding:20px 4px 2px!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
}
html[data-varqo-v2702="V27.0.2"] .v2702-journey-rail:before{
  content:"";
  position:absolute;
  left:4px;right:4px;top:30px;
  height:2px;
  border-radius:999px;
  background:rgba(255,255,255,.085);
}
html[data-varqo-v2702="V27.0.2"] .v2702-journey-rail:after{
  content:"";
  position:absolute;
  left:4px;top:30px;
  width:clamp(0%,var(--v242-progress,0%),100%);
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#fb5900,#ff975f);
  box-shadow:0 0 16px rgba(251,89,0,.33);
}
html[data-varqo-v2702="V27.0.2"] .v2702-journey-rail span{
  position:relative;
  z-index:2;
  display:grid;
  justify-items:start;
  gap:10px;
  min-width:0;
  color:rgba(255,255,255,.42);
}
html[data-varqo-v2702="V27.0.2"] .v2702-journey-rail i{
  width:18px;height:18px;
  display:grid;
  place-items:center;
  border:2px solid #193c4e;
  border-radius:50%;
  background:#08283a;
  color:transparent;
  box-shadow:0 0 0 4px rgba(8,40,58,.92);
  transition:.2s var(--v2702-ease);
}
html[data-varqo-v2702="V27.0.2"] .v2702-journey-rail span.is-active i{
  border-color:#fb5900;
  background:#fb5900;
  box-shadow:0 0 0 5px rgba(251,89,0,.11),0 0 18px rgba(251,89,0,.25);
}
html[data-varqo-v2702="V27.0.2"] .v2702-journey-rail b{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font:850 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.08em;
  text-transform:uppercase;
}
html[data-varqo-v2702="V27.0.2"] .v2702-journey-rail span.is-active b{
  color:#ff8a4b;
}

/* The detailed 7-stage map comes immediately after: keep it tighter. */
html[data-varqo-v2702="V27.0.2"] .v242-roadmap{
  margin-top:18px!important;
}
html[data-varqo-v2702="V27.0.2"] .v242-stage{
  min-height:142px!important;
}

/* ---------------------------------------------------------------
   TODAY HERO — normalize vertical rhythm, don't redesign it
   --------------------------------------------------------------- */
html[data-varqo-v2702="V27.0.2"] .b90-hero{
  min-height:0!important;
  height:auto!important;
  padding:38px 42px!important;
  gap:32px!important;
}
html[data-varqo-v2702="V27.0.2"] .b90-hero-copy{
  align-self:center!important;
}
html[data-varqo-v2702="V27.0.2"] .b90-score{
  align-self:stretch!important;
  min-height:0!important;
}

/* ---------------------------------------------------------------
   WORKSPACE / PROFILE HEROES — same visual cadence
   --------------------------------------------------------------- */
html[data-varqo-v2702="V27.0.2"] .v19b-workspace-hero{
  min-height:330px!important;
  height:auto!important;
  padding:40px 42px!important;
  gap:30px!important;
  align-items:center!important;
}
html[data-varqo-v2702="V27.0.2"] .v19b-workspace-hero>div{
  max-width:760px!important;
}
html[data-varqo-v2702="V27.0.2"] .v19b-workspace-hero>aside{
  min-width:230px!important;
}
html[data-varqo-v2702="V27.0.2"] .v19c-profile-hero{
  min-height:300px!important;
  height:auto!important;
  padding:40px 46px!important;
  align-items:center!important;
}
html[data-varqo-v2702="V27.0.2"] .v19c-profile-hero>div{
  max-width:760px!important;
}

/* ---------------------------------------------------------------
   DIAGNOSTIC LAB — avoid excessive vertical dead space
   --------------------------------------------------------------- */
html[data-varqo-v2702="V27.0.2"] .v12-diagnostic-lab{
  min-height:0!important;
}
html[data-varqo-v2702="V27.0.2"] .v12-diagnostic-lab>header{
  padding-top:34px!important;
  padding-bottom:30px!important;
}
html[data-varqo-v2702="V27.0.2"] .v12-diagnostic-lab .v12-engine-grid{
  align-items:stretch!important;
}

/* ---------------------------------------------------------------
   DESKTOP / LARGE DESKTOP — keep content visually centred
   --------------------------------------------------------------- */
@media(min-width:1500px){
  html[data-varqo-v2702="V27.0.2"] .v242-journey-hero{
    grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr)!important;
    padding-inline:54px!important;
  }
  html[data-varqo-v2702="V27.0.2"] .v242-journey-hero>div>h1{
    font-size:78px!important;
  }
}

/* ---------------------------------------------------------------
   TABLET
   --------------------------------------------------------------- */
@media(max-width:1100px){
  html[data-varqo-v2702="V27.0.2"] .v242-journey-hero{
    grid-template-columns:minmax(0,1fr) minmax(300px,.78fr)!important;
    padding:34px 30px 22px!important;
    gap:24px 28px!important;
  }
  html[data-varqo-v2702="V27.0.2"] .v242-journey-hero>div>h1{
    font-size:clamp(43px,6vw,64px)!important;
  }
  html[data-varqo-v2702="V27.0.2"] .v242-journey-hero>aside{
    min-height:330px!important;
  }
  html[data-varqo-v2702="V27.0.2"] .v242-journey-orbit{
    width:min(240px,78%)!important;
  }
}

/* ---------------------------------------------------------------
   MOBILE — narrative, orbit, rail; no huge hero
   --------------------------------------------------------------- */
@media(max-width:760px){
  html[data-varqo-v2702="V27.0.2"] .v242-journey-hero{
    display:block!important;
    padding:27px 20px 20px!important;
    border-radius:20px!important;
  }
  html[data-varqo-v2702="V27.0.2"] .v242-journey-hero>div:not(.v270-particles):not(.v2702-journey-rail){
    max-width:none!important;
    padding:0!important;
  }
  html[data-varqo-v2702="V27.0.2"] .v242-journey-hero>div>h1{
    font-size:clamp(43px,13vw,60px)!important;
    line-height:.93!important;
  }
  html[data-varqo-v2702="V27.0.2"] .v242-journey-hero>div>p{
    margin-top:16px!important;
  }
  html[data-varqo-v2702="V27.0.2"] .v242-journey-hero>div>footer{
    margin-top:20px!important;
  }
  html[data-varqo-v2702="V27.0.2"] .v242-journey-hero>aside{
    min-height:0!important;
    margin-top:24px!important;
    padding:18px 0 0!important;
    border-top:1px solid rgba(255,255,255,.07);
  }
  html[data-varqo-v2702="V27.0.2"] .v242-journey-orbit{
    width:220px!important;
    margin-bottom:18px!important;
  }
  html[data-varqo-v2702="V27.0.2"] .v242-journey-hero>aside>section{
    width:100%!important;
  }
  html[data-varqo-v2702="V27.0.2"] .v2702-journey-rail{
    margin-top:20px!important;
    padding-top:19px!important;
    overflow-x:auto!important;
    grid-template-columns:repeat(7,minmax(70px,1fr))!important;
    scrollbar-width:none;
  }
  html[data-varqo-v2702="V27.0.2"] .v2702-journey-rail::-webkit-scrollbar{
    display:none;
  }
  html[data-varqo-v2702="V27.0.2"] .v242-roadmap{
    margin-top:12px!important;
  }
  html[data-varqo-v2702="V27.0.2"] .b90-hero,
  html[data-varqo-v2702="V27.0.2"] .v19b-workspace-hero,
  html[data-varqo-v2702="V27.0.2"] .v19c-profile-hero{
    padding:26px 20px!important;
    min-height:0!important;
  }
}

/* Motion remains optional and never controls visibility. */
@media(prefers-reduced-motion:reduce){
  html[data-varqo-v2702="V27.0.2"] *,
  html[data-varqo-v2702="V27.0.2"] *:before,
  html[data-varqo-v2702="V27.0.2"] *:after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}

/* ===== public/varqo-member-v2703-final-framing.css ===== */
/* =====================================================================
   VARQO V27.0.3 — FINAL FRAMING & PROGRESS CONSISTENCY
   Locks the V27.0 visual system before V27.1 Living Data Experience.
   ===================================================================== */

html[data-varqo-v2703="V27.0.3"]{
  --v2703-ease:cubic-bezier(.2,.78,.16,1);
}

/* 01 — BOOST HERO: remove the last artificial vertical dead-space.
   V27.0.2 correctly switched to auto height, but a legacy aspect-ratio
   can still make the hero taller than its content. */
html[data-varqo-v2703="V27.0.3"] .v242-journey-hero{
  aspect-ratio:auto!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  grid-template-rows:max-content max-content!important;
  grid-auto-rows:max-content!important;
  align-content:start!important;
  padding-bottom:18px!important;
}
html[data-varqo-v2703="V27.0.3"] .v242-journey-hero>aside{
  min-height:350px!important;
}
html[data-varqo-v2703="V27.0.3"] .v2702-journey-rail{
  align-self:end!important;
  margin:0!important;
  padding-bottom:0!important;
}

/* Reduce the decorative particle-only tail beneath the progress rail. */
html[data-varqo-v2703="V27.0.3"] .v242-journey-hero .v270-particles{
  clip-path:inset(0 0 8px 0 round 26px);
}

/* 02 — Journey rail readability.
   Keep the technical language but make it readable at a glance. */
html[data-varqo-v2703="V27.0.3"] .v2702-journey-rail{
  gap:11px!important;
}
html[data-varqo-v2703="V27.0.3"] .v2702-journey-rail span{
  color:rgba(255,255,255,.58)!important;
}
html[data-varqo-v2703="V27.0.3"] .v2702-journey-rail b{
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  max-width:122px!important;
  min-height:22px;
  font-size:8.5px!important;
  line-height:1.28!important;
  letter-spacing:.055em!important;
  color:rgba(255,255,255,.61)!important;
}
html[data-varqo-v2703="V27.0.3"] .v2702-journey-rail span.is-active b{
  color:#ff995f!important;
}
html[data-varqo-v2703="V27.0.3"] .v2702-journey-rail i{
  width:19px!important;
  height:19px!important;
}

/* Completed states are visually different from the current stage.
   JS adds .is-complete based on the real current stage. */
html[data-varqo-v2703="V27.0.3"] .v2702-journey-rail span.is-complete i{
  border-color:rgba(251,89,0,.62)!important;
  background:#0b3044!important;
}
html[data-varqo-v2703="V27.0.3"] .v2702-journey-rail span.is-complete b{
  color:rgba(255,255,255,.72)!important;
}
html[data-varqo-v2703="V27.0.3"] .v2702-journey-rail span.is-active i{
  transform:scale(1.05);
}

/* 03 — Progress consistency hint: all BOOST progress chips that JS
   reconciles receive the same visual treatment. */
html[data-varqo-v2703="V27.0.3"] [data-v2703-progress-sync="true"]{
  font-variant-numeric:tabular-nums;
}
html[data-varqo-v2703="V27.0.3"] [data-v2703-progress-sync="true"].v2703-progress-pulse{
  animation:v2703ProgressPulse .42s var(--v2703-ease) both;
}
@keyframes v2703ProgressPulse{
  0%{transform:scale(.96);opacity:.62}
  65%{transform:scale(1.035);opacity:1}
  100%{transform:none;opacity:1}
}

/* 04 — Desktop fine tuning */
@media(min-width:1101px){
  html[data-varqo-v2703="V27.0.3"] .v242-journey-hero{
    gap:22px 42px!important;
    padding-top:38px!important;
  }
  html[data-varqo-v2703="V27.0.3"] .v242-journey-hero>aside{
    min-height:330px!important;
  }
  html[data-varqo-v2703="V27.0.3"] .v242-journey-orbit{
    width:min(275px,72%)!important;
    margin-bottom:18px!important;
  }
  html[data-varqo-v2703="V27.0.3"] .v242-journey-hero>aside>section{
    width:min(390px,90%)!important;
  }
}

/* 05 — Tablet */
@media(max-width:1100px) and (min-width:761px){
  html[data-varqo-v2703="V27.0.3"] .v242-journey-hero{
    aspect-ratio:auto!important;
    padding-bottom:17px!important;
  }
  html[data-varqo-v2703="V27.0.3"] .v242-journey-hero>aside{
    min-height:305px!important;
  }
  html[data-varqo-v2703="V27.0.3"] .v2702-journey-rail b{
    max-width:100px!important;
    font-size:8px!important;
  }
}

/* 06 — Mobile: keep rail usable and readable */
@media(max-width:760px){
  html[data-varqo-v2703="V27.0.3"] .v242-journey-hero{
    aspect-ratio:auto!important;
    padding-bottom:18px!important;
  }
  html[data-varqo-v2703="V27.0.3"] .v242-journey-hero>aside{
    min-height:0!important;
  }
  html[data-varqo-v2703="V27.0.3"] .v2702-journey-rail{
    gap:8px!important;
  }
  html[data-varqo-v2703="V27.0.3"] .v2702-journey-rail b{
    max-width:90px!important;
    font-size:8px!important;
    white-space:normal!important;
  }
}

@media(prefers-reduced-motion:reduce){
  html[data-varqo-v2703="V27.0.3"] *,
  html[data-varqo-v2703="V27.0.3"] *:before,
  html[data-varqo-v2703="V27.0.3"] *:after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}

/* ===== public/varqo-member-v271-living-data.css ===== */
/* =====================================================================
   VARQO V27.1 — LIVING DATA EXPERIENCE
   Real member data -> interactive system visualisations.
   Read-only layer: no API writes, no auth/commerce mutations.
   ===================================================================== */

html[data-varqo-v271="V27.1"]{
  --v271-navy:#001227;
  --v271-navy2:#071d2d;
  --v271-navy3:#0b3044;
  --v271-orange:#fb5900;
  --v271-orange2:#ff8a4c;
  --v271-cyan:#67d1ef;
  --v271-green:#42d392;
  --v271-violet:#a887ff;
  --v271-paper:#fffdf9;
  --v271-cream:#f4efe8;
  --v271-line:rgba(7,29,45,.11);
  --v271-shadow:0 28px 76px rgba(5,25,35,.10);
  --v271-ease:cubic-bezier(.2,.8,.16,1);
}

/* ---------------------------------------------------------------
   ROOT
   --------------------------------------------------------------- */
html[data-varqo-v271="V27.1"] .v271-root{
  display:grid;
  gap:18px;
  margin:18px 0 24px;
}
html[data-varqo-v271="V27.1"] .v271-root[hidden]{
  display:none!important;
}
html[data-varqo-v271="V27.1"] .v271-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  padding:7px 4px 2px;
}
html[data-varqo-v271="V27.1"] .v271-head>div{
  max-width:820px;
}
html[data-varqo-v271="V27.1"] .v271-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
  color:var(--v271-orange);
  font:900 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.16em;
  text-transform:uppercase;
}
html[data-varqo-v271="V27.1"] .v271-kicker:before{
  content:"";
  width:7px;height:7px;
  border:1px solid currentColor;
  transform:rotate(45deg);
}
html[data-varqo-v271="V27.1"] .v271-head h2{
  margin:0;
  color:#071d2d;
  font-size:clamp(28px,3.1vw,48px);
  line-height:.96;
  letter-spacing:-.052em;
}
html[data-varqo-v271="V27.1"] .v271-head p{
  margin:10px 0 0;
  max-width:760px;
  color:#71818a;
  font-size:11px;
  line-height:1.6;
}
html[data-varqo-v271="V27.1"] .v271-live-badge{
  flex:0 0 auto;
  min-width:112px;
  display:grid;
  grid-template-columns:12px auto;
  align-items:center;
  gap:8px;
  padding:12px 14px;
  border:1px solid rgba(7,29,45,.09);
  border-radius:12px;
  background:#fff;
  box-shadow:0 11px 30px rgba(7,29,45,.05);
}
html[data-varqo-v271="V27.1"] .v271-live-badge i{
  width:8px;height:8px;border-radius:50%;
  background:var(--v271-green);
  box-shadow:0 0 0 5px rgba(66,211,146,.10),0 0 17px rgba(66,211,146,.35);
  animation:v271Live 2.4s ease-in-out infinite;
}
html[data-varqo-v271="V27.1"] .v271-live-badge span{
  display:grid;
  gap:3px;
}
html[data-varqo-v271="V27.1"] .v271-live-badge small{
  color:#8a9aa1;
  font:850 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.10em;
}
html[data-varqo-v271="V27.1"] .v271-live-badge strong{
  color:#071d2d;
  font-size:10px;
  letter-spacing:.04em;
}
@keyframes v271Live{
  0%,100%{transform:scale(.85);opacity:.68}
  50%{transform:scale(1.08);opacity:1}
}

/* ---------------------------------------------------------------
   MAIN LAYOUT
   --------------------------------------------------------------- */
html[data-varqo-v271="V27.1"] .v271-grid{
  display:grid;
  grid-template-columns:minmax(0,1.26fr) minmax(340px,.74fr);
  gap:16px;
}
html[data-varqo-v271="V27.1"] .v271-stack{
  display:grid;
  gap:16px;
}
html[data-varqo-v271="V27.1"] .v271-card{
  position:relative;
  overflow:hidden;
  min-width:0;
  border:1px solid var(--v271-line);
  border-radius:22px;
  background:var(--v271-paper);
  box-shadow:var(--v271-shadow);
}
html[data-varqo-v271="V27.1"] .v271-card.dark{
  color:#fff;
  border-color:rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 82% 4%,rgba(251,89,0,.13),transparent 28%),
    linear-gradient(145deg,#082d42 0%,#001227 100%);
}
html[data-varqo-v271="V27.1"] .v271-card.dark:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.68;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:38px 38px;
  mask-image:linear-gradient(90deg,black,transparent 92%);
}
html[data-varqo-v271="V27.1"] .v271-card.dark:after{
  content:"";
  position:absolute;
  width:300px;height:300px;
  right:-130px;top:-150px;
  border:1px solid rgba(255,255,255,.07);
  transform:rotate(45deg);
  box-shadow:
    0 0 0 54px rgba(255,255,255,.012),
    0 0 0 108px rgba(255,255,255,.006);
  pointer-events:none;
}
html[data-varqo-v271="V27.1"] .v271-card>*{
  position:relative;
  z-index:2;
}
html[data-varqo-v271="V27.1"] .v271-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:20px 21px 0;
}
html[data-varqo-v271="V27.1"] .v271-card-head>div{
  min-width:0;
}
html[data-varqo-v271="V27.1"] .v271-card-head span{
  color:var(--v271-orange);
  font:900 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.14em;
  text-transform:uppercase;
}
html[data-varqo-v271="V27.1"] .v271-card.dark .v271-card-head span{
  color:var(--v271-orange2);
}
html[data-varqo-v271="V27.1"] .v271-card-head h3{
  margin:8px 0 0;
  color:#08283a;
  font-size:20px;
  line-height:1.05;
  letter-spacing:-.035em;
}
html[data-varqo-v271="V27.1"] .v271-card.dark .v271-card-head h3{
  color:#fff;
}
html[data-varqo-v271="V27.1"] .v271-card-head p{
  margin:6px 0 0;
  color:#73838b;
  font-size:9px;
  line-height:1.45;
}
html[data-varqo-v271="V27.1"] .v271-card.dark .v271-card-head p{
  color:rgba(215,230,236,.54);
}
html[data-varqo-v271="V27.1"] .v271-chip{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:29px;
  padding:0 10px;
  border:1px solid rgba(7,29,45,.09);
  border-radius:9px;
  background:#f7f3ed;
  color:#58707b;
  font:900 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.08em;
}
html[data-varqo-v271="V27.1"] .v271-card.dark .v271-chip{
  color:#a7bbc4;
  border-color:rgba(255,255,255,.07);
  background:rgba(255,255,255,.045);
}

/* ---------------------------------------------------------------
   CAREER SYSTEM MAP
   --------------------------------------------------------------- */
html[data-varqo-v271="V27.1"] .v271-system-map{
  min-height:500px;
}
html[data-varqo-v271="V27.1"] .v271-system-body{
  display:grid;
  grid-template-columns:minmax(420px,1fr) minmax(240px,.48fr);
  gap:10px;
  align-items:center;
  padding:4px 20px 22px;
}
html[data-varqo-v271="V27.1"] .v271-system-viz{
  position:relative;
  min-height:410px;
  display:grid;
  place-items:center;
}
html[data-varqo-v271="V27.1"] .v271-system-viz svg{
  width:min(430px,96%);
  overflow:visible;
  filter:drop-shadow(0 24px 38px rgba(0,0,0,.15));
}
html[data-varqo-v271="V27.1"] .v271-map-line{
  stroke:rgba(255,255,255,.12);
  stroke-width:1;
}
html[data-varqo-v271="V27.1"] .v271-map-line.accent{
  stroke:rgba(251,89,0,.34);
  stroke-dasharray:4 7;
}
html[data-varqo-v271="V27.1"] .v271-map-ring{
  fill:none;
  stroke:rgba(255,255,255,.07);
  stroke-width:1;
}
html[data-varqo-v271="V27.1"] .v271-map-core{
  fill:#071d2d;
  stroke:rgba(255,255,255,.13);
  stroke-width:1.3;
}
html[data-varqo-v271="V27.1"] .v271-map-core-inner{
  fill:#fb5900;
}
html[data-varqo-v271="V27.1"] .v271-map-node{
  cursor:pointer;
  outline:none;
}
html[data-varqo-v271="V27.1"] .v271-map-node circle{
  fill:#0b3044;
  stroke:rgba(255,255,255,.14);
  stroke-width:1.4;
  transition:.23s var(--v271-ease);
}
html[data-varqo-v271="V27.1"] .v271-map-node .progress{
  fill:none;
  stroke:var(--node-color,#fb5900);
  stroke-width:5;
  stroke-linecap:round;
  /* SVG transform is applied in markup around the local 0,0 node centre.
     CSS transform-origin on nested SVG groups caused detached coloured arcs. */
  transform:none!important;
  transform-origin:unset!important;
  transition:stroke-dashoffset .65s var(--v271-ease);
}
html[data-varqo-v271="V27.1"] .v271-map-node text{
  pointer-events:none;
  text-anchor:middle;
}
html[data-varqo-v271="V27.1"] .v271-map-node .value{
  fill:#fff;
  font-size:16px;
  font-weight:900;
}
html[data-varqo-v271="V27.1"] .v271-map-node .label{
  fill:#8ea6b0;
  font-size:6.5px;
  font-weight:850;
  letter-spacing:.08em;
}
html[data-varqo-v271="V27.1"] .v271-map-node:hover circle,
html[data-varqo-v271="V27.1"] .v271-map-node.is-selected circle{
  stroke:var(--node-color,#fb5900);
  filter:drop-shadow(0 0 10px color-mix(in srgb,var(--node-color,#fb5900) 34%,transparent));
}
html[data-varqo-v271="V27.1"] .v271-system-detail{
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:22px;
  border-left:1px solid rgba(255,255,255,.07);
}
html[data-varqo-v271="V27.1"] .v271-system-detail>span{
  color:#ff8a4c;
  font:900 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.14em;
}
html[data-varqo-v271="V27.1"] .v271-system-detail strong{
  margin-top:10px;
  color:#fff;
  font-size:42px;
  line-height:.95;
  letter-spacing:-.05em;
}
html[data-varqo-v271="V27.1"] .v271-system-detail h4{
  margin:13px 0 0;
  color:#fff;
  font-size:17px;
}
html[data-varqo-v271="V27.1"] .v271-system-detail p{
  min-height:52px;
  margin:8px 0 18px;
  color:#91a7b1;
  font-size:9px;
  line-height:1.55;
}
html[data-varqo-v271="V27.1"] .v271-system-detail button{
  align-self:flex-start;
  min-height:38px;
  padding:0 13px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:9px;
  background:#fff;
  color:#08283a;
  font-size:8px;
  font-weight:900;
}

/* ---------------------------------------------------------------
   DECISION RADAR
   --------------------------------------------------------------- */
html[data-varqo-v271="V27.1"] .v271-radar-body{
  display:grid;
  grid-template-columns:minmax(230px,.9fr) minmax(190px,.7fr);
  gap:8px;
  align-items:center;
  padding:11px 18px 20px;
}
html[data-varqo-v271="V27.1"] .v271-radar-body svg{
  width:100%;
  max-width:300px;
  margin:auto;
  overflow:visible;
}
html[data-varqo-v271="V27.1"] .v271-radar-grid{
  fill:none;
  stroke:rgba(7,29,45,.09);
  stroke-width:1;
}
html[data-varqo-v271="V27.1"] .v271-radar-axis{
  stroke:rgba(7,29,45,.08);
  stroke-width:1;
}
html[data-varqo-v271="V27.1"] .v271-radar-shape{
  fill:rgba(251,89,0,.10);
  stroke:#fb5900;
  stroke-width:2;
  filter:drop-shadow(0 7px 10px rgba(251,89,0,.14));
  transition:.25s var(--v271-ease);
}
html[data-varqo-v271="V27.1"] .v271-radar-point{
  fill:#fff;
  stroke:#fb5900;
  stroke-width:2;
  cursor:pointer;
}
html[data-varqo-v271="V27.1"] .v271-radar-label{
  fill:#60737d;
  font-size:6.5px;
  font-weight:850;
  text-anchor:middle;
}
html[data-varqo-v271="V27.1"] .v271-radar-list{
  display:grid;
  gap:7px;
}
html[data-varqo-v271="V27.1"] .v271-radar-list button{
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
  align-items:center;
  min-height:38px;
  padding:0 10px;
  border:1px solid rgba(7,29,45,.07);
  border-radius:10px;
  background:#fbf8f3;
  color:#48616c;
  text-align:left;
  font-size:8px;
  font-weight:850;
}
html[data-varqo-v271="V27.1"] .v271-radar-list button strong{
  color:#071d2d;
  font-size:11px;
}

/* ---------------------------------------------------------------
   90 DAY JOURNEY
   --------------------------------------------------------------- */
html[data-varqo-v271="V27.1"] .v271-journey-body{
  padding:18px 21px 22px;
}
html[data-varqo-v271="V27.1"] .v271-journey-track{
  position:relative;
  display:grid;
  grid-template-columns:14fr 16fr 30fr 30fr;
  min-height:112px;
  gap:3px;
}
html[data-varqo-v271="V27.1"] .v271-journey-track:before{
  content:"";
  position:absolute;
  left:0;right:0;top:53px;
  height:2px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
}
html[data-varqo-v271="V27.1"] .v271-phase{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:10px 9px 0;
  color:#718b97;
  border-radius:11px;
}
html[data-varqo-v271="V27.1"] .v271-phase.is-current{
  background:rgba(251,89,0,.055);
  color:#fff;
}
html[data-varqo-v271="V27.1"] .v271-phase i{
  position:absolute;
  top:45px;left:9px;
  width:17px;height:17px;
  border:2px solid #244b5d;
  border-radius:50%;
  background:#08283a;
  z-index:3;
}
html[data-varqo-v271="V27.1"] .v271-phase.is-done i{
  border-color:rgba(251,89,0,.7);
  background:#fb5900;
}
html[data-varqo-v271="V27.1"] .v271-phase.is-current i{
  border-color:#fb5900;
  background:#fb5900;
  box-shadow:0 0 0 6px rgba(251,89,0,.09),0 0 18px rgba(251,89,0,.27);
}
html[data-varqo-v271="V27.1"] .v271-phase small{
  color:#ff8a4c;
  font:850 6.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.10em;
}
html[data-varqo-v271="V27.1"] .v271-phase strong{
  margin-top:7px;
  color:currentColor;
  font-size:10px;
  text-transform:uppercase;
}
html[data-varqo-v271="V27.1"] .v271-day-marker{
  position:absolute;
  top:39px;
  left:var(--day-pct);
  z-index:5;
  transform:translateX(-50%);
  display:grid;
  place-items:center;
  width:30px;height:30px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:50%;
  background:#fff;
  color:#071d2d;
  font-size:8px;
  font-weight:900;
  box-shadow:0 8px 24px rgba(0,0,0,.18);
}
html[data-varqo-v271="V27.1"] .v271-journey-meta{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  margin-top:13px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.07);
  border-radius:11px;
  background:rgba(255,255,255,.06);
}
html[data-varqo-v271="V27.1"] .v271-journey-meta span{
  display:grid;
  gap:5px;
  padding:11px 12px;
  background:rgba(0,18,39,.58);
}
html[data-varqo-v271="V27.1"] .v271-journey-meta small{
  color:#667f8c;
  font:850 6px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.08em;
}
html[data-varqo-v271="V27.1"] .v271-journey-meta strong{
  color:#fff;
  font-size:14px;
}

/* ---------------------------------------------------------------
   MOMENTUM TIMELINE
   --------------------------------------------------------------- */
html[data-varqo-v271="V27.1"] .v271-momentum-body{
  padding:17px 20px 20px;
}
html[data-varqo-v271="V27.1"] .v271-bars{
  height:150px;
  display:grid;
  grid-template-columns:repeat(7,1fr);
  align-items:end;
  gap:8px;
  padding-top:5px;
}
html[data-varqo-v271="V27.1"] .v271-bar{
  min-width:0;
  display:grid;
  grid-template-rows:1fr auto;
  gap:8px;
  height:100%;
}
html[data-varqo-v271="V27.1"] .v271-bar>i{
  position:relative;
  align-self:end;
  display:block;
  width:100%;
  min-height:7px;
  height:var(--h);
  max-height:120px;
  border-radius:7px 7px 3px 3px;
  background:
    linear-gradient(180deg,#ff8a4c,#fb5900);
  box-shadow:0 8px 18px rgba(251,89,0,.13);
  transform-origin:bottom;
  animation:v271Bar .65s var(--v271-ease) both;
}
html[data-varqo-v271="V27.1"] .v271-bar.is-zero>i{
  background:#e6e3dd;
  box-shadow:none;
}
html[data-varqo-v271="V27.1"] .v271-bar span{
  display:grid;
  justify-items:center;
  gap:4px;
}
html[data-varqo-v271="V27.1"] .v271-bar b{
  color:#071d2d;
  font-size:9px;
}
html[data-varqo-v271="V27.1"] .v271-bar small{
  color:#8a989e;
  font:800 6px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  text-transform:uppercase;
}
@keyframes v271Bar{
  from{transform:scaleY(.05);opacity:.3}
  to{transform:scaleY(1);opacity:1}
}
html[data-varqo-v271="V27.1"] .v271-momentum-summary{
  display:flex;
  justify-content:space-between;
  gap:9px;
  margin-top:14px;
  padding-top:13px;
  border-top:1px solid rgba(7,29,45,.08);
}
html[data-varqo-v271="V27.1"] .v271-momentum-summary span{
  display:grid;
  gap:4px;
}
html[data-varqo-v271="V27.1"] .v271-momentum-summary strong{
  color:#071d2d;
  font-size:15px;
}
html[data-varqo-v271="V27.1"] .v271-momentum-summary small{
  color:#89989e;
  font:850 6px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
}

/* ---------------------------------------------------------------
   PIPELINE
   --------------------------------------------------------------- */
html[data-varqo-v271="V27.1"] .v271-pipeline-body{
  padding:17px 20px 21px;
}
html[data-varqo-v271="V27.1"] .v271-pipeline-flow{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:7px;
}
html[data-varqo-v271="V27.1"] .v271-pipeline-stage{
  position:relative;
  min-height:128px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:13px 11px 11px;
  border:1px solid rgba(7,29,45,.075);
  border-radius:12px;
  background:#fbf8f3;
  cursor:pointer;
  transition:.20s var(--v271-ease);
}
html[data-varqo-v271="V27.1"] .v271-pipeline-stage:hover{
  transform:translateY(-2px);
  border-color:rgba(251,89,0,.24);
  background:#fff;
}
html[data-varqo-v271="V27.1"] .v271-pipeline-stage:not(:last-child):after{
  content:"→";
  position:absolute;
  right:-8px;top:50%;
  z-index:3;
  transform:translateY(-50%);
  color:#c2c9cc;
  font-size:10px;
}
html[data-varqo-v271="V27.1"] .v271-pipeline-stage small{
  color:#8b999f;
  font:850 6px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.08em;
}
html[data-varqo-v271="V27.1"] .v271-pipeline-stage strong{
  color:#071d2d;
  font-size:28px;
  line-height:1;
}
html[data-varqo-v271="V27.1"] .v271-pipeline-stage b{
  color:#4c6570;
  font-size:8px;
  line-height:1.25;
  text-transform:uppercase;
}
html[data-varqo-v271="V27.1"] .v271-pipeline-stage.is-hot{
  border-color:rgba(251,89,0,.24);
  background:linear-gradient(180deg,#fff8f2,#fff);
}
html[data-varqo-v271="V27.1"] .v271-pipeline-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:14px;
  color:#7d8d94;
  font-size:8px;
}
html[data-varqo-v271="V27.1"] .v271-pipeline-foot button{
  min-height:34px;
  padding:0 11px;
  border:0;
  border-radius:8px;
  background:#071d2d;
  color:#fff;
  font-size:7px;
  font-weight:900;
}

/* ---------------------------------------------------------------
   EVIDENCE GROWTH
   --------------------------------------------------------------- */
html[data-varqo-v271="V27.1"] .v271-evidence-body{
  display:grid;
  grid-template-columns:146px 1fr;
  gap:17px;
  align-items:center;
  padding:17px 20px 21px;
}
html[data-varqo-v271="V27.1"] .v271-evidence-ring{
  --p:0;
  position:relative;
  width:130px;aspect-ratio:1;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:
    radial-gradient(circle at center,#fff 0 55%,transparent 56%),
    conic-gradient(#67d1ef calc(var(--p)*1%),#e8eceb 0);
}
html[data-varqo-v271="V27.1"] .v271-evidence-ring:after{
  content:"";
  position:absolute;
  inset:13px;
  border:1px solid rgba(7,29,45,.07);
  border-radius:50%;
}
html[data-varqo-v271="V27.1"] .v271-evidence-ring span{
  position:relative;
  z-index:2;
  display:grid;
  justify-items:center;
}
html[data-varqo-v271="V27.1"] .v271-evidence-ring strong{
  color:#071d2d;
  font-size:31px;
  line-height:1;
}
html[data-varqo-v271="V27.1"] .v271-evidence-ring small{
  margin-top:4px;
  color:#87979d;
  font:850 6px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
}
html[data-varqo-v271="V27.1"] .v271-spark{
  min-width:0;
}
html[data-varqo-v271="V27.1"] .v271-spark svg{
  width:100%;
  height:88px;
  overflow:visible;
}
html[data-varqo-v271="V27.1"] .v271-spark-grid{
  stroke:rgba(7,29,45,.07);
  stroke-width:1;
}
html[data-varqo-v271="V27.1"] .v271-spark-line{
  fill:none;
  stroke:#67d1ef;
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 5px 7px rgba(103,209,239,.22));
}
html[data-varqo-v271="V27.1"] .v271-spark-fill{
  fill:url(#v271EvidenceGradient);
}
html[data-varqo-v271="V27.1"] .v271-spark-meta{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-top:8px;
}
html[data-varqo-v271="V27.1"] .v271-spark-meta span{
  display:grid;
  gap:3px;
}
html[data-varqo-v271="V27.1"] .v271-spark-meta strong{
  color:#071d2d;
  font-size:13px;
}
html[data-varqo-v271="V27.1"] .v271-spark-meta small{
  color:#8a999f;
  font:850 6px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
}

/* ---------------------------------------------------------------
   INSIGHT PANEL / DETAILS
   --------------------------------------------------------------- */
html[data-varqo-v271="V27.1"] .v271-insight{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  padding:18px 20px;
  border:1px solid rgba(251,89,0,.16);
  border-radius:18px;
  background:
    linear-gradient(90deg,#fffdf9,#fff 62%,#fff7f1);
  box-shadow:0 18px 48px rgba(5,25,35,.055);
}
html[data-varqo-v271="V27.1"] .v271-insight>div{
  min-width:0;
}
html[data-varqo-v271="V27.1"] .v271-insight span{
  color:#fb5900;
  font:900 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.14em;
}
html[data-varqo-v271="V27.1"] .v271-insight strong{
  display:block;
  margin-top:7px;
  color:#071d2d;
  font-size:17px;
  line-height:1.2;
}
html[data-varqo-v271="V27.1"] .v271-insight p{
  margin:5px 0 0;
  color:#77888f;
  font-size:9px;
  line-height:1.5;
}
html[data-varqo-v271="V27.1"] .v271-insight button{
  min-height:38px;
  padding:0 13px;
  border:0;
  border-radius:9px;
  background:#fb5900;
  color:#fff;
  font-size:8px;
  font-weight:900;
}

/* ---------------------------------------------------------------
   FREE PREVIEW
   --------------------------------------------------------------- */
html[data-varqo-v271="V27.1"] .v271-free-preview{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(330px,.62fr);
  overflow:hidden;
  border:1px solid rgba(7,29,45,.09);
  border-radius:22px;
  background:#fff;
  box-shadow:var(--v271-shadow);
}
html[data-varqo-v271="V27.1"] .v271-free-preview>div{
  padding:27px;
}
html[data-varqo-v271="V27.1"] .v271-free-preview h3{
  margin:8px 0 0;
  color:#071d2d;
  font-size:27px;
  letter-spacing:-.04em;
}
html[data-varqo-v271="V27.1"] .v271-free-preview p{
  margin:8px 0 20px;
  max-width:680px;
  color:#71828a;
  font-size:10px;
  line-height:1.55;
}
html[data-varqo-v271="V27.1"] .v271-free-preview button{
  min-height:40px;
  padding:0 14px;
  border:0;
  border-radius:9px;
  background:#fb5900;
  color:#fff;
  font-size:8px;
  font-weight:900;
}
html[data-varqo-v271="V27.1"] .v271-free-nodes{
  position:relative;
  min-height:245px;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 50% 50%,rgba(251,89,0,.12),transparent 34%),
    linear-gradient(145deg,#082d42,#001227);
}
html[data-varqo-v271="V27.1"] .v271-free-nodes:before,
html[data-varqo-v271="V27.1"] .v271-free-nodes:after{
  content:"";
  position:absolute;
  width:150px;height:150px;
  border:1px solid rgba(255,255,255,.08);
  transform:rotate(45deg);
}
html[data-varqo-v271="V27.1"] .v271-free-nodes:after{
  width:95px;height:95px;
  border-style:dashed;
}
html[data-varqo-v271="V27.1"] .v271-free-nodes span{
  position:absolute;
  display:grid;
  place-items:center;
  width:60px;height:60px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:50%;
  background:#0b3044;
  color:#fff;
  font-size:15px;
  font-weight:900;
}
html[data-varqo-v271="V27.1"] .v271-free-nodes span small{
  margin-top:2px;
  color:#708b97;
  font:800 5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
}
html[data-varqo-v271="V27.1"] .v271-free-nodes span:nth-child(1){transform:translate(-96px,-62px)}
html[data-varqo-v271="V27.1"] .v271-free-nodes span:nth-child(2){transform:translate(96px,-62px)}
html[data-varqo-v271="V27.1"] .v271-free-nodes span:nth-child(3){transform:translate(-96px,62px)}
html[data-varqo-v271="V27.1"] .v271-free-nodes span:nth-child(4){transform:translate(96px,62px)}

/* ---------------------------------------------------------------
   JOURNEY PAGE EMBED
   --------------------------------------------------------------- */
html[data-varqo-v271="V27.1"] .v271-journey-embed{
  margin:18px 0 0;
}
html[data-varqo-v271="V27.1"] .v271-journey-embed .v271-card{
  border-radius:22px;
}
html[data-varqo-v271="V27.1"] .v271-journey-embed .v271-mini-grid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:16px;
}

/* ---------------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------------- */
@media(max-width:1180px){
  html[data-varqo-v271="V27.1"] .v271-grid{
    grid-template-columns:1fr;
  }
  html[data-varqo-v271="V27.1"] .v271-system-body{
    grid-template-columns:minmax(360px,1fr) minmax(220px,.45fr);
  }
  html[data-varqo-v271="V27.1"] .v271-journey-embed .v271-mini-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:860px){
  html[data-varqo-v271="V27.1"] .v271-system-body{
    grid-template-columns:1fr;
  }
  html[data-varqo-v271="V27.1"] .v271-system-detail{
    border-left:0;
    border-top:1px solid rgba(255,255,255,.07);
  }
  html[data-varqo-v271="V27.1"] .v271-radar-body{
    grid-template-columns:1fr;
  }
  html[data-varqo-v271="V27.1"] .v271-pipeline-flow{
    grid-template-columns:repeat(5,minmax(120px,1fr));
    overflow-x:auto;
    padding-bottom:5px;
    scrollbar-width:none;
  }
  html[data-varqo-v271="V27.1"] .v271-pipeline-flow::-webkit-scrollbar{
    display:none;
  }
}
@media(max-width:650px){
  html[data-varqo-v271="V27.1"] .v271-root{
    gap:13px;
    margin-top:13px;
  }
  html[data-varqo-v271="V27.1"] .v271-head{
    align-items:flex-start;
  }
  html[data-varqo-v271="V27.1"] .v271-head h2{
    font-size:34px;
  }
  html[data-varqo-v271="V27.1"] .v271-live-badge{
    display:none;
  }
  html[data-varqo-v271="V27.1"] .v271-card{
    border-radius:17px;
  }
  html[data-varqo-v271="V27.1"] .v271-card-head{
    padding:17px 17px 0;
  }
  html[data-varqo-v271="V27.1"] .v271-system-viz{
    min-height:315px;
  }
  html[data-varqo-v271="V27.1"] .v271-system-viz svg{
    width:315px;
  }
  html[data-varqo-v271="V27.1"] .v271-system-detail{
    padding:18px;
  }
  html[data-varqo-v271="V27.1"] .v271-system-detail strong{
    font-size:35px;
  }
  html[data-varqo-v271="V27.1"] .v271-evidence-body{
    grid-template-columns:112px 1fr;
    padding-inline:16px;
  }
  html[data-varqo-v271="V27.1"] .v271-evidence-ring{
    width:104px;
  }
  html[data-varqo-v271="V27.1"] .v271-journey-track{
    grid-template-columns:repeat(4,minmax(110px,1fr));
    overflow-x:auto;
    scrollbar-width:none;
  }
  html[data-varqo-v271="V27.1"] .v271-journey-meta{
    grid-template-columns:1fr;
  }
  html[data-varqo-v271="V27.1"] .v271-free-preview{
    grid-template-columns:1fr;
  }
  html[data-varqo-v271="V27.1"] .v271-free-nodes{
    min-height:220px;
  }
  html[data-varqo-v271="V27.1"] .v271-insight{
    grid-template-columns:1fr;
  }
  html[data-varqo-v271="V27.1"] .v271-insight button{
    justify-self:start;
  }
}

/* Motion is informative, never required. */
@media(prefers-reduced-motion:reduce){
  html[data-varqo-v271="V27.1"] *,
  html[data-varqo-v271="V27.1"] *:before,
  html[data-varqo-v271="V27.1"] *:after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}


/* =====================================================================
   V27.1.1 — GRAPH STABILITY
   ===================================================================== */
html[data-varqo-v2711="V27.1.1"] .v271-system-viz,
html[data-varqo-v2711="V27.1.1"] .v271-radar-body,
html[data-varqo-v2711="V27.1.1"] .v271-momentum-body,
html[data-varqo-v2711="V27.1.1"] .v271-evidence-body{
  contain:layout paint;
}
html[data-varqo-v2711="V27.1.1"] .v271-system-viz svg,
html[data-varqo-v2711="V27.1.1"] .v271-radar-body svg,
html[data-varqo-v2711="V27.1.1"] .v271-spark svg{
  display:block;
}
html[data-varqo-v2711="V27.1.1"] .v271-map-node .progress{
  transform:none!important;
  transform-box:fill-box!important;
}
html[data-varqo-v2711="V27.1.1"] .v271-bar>i{
  animation-iteration-count:1!important;
  animation-fill-mode:both!important;
}


/* =====================================================================
   V27.1.2 — PREPAINT & TRANSITION GATE
   Prevents the legacy/base section from appearing for one frame before
   the Living Data composition is ready.
   ===================================================================== */
html[data-varqo-v2712="V27.1.2"] .mo-canvas{
  position:relative!important;
  isolation:isolate;
}
html[data-varqo-v2712="V27.1.2"] #memberCanvas{
  transition:opacity .18s cubic-bezier(.2,.8,.16,1),filter .18s ease!important;
  will-change:opacity;
}
html[data-varqo-v2712="V27.1.2"]:not([data-v271-ready="true"]) #memberCanvas,
html[data-varqo-v2712="V27.1.2"][data-v271-transitioning="true"] #memberCanvas{
  opacity:0!important;
  pointer-events:none!important;
  filter:blur(1.5px)!important;
}

/* Premium holding surface while the final section is being composed. */
html[data-varqo-v2712="V27.1.2"] .mo-canvas:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:30;
  pointer-events:none;
  opacity:0;
  min-height:520px;
  background:
    radial-gradient(circle at 76% 20%,rgba(251,89,0,.055),transparent 26%),
    linear-gradient(rgba(7,29,45,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(7,29,45,.018) 1px,transparent 1px),
    #f5f2ec;
  background-size:auto,40px 40px,40px 40px,auto;
  transition:opacity .12s ease;
}
html[data-varqo-v2712="V27.1.2"] .mo-canvas:after{
  content:"VARQO  ·  LIVING DATA";
  position:absolute;
  left:50%;
  top:145px;
  z-index:31;
  transform:translate(-50%,-8px);
  pointer-events:none;
  opacity:0;
  color:#fb5900;
  font:900 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.20em;
  white-space:nowrap;
  transition:opacity .12s ease,transform .18s cubic-bezier(.2,.8,.16,1);
}
html[data-varqo-v2712="V27.1.2"]:not([data-v271-ready="true"]) .mo-canvas:before,
html[data-varqo-v2712="V27.1.2"][data-v271-transitioning="true"] .mo-canvas:before,
html[data-varqo-v2712="V27.1.2"]:not([data-v271-ready="true"]) .mo-canvas:after,
html[data-varqo-v2712="V27.1.2"][data-v271-transitioning="true"] .mo-canvas:after{
  opacity:1;
}
html[data-varqo-v2712="V27.1.2"]:not([data-v271-ready="true"]) .mo-canvas:after,
html[data-varqo-v2712="V27.1.2"][data-v271-transitioning="true"] .mo-canvas:after{
  transform:translate(-50%,0);
}

/* Animated signal line: subtle, fast and never blocks interaction. */
html[data-varqo-v2712="V27.1.2"]:not([data-v271-ready="true"]) .mo-canvas{
  --v2712-signal:0%;
}
html[data-varqo-v2712="V27.1.2"]:not([data-v271-ready="true"]) .mo-canvas:before,
html[data-varqo-v2712="V27.1.2"][data-v271-transitioning="true"] .mo-canvas:before{
  animation:v2712Holding .9s ease-in-out infinite alternate;
}
@keyframes v2712Holding{
  from{filter:brightness(.995)}
  to{filter:brightness(1.015)}
}

@media(max-width:650px){
  html[data-varqo-v2712="V27.1.2"] .mo-canvas:after{top:105px}
  html[data-varqo-v2712="V27.1.2"] .mo-canvas:before{min-height:430px}
}
@media(prefers-reduced-motion:reduce){
  html[data-varqo-v2712="V27.1.2"] .mo-canvas:before{animation:none!important}
  html[data-varqo-v2712="V27.1.2"] #memberCanvas{transition:none!important}
}


/* =====================================================================
   V27.1.3 — NAVIGATION TRANSITION STABILIZER
   One navigation = one visual transaction. No mixed old/new frame.
   ===================================================================== */
html[data-varqo-v2713="V27.1.3"] #memberCanvas{
  transform:translateZ(0);
  backface-visibility:hidden;
  contain:layout paint;
}
html[data-varqo-v2713="V27.1.3"][data-v271-transitioning="true"] #memberCanvas{
  visibility:hidden!important;
  opacity:0!important;
}
html[data-varqo-v2713="V27.1.3"][data-v271-ready="true"] #memberCanvas{
  visibility:visible!important;
  opacity:1!important;
}

/* Keep shell/navigation perfectly stable while only the content canvas swaps. */
html[data-varqo-v2713="V27.1.3"][data-v271-transitioning="true"] .mo-sidebar,
html[data-varqo-v2713="V27.1.3"][data-v271-transitioning="true"] .mo-topbar{
  opacity:1!important;
  filter:none!important;
  transform:none!important;
}

/* Shorter branded holding state: visible only if the destination really
   needs more than a frame to settle. */
html[data-varqo-v2713="V27.1.3"] .mo-canvas:after{
  transition:opacity .09s ease,transform .14s cubic-bezier(.2,.8,.16,1)!important;
}
html[data-varqo-v2713="V27.1.3"][data-v271-ready="true"] .mo-canvas:before,
html[data-varqo-v2713="V27.1.3"][data-v271-ready="true"] .mo-canvas:after{
  opacity:0!important;
}

@media(prefers-reduced-motion:reduce){
  html[data-varqo-v2713="V27.1.3"] #memberCanvas{
    transition:none!important;
  }
}


/* =====================================================================
   V27.1.4 — INSTANT TODAY + MODAL-AWARE TRANSITIONS
   Never show a blank content area. Transition layer covers the canvas
   while the real enhanced surface is composed underneath.
   ===================================================================== */

/* Override earlier hiding rules: preserve layout and the current frame.
   The opaque transition surface is responsible for masking DOM swaps. */
html[data-varqo-v2714="V27.1.4"][data-v271-transitioning="true"] #memberCanvas,
html[data-varqo-v2714="V27.1.4"]:not([data-v271-ready="true"]) #memberCanvas{
  visibility:visible!important;
  opacity:1!important;
  filter:none!important;
  pointer-events:none!important;
}

/* Deliberately non-white: if loading takes 150 ms or 2 s it reads as an
   intentional VARQO transition, never as a broken/empty page. */
html[data-varqo-v2714="V27.1.4"] .mo-canvas:before{
  background:
    radial-gradient(circle at 72% 22%,rgba(251,89,0,.17),transparent 26%),
    radial-gradient(circle at 28% 80%,rgba(103,209,239,.08),transparent 30%),
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(145deg,#082d42 0%,#001227 72%,#020d18 100%)!important;
  background-size:auto,auto,42px 42px,42px 42px,auto!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
html[data-varqo-v2714="V27.1.4"] .mo-canvas:after{
  content:"VARQO  /  PRÉPARATION DE VOTRE SYSTÈME"!important;
  top:50%!important;
  color:#fff!important;
  font-size:9px!important;
  letter-spacing:.18em!important;
  text-shadow:0 8px 30px rgba(0,0,0,.35);
}

/* Orange signal bar gives immediate feedback even on slower devices. */
html[data-varqo-v2714="V27.1.4"][data-v271-transitioning="true"] .mo-canvas,
html[data-varqo-v2714="V27.1.4"]:not([data-v271-ready="true"]) .mo-canvas{
  background:#001227;
}
html[data-varqo-v2714="V27.1.4"][data-v271-transitioning="true"] .mo-canvas:before,
html[data-varqo-v2714="V27.1.4"]:not([data-v271-ready="true"]) .mo-canvas:before{
  opacity:1!important;
  animation:v2714Hold .85s ease-in-out infinite alternate!important;
}
html[data-varqo-v2714="V27.1.4"][data-v271-transitioning="true"] .mo-canvas:after,
html[data-varqo-v2714="V27.1.4"]:not([data-v271-ready="true"]) .mo-canvas:after{
  opacity:1!important;
  transform:translate(-50%,0)!important;
}

@keyframes v2714Hold{
  from{filter:brightness(.96) saturate(.96)}
  to{filter:brightness(1.035) saturate(1.04)}
}

/* Once ready, reveal is fast; no multi-second fade. */
html[data-varqo-v2714="V27.1.4"][data-v271-ready="true"] #memberCanvas{
  visibility:visible!important;
  opacity:1!important;
  filter:none!important;
  pointer-events:auto!important;
  transition:opacity .10s ease!important;
}

/* Modal/dialog changes are local interactions; the page behind them stays
   visually stable instead of entering a member-page transition. */
html[data-varqo-v2714="V27.1.4"] dialog,
html[data-varqo-v2714="V27.1.4"] [role="dialog"],
html[data-varqo-v2714="V27.1.4"] [aria-modal="true"]{
  isolation:isolate;
}

@media(max-width:650px){
  html[data-varqo-v2714="V27.1.4"] .mo-canvas:after{
    top:43%!important;
    max-width:84vw;
    text-align:center;
    white-space:normal!important;
    line-height:1.45!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html[data-varqo-v2714="V27.1.4"] .mo-canvas:before{
    animation:none!important;
  }
}


/* =====================================================================
   V27.1.5 — SEAMLESS CROSSFADE NAVIGATION
   Fast navigation shows the previous completed frame until the next
   completed frame is ready. No pulsing, flashing or intermittent loader.
   ===================================================================== */

/* Kill V27.1.4's alternating brightness animation. It was visually read
   as a flicker during fast repeated navigation. */
html[data-varqo-v2715="V27.1.5"] .mo-canvas:before{
  animation:none!important;
  filter:none!important;
}

/* The live canvas is prepared underneath a frozen previous frame. */
html[data-varqo-v2715="V27.1.5"][data-v271-transitioning="true"][data-v271-has-snapshot="true"] #memberCanvas{
  visibility:visible!important;
  opacity:0!important;
  filter:none!important;
  pointer-events:none!important;
  transition:none!important;
}

html[data-varqo-v2715="V27.1.5"][data-v271-ready="true"] #memberCanvas{
  visibility:visible!important;
  opacity:1!important;
  filter:none!important;
  transition:opacity .12s cubic-bezier(.2,.8,.16,1)!important;
}

/* Frozen completed frame. It is inert and removed after the new frame has
   painted, producing a simple premium crossfade. */
html[data-varqo-v2715="V27.1.5"] [data-v271-snapshot]{
  display:block!important;
  opacity:1;
  transform:translateZ(0);
  backface-visibility:hidden;
  contain:layout paint style;
  will-change:opacity;
  transition:opacity .16s cubic-bezier(.2,.8,.16,1)!important;
  box-shadow:none!important;
}

html[data-varqo-v2715="V27.1.5"] [data-v271-snapshot].is-exiting{
  opacity:0!important;
}

/* Do NOT flash the branded holding surface for normal page changes.
   It appears only on a genuinely slow cold load and only when no frozen
   frame is available. */
html[data-varqo-v2715="V27.1.5"] .mo-canvas:before,
html[data-varqo-v2715="V27.1.5"] .mo-canvas:after{
  opacity:0!important;
  pointer-events:none!important;
}

html[data-varqo-v2715="V27.1.5"][data-v271-slow-transition="true"]:not([data-v271-has-snapshot="true"]) .mo-canvas:before,
html[data-varqo-v2715="V27.1.5"][data-v271-slow-transition="true"]:not([data-v271-has-snapshot="true"]) .mo-canvas:after{
  opacity:1!important;
}

/* Normal navigation therefore has zero full-screen color/brightness pulse. */
html[data-varqo-v2715="V27.1.5"][data-v271-transitioning="true"][data-v271-has-snapshot="true"] .mo-canvas{
  background:transparent!important;
}

/* Keep chrome absolutely stable. */
html[data-varqo-v2715="V27.1.5"][data-v271-transitioning="true"] .mo-sidebar,
html[data-varqo-v2715="V27.1.5"][data-v271-transitioning="true"] .mo-topbar{
  opacity:1!important;
  filter:none!important;
  transform:none!important;
  transition:none!important;
}

/* Avoid accidental animations inherited by cloned controls/charts. */
html[data-varqo-v2715="V27.1.5"] [data-v271-snapshot] *,
html[data-varqo-v2715="V27.1.5"] [data-v271-snapshot] *:before,
html[data-varqo-v2715="V27.1.5"] [data-v271-snapshot] *:after{
  animation-play-state:paused!important;
  caret-color:transparent!important;
}

@media(max-width:650px){
  html[data-varqo-v2715="V27.1.5"] [data-v271-snapshot]{
    transition-duration:.13s!important;
  }
}

@media(prefers-reduced-motion:reduce){
  html[data-varqo-v2715="V27.1.5"] [data-v271-snapshot],
  html[data-varqo-v2715="V27.1.5"] #memberCanvas{
    transition:none!important;
  }
}

/* ===== public/varqo-member-v2718-route-stability.css ===== */
/* =====================================================================
   VARQO V27.1.8 — FLICKER ROOT CONSOLIDATION
   Route containers are always visible. Decorative/internal motion remains.
   ===================================================================== */
html[data-varqo-v2718="V27.1.8"] #memberCanvas,
html[data-varqo-v2718="V27.1.8"] body.v263-switching #memberCanvas,
html[data-varqo-v2718="V27.1.8"] .member-ready .mo-canvas.v132-switching{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  filter:none!important;
  transition:none!important;
}

html[data-varqo-v2718="V27.1.8"] #memberCanvas .v263-reveal,
html[data-varqo-v2718="V27.1.8"] #memberCanvas .v264-surface-enter,
html[data-varqo-v2718="V27.1.8"] #memberCanvas .v265-page-enter,
html[data-varqo-v2718="V27.1.8"] #memberCanvas .v270-page-enter{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  animation:none!important;
  animation-delay:0s!important;
}

html[data-varqo-v2718="V27.1.8"] .mo-sidebar,
html[data-varqo-v2718="V27.1.8"] .mo-topbar{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  filter:none!important;
}

/* Route transitions only are disabled. Particles, charts, orbits, logo,
   hover states and modal/lightbox animations are intentionally preserved. */

/* ===== public/varqo-member-v280-product-completion.css ===== */
/* =====================================================================
   VARQO V28.0 — PRODUCT COMPLETION
   User-facing completion: priority, notifications, Coach FREE insight,
   diagnostic evolution, profile/preferences/privacy, 4-language polish.
   Loaded after V27.1.8. Does not alter route-level transition behavior.
   ===================================================================== */

html[data-varqo-v280="V28.0"]{--v280-navy:#001227;--v280-ink:#071d2d;--v280-orange:#fb5900;--v280-paper:#fffdf9;--v280-soft:#f4f1eb;--v280-line:rgba(7,29,45,.1)}

/* ---------- Priority now ---------- */
.v280-priority{position:relative;display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:22px;align-items:center;margin:0 0 14px;padding:20px 22px;border:1px solid rgba(251,89,0,.18);border-radius:20px;background:radial-gradient(circle at 3% 0,rgba(251,89,0,.15),transparent 30%),linear-gradient(135deg,#071d2d,#0b2c40);color:#fff;overflow:hidden;box-shadow:0 18px 42px rgba(1,18,32,.13)}
.v280-priority:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(90deg,#000,transparent 75%)}
.v280-priority>*{position:relative;z-index:1}.v280-priority-orbit{width:76px;height:76px;display:grid;place-items:center;align-content:center;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 12px rgba(255,255,255,.025)}
.v280-priority-orbit i{position:absolute;width:8px;height:8px;right:1px;top:10px;border-radius:50%;background:var(--v280-orange);box-shadow:0 0 0 6px rgba(251,89,0,.14)}
.v280-priority-orbit strong{font-size:26px;line-height:1}.v280-priority-orbit small{margin-top:5px;font:800 6px ui-monospace,monospace;letter-spacing:.1em;color:rgba(255,255,255,.47)}
.v280-priority>div:nth-child(2)>span{font:900 7px ui-monospace,monospace;letter-spacing:.16em;color:#ff8b4b}.v280-priority h3{margin:6px 0 5px;font-size:20px;letter-spacing:-.025em}.v280-priority p{max-width:820px;margin:0;color:rgba(255,255,255,.62);font-size:10px;line-height:1.55}.v280-priority>div:nth-child(2)>small{display:block;margin-top:7px;color:rgba(255,255,255,.35);font:750 7px ui-monospace,monospace}.v280-priority>button{min-height:40px;padding:0 13px;border-radius:10px;background:var(--v280-orange);color:#fff;font-size:8px;font-weight:900;white-space:nowrap;box-shadow:0 10px 24px rgba(251,89,0,.2)}

/* ---------- Notifications ---------- */
body.v280-focus{overflow:hidden}.v280-overlay{position:fixed;z-index:10050;inset:0;display:grid;place-items:center;padding:24px;background:rgba(0,18,39,.68);backdrop-filter:blur(14px);animation:v280Overlay .16s ease both}.v280-notifications{width:min(760px,100%);max-height:min(820px,88vh);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:26px;background:#fffdf9;box-shadow:0 38px 120px rgba(0,8,18,.4);animation:v280Dialog .2s cubic-bezier(.2,.8,.2,1) both}.v280-notifications>header{display:flex;justify-content:space-between;gap:24px;padding:24px 26px 20px;background:radial-gradient(circle at 90% 0,rgba(251,89,0,.17),transparent 32%),#071d2d;color:#fff}.v280-notifications>header span{font:900 7px ui-monospace,monospace;letter-spacing:.16em;color:#ff8b4b}.v280-notifications>header h2{margin:7px 0 5px;font-size:27px;letter-spacing:-.035em}.v280-notifications>header p{max-width:570px;margin:0;color:rgba(255,255,255,.55);font-size:9px;line-height:1.55}.v280-notifications>header>button{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:19px}
.v280-notification-toolbar{min-height:54px;display:flex;align-items:center;gap:9px;padding:0 22px;border-bottom:1px solid var(--v280-line);background:#fbfaf7}.v280-notification-toolbar strong{font-size:20px}.v280-notification-toolbar span{font:850 7px ui-monospace,monospace;color:#839099;letter-spacing:.1em}.v280-notification-toolbar button{margin-left:auto;padding:8px 10px;border-radius:8px;background:#eaecea;color:#173346;font-size:7px;font-weight:850}
.v280-notifications>main{overflow:auto;padding:10px}.v280-notifications article{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:11px;align-items:center;padding:14px 13px;border-radius:14px}.v280-notifications article+article{border-top:1px solid rgba(7,29,45,.05)}.v280-notifications article.unread{background:#fff4ed}.v280-notifications article>i{color:#c3c9cc;font-style:normal;font-size:10px}.v280-notifications article.unread>i{color:var(--v280-orange)}.v280-notifications article small,.v280-notifications article strong,.v280-notifications article p{display:block}.v280-notifications article small{font:800 6px ui-monospace,monospace;color:#89949a}.v280-notifications article strong{margin-top:4px;font-size:10px}.v280-notifications article p{margin:4px 0 0;color:#73818a;font-size:8px;line-height:1.5}.v280-notifications article>button{padding:8px 9px;border-radius:8px;background:#edf0ef;color:#173346;font-size:7px;font-weight:850}.v280-empty{min-height:220px;display:grid;place-items:center;align-content:center;gap:9px;color:#839099}.v280-empty i{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#e8f3ed;color:#2b7d5a;font-style:normal;font-weight:900}.v280-empty strong{font-size:10px}

/* ---------- FREE Coach insight ---------- */
.v12-coach.free-insight{background:linear-gradient(145deg,#071d2d,#0c3148)}.v280-free-coach{display:grid;grid-template-columns:50px 1fr;gap:15px;padding:20px}.v280-free-coach>i{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:rgba(251,89,0,.13);color:#ff8b4b;font-size:18px;font-style:normal}.v280-free-coach small,.v280-free-coach strong{display:block}.v280-free-coach small{font:850 7px ui-monospace,monospace;color:#ff8b4b;letter-spacing:.12em}.v280-free-coach strong{margin-top:6px;color:#fff;font-size:16px}.v280-free-coach p{max-width:760px;margin:6px 0 10px;color:rgba(255,255,255,.58);font-size:9px;line-height:1.55}.v280-free-coach button{padding:9px 11px;border-radius:9px;background:#fff;color:#102d3d;font-size:8px;font-weight:900}.v280-coach-upgrade{display:flex;align-items:center;gap:16px;padding:13px 20px;border-top:1px solid rgba(255,255,255,.07)}.v280-coach-upgrade span{color:rgba(255,255,255,.45);font-size:8px;line-height:1.45}.v280-coach-upgrade button{margin-left:auto;flex:0 0 auto;padding:9px 11px;border-radius:9px;background:var(--v280-orange);color:#fff;font-size:8px;font-weight:900}

/* ---------- Diagnostic evolution ---------- */
.v280-diagnostic-history{margin-top:14px;border:1px solid var(--v280-line);border-radius:20px;background:#fff;overflow:hidden}.v280-diagnostic-history>header{display:flex;justify-content:space-between;gap:18px;align-items:end;padding:18px 20px;border-bottom:1px solid var(--v280-line)}.v280-diagnostic-history>header span{font:900 7px ui-monospace,monospace;letter-spacing:.13em;color:var(--v280-orange)}.v280-diagnostic-history>header h2{margin:5px 0 0;font-size:19px;letter-spacing:-.02em}.v280-diagnostic-history>header>strong{font-size:27px;color:#a0aaaf}.v280-diagnostic-history>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.v280-diagnostic-history article{padding:16px 17px;border-right:1px solid var(--v280-line);border-top:1px solid var(--v280-line)}.v280-diagnostic-history article:nth-child(-n+4){border-top:0}.v280-diagnostic-history article:nth-child(4n){border-right:0}.v280-diagnostic-history article>div{display:flex;justify-content:space-between;gap:8px}.v280-diagnostic-history article small,.v280-diagnostic-history article time{font:800 6px ui-monospace,monospace;color:#8c989e}.v280-diagnostic-history article>section{display:flex;align-items:flex-end;gap:10px;margin-top:13px}.v280-diagnostic-history article b{font-size:29px;line-height:1}.v280-diagnostic-history article b em{font-size:9px;color:#a4adb1;font-style:normal}.v280-diagnostic-history article section span{padding:5px 7px;border-radius:999px;font:900 7px ui-monospace,monospace}.v280-diagnostic-history article section span.up{background:#e8f4ed;color:#2b7d5a}.v280-diagnostic-history article section span.down{background:#fff0ec;color:#aa3f2e}.v280-diagnostic-history article section span.neutral{background:#eef0ef;color:#7d898f}.v280-diagnostic-history article p{margin:7px 0 0;color:#839096;font-size:7px}

/* ---------- Profile completion ---------- */
.v280-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v280-profile-card{min-height:190px;padding:20px;border:1px solid var(--v280-line);border-radius:20px;background:#fff}.v280-profile-card>span{font:900 7px ui-monospace,monospace;letter-spacing:.14em;color:var(--v280-orange)}.v280-profile-card h3{margin:8px 0 6px;font-size:20px;letter-spacing:-.025em}.v280-profile-card p{margin:0;color:#7c898f;font-size:9px;line-height:1.55}.v280-language-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:18px}.v280-language-grid button{height:38px;border:1px solid var(--v280-line);border-radius:10px;background:#f4f5f3;color:#51616a;font-size:8px;font-weight:900}.v280-language-grid button.active{border-color:transparent;background:var(--v280-orange);color:#fff;box-shadow:0 8px 18px rgba(251,89,0,.18)}.v280-profile-card.privacy>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.v280-profile-card.privacy button{padding:10px 12px;border-radius:10px;background:#edf0ef;color:#173346;font-size:8px;font-weight:900}.v280-profile-card.privacy button.danger{background:#fff0ec;color:#a64031}.v280-profile-grid .v19c-session-card{grid-column:1/-1}

/* ---------- Language refinements ---------- */
html[lang="de"] .mo-top-actions>label{min-width:78px}.mo-notify em:empty{display:none}

@keyframes v280Overlay{from{opacity:0}to{opacity:1}}@keyframes v280Dialog{from{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}

@media(max-width:1050px){.v280-diagnostic-history>div{grid-template-columns:repeat(2,minmax(0,1fr))}.v280-diagnostic-history article:nth-child(n){border-top:1px solid var(--v280-line);border-right:1px solid var(--v280-line)}.v280-diagnostic-history article:nth-child(-n+2){border-top:0}.v280-diagnostic-history article:nth-child(2n){border-right:0}}
@media(max-width:760px){.v280-priority{grid-template-columns:68px 1fr;padding:17px;gap:14px}.v280-priority-orbit{width:58px;height:58px}.v280-priority-orbit strong{font-size:21px}.v280-priority>button{grid-column:1/-1;width:100%}.v280-profile-grid{grid-template-columns:1fr}.v280-profile-grid .v19c-session-card{grid-column:auto}.v280-coach-upgrade{align-items:flex-start;flex-direction:column}.v280-coach-upgrade button{margin-left:0}.v280-overlay{padding:0}.v280-notifications{width:100%;height:100%;max-height:100vh;border-radius:0}.v280-notifications>header{padding:20px}.v280-notifications article{grid-template-columns:16px 1fr}.v280-notifications article>button{grid-column:2}.v280-diagnostic-history>div{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.v280-priority{grid-template-columns:1fr}.v280-priority-orbit{display:none}.v280-priority h3{font-size:18px}.v280-notifications>header h2{font-size:22px}.v280-notification-toolbar{padding:0 14px}.v280-notifications>main{padding:7px}.v280-notifications article{padding:12px 10px}.v280-free-coach{grid-template-columns:1fr}.v280-free-coach>i{width:40px;height:40px}.v280-diagnostic-history>div{grid-template-columns:1fr}.v280-diagnostic-history article:nth-child(n){border-right:0;border-top:1px solid var(--v280-line)}.v280-diagnostic-history article:first-child{border-top:0}.v280-language-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:340px){.v280-priority,.v280-profile-card{padding:14px}.v280-language-grid{gap:5px}.v280-notifications>header p{display:none}}
@media(prefers-reduced-motion:reduce){.v280-overlay,.v280-notifications{animation:none!important}}

/* ===== V28.5 QUALITY LOCK ===== */
/* ======================================================================
   VARQO V28.5 — CORE CONSOLIDATION & QUALITY LOCK
   Appended after the exact V26.3 → V28.0 cascade during installation.
   ====================================================================== */
html[data-varqo-v285="V28.5"] :where(button,a[href],input,select,textarea,[tabindex]:not([tabindex="-1"])):focus-visible{
  outline:3px solid rgba(251,89,0,.78)!important;
  outline-offset:3px!important;
  box-shadow:0 0 0 5px rgba(255,255,255,.78)!important;
}
html[data-varqo-v285="V28.5"] body{text-rendering:optimizeLegibility}
html[data-varqo-v285="V28.5"] #memberCanvas,
html[data-varqo-v285="V28.5"] .mo-stage,
html[data-varqo-v285="V28.5"] .v12-overlay,
html[data-varqo-v285="V28.5"] .os2-overlay{min-width:0}
html[data-varqo-v285="V28.5"] :where(h1,h2,h3,h4,p,small,strong,b,span,label,button,a){overflow-wrap:anywhere}
html[data-varqo-v285="V28.5"] :where(.mo-nav button,.os2-mobile-nav button,.mo-top-actions button,.v12-overlay button,.os2-overlay button,.v280-overlay button){min-height:40px}
html[data-varqo-v285="V28.5"] [aria-current="page"]{position:relative}
html[data-varqo-v285="V28.5"] #memberCanvas{opacity:1!important;visibility:visible!important;filter:none!important;transform:none!important}
.v285-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media (max-width:1050px){html[data-varqo-v285="V28.5"] .mo-topbar{gap:8px}html[data-varqo-v285="V28.5"] .mo-top-actions{min-width:0}}
@media (max-width:760px){html[data-varqo-v285="V28.5"] :where(.v280-notifications,.v12-diag-modal,.v12-mini-modal,.v19b-opportunity-studio,.v19b-weekly-reset,.os2-workspace-create,.os2-workspace-detail){max-width:100vw!important}}
@media (max-width:430px){html[data-varqo-v285="V28.5"] .mo-stage{padding-left:10px!important;padding-right:10px!important}html[data-varqo-v285="V28.5"] :where(.v271-grid,.v271-mini-grid,.v280-profile-grid,.v280-language-grid){grid-template-columns:minmax(0,1fr)!important}}
@media (max-width:340px){html[data-varqo-v285="V28.5"] .mo-stage{padding-left:7px!important;padding-right:7px!important}}
@media (prefers-reduced-motion:reduce){html[data-varqo-v285="V28.5"] *,html[data-varqo-v285="V28.5"] *::before,html[data-varqo-v285="V28.5"] *::after{scroll-behavior:auto!important}html[data-varqo-v285="V28.5"] #memberCanvas{transition:none!important}}
@media print{html[data-varqo-v285="V28.5"] .mo-sidebar,html[data-varqo-v285="V28.5"] .mo-topbar,html[data-varqo-v285="V28.5"] .os2-mobile-nav{display:none!important}}