/* VELAEA index hero — isolated premium glass dashboard */
.hero-art.hero-art-image.vh-host{
  height:600px!important;
  min-height:600px!important;
  overflow:visible!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  isolation:isolate;
  pointer-events:auto!important;
}
.hero-art.hero-art-image.vh-host .vh-stage{
  pointer-events:auto!important;
}
.hero-art.hero-art-image.vh-host .vh-layer,
.hero-art.hero-art-image.vh-host .vh-float,
.hero-art.hero-art-image.vh-host .vh-float *,
.hero-art.hero-art-image.vh-host .vh-card{
  pointer-events:auto!important;
}
.hero-art.hero-art-image.vh-host .vh-float,
.hero-art.hero-art-image.vh-host .vh-float *{
  cursor:pointer!important;
}
.hero-art.hero-art-image.vh-host::before,
.hero-art.hero-art-image.vh-host::after{display:none!important;content:none!important}

.vh-stage{
  --vh-gold:#d8ad58;
  --vh-gold2:#f2d692;
  --vh-burg:#8b2d41;
  --vh-teal:#65c9c0;
  position:relative;
  width:100%;
  height:100%;
  perspective:1800px;
  transform-style:preserve-3d;
  overflow:visible;
  touch-action:pan-y;
}
.vh-stage::before{
  content:"";
  position:absolute;
  inset:5% -4% 2%;
  border-radius:50%;
  background:
    radial-gradient(circle at 52% 43%,rgba(255,255,255,.74),transparent 34%),
    radial-gradient(circle at 60% 58%,rgba(218,174,88,.20),transparent 50%),
    radial-gradient(circle at 45% 42%,rgba(101,201,192,.10),transparent 38%);
  filter:blur(25px);
  pointer-events:none;
}
html[data-theme="dark"] .vh-stage::before,
body.dark-mode .vh-stage::before{
  background:
    radial-gradient(circle at 50% 44%,rgba(218,174,88,.13),transparent 36%),
    radial-gradient(circle at 64% 60%,rgba(139,45,65,.18),transparent 52%),
    radial-gradient(circle at 46% 40%,rgba(101,201,192,.10),transparent 38%);
}
.vh-orbit{position:absolute;border-radius:50%;pointer-events:none;opacity:.75}
.vh-orbit.a{inset:7%;border:1px solid rgba(201,149,46,.17)}
.vh-orbit.b{inset:15%;border:1px dashed rgba(201,149,46,.13)}
.vh-orbit.c{inset:22%;border:1px solid rgba(101,201,192,.14)}
.vh-orbit::before{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:var(--vh-gold2);box-shadow:0 0 18px rgba(242,214,146,.65)}
.vh-orbit.a::before{left:12%;top:18%}.vh-orbit.b::before{right:5%;top:36%}.vh-orbit.c::before{left:30%;bottom:3%}


.vh-clock{
  --vh-hour-angle:0deg;
  --vh-minute-angle:0deg;
  --vh-second-angle:0deg;
  position:absolute;
  inset:8% 15% 7%;
  z-index:1;
  border-radius:50%;
  pointer-events:none;
  opacity:.24;
  mix-blend-mode:screen;
  filter:blur(.1px);
}
.vh-clock-face,
.vh-clock-ring,
.vh-clock-ticks,
.vh-clock-numerals,
.vh-clock-center,
.vh-clock-hand{
  position:absolute;
  inset:0;
  border-radius:50%;
  pointer-events:none;
}
.vh-clock-face{
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.06), transparent 34%),
    radial-gradient(circle at 50% 50%, rgba(216,173,88,.05), transparent 56%),
    radial-gradient(circle at 50% 50%, rgba(101,201,192,.03), transparent 74%);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.06),
    inset 0 0 46px rgba(216,173,88,.08),
    0 0 48px rgba(216,173,88,.05);
}
.vh-clock-ring{
  border:1px solid rgba(255,255,255,.06);
}
.vh-clock-ring.outer{inset:0;border-color:rgba(216,173,88,.14)}
.vh-clock-ring.mid{inset:10%;border-color:rgba(216,173,88,.09);border-style:dashed}
.vh-clock-ring.inner{inset:21%;border-color:rgba(101,201,192,.10)}
.vh-clock-ticks span{
  position:absolute;
  left:50%;
  top:50%;
  width:2px;
  height:44%;
  transform:translate(-50%,-100%) rotate(calc(var(--i) * 30deg));
  transform-origin:center bottom;
}
.vh-clock-ticks span::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  width:2px;
  height:16px;
  transform:translateX(-50%);
  border-radius:999px;
  background:linear-gradient(180deg, rgba(242,214,146,.80), rgba(242,214,146,.12));
  box-shadow:0 0 10px rgba(242,214,146,.14);
  opacity:.72;
}
.vh-clock-ticks span:nth-child(3n)::before{
  height:22px;
  width:3px;
  background:linear-gradient(180deg, rgba(242,214,146,.92), rgba(242,214,146,.18));
}
.vh-clock-hand{
  inset:auto;
  bottom:50%;
  transform-origin:50% 100%;
  border-radius:999px;
  box-shadow:0 0 22px rgba(242,214,146,.10);
}
.vh-clock-hand.hour{
  left:calc(50% - 2px);
  width:4px;
  height:22%;
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(242,214,146,.55));
  transform:rotate(var(--vh-hour-angle));
}
.vh-clock-hand.minute{
  left:calc(50% - 1px);
  width:2px;
  height:31%;
  background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(242,214,146,.58));
  transform:rotate(var(--vh-minute-angle));
}
.vh-clock-hand.second{
  left:calc(50% - .5px);
  width:1px;
  height:35%;
  background:linear-gradient(180deg, rgba(101,201,192,.12), rgba(101,201,192,.54));
  opacity:.52;
  transform:rotate(var(--vh-second-angle));
}
.vh-clock-center{
  inset:calc(50% - 8px) auto auto calc(50% - 8px);
  width:16px;
  height:16px;
  background:radial-gradient(circle at 35% 35%, rgba(255,255,255,.92), rgba(242,214,146,.65) 52%, rgba(216,173,88,.28) 100%);
  box-shadow:0 0 0 5px rgba(242,214,146,.06),0 0 18px rgba(242,214,146,.14);
}
html[data-theme="dark"] .vh-clock,
body.dark-mode .vh-clock{
  opacity:.20;
}
html:not([data-theme="dark"]) .vh-clock,
body:not(.dark-mode) .vh-clock{
  opacity:.15;
  mix-blend-mode:multiply;
}
html:not([data-theme="dark"]) .vh-clock-face,
body:not(.dark-mode) .vh-clock-face{
  box-shadow:inset 0 0 0 1px rgba(18,31,51,.04), inset 0 0 46px rgba(216,173,88,.05);
}
html:not([data-theme="dark"]) .vh-clock-ring.outer,
body:not(.dark-mode) .vh-clock-ring.outer{border-color:rgba(18,31,51,.08)}
html:not([data-theme="dark"]) .vh-clock-ring.mid,
body:not(.dark-mode) .vh-clock-ring.mid{border-color:rgba(18,31,51,.06)}
html:not([data-theme="dark"]) .vh-clock-ring.inner,
body:not(.dark-mode) .vh-clock-ring.inner{border-color:rgba(74,127,160,.08)}
html:not([data-theme="dark"]) .vh-clock-ticks span::before,
body:not(.dark-mode) .vh-clock-ticks span::before{background:linear-gradient(180deg, rgba(176,131,34,.45), rgba(176,131,34,.08))}


.vh-layer{
  position:absolute;
  transform-style:preserve-3d;
  will-change:transform,opacity,filter;
  backface-visibility:hidden;
  opacity:0;
  filter:blur(22px);
}
.vh-main-shell{left:14%;top:10%;width:72%;height:75%;z-index:10}
.vh-float{z-index:20;cursor:pointer;outline:none}
.vh-float.trust{left:1%;top:18%;width:205px}
.vh-float.portfolio{right:1%;top:18%;width:205px}
.vh-float.community{left:5%;bottom:7%;width:218px}
.vh-float.lab{right:5%;bottom:7%;width:218px}
.vh-float.market{left:50%;bottom:0;width:208px;margin-left:-104px}

.vh-card{
  position:relative;
  width:100%;height:100%;
  border:1px solid rgba(255,255,255,.72);
  border-radius:22px;
  overflow:hidden;
  color:#122033;
  background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(255,255,255,.40));
  box-shadow:0 28px 82px rgba(37,52,73,.16),inset 0 1px 0 rgba(255,255,255,.82);
  backdrop-filter:blur(28px) saturate(145%);
  -webkit-backdrop-filter:blur(28px) saturate(145%);
  transition:box-shadow .65s cubic-bezier(.16,1,.3,1),border-color .55s ease,filter .55s ease,opacity .55s ease;
}
.vh-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:linear-gradient(118deg,rgba(255,255,255,.50),transparent 25%,transparent 72%,rgba(218,174,88,.10));
  pointer-events:none
}
.vh-card::after{
  content:"";
  position:absolute;
  left:10%;
  right:10%;
  top:0;
  z-index:1;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);
  pointer-events:none
}
.vh-card > *{
  position:relative;
  z-index:3;
}
html[data-theme="dark"] .vh-card,body.dark-mode .vh-card{color:#f7f2e8;border-color:rgba(218,174,88,.20);background:linear-gradient(145deg,rgba(18,31,51,.82),rgba(6,13,24,.52));box-shadow:0 32px 92px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.05)}

.vh-main{border-radius:32px;padding:20px 22px 18px}
.vh-main-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}
.vh-live{display:flex;align-items:center;gap:8px;color:#667085;font-size:10px;font-weight:900;letter-spacing:.08em}
html[data-theme="dark"] .vh-live,body.dark-mode .vh-live{color:#aab4c3}
.vh-live i{width:7px;height:7px;border-radius:50%;background:#36c985;box-shadow:0 0 15px rgba(54,201,133,.75)}
.vh-verified{padding:7px 10px;border:1px solid rgba(201,149,46,.22);border-radius:999px;color:#b27a17;background:rgba(255,255,255,.16);font-size:9px;font-weight:900;white-space:nowrap}
html[data-theme="dark"] .vh-verified,body.dark-mode .vh-verified{color:#e8c671}
.vh-chart-wrap{position:relative;height:60%;min-height:245px;margin-top:3px}
.vh-chart-wrap svg{width:100%;height:100%;overflow:visible}
.vh-grid{stroke:rgba(100,116,139,.14);stroke-width:1}
.vh-axis{fill:#7d8998;font-size:8px;font-weight:700}
.vh-area{fill:url(#vhArea)}
.vh-equity{fill:none;stroke:url(#vhLine);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(201,149,46,.23))}
.vh-benchmark{fill:none;stroke:url(#vhBench);stroke-width:1.55;stroke-dasharray:5 5;stroke-linecap:round;opacity:.72}
.vh-last-dot{fill:#f0d38a;stroke:#fff;stroke-width:1.5;filter:drop-shadow(0 0 7px rgba(201,149,46,.6))}
.vh-crosshair{stroke:rgba(201,149,46,.58);stroke-width:1;stroke-dasharray:4 5;opacity:0;pointer-events:none}
.vh-focus{fill:#f0d38a;stroke:#fff;stroke-width:2;opacity:0;filter:drop-shadow(0 0 8px rgba(201,149,46,.7));pointer-events:none}
.vh-hit{cursor:crosshair}
.vh-legend{position:absolute;left:8px;bottom:2px;display:flex;align-items:center;gap:13px;color:#7d8998;font-size:8px;font-weight:800}
.vh-legend span{display:flex;align-items:center;gap:5px}.vh-legend i{width:15px;height:2px;border-radius:99px}.vh-legend .eq{background:linear-gradient(90deg,#8b2d41,#e6bd6b)}.vh-legend .bm{background:linear-gradient(90deg,#65c9c0,#7bc9ef)}
.vh-demo{margin-left:auto;border:1px solid rgba(201,149,46,.20);border-radius:999px;padding:4px 7px;color:#b27a17}
.vh-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}
.vh-metric{border:1px solid rgba(100,116,139,.14);background:rgba(255,255,255,.18);border-radius:13px;padding:11px 12px}
html[data-theme="dark"] .vh-metric,body.dark-mode .vh-metric{background:rgba(255,255,255,.035);border-color:rgba(218,174,88,.13)}
.vh-metric small{display:block;color:#7d8998;font-size:8px;font-weight:800;letter-spacing:.06em}.vh-metric strong{display:block;font-size:18px;line-height:1.1;margin:5px 0 2px}.vh-metric em{font-style:normal;color:#3f9f98;font-size:9px}

.vh-small{min-height:148px;padding:15px 16px}
.vh-small-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#7d8998;font-size:8.5px;font-weight:900;letter-spacing:.08em}
.vh-icon{width:31px;height:31px;border-radius:11px;display:grid;place-items:center;color:#b9822c;border:1px solid rgba(201,149,46,.17);background:linear-gradient(145deg,rgba(218,174,88,.20),rgba(139,45,65,.07));transition:transform .55s cubic-bezier(.16,1,.3,1),box-shadow .55s ease}
.vh-small h3{font-size:16px;line-height:1.15;margin:11px 0 6px;letter-spacing:-.02em;transition:transform .62s cubic-bezier(.16,1,.3,1)}.vh-small p{margin:0;color:#6b7685;font-size:9.5px;line-height:1.55}.vh-action{display:inline-flex;align-items:center;gap:6px;margin-top:9px;color:#b9822c;font-size:8.5px;font-weight:900;letter-spacing:.08em;transition:letter-spacing .55s ease}.vh-action b{transition:transform .5s cubic-bezier(.16,1,.3,1)}
html[data-theme="dark"] .vh-small p,body.dark-mode .vh-small p{color:#aab4c3}
.vh-float.is-front{
  z-index:9999!important;
}
.vh-float.is-front .vh-card{
  isolation:isolate;
  overflow:hidden;
  border-color:rgba(240,213,141,.98);
  background:#0b1422;
  color:#fffaf0;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  filter:saturate(1.06) brightness(1.02);
  box-shadow:
    0 34px 62px rgba(216,173,88,.28),
    0 76px 210px rgba(3,8,18,.60),
    0 0 0 1px rgba(242,214,146,.22),
    0 0 72px rgba(216,173,88,.22),
    inset 0 1px 0 rgba(255,255,255,.14);
}
.vh-float.is-front .vh-card::before{
  z-index:1;
  background:
    linear-gradient(180deg,rgba(10,18,32,.92),rgba(10,18,32,.88)),
    linear-gradient(135deg,rgba(255,255,255,.08),transparent 28%),
    radial-gradient(circle at 86% 18%,rgba(216,173,88,.14),transparent 26%);
}
.vh-float.is-front .vh-small-head{
  color:#d7dfeb;
  text-shadow:0 2px 12px rgba(0,0,0,.35);
}
.vh-float.is-front .vh-small h3{
  color:#fffaf0;
  font-weight:900;
  text-shadow:0 3px 20px rgba(0,0,0,.56),0 0 18px rgba(229,193,115,.10);
}
.vh-float.is-front .vh-small p{
  color:#d8e0eb!important;
  text-shadow:0 2px 12px rgba(0,0,0,.40);
}
.vh-float.is-front .vh-action{
  color:#f0cf82;
  text-shadow:0 2px 12px rgba(0,0,0,.42);
}
.vh-float.is-front .vh-icon{
  color:#f4d68f;
  background:linear-gradient(145deg,rgba(230,187,95,.24),rgba(105,31,47,.18));
}

.vh-float.is-front .vh-icon{
  transform:scale(1.20);
  box-shadow:0 0 0 11px rgba(229,193,115,.10),0 18px 42px rgba(229,193,115,.24)
}
.vh-float.is-front .vh-small h3{
  transform:translateY(-1px) scale(1.025);
  transform-origin:left center;
}
.vh-float.is-front .vh-action{
  letter-spacing:.12em;
}
.vh-float.is-front .vh-action b{transform:translateX(7px)}
.vh-stage.has-front .vh-float:not(.is-front) .vh-card{
  opacity:.50;
  filter:saturate(.72) brightness(.67);
}
.vh-stage.has-front .vh-main-shell .vh-card{
  filter:brightness(.72) saturate(.82);
}

.vh-tooltip{position:absolute;z-index:100;min-width:142px;padding:11px 12px;border:1px solid rgba(218,174,88,.28);border-radius:12px;background:rgba(255,255,255,.93);color:#122033;box-shadow:0 18px 50px rgba(15,23,42,.22);backdrop-filter:blur(16px);opacity:0;pointer-events:none;transform:translate3d(-50%,-112%,0) scale(.96);transition:opacity .16s ease,transform .22s cubic-bezier(.16,1,.3,1)}
html[data-theme="dark"] .vh-tooltip,body.dark-mode .vh-tooltip{background:rgba(8,16,29,.92);color:#f7f2e8}
.vh-tooltip.show{opacity:1;transform:translate3d(-50%,-116%,0) scale(1)}
.vh-tooltip .date{color:#b9822c;font-size:9px;font-weight:900;letter-spacing:.08em;margin-bottom:6px}.vh-tooltip .row{display:flex;justify-content:space-between;gap:18px;font-size:10px;line-height:1.7}.vh-tooltip .row span{color:#7d8998}.vh-tooltip .gain{color:#2fb879}.vh-tooltip .dd{color:#d85f73}

@media(max-width:1100px){
  .vh-clock{
    inset:10% 16% 8%;
    opacity:.18;
  }
}
@media(max-width:640px){
  .vh-clock{
    inset:14% 12% 15%;
    opacity:.10;
    transform:scale(.96);
  }
  .vh-clock-ticks span::before{height:12px}
  .vh-clock-ticks span:nth-child(3n)::before{height:16px}
  .vh-clock-hand.hour{height:18%}
  .vh-clock-hand.minute{height:25%}
  .vh-clock-hand.second{height:28%}
}
@media(max-width:1100px){
  .hero-art.hero-art-image.vh-host{height:620px!important;min-height:620px!important;margin-top:0!important}
  .vh-stage{width:min(760px,100%);margin:auto}
}
@media(max-width:640px){
  .hero-art.hero-art-image.vh-host{
    display:block!important;
    height:auto!important;
    min-height:0!important;
    margin-top:16px!important;
    overflow:visible!important;
    padding-bottom:42px;
  }

  .vh-stage{
    position:relative;
    height:auto;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    padding:4px 4px 40px;
    margin:0 auto;
    max-width:360px;
    perspective:1400px;
    transform-style:preserve-3d;
    overflow:visible;
  }

  .vh-stage::before{
    content:"";
    position:absolute;
    inset:10px 8px 165px;
    display:block;
    border-radius:28px;
    pointer-events:none;
    z-index:0;
    background:
      radial-gradient(circle at 50% 34%, rgba(233,194,99,.14), rgba(233,194,99,0) 44%),
      radial-gradient(circle at 50% 55%, rgba(70,125,255,.09), rgba(70,125,255,0) 58%),
      linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0));
    box-shadow:
      inset 0 0 0 1px rgba(233,194,99,.08),
      0 30px 90px rgba(1,8,20,.18);
    opacity:.95;
  }

  .vh-orbit{display:block;opacity:.35;transform:scale(.88)}

  .vh-layer{
    position:relative!important;
    inset:auto!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
  }

  .vh-main-shell{
    grid-column:1/-1;
    min-height:418px;
    transform:none!important;
    z-index:4;
  }

  .vh-main{
    min-height:418px;
    border-radius:24px;
    padding:16px 16px 18px;
    overflow:hidden;
  }

  .vh-main::after{
    content:"";
    position:absolute;
    inset:auto 10% -18% 10%;
    height:120px;
    border-radius:999px;
    background:radial-gradient(circle, rgba(233,194,99,.16), rgba(233,194,99,0) 72%);
    filter:blur(20px);
    pointer-events:none;
  }

  .vh-main-head{gap:8px}
  .vh-live{font-size:8px;letter-spacing:.055em}
  .vh-verified{font-size:8px;padding:6px 8px}

  .vh-chart-wrap{
    height:232px;
    min-height:232px;
  }

  .vh-metrics{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }

  .vh-metric:last-child{grid-column:1/-1}

  .vh-float{
    min-height:162px;
    z-index:10;
    transform-origin:center center;
    touch-action:manipulation;
    will-change:transform, opacity, filter;
  }

  .vh-float.trust,
  .vh-float.portfolio{
    margin-top:-72px!important;
    z-index:14;
  }

  .vh-float.community,
  .vh-float.lab{
    margin-top:-28px!important;
    z-index:13;
  }

  .vh-float.market{
    grid-column:1/-1;
    min-height:148px;
    width:min(94%, 312px)!important;
    justify-self:center;
    margin-top:-18px!important;
    z-index:15;
  }

  .vh-small{
    min-height:162px;
    border-radius:18px;
    padding:15px 14px;
  }

  .vh-float.market .vh-small{min-height:148px}
  .vh-small h3{font-size:15px}
  .vh-small p{font-size:9px;line-height:1.52}
  .vh-action{margin-top:8px}

  .vh-float.is-front{z-index:9999!important}

  .vh-float.is-front .vh-card{
    box-shadow:
      0 26px 70px rgba(216,173,88,.24),
      0 48px 110px rgba(3,8,18,.38),
      0 0 0 1px rgba(242,214,146,.18),
      0 0 44px rgba(216,173,88,.14);
  }

  .vh-stage.has-front .vh-float:not(.is-front) .vh-card{
    opacity:.58;
    filter:saturate(.78) brightness(.76);
  }

  .vh-stage.has-front .vh-main-shell .vh-card{
    filter:brightness(.80) saturate(.86);
  }

  .vh-float.is-front .vh-small h3,
  .vh-float.is-front .vh-small p,
  .vh-float.is-front .vh-small-head,
  .vh-float.is-front .vh-action{opacity:1!important}
}
@media(prefers-reduced-motion:reduce){.vh-layer{transform:none!important;opacity:1!important;filter:none!important}.vh-float .vh-card{transition:none!important}}


/* V2 foreground fix: content must read clearly over the selected card */
.vh-float.is-front .vh-card > *{
  position:relative;
  z-index:6 !important;
}
.vh-float.is-front .vh-small-head{
  opacity:1;
  color:#dce4ef;
  text-shadow:0 2px 10px rgba(0,0,0,.42);
}
.vh-float.is-front .vh-small h3{
  position:relative;
  z-index:7;
  color:#fffaf2;
  font-weight:900;
  text-shadow:
    0 2px 8px rgba(0,0,0,.48),
    0 6px 24px rgba(0,0,0,.34);
}
.vh-float.is-front .vh-small p{
  position:relative;
  z-index:7;
  color:#e3e9f2 !important;
  opacity:1;
  text-shadow:0 2px 10px rgba(0,0,0,.44);
}
.vh-float.is-front .vh-action{
  position:relative;
  z-index:7;
  color:#f2ce7c;
  opacity:1;
  text-shadow:0 2px 10px rgba(0,0,0,.40);
}
.vh-float.is-front .vh-icon{
  position:relative;
  z-index:7;
}


/* ===== V3 real stacking-context fix =====
   The original .hero-copy uses z-index:6.
   Raise the entire interactive visual host above it so the selected card
   and all of its text can truly render in front. */
.hero-grid{
  position:relative;
  isolation:isolate;
}
.hero-art.hero-art-image.vh-host{
  position:relative!important;
  z-index:12!important;
  isolation:isolate!important;
}
.hero-copy{
  position:relative!important;
  z-index:2!important;
}
.hero-art.hero-art-image.vh-host .vh-stage{
  position:relative;
  z-index:1;
}
.hero-art.hero-art-image.vh-host .vh-float.is-front{
  z-index:2147483000!important;
}
.hero-art.hero-art-image.vh-host .vh-float.is-front .vh-card{
  position:relative;
  z-index:2;
}
.hero-art.hero-art-image.vh-host .vh-float.is-front .vh-card > *{
  position:relative;
  z-index:20!important;
}


/* ===== Light theme hovered card ===== */
html:not([data-theme="dark"]) .vh-float.is-front .vh-card,
body:not(.dark-mode) .vh-float.is-front .vh-card{
  background:
    linear-gradient(145deg,rgba(255,255,255,.995),rgba(245,248,252,.985)) !important;
  color:#101828 !important;
  border-color:rgba(201,149,46,.72) !important;
  box-shadow:
    0 32px 70px rgba(177,126,34,.20),
    0 76px 190px rgba(71,85,105,.24),
    0 0 0 1px rgba(255,255,255,.92) inset,
    0 0 58px rgba(216,173,88,.14) !important;
}
html:not([data-theme="dark"]) .vh-float.is-front .vh-card::before,
body:not(.dark-mode) .vh-float.is-front .vh-card::before{
  background:
    linear-gradient(145deg,rgba(255,255,255,.82),rgba(248,250,253,.68)),
    radial-gradient(circle at 86% 18%,rgba(216,173,88,.12),transparent 28%) !important;
}
html:not([data-theme="dark"]) .vh-float.is-front .vh-small-head,
body:not(.dark-mode) .vh-float.is-front .vh-small-head{
  color:#667085 !important;
  text-shadow:none !important;
}
html:not([data-theme="dark"]) .vh-float.is-front .vh-small h3,
body:not(.dark-mode) .vh-float.is-front .vh-small h3{
  color:#101828 !important;
  text-shadow:none !important;
}
html:not([data-theme="dark"]) .vh-float.is-front .vh-small p,
body:not(.dark-mode) .vh-float.is-front .vh-small p{
  color:#475467 !important;
  text-shadow:none !important;
}
html:not([data-theme="dark"]) .vh-float.is-front .vh-action,
body:not(.dark-mode) .vh-float.is-front .vh-action{
  color:#a66f16 !important;
  text-shadow:none !important;
}
html:not([data-theme="dark"]) .vh-float.is-front .vh-icon,
body:not(.dark-mode) .vh-float.is-front .vh-icon{
  color:#a66f16 !important;
  background:linear-gradient(145deg,rgba(231,193,115,.28),rgba(255,255,255,.88)) !important;
  border-color:rgba(201,149,46,.30) !important;
}


@media(max-width:640px) and (pointer:coarse){
  .vh-float::after{
    content:"แตะเพื่อดู";
    position:absolute;
    right:10px;
    bottom:9px;
    z-index:30;
    padding:4px 7px;
    border-radius:999px;
    border:1px solid rgba(201,149,46,.22);
    background:rgba(201,149,46,.08);
    color:#b9822c;
    font-size:7px;
    font-weight:900;
    letter-spacing:.04em;
    pointer-events:none;
    opacity:.72;
  }

  .vh-float.is-front::after{
    content:"แตะอีกครั้งเพื่อเปิด";
    opacity:1;
    background:rgba(201,149,46,.14);
    border-color:rgba(201,149,46,.38);
  }
}


/* ===== Mobile visual-first hero =====
   On mobile, show the interactive lab visual before the marketing copy. */
@media(max-width:640px){
  .hero.section-soft.velaea-policy-hero{
    padding-top:0!important;
  }

  .hero.section-soft.velaea-policy-hero .hero-grid{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:18px!important;
  }

  .hero.section-soft.velaea-policy-hero .hero-art.hero-art-image.vh-host{
    order:1!important;
    margin-top:0!important;
    padding-top:8px;
  }

  .hero.section-soft.velaea-policy-hero .hero-copy{
    order:2!important;
    width:100%!important;
    max-width:none!important;
    padding-top:10px;
  }

  /* Make the first screen feel like an interactive research lab. */
  .hero.section-soft.velaea-policy-hero .vh-stage{
    min-height:760px;
  }

  .hero.section-soft.velaea-policy-hero .vh-main-shell{
    min-height:410px;
  }

  .hero.section-soft.velaea-policy-hero .vh-main{
    min-height:410px;
  }

  /* Slightly bring the service cards upward so they are visible immediately. */
  .hero.section-soft.velaea-policy-hero .vh-float.trust,
  .hero.section-soft.velaea-policy-hero .vh-float.portfolio{
    margin-top:-86px!important;
  }

  .hero.section-soft.velaea-policy-hero .vh-float.community,
  .hero.section-soft.velaea-policy-hero .vh-float.lab{
    margin-top:-34px!important;
  }

  .hero.section-soft.velaea-policy-hero .vh-float.market{
    margin-top:-22px!important;
  }

  /* Give the later text section a deliberate separation. */
  .hero.section-soft.velaea-policy-hero .hero-copy::before{
    content:"VELAEA CENTER";
    display:block;
    margin:2px 0 12px;
    color:#b9822c;
    font-size:11px;
    font-weight:900;
    letter-spacing:.16em;
  }
}


/* ===== Mobile choice-first hero V2 =====
   Mobile flow: large intro text -> small selectable cards -> large chart card.
   Full marketing copy still appears later in hero-copy below. */
@media(max-width:640px){
  .hero.section-soft.velaea-policy-hero .hero-art.hero-art-image.vh-host{
    padding-top:6px!important;
    padding-bottom:32px!important;
  }

  .hero.section-soft.velaea-policy-hero .vh-mobile-intro{
    display:block;
    max-width:360px;
    margin:0 auto 12px;
    padding:4px 6px 2px;
    text-align:left;
  }
  .hero.section-soft.velaea-policy-hero .vh-mobile-kicker{
    margin:0 0 8px;
    color:#b9822c;
    font-size:11px;
    font-weight:900;
    letter-spacing:.16em;
  }
  .hero.section-soft.velaea-policy-hero .vh-mobile-intro h2{
    margin:0;
    color:#f8fafc;
    font-size:31px;
    line-height:1.03;
    font-weight:900;
    letter-spacing:-.02em;
    text-shadow:0 12px 26px rgba(0,0,0,.32);
  }
  .hero.section-soft.velaea-policy-hero .vh-mobile-sub{
    margin:10px 0 0;
    color:#b9c6d8;
    font-size:12px;
    line-height:1.58;
    max-width:320px;
  }
  .hero.section-soft.velaea-policy-hero .vh-mobile-hint{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin-top:12px;
    padding:7px 10px;
    border-radius:999px;
    border:1px solid rgba(216,173,88,.18);
    background:rgba(12,20,35,.56);
    color:#d3b16a;
    font-size:10px;
    font-weight:800;
    line-height:1.2;
    box-shadow:0 10px 26px rgba(3,8,18,.18);
    backdrop-filter:blur(10px);
  }

  html:not([data-theme="dark"]) .hero.section-soft.velaea-policy-hero .vh-mobile-intro h2,
  body:not(.dark-mode) .hero.section-soft.velaea-policy-hero .vh-mobile-intro h2{ color:#101828; text-shadow:none; }
  html:not([data-theme="dark"]) .hero.section-soft.velaea-policy-hero .vh-mobile-sub,
  body:not(.dark-mode) .hero.section-soft.velaea-policy-hero .vh-mobile-sub{ color:#475467; }
  html:not([data-theme="dark"]) .hero.section-soft.velaea-policy-hero .vh-mobile-hint,
  body:not(.dark-mode) .hero.section-soft.velaea-policy-hero .vh-mobile-hint{
    background:rgba(255,255,255,.85);
    color:#a66f16;
    border-color:rgba(201,149,46,.22);
    box-shadow:0 12px 28px rgba(148,163,184,.20);
  }

  .hero.section-soft.velaea-policy-hero .vh-stage{
    min-height:unset!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    max-width:360px!important;
    padding:2px 4px 26px!important;
    margin:0 auto!important;
    align-items:start;
  }

  .hero.section-soft.velaea-policy-hero .vh-stage::before{
    inset:94px 8px 10px!important;
    border-radius:30px!important;
    opacity:.92;
  }

  .hero.section-soft.velaea-policy-hero .vh-main-shell{
    order:7!important;
    grid-column:1 / -1!important;
    min-height:392px!important;
    margin-top:4px!important;
    z-index:8!important;
  }

  .hero.section-soft.velaea-policy-hero .vh-main{
    min-height:392px!important;
    padding:15px 15px 18px!important;
  }

  .hero.section-soft.velaea-policy-hero .vh-chart-wrap{
    height:224px!important;
    min-height:224px!important;
  }

  .hero.section-soft.velaea-policy-hero .vh-float{
    min-height:150px!important;
    margin-top:0!important;
    z-index:12!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-float.trust{order:2!important}
  .hero.section-soft.velaea-policy-hero .vh-float.portfolio{order:3!important}
  .hero.section-soft.velaea-policy-hero .vh-float.community{order:4!important}
  .hero.section-soft.velaea-policy-hero .vh-float.lab{order:5!important}
  .hero.section-soft.velaea-policy-hero .vh-float.market{
    order:6!important;
    grid-column:1 / -1!important;
    width:100%!important;
    min-height:138px!important;
    justify-self:stretch!important;
  }

  .hero.section-soft.velaea-policy-hero .vh-small{
    min-height:150px!important;
    padding:15px 14px 14px!important;
    border-radius:19px!important;
    box-shadow:0 14px 34px rgba(2,8,18,.18), inset 0 1px 0 rgba(255,255,255,.05);
  }
  .hero.section-soft.velaea-policy-hero .vh-float.market .vh-small{min-height:138px!important}
  .hero.section-soft.velaea-policy-hero .vh-small h3{
    font-size:16px!important;
    line-height:1.08!important;
    margin-top:8px!important;
    min-height:34px;
  }
  .hero.section-soft.velaea-policy-hero .vh-small p{
    font-size:10px!important;
    line-height:1.55!important;
  }

  .hero.section-soft.velaea-policy-hero .vh-small-head{
    font-size:8px!important;
  }

  .hero.section-soft.velaea-policy-hero .vh-float.trust,
  .hero.section-soft.velaea-policy-hero .vh-float.community{
    transform:translateY(-4px);
  }
  .hero.section-soft.velaea-policy-hero .vh-float.portfolio,
  .hero.section-soft.velaea-policy-hero .vh-float.lab{
    transform:translateY(4px);
  }
  .hero.section-soft.velaea-policy-hero .vh-float.market{
    transform:translateY(2px);
  }

  .hero.section-soft.velaea-policy-hero .vh-float[aria-expanded="true"],
  .hero.section-soft.velaea-policy-hero .vh-float.is-front{
    z-index:9999!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-float[aria-expanded="true"] .vh-card,
  .hero.section-soft.velaea-policy-hero .vh-float.is-front .vh-card{
    box-shadow:
      0 24px 64px rgba(216,173,88,.24),
      0 42px 100px rgba(2,8,18,.32),
      0 0 0 1px rgba(242,214,146,.18),
      0 0 44px rgba(216,173,88,.16)!important;
  }

  .hero.section-soft.velaea-policy-hero .vh-stage.has-front .vh-main-shell .vh-card{
    filter:brightness(.88) saturate(.92)!important;
  }

  .hero.section-soft.velaea-policy-hero .hero-copy{
    padding-top:14px!important;
  }
}

@media(min-width:641px){
  .vh-mobile-intro{display:none!important}
}


/* ===== Mobile visual polish V3 =====
   Goal: top headline clear, small floating cards readable, large chart as elegant background,
   and later copy section only shows small text (no large repeated heading). */
@media(max-width:640px){
  .hero.section-soft.velaea-policy-hero .hero-art.hero-art-image.vh-host{
    padding-top:4px!important;
    padding-bottom:24px!important;
  }

  .hero.section-soft.velaea-policy-hero .vh-mobile-intro{
    margin:0 auto 18px!important;
    padding:8px 8px 2px!important;
    max-width:366px!important;
    position:relative;
    z-index:10;
  }
  .hero.section-soft.velaea-policy-hero .vh-mobile-kicker{
    margin-bottom:10px!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-mobile-intro h2{
    font-size:34px!important;
    line-height:1.02!important;
    max-width:320px!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-mobile-sub{
    margin-top:12px!important;
    max-width:300px!important;
    font-size:12px!important;
  }

  .hero.section-soft.velaea-policy-hero .vh-stage{
    position:relative!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    max-width:366px!important;
    min-height:616px!important;
    padding:124px 4px 22px!important;
    margin:0 auto!important;
    overflow:visible!important;
    isolation:isolate;
  }

  .hero.section-soft.velaea-policy-hero .vh-stage::before{
    inset:112px 0 0!important;
    border-radius:32px!important;
    opacity:.9!important;
    background:
      radial-gradient(circle at 50% 0%, rgba(214,170,81,.12), transparent 42%),
      linear-gradient(180deg, rgba(9,17,31,.18), rgba(9,17,31,.02) 34%, rgba(9,17,31,.16) 100%)!important;
    box-shadow:0 26px 70px rgba(5,10,20,.18);
  }

  .hero.section-soft.velaea-policy-hero .vh-main-shell{
    position:absolute!important;
    inset:18px 8px auto!important;
    order:0!important;
    min-height:420px!important;
    z-index:1!important;
    pointer-events:none!important;
    opacity:1!important;
    filter:none!important;
  }

  .hero.section-soft.velaea-policy-hero .vh-main{
    min-height:420px!important;
    padding:16px 16px 18px!important;
    border-radius:28px!important;
    box-shadow:
      0 24px 80px rgba(2,8,18,.26),
      inset 0 1px 0 rgba(255,255,255,.06)!important;
    background:linear-gradient(180deg, rgba(6,17,31,.86), rgba(7,15,29,.80))!important;
  }

  .hero.section-soft.velaea-policy-hero .vh-chart-wrap{
    height:234px!important;
    min-height:234px!important;
    opacity:.96!important;
  }

  .hero.section-soft.velaea-policy-hero .vh-float{
    min-height:154px!important;
    z-index:20!important;
    position:relative!important;
    margin-top:0!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-float.trust,
  .hero.section-soft.velaea-policy-hero .vh-float.portfolio,
  .hero.section-soft.velaea-policy-hero .vh-float.community,
  .hero.section-soft.velaea-policy-hero .vh-float.lab,
  .hero.section-soft.velaea-policy-hero .vh-float.market{ }

  .hero.section-soft.velaea-policy-hero .vh-small{
    min-height:154px!important;
    padding:16px 14px 14px!important;
    border-radius:20px!important;
    background:linear-gradient(180deg, rgba(8,18,33,.92), rgba(10,20,36,.90))!important;
    border:1px solid rgba(236,209,144,.12)!important;
    box-shadow:
      0 20px 46px rgba(2,8,18,.24),
      0 8px 22px rgba(216,173,88,.08),
      inset 0 1px 0 rgba(255,255,255,.05)!important;
    backdrop-filter:blur(12px);
  }
  .hero.section-soft.velaea-policy-hero .vh-small h3{
    font-size:16px!important;
    line-height:1.08!important;
    margin-top:9px!important;
    min-height:36px!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-small p{
    font-size:10px!important;
    line-height:1.52!important;
    color:rgba(233,239,247,.78)!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-small-head{
    font-size:8px!important;
    opacity:.88;
  }
  .hero.section-soft.velaea-policy-hero .vh-action{
    margin-top:10px!important;
  }

  .hero.section-soft.velaea-policy-hero .vh-float.market{
    grid-column:1 / -1!important;
    min-height:132px!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-float.market .vh-small{
    min-height:132px!important;
  }

  .hero.section-soft.velaea-policy-hero .vh-float[aria-expanded="true"] .vh-card,
  .hero.section-soft.velaea-policy-hero .vh-float.is-front .vh-card{
    transform:translateY(-4px) scale(1.02)!important;
    background:linear-gradient(180deg, rgba(10,22,39,.97), rgba(8,18,33,.95))!important;
    box-shadow:
      0 28px 78px rgba(216,173,88,.20),
      0 42px 110px rgba(2,8,18,.34),
      0 0 0 1px rgba(242,214,146,.22),
      0 0 58px rgba(216,173,88,.12)!important;
  }

  .hero.section-soft.velaea-policy-hero .hero-copy{
    padding-top:4px!important;
  }
  .hero.section-soft.velaea-policy-hero .hero-copy::before,
  .hero.section-soft.velaea-policy-hero .hero-copy .eyebrow,
  .hero.section-soft.velaea-policy-hero .hero-copy .hero-title{
    display:none!important;
  }
  .hero.section-soft.velaea-policy-hero .hero-copy .lead{
    margin-top:0!important;
    font-size:13px!important;
    line-height:1.72!important;
    color:rgba(214,223,236,.86)!important;
  }

  html:not([data-theme="dark"]) .hero.section-soft.velaea-policy-hero .hero-copy .lead,
  body:not(.dark-mode) .hero.section-soft.velaea-policy-hero .hero-copy .lead{
    color:#475467!important;
  }

  html:not([data-theme="dark"]) .hero.section-soft.velaea-policy-hero .vh-stage::before,
  body:not(.dark-mode) .hero.section-soft.velaea-policy-hero .vh-stage::before{
    background:
      radial-gradient(circle at 50% 0%, rgba(214,170,81,.12), transparent 42%),
      linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.02) 34%, rgba(255,255,255,.18) 100%)!important;
    box-shadow:0 26px 70px rgba(148,163,184,.18);
  }
  html:not([data-theme="dark"]) .hero.section-soft.velaea-policy-hero .vh-main,
  body:not(.dark-mode) .hero.section-soft.velaea-policy-hero .vh-main{
    background:linear-gradient(180deg, rgba(255,255,255,.86), rgba(245,248,252,.82))!important;
    box-shadow:0 24px 80px rgba(148,163,184,.22), inset 0 1px 0 rgba(255,255,255,.9)!important;
  }
  html:not([data-theme="dark"]) .hero.section-soft.velaea-policy-hero .vh-small,
  body:not(.dark-mode) .hero.section-soft.velaea-policy-hero .vh-small{
    background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(250,251,252,.90))!important;
    border-color:rgba(201,149,46,.12)!important;
    box-shadow:0 20px 46px rgba(148,163,184,.18), 0 8px 20px rgba(201,149,46,.06), inset 0 1px 0 rgba(255,255,255,.96)!important;
  }
  html:not([data-theme="dark"]) .hero.section-soft.velaea-policy-hero .vh-small p,
  body:not(.dark-mode) .hero.section-soft.velaea-policy-hero .vh-small p{
    color:#667085!important;
  }
}


/* ===== Mobile research-lab animation restore V4 ===== */
@media(max-width:640px){
  .hero.section-soft.velaea-policy-hero .vh-stage{
    min-height:640px!important;
    padding:118px 4px 26px!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-stage::before{
    inset:112px 0 4px!important;
    background:
      radial-gradient(circle at 50% 6%, rgba(214,170,81,.16), transparent 40%),
      radial-gradient(circle at 50% 36%, rgba(68,126,255,.08), transparent 50%),
      linear-gradient(180deg, rgba(9,17,31,.18), rgba(9,17,31,.02) 34%, rgba(9,17,31,.16) 100%)!important;
  }

  .hero.section-soft.velaea-policy-hero .vh-main-shell{
    top:0!important;
    left:auto!important;
    right:auto!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-main{
    opacity:.34;
    filter:saturate(.82) brightness(.78);
    transition:opacity .9s ease, filter .9s ease, box-shadow .9s ease;
  }
  .hero.section-soft.velaea-policy-hero .vh-stage.is-lab-ready .vh-main{
    opacity:.30;
    filter:saturate(.78) brightness(.72);
  }

  .hero.section-soft.velaea-policy-hero .vh-float{
    margin-top:0!important;
    will-change:transform,opacity;
  }
  .hero.section-soft.velaea-policy-hero .vh-float.trust,
  .hero.section-soft.velaea-policy-hero .vh-float.portfolio{
    margin-top:22px!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-float.community,
  .hero.section-soft.velaea-policy-hero .vh-float.lab{
    margin-top:8px!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-float.market{
    margin-top:6px!important;
  }

  .hero.section-soft.velaea-policy-hero .vh-small{
    background:linear-gradient(180deg, rgba(8,18,33,.94), rgba(10,20,36,.92))!important;
    box-shadow:
      0 20px 48px rgba(2,8,18,.26),
      0 12px 28px rgba(216,173,88,.10),
      inset 0 1px 0 rgba(255,255,255,.06)!important;
  }

  .hero.section-soft.velaea-policy-hero .vh-float.is-front .vh-card,
  .hero.section-soft.velaea-policy-hero .vh-float[aria-expanded="true"] .vh-card{
    box-shadow:
      0 32px 82px rgba(216,173,88,.24),
      0 52px 120px rgba(2,8,18,.36),
      0 0 0 1px rgba(242,214,146,.22),
      0 0 62px rgba(216,173,88,.14)!important;
  }

  html:not([data-theme="dark"]) .hero.section-soft.velaea-policy-hero .vh-main,
  body:not(.dark-mode) .hero.section-soft.velaea-policy-hero .vh-main{
    opacity:.38;
    filter:saturate(.88) brightness(.92);
  }
  html:not([data-theme="dark"]) .hero.section-soft.velaea-policy-hero .vh-stage.is-lab-ready .vh-main,
  body:not(.dark-mode) .hero.section-soft.velaea-policy-hero .vh-stage.is-lab-ready .vh-main{
    opacity:.32;
    filter:saturate(.82) brightness(.90);
  }
}


/* ===== Mobile lab animated V5: side-entry cards, higher stack, remove tap text ===== */
@media(max-width:640px){
  .hero.section-soft.velaea-policy-hero .vh-mobile-hint{display:none!important;}
  .hero.section-soft.velaea-policy-hero .vh-stage{
    min-height:612px!important;
    padding:116px 4px 18px!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-stage::before{
    inset:108px 0 0!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-main-shell{
    inset:14px 8px auto!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-main{
    min-height:412px!important;
    padding:16px 16px 18px!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-chart-wrap{
    height:228px!important;
    min-height:228px!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-float.trust,
  .hero.section-soft.velaea-policy-hero .vh-float.portfolio{
    margin-top:-48px!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-float.community,
  .hero.section-soft.velaea-policy-hero .vh-float.lab{
    margin-top:-92px!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-float.market{
    margin-top:-118px!important;
    width:92%!important;
    justify-self:center!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-float{z-index:22!important;}
  .hero.section-soft.velaea-policy-hero .vh-float.market{z-index:23!important;}
  .vh-float::after,
  .vh-float.is-front::after{
    content:none!important;
    display:none!important;
  }
}


/* ===== Mobile spacing polish V6: cleaner small-card spacing, less overlap, slightly higher ===== */
@media(max-width:640px){
  .hero.section-soft.velaea-policy-hero .vh-stage{
    gap:14px 14px!important;
    min-height:626px!important;
    padding:108px 8px 20px!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-stage::before{
    inset:102px 0 0!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-main-shell{
    inset:10px 8px auto!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-main{
    min-height:404px!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-chart-wrap{
    height:220px!important;
    min-height:220px!important;
  }

  .hero.section-soft.velaea-policy-hero .vh-float{
    min-height:146px!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-small{
    min-height:146px!important;
    padding:15px 14px 13px!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-float.market .vh-small{
    min-height:126px!important;
  }

  /* bring the small-card cluster slightly upward, but keep rows separated and cleaner */
  .hero.section-soft.velaea-policy-hero .vh-float.trust,
  .hero.section-soft.velaea-policy-hero .vh-float.portfolio{
    margin-top:-38px!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-float.community,
  .hero.section-soft.velaea-policy-hero .vh-float.lab{
    margin-top:-54px!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-float.market{
    margin-top:-66px!important;
    width:94%!important;
    justify-self:center!important;
  }

  /* subtle extra row separation so the cards feel less cluttered */
  .hero.section-soft.velaea-policy-hero .vh-float.trust,
  .hero.section-soft.velaea-policy-hero .vh-float.portfolio{
    transform:translateY(0)!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-float.community,
  .hero.section-soft.velaea-policy-hero .vh-float.lab{
    transform:translateY(8px)!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-float.market{
    transform:translateY(12px)!important;
  }
}


/* ===== Mobile top-card spacing polish V7: lift top pair, open gap to middle pair ===== */
@media(max-width:640px){
  /* keep the mobile look the same, but refine only the small-card composition */
  .hero.section-soft.velaea-policy-hero .vh-float.trust,
  .hero.section-soft.velaea-policy-hero .vh-float.portfolio,
  .hero.section-soft.velaea-policy-hero .vh-float.community,
  .hero.section-soft.velaea-policy-hero .vh-float.lab{
    width:calc(50% - 9px)!important;
    min-height:148px!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-float.trust .vh-small,
  .hero.section-soft.velaea-policy-hero .vh-float.portfolio .vh-small,
  .hero.section-soft.velaea-policy-hero .vh-float.community .vh-small,
  .hero.section-soft.velaea-policy-hero .vh-float.lab .vh-small{
    min-height:148px!important;
  }

  /* top pair slightly higher and cleaner */
  .hero.section-soft.velaea-policy-hero .vh-float.trust,
  .hero.section-soft.velaea-policy-hero .vh-float.portfolio{
    margin-top:-56px!important;
    transform:translateY(-3px)!important;
  }

  /* middle pair slightly lower so the spacing feels more premium */
  .hero.section-soft.velaea-policy-hero .vh-float.community,
  .hero.section-soft.velaea-policy-hero .vh-float.lab{
    margin-top:-28px!important;
    transform:translateY(14px)!important;
  }

  /* keep bottom card nearly the same, only tiny balancing tweak */
  .hero.section-soft.velaea-policy-hero .vh-float.market{
    margin-top:-62px!important;
    transform:translateY(12px)!important;
  }
}


/* ===== Mobile repair V8: restore clean card proportions and reliable touch targets ===== */
@media(max-width:640px){
  .hero.section-soft.velaea-policy-hero .vh-stage{
    width:min(100%,388px)!important;
    max-width:388px!important;
    min-height:628px!important;
    padding:108px 10px 22px!important;
    gap:16px 14px!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-stage::before{
    inset:102px 0 0!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-main-shell{
    inset:10px 10px auto!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-main{
    min-height:404px!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-chart-wrap{
    height:222px!important;
    min-height:222px!important;
  }

  /* restore proper grid width so cards are not skinny/broken */
  .hero.section-soft.velaea-policy-hero .vh-float{
    width:100%!important;
    min-width:0!important;
    justify-self:stretch!important;
    align-self:start!important;
    pointer-events:auto!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-float.trust,
  .hero.section-soft.velaea-policy-hero .vh-float.portfolio,
  .hero.section-soft.velaea-policy-hero .vh-float.community,
  .hero.section-soft.velaea-policy-hero .vh-float.lab{
    width:100%!important;
    min-height:144px!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-float.market{
    width:100%!important;
    min-height:126px!important;
    grid-column:1 / -1!important;
    justify-self:stretch!important;
  }

  .hero.section-soft.velaea-policy-hero .vh-small{
    min-height:144px!important;
    padding:14px 13px 13px!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-float.market .vh-small{
    min-height:126px!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-small-head{
    font-size:7.8px!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-small h3{
    font-size:14.5px!important;
    line-height:1.12!important;
    min-height:32px!important;
    margin-top:8px!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-small p{
    font-size:9.3px!important;
    line-height:1.48!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-action{
    font-size:8px!important;
    margin-top:9px!important;
  }

  /* final spacing requested by user: top row higher, cleaner gap to middle row */
  .hero.section-soft.velaea-policy-hero .vh-float.trust,
  .hero.section-soft.velaea-policy-hero .vh-float.portfolio{
    margin-top:-52px!important;
    transform:translateY(0)!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-float.community,
  .hero.section-soft.velaea-policy-hero .vh-float.lab{
    margin-top:-18px!important;
    transform:translateY(6px)!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-float.market{
    margin-top:-44px!important;
    transform:translateY(8px)!important;
  }

  /* keep expanded state pretty but not oversized */
  .hero.section-soft.velaea-policy-hero .vh-float[aria-expanded="true"] .vh-card,
  .hero.section-soft.velaea-policy-hero .vh-float.is-front .vh-card{
    transform:translateY(-3px) scale(1.015)!important;
  }
}


/* ===== Desktop smoothness hotfix ===== */
@media(min-width:641px){
  .vh-layer{
    will-change:transform,opacity;
  }
  .vh-float .vh-card{
    transform:none!important;
    will-change:auto;
  }
  .vh-float.is-front .vh-card{
    transform:none!important;
  }
  .vh-stage{
    backface-visibility:hidden;
  }
}


/* ===== Desktop directional composition polish ===== */
@media(min-width:641px){
  /* Give the lower three cards more breathing room after the intro settles. */
  .vh-float.community{
    left:-2%!important;
    bottom:5%!important;
    width:206px!important;
  }
  .vh-float.market{
    left:50%!important;
    bottom:-1%!important;
    width:188px!important;
    margin-left:-94px!important;
  }
  .vh-float.lab{
    right:-2%!important;
    bottom:5%!important;
    width:206px!important;
  }

  /* Preserve the desktop hover depth while keeping each card visually separate. */
  .vh-float.community .vh-card,
  .vh-float.market .vh-card,
  .vh-float.lab .vh-card{
    box-shadow:0 24px 70px rgba(2,8,18,.22), inset 0 1px 0 rgba(255,255,255,.05);
  }
}


/* ===== Desktop main chart restore ===== */
@media(min-width:641px){
  .hero-art.hero-art-image.vh-host .vh-main-shell{
    display:block!important;
    left:14%!important;
    top:10%!important;
    width:72%!important;
    height:75%!important;
    z-index:10!important;
    pointer-events:none!important;
  }
  .hero-art.hero-art-image.vh-host .vh-main-shell .vh-main{
    display:block!important;
    transform:none!important;
  }
  .hero-art.hero-art-image.vh-host .vh-chart-wrap,
  .hero-art.hero-art-image.vh-host .vh-chart-wrap svg,
  .hero-art.hero-art-image.vh-host .vh-metrics{
    visibility:visible!important;
    opacity:1!important;
  }
}


/* ===== Premium clock readability polish ===== */
.vh-clock{
  inset:8% 14% 7%;
}
.vh-clock-face{
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.10), rgba(255,255,255,0) 24%),
    radial-gradient(circle at 50% 50%, rgba(216,173,88,.08), rgba(216,173,88,0) 54%),
    radial-gradient(circle at 50% 50%, rgba(101,201,192,.05), rgba(101,201,192,0) 74%),
    radial-gradient(circle at 50% 50%, rgba(4,12,25,.28), rgba(4,12,25,0) 100%);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.05),
    inset 0 0 50px rgba(216,173,88,.10),
    inset 0 0 90px rgba(9,19,36,.20),
    0 0 54px rgba(216,173,88,.06);
}
.vh-clock-face::before{
  content:"";
  position:absolute;
  inset:7%;
  border-radius:50%;
  background:repeating-conic-gradient(from -90deg, rgba(242,214,146,.18) 0deg .75deg, transparent .75deg 6deg);
  -webkit-mask:radial-gradient(circle, transparent 0 71%, #000 71.5% 77%, transparent 77.5% 100%);
  mask:radial-gradient(circle, transparent 0 71%, #000 71.5% 77%, transparent 77.5% 100%);
  opacity:.85;
}
.vh-clock-face::after{
  content:"";
  position:absolute;
  inset:15%;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.04);
  box-shadow:inset 0 0 0 1px rgba(242,214,146,.03);
}
.vh-clock-ring{
  border-width:1.35px;
}
.vh-clock-ring.outer{
  border-color:rgba(216,173,88,.18);
  box-shadow:0 0 0 1px rgba(255,255,255,.03), 0 0 30px rgba(216,173,88,.05);
}
.vh-clock-ring.mid{
  inset:10%;
  border-color:rgba(216,173,88,.10);
  border-style:solid;
  opacity:.75;
}
.vh-clock-ring.inner{
  inset:22%;
  border-color:rgba(101,201,192,.10);
}
.vh-clock-ticks span{
  height:43%;
}
.vh-clock-ticks span::before{
  width:2px;
  height:14px;
  opacity:.82;
  box-shadow:0 0 10px rgba(242,214,146,.18);
}
.vh-clock-ticks span:nth-child(3n)::before{
  width:3px;
  height:24px;
  box-shadow:0 0 12px rgba(242,214,146,.22);
}
.vh-clock-numerals{
  font-family:inherit;
  font-weight:700;
  letter-spacing:.12em;
  color:rgba(244,226,177,.54);
  text-transform:uppercase;
}
.vh-clock-numerals .vh-num{
  position:absolute;
  font-size:clamp(12px, .9vw, 16px);
  line-height:1;
  text-shadow:0 0 16px rgba(242,214,146,.12);
  opacity:.86;
}
.vh-clock-numerals .vh-num.n12{left:50%; top:11%; transform:translate(-50%,0);}
.vh-clock-numerals .vh-num.n3{right:12%; top:50%; transform:translate(0,-50%);}
.vh-clock-numerals .vh-num.n6{left:50%; bottom:11%; transform:translate(-50%,0);}
.vh-clock-numerals .vh-num.n9{left:12%; top:50%; transform:translate(0,-50%);}
.vh-clock-hand{
  box-shadow:0 0 18px rgba(242,214,146,.12);
}
.vh-clock-hand.hour{
  left:calc(50% - 2.5px);
  width:5px;
  height:21%;
  background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(242,214,146,.75));
}
.vh-clock-hand.minute{
  left:calc(50% - 1.5px);
  width:3px;
  height:29%;
  background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(248,228,173,.82));
}
.vh-clock-hand.second{
  left:calc(50% - 1px);
  width:2px;
  height:34%;
  background:linear-gradient(180deg, rgba(101,201,192,.04), rgba(101,201,192,.68));
  opacity:.62;
}
.vh-clock-hand.second::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-7px;
  width:8px;
  height:8px;
  transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(circle at 35% 35%, rgba(255,255,255,.88), rgba(101,201,192,.85) 45%, rgba(101,201,192,.15) 100%);
  box-shadow:0 0 10px rgba(101,201,192,.22);
}
.vh-clock-center{
  inset:calc(50% - 9px) auto auto calc(50% - 9px);
  width:18px;
  height:18px;
  background:radial-gradient(circle at 35% 35%, rgba(255,255,255,.96), rgba(248,228,173,.76) 48%, rgba(216,173,88,.34) 100%);
  box-shadow:0 0 0 5px rgba(242,214,146,.08), 0 0 22px rgba(242,214,146,.18);
}
html:not([data-theme="dark"]) .vh-clock-numerals,
body:not(.dark-mode) .vh-clock-numerals{
  color:rgba(117,84,18,.45);
}
html:not([data-theme="dark"]) .vh-clock-face::before,
body:not(.dark-mode) .vh-clock-face::before{
  background:repeating-conic-gradient(from -90deg, rgba(176,131,34,.18) 0deg .75deg, transparent .75deg 6deg);
}

/* ===== Desktop intro interaction lock ===== */
@media(min-width:641px){
  .vh-stage:not(.is-desktop-intro-ready) .vh-float,
  .vh-stage:not(.is-desktop-intro-ready) .vh-float *{
    cursor:default!important;
  }
  .vh-stage:not(.is-desktop-intro-ready) .vh-float{
    pointer-events:auto!important;
  }
  .vh-stage.is-desktop-intro-ready .vh-float,
  .vh-stage.is-desktop-intro-ready .vh-float *{
    cursor:pointer!important;
  }
}


/* ===== Clock-first intro + spark orbit polish ===== */
.vh-clock{
  transform:scale(1);
  transition:opacity .55s ease, filter .55s ease, transform .55s ease;
}
.vh-clock-spark-track{
  --vh-spark-size:12px;
  --vh-spark-top:3px;
  --vh-spark-offset:0deg;
  position:absolute;
  inset:0;
  border-radius:50%;
  pointer-events:none;
  transform:rotate(calc(var(--vh-second-angle) + var(--vh-spark-offset)));
  transform-origin:50% 50%;
  opacity:var(--vh-spark-opacity, .72);
  mix-blend-mode:screen;
}
.vh-clock-spark-track .vh-clock-spark-dot{
  position:absolute;
  left:50%;
  top:var(--vh-spark-top);
  width:var(--vh-spark-size);
  height:var(--vh-spark-size);
  transform:translateX(-50%);
  border-radius:999px;
  background:radial-gradient(circle at 35% 35%, rgba(255,255,255,.98), rgba(242,214,146,.88) 42%, rgba(242,214,146,.24) 72%, rgba(242,214,146,0) 100%);
  box-shadow:0 0 10px rgba(255,255,255,.35), 0 0 20px rgba(242,214,146,.55), 0 0 36px rgba(101,201,192,.30);
  animation:vhSparkPulse 1.9s ease-in-out infinite;
}
.vh-clock-spark-track::after{
  content:"";
  position:absolute;
  left:50%;
  top:calc(var(--vh-spark-top) + 1px);
  width:34px;
  height:6px;
  transform:translateX(-50%);
  border-radius:999px;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.14) 22%, rgba(242,214,146,.72) 50%, rgba(101,201,192,.22) 72%, rgba(255,255,255,0));
  filter:blur(2.1px);
  opacity:.62;
  animation:vhSparkTrail 2.6s ease-in-out infinite;
}
.vh-clock-spark-track.primary{
  --vh-spark-size:13px;
  --vh-spark-top:1px;
  --vh-spark-offset:0deg;
  z-index:3;
}
.vh-clock-spark-track.primary .vh-clock-spark-dot{ animation-duration:1.65s; }
.vh-clock-spark-track.primary::after{ animation-duration:2.1s; }
.vh-clock-spark-track.trail{
  --vh-spark-size:9px;
  --vh-spark-top:4px;
  --vh-spark-offset:-10deg;
  z-index:2;
  opacity:calc(var(--vh-spark-opacity, .72) * .7);
}
.vh-clock-spark-track.trail .vh-clock-spark-dot{ animation-duration:2.45s; }
.vh-clock-spark-track.secondary{
  --vh-spark-size:10px;
  --vh-spark-top:6px;
  --vh-spark-offset:16deg;
  z-index:1;
  opacity:calc(var(--vh-spark-opacity, .72) * .5);
}
.vh-clock-spark-track.secondary .vh-clock-spark-dot{
  animation-duration:3.2s;
  box-shadow:0 0 9px rgba(255,255,255,.22), 0 0 18px rgba(242,214,146,.42), 0 0 28px rgba(101,201,192,.18);
}
@keyframes vhSparkPulse{
  0%,100%{ opacity:.20; transform:translateX(-50%) scale(.66); }
  20%{ opacity:.88; transform:translateX(-50%) scale(1.02); }
  42%{ opacity:.34; transform:translateX(-50%) scale(.76); }
  58%{ opacity:1; transform:translateX(-50%) scale(1.16); }
  82%{ opacity:.26; transform:translateX(-50%) scale(.72); }
}
@keyframes vhSparkTrail{
  0%,100%{ opacity:.10; transform:translateX(-50%) scaleX(.65); }
  28%{ opacity:.55; transform:translateX(-50%) scaleX(1); }
  60%{ opacity:.18; transform:translateX(-50%) scaleX(.78); }
  76%{ opacity:.62; transform:translateX(-50%) scaleX(1.08); }
}
html:not([data-theme="dark"]) .vh-clock-spark-track,
body:not(.dark-mode) .vh-clock-spark-track{
  mix-blend-mode:normal;
}
html:not([data-theme="dark"]) .vh-clock-spark-track .vh-clock-spark-dot,
body:not(.dark-mode) .vh-clock-spark-track .vh-clock-spark-dot{
  box-shadow:0 0 8px rgba(255,255,255,.12), 0 0 18px rgba(176,131,34,.28), 0 0 26px rgba(74,127,160,.14);
}


/* ===== Clock intro smoothing + always-clear spark ring ===== */
.vh-clock{
  opacity:1 !important;
}
.vh-clock-face,
.vh-clock-ring,
.vh-clock-ticks,
.vh-clock-numerals,
.vh-clock-center,
.vh-clock-hand{
  opacity:var(--vh-clock-core-opacity, .16);
  transition:opacity .35s ease;
}
.vh-clock-spark-track{
  opacity:var(--vh-spark-opacity, .96) !important;
}
.vh-clock-spark-track .vh-clock-spark-dot,
.vh-clock-spark-track::after{
  opacity:1;
}


/* ===== Simplified premium clock face ===== */
/* Keep the clock readable: one main bezel, one minute track, no decorative HUD circles. */
.vh-orbit.b,
.vh-orbit.c{
  display:none!important;
}
.vh-orbit.a{
  opacity:.28;
  border-color:rgba(216,173,88,.10);
}
.vh-clock-ring.mid,
.vh-clock-ring.inner{
  display:none!important;
}
.vh-clock-face::after{
  display:none!important;
}
.vh-clock-face{
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.085), rgba(255,255,255,0) 26%),
    radial-gradient(circle at 50% 50%, rgba(216,173,88,.055), rgba(216,173,88,0) 58%),
    radial-gradient(circle at 50% 50%, rgba(4,12,25,.18), rgba(4,12,25,0) 100%);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.045),
    inset 0 0 58px rgba(216,173,88,.07),
    0 0 42px rgba(216,173,88,.045);
}
.vh-clock-face::before{
  inset:5.5%;
  background:repeating-conic-gradient(from -90deg, rgba(242,214,146,.22) 0deg .65deg, transparent .65deg 6deg);
  -webkit-mask:radial-gradient(circle, transparent 0 78%, #000 78.5% 82.5%, transparent 83% 100%);
  mask:radial-gradient(circle, transparent 0 78%, #000 78.5% 82.5%, transparent 83% 100%);
  opacity:.72;
}
.vh-clock-ring.outer{
  border-color:rgba(216,173,88,.22);
  box-shadow:0 0 0 1px rgba(255,255,255,.025), 0 0 28px rgba(216,173,88,.055);
}
.vh-clock-ticks span::before{
  opacity:.9;
}
.vh-clock-numerals{
  color:rgba(244,226,177,.62);
}
html:not([data-theme="dark"]) .vh-clock-face,
body:not(.dark-mode) .vh-clock-face{
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.35), rgba(255,255,255,0) 30%),
    radial-gradient(circle at 50% 50%, rgba(176,131,34,.035), rgba(176,131,34,0) 60%);
}

/* ===== Inner clock core enhancement (futuristic but clean) ===== */
.vh-clock-ring.inner{
  display:block!important;
  inset:24.5%;
  border-width:1px;
  border-style:solid;
  border-color:rgba(101,201,192,.14);
  box-shadow:
    inset 0 0 22px rgba(101,201,192,.06),
    0 0 18px rgba(101,201,192,.05),
    0 0 0 1px rgba(255,255,255,.018);
  opacity:.72;
}
.vh-clock-face::after{
  display:block!important;
  content:"";
  position:absolute;
  inset:24.5%;
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.06) 0 3px, transparent 3.5px 100%),
    linear-gradient(90deg, transparent calc(50% - .5px), rgba(255,255,255,.035) calc(50% - .5px), rgba(255,255,255,.035) calc(50% + .5px), transparent calc(50% + .5px)),
    linear-gradient(180deg, transparent calc(50% - .5px), rgba(255,255,255,.028) calc(50% - .5px), rgba(255,255,255,.028) calc(50% + .5px), transparent calc(50% + .5px)),
    conic-gradient(
      from -90deg,
      rgba(242,214,146,.16) 0deg 14deg,
      transparent 14deg 86deg,
      rgba(101,201,192,.10) 86deg 100deg,
      transparent 100deg 178deg,
      rgba(242,214,146,.10) 178deg 194deg,
      transparent 194deg 266deg,
      rgba(101,201,192,.08) 266deg 280deg,
      transparent 280deg 360deg
    ),
    radial-gradient(circle at 50% 50%, transparent 0 37%, rgba(255,255,255,.045) 37.5% 38.4%, transparent 38.9% 100%),
    radial-gradient(circle at 50% 50%, transparent 0 54%, rgba(101,201,192,.05) 54.5% 55.2%, transparent 55.7% 100%),
    radial-gradient(circle at 50% 50%, rgba(216,173,88,.03), rgba(216,173,88,0) 74%);
  -webkit-mask:radial-gradient(circle, transparent 0 12%, #000 12.5% 100%);
  mask:radial-gradient(circle, transparent 0 12%, #000 12.5% 100%);
  box-shadow:
    inset 0 0 26px rgba(216,173,88,.04),
    inset 0 0 42px rgba(101,201,192,.03);
  opacity:.68;
}
.vh-clock-center::before{
  content:"";
  position:absolute;
  inset:-11px;
  border-radius:50%;
  border:1px solid rgba(242,214,146,.14);
  box-shadow:
    0 0 0 6px rgba(242,214,146,.04),
    0 0 20px rgba(242,214,146,.08),
    inset 0 0 10px rgba(255,255,255,.04);
  opacity:.72;
}
html:not([data-theme="dark"]) .vh-clock-ring.inner,
body:not(.dark-mode) .vh-clock-ring.inner{
  border-color:rgba(74,127,160,.12);
  box-shadow:
    inset 0 0 18px rgba(74,127,160,.045),
    0 0 0 1px rgba(17,37,62,.03);
}
html:not([data-theme="dark"]) .vh-clock-face::after,
body:not(.dark-mode) .vh-clock-face::after{
  background:
    radial-gradient(circle at 50% 50%, rgba(117,84,18,.07) 0 3px, transparent 3.5px 100%),
    linear-gradient(90deg, transparent calc(50% - .5px), rgba(117,84,18,.035) calc(50% - .5px), rgba(117,84,18,.035) calc(50% + .5px), transparent calc(50% + .5px)),
    linear-gradient(180deg, transparent calc(50% - .5px), rgba(117,84,18,.03) calc(50% - .5px), rgba(117,84,18,.03) calc(50% + .5px), transparent calc(50% + .5px)),
    conic-gradient(
      from -90deg,
      rgba(176,131,34,.14) 0deg 14deg,
      transparent 14deg 86deg,
      rgba(74,127,160,.10) 86deg 100deg,
      transparent 100deg 178deg,
      rgba(176,131,34,.10) 178deg 194deg,
      transparent 194deg 266deg,
      rgba(74,127,160,.08) 266deg 280deg,
      transparent 280deg 360deg
    ),
    radial-gradient(circle at 50% 50%, transparent 0 37%, rgba(117,84,18,.04) 37.5% 38.4%, transparent 38.9% 100%),
    radial-gradient(circle at 50% 50%, transparent 0 54%, rgba(74,127,160,.045) 54.5% 55.2%, transparent 55.7% 100%),
    radial-gradient(circle at 50% 50%, rgba(176,131,34,.028), rgba(176,131,34,0) 74%);
}

/* ===== Fintech inner clock core v2 (visible, clean, timeline-aware) ===== */
/* These two direct clock layers keep the original intro timing, but remain
   visible enough after the clock settles so the center no longer feels empty. */
.vh-clock-ring.mid{
  display:block!important;
  inset:26.5%;
  border:0!important;
  border-radius:50%;
  background:
    conic-gradient(
      from -90deg,
      rgba(242,214,146,.72) 0deg 16deg,
      transparent 16deg 72deg,
      rgba(101,201,192,.42) 72deg 90deg,
      transparent 90deg 164deg,
      rgba(242,214,146,.46) 164deg 184deg,
      transparent 184deg 252deg,
      rgba(101,201,192,.34) 252deg 270deg,
      transparent 270deg 344deg,
      rgba(242,214,146,.62) 344deg 360deg
    );
  -webkit-mask:radial-gradient(circle, transparent 0 80.5%, #000 81% 84.2%, transparent 84.8% 100%);
  mask:radial-gradient(circle, transparent 0 80.5%, #000 81% 84.2%, transparent 84.8% 100%);
  box-shadow:0 0 22px rgba(216,173,88,.10);
  opacity:calc(.30 + (var(--vh-clock-core-opacity, .16) * .52))!important;
  filter:drop-shadow(0 0 7px rgba(216,173,88,.12));
  transition:opacity .35s ease;
}
.vh-clock-ring.mid::before{
  content:"";
  position:absolute;
  inset:10%;
  border-radius:50%;
  background:
    conic-gradient(
      from -45deg,
      transparent 0 37deg,
      rgba(255,255,255,.18) 37deg 38deg,
      transparent 38deg 127deg,
      rgba(101,201,192,.20) 127deg 129deg,
      transparent 129deg 217deg,
      rgba(242,214,146,.20) 217deg 219deg,
      transparent 219deg 307deg,
      rgba(255,255,255,.14) 307deg 308deg,
      transparent 308deg 360deg
    );
  -webkit-mask:radial-gradient(circle, transparent 0 66%, #000 66.8% 68.2%, transparent 69% 100%);
  mask:radial-gradient(circle, transparent 0 66%, #000 66.8% 68.2%, transparent 69% 100%);
  opacity:.9;
}
.vh-clock-ring.mid::after{
  content:"";
  position:absolute;
  inset:22%;
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 9%, rgba(242,214,146,.95) 0 2px, rgba(242,214,146,.28) 2.5px 4px, transparent 4.5px),
    radial-gradient(circle at 91% 50%, rgba(101,201,192,.92) 0 2px, rgba(101,201,192,.26) 2.5px 4px, transparent 4.5px),
    radial-gradient(circle at 50% 91%, rgba(242,214,146,.78) 0 2px, rgba(242,214,146,.22) 2.5px 4px, transparent 4.5px),
    radial-gradient(circle at 9% 50%, rgba(101,201,192,.74) 0 2px, rgba(101,201,192,.20) 2.5px 4px, transparent 4.5px),
    linear-gradient(90deg, transparent calc(50% - .5px), rgba(255,255,255,.09) calc(50% - .5px), rgba(255,255,255,.09) calc(50% + .5px), transparent calc(50% + .5px)),
    linear-gradient(180deg, transparent calc(50% - .5px), rgba(255,255,255,.075) calc(50% - .5px), rgba(255,255,255,.075) calc(50% + .5px), transparent calc(50% + .5px)),
    radial-gradient(circle, transparent 0 39%, rgba(255,255,255,.08) 39.7% 40.7%, transparent 41.4% 100%),
    radial-gradient(circle, rgba(9,21,38,.22), rgba(9,21,38,.04) 72%, transparent 73%);
  border:1px solid rgba(255,255,255,.055);
  box-shadow:
    inset 0 0 18px rgba(101,201,192,.04),
    inset 0 0 30px rgba(216,173,88,.035),
    0 0 18px rgba(101,201,192,.045);
  opacity:.9;
}
.vh-clock-ring.inner{
  display:block!important;
  inset:35.5%;
  border:1px solid rgba(101,201,192,.20)!important;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.045), transparent 42%),
    conic-gradient(from -90deg, rgba(242,214,146,.08), rgba(101,201,192,.06), rgba(242,214,146,.08));
  box-shadow:
    inset 0 0 16px rgba(101,201,192,.06),
    0 0 0 5px rgba(255,255,255,.012),
    0 0 18px rgba(101,201,192,.07)!important;
  opacity:calc(.34 + (var(--vh-clock-core-opacity, .16) * .48))!important;
  transition:opacity .35s ease;
}
.vh-clock-ring.inner::before,
.vh-clock-ring.inner::after{
  content:"";
  position:absolute;
  inset:12%;
  border-radius:50%;
  border-top:1px solid rgba(242,214,146,.36);
  border-right:1px solid transparent;
  border-bottom:1px solid rgba(101,201,192,.22);
  border-left:1px solid transparent;
  opacity:.82;
}
.vh-clock-ring.inner::after{
  inset:25%;
  transform:rotate(45deg);
  border-top-color:rgba(101,201,192,.30);
  border-bottom-color:rgba(242,214,146,.28);
  opacity:.65;
}
.vh-clock-center::before{
  content:"";
  position:absolute;
  inset:-13px;
  border-radius:50%;
  border:1px solid rgba(242,214,146,.22);
  box-shadow:
    0 0 0 5px rgba(242,214,146,.045),
    0 0 0 10px rgba(101,201,192,.018),
    0 0 24px rgba(242,214,146,.12),
    inset 0 0 10px rgba(255,255,255,.05);
  opacity:calc(.48 + (var(--vh-clock-core-opacity, .16) * .42));
}
html:not([data-theme="dark"]) .vh-clock-ring.mid,
body:not(.dark-mode) .vh-clock-ring.mid{
  filter:drop-shadow(0 0 5px rgba(176,131,34,.09));
}
html:not([data-theme="dark"]) .vh-clock-ring.mid::after,
body:not(.dark-mode) .vh-clock-ring.mid::after{
  background:
    radial-gradient(circle at 50% 9%, rgba(176,131,34,.80) 0 2px, rgba(176,131,34,.18) 2.5px 4px, transparent 4.5px),
    radial-gradient(circle at 91% 50%, rgba(74,127,160,.72) 0 2px, rgba(74,127,160,.16) 2.5px 4px, transparent 4.5px),
    radial-gradient(circle at 50% 91%, rgba(176,131,34,.66) 0 2px, rgba(176,131,34,.14) 2.5px 4px, transparent 4.5px),
    radial-gradient(circle at 9% 50%, rgba(74,127,160,.62) 0 2px, rgba(74,127,160,.13) 2.5px 4px, transparent 4.5px),
    linear-gradient(90deg, transparent calc(50% - .5px), rgba(17,37,62,.065) calc(50% - .5px), rgba(17,37,62,.065) calc(50% + .5px), transparent calc(50% + .5px)),
    linear-gradient(180deg, transparent calc(50% - .5px), rgba(17,37,62,.055) calc(50% - .5px), rgba(17,37,62,.055) calc(50% + .5px), transparent calc(50% + .5px)),
    radial-gradient(circle, transparent 0 39%, rgba(17,37,62,.055) 39.7% 40.7%, transparent 41.4% 100%),
    radial-gradient(circle, rgba(255,255,255,.16), rgba(255,255,255,.02) 72%, transparent 73%);
  border-color:rgba(17,37,62,.055);
}

/* ===== VELAEA hero clock redesign — premium glass / fintech minimal ===== */
@media (min-width: 981px){
  .hero-art.hero-art-image.vh-host{
    overflow:visible!important;
  }
  .hero-art.hero-art-image.vh-host .vh-stage{
    overflow:visible;
  }
  .vh-stage::before{
    inset:2% -8% -8% 18%;
    background:
      radial-gradient(circle at 62% 48%, rgba(255,255,255,.08), transparent 18%),
      radial-gradient(circle at 73% 54%, rgba(216,173,88,.14), transparent 34%),
      radial-gradient(circle at 74% 58%, rgba(101,201,192,.09), transparent 26%),
      radial-gradient(circle at 64% 48%, rgba(20,34,58,.42), transparent 44%);
    filter:blur(22px);
    opacity:.95;
  }

  .vh-orbit{display:none!important;}

  .vh-clock{
    inset:1.5% 1% 2.5% 11%!important;
    opacity:1!important;
    mix-blend-mode:normal!important;
    filter:none!important;
    transform:scale(1.035);
  }
  .vh-clock::before,
  .vh-clock::after{
    content:"";
    position:absolute;
    pointer-events:none;
    border-radius:50%;
  }
  .vh-clock::before{
    inset:-2%;
    background:
      radial-gradient(circle at 50% 4.8%, rgba(252,233,173,.96) 0 0.7%, rgba(252,233,173,.14) 1.1%, transparent 2.1%),
      radial-gradient(circle at 10.5% 50%, rgba(252,220,142,.55) 0 0.55%, rgba(252,220,142,.11) 1.1%, transparent 2%),
      radial-gradient(circle at 88% 69%, rgba(95,238,255,.95) 0 1%, rgba(95,238,255,.16) 2.6%, transparent 6.5%),
      radial-gradient(circle at 84% 66%, rgba(95,238,255,.28) 0 4.5%, transparent 13%),
      radial-gradient(circle at 52% 51%, rgba(255,255,255,.055), transparent 36%);
    filter:blur(.25px);
    opacity:calc(.24 + (var(--vh-clock-core-opacity, .16) * 1.55));
  }
  .vh-clock::after{
    left:14%;
    right:14%;
    bottom:-5.5%;
    height:15%;
    border-radius:50%;
    background:
      radial-gradient(ellipse at center, rgba(255,229,165,.34) 0%, rgba(255,229,165,.10) 34%, rgba(95,238,255,.08) 54%, transparent 72%);
    filter:blur(10px);
    opacity:calc(.18 + (var(--vh-clock-core-opacity, .16) * 1.2));
  }

  .vh-clock-face,
  .vh-clock-ring,
  .vh-clock-ticks,
  .vh-clock-numerals,
  .vh-clock-center,
  .vh-clock-hand{
    opacity:var(--vh-clock-core-opacity, .16)!important;
  }

  .vh-clock-face{
    background:
      radial-gradient(circle at 50% 48%, rgba(255,255,255,.13), rgba(255,255,255,0) 13%),
      radial-gradient(circle at 50% 50%, rgba(19,33,55,.98) 0%, rgba(10,19,36,.96) 43%, rgba(7,15,29,.94) 70%, rgba(5,11,22,.9) 100%)!important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.045),
      inset 0 0 32px rgba(255,255,255,.03),
      inset 0 0 120px rgba(7,15,29,.72),
      inset 0 0 82px rgba(216,173,88,.07),
      0 0 42px rgba(216,173,88,.045)!important;
  }
  .vh-clock-face::before{
    content:"";
    position:absolute;
    inset:4.2%;
    border-radius:50%;
    background:
      repeating-conic-gradient(from -90deg, rgba(245,223,170,.56) 0deg .45deg, transparent .45deg 6deg),
      conic-gradient(from -90deg, rgba(255,255,255,.08), rgba(255,255,255,0) 12%, rgba(255,255,255,.03) 52%, rgba(255,255,255,0) 100%);
    -webkit-mask:radial-gradient(circle, transparent 0 87.2%, #000 88% 89.35%, transparent 90.1% 100%);
    mask:radial-gradient(circle, transparent 0 87.2%, #000 88% 89.35%, transparent 90.1% 100%);
    opacity:1;
  }
  .vh-clock-face::after{
    display:block!important;
    content:"";
    position:absolute;
    inset:17.2%;
    border-radius:50%;
    background:
      radial-gradient(circle at 50% 50%, rgba(255,255,255,.075) 0 2.2%, transparent 3.1%),
      radial-gradient(circle at 67% 54%, rgba(95,238,255,.18) 0 18%, transparent 28%),
      conic-gradient(from 316deg, rgba(95,238,255,.0) 0deg 20deg, rgba(95,238,255,.30) 20deg 90deg, rgba(95,238,255,.0) 90deg 360deg),
      radial-gradient(circle, transparent 0 38.2%, rgba(255,255,255,.09) 38.8% 39.4%, transparent 40% 46.7%, rgba(255,255,255,.05) 47.3% 47.9%, transparent 48.6% 57.5%, rgba(101,201,192,.11) 58.2% 58.8%, transparent 59.4% 100%),
      linear-gradient(90deg, transparent calc(50% - .55px), rgba(89,213,233,.17) calc(50% - .55px), rgba(89,213,233,.17) calc(50% + .55px), transparent calc(50% + .55px)),
      linear-gradient(180deg, transparent calc(50% - .55px), rgba(255,240,199,.11) calc(50% - .55px), rgba(255,240,199,.11) calc(50% + .55px), transparent calc(50% + .55px)),
      radial-gradient(circle at 50% 50%, rgba(14,26,45,.55), rgba(14,26,45,.04) 72%, transparent 74%);
    box-shadow:
      inset 0 0 40px rgba(101,201,192,.05),
      inset 0 0 30px rgba(216,173,88,.05);
    opacity:1;
  }

  .vh-clock-ring.outer{
    display:block!important;
    inset:0!important;
    border:1.8px solid rgba(226,187,104,.72)!important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.04),
      inset 0 0 16px rgba(255,255,255,.03),
      0 0 0 1px rgba(226,187,104,.12),
      0 0 26px rgba(226,187,104,.08)!important;
    opacity:calc(.28 + (var(--vh-clock-core-opacity, .16) * 1.35))!important;
  }
  .vh-clock-ring.mid{
    display:block!important;
    inset:12.4%!important;
    border:1px solid rgba(255,255,255,.05)!important;
    background:none!important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.02),
      0 0 0 1px rgba(101,201,192,.04)!important;
    opacity:calc(.22 + (var(--vh-clock-core-opacity, .16) * 1.08))!important;
    filter:none!important;
  }
  .vh-clock-ring.mid::before,
  .vh-clock-ring.mid::after{content:none!important;display:none!important;}
  .vh-clock-ring.inner{
    display:block!important;
    inset:27.2%!important;
    border:1px solid rgba(101,201,192,.13)!important;
    background:none!important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.02),
      0 0 18px rgba(101,201,192,.05)!important;
    opacity:calc(.20 + (var(--vh-clock-core-opacity, .16) * 1.02))!important;
  }
  .vh-clock-ring.inner::before,
  .vh-clock-ring.inner::after{content:none!important;display:none!important;}

  .vh-clock-ticks span{
    height:45%!important;
  }
  .vh-clock-ticks span::before{
    width:2px!important;
    height:18px!important;
    border-radius:999px;
    background:linear-gradient(180deg, rgba(255,233,186,.98), rgba(219,179,97,.20))!important;
    box-shadow:0 0 12px rgba(242,214,146,.16)!important;
    opacity:.98!important;
  }
  .vh-clock-ticks span:nth-child(3n)::before{
    width:3px!important;
    height:28px!important;
    background:linear-gradient(180deg, rgba(255,239,201,.98), rgba(226,187,104,.32))!important;
  }

  .vh-clock-numerals{
    font-family: Georgia, "Times New Roman", serif!important;
    color:rgba(246,225,180,.95)!important;
    letter-spacing:0!important;
    text-transform:none!important;
    text-shadow:0 0 16px rgba(242,214,146,.13);
  }
  .vh-clock-numerals .vh-num{
    font-size:clamp(28px, 2.55vw, 58px)!important;
    font-weight:500!important;
    opacity:1!important;
  }
  .vh-clock-numerals .vh-num.n12{top:8.9%!important;}
  .vh-clock-numerals .vh-num.n3{right:7.8%!important;}
  .vh-clock-numerals .vh-num.n6{bottom:8.9%!important;}
  .vh-clock-numerals .vh-num.n9{left:7.8%!important;}

  .vh-clock-hand{
    box-shadow:0 0 20px rgba(242,214,146,.12)!important;
  }
  .vh-clock-hand.hour{
    left:calc(50% - 4px)!important;
    width:8px!important;
    height:28%!important;
    background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(244,219,157,.98) 80%, rgba(201,149,46,.86) 100%)!important;
    border-radius:999px 999px 6px 6px!important;
    opacity:1!important;
  }
  .vh-clock-hand.minute{
    left:calc(50% - 3px)!important;
    width:6px!important;
    height:39%!important;
    background:linear-gradient(180deg, rgba(255,255,255,.13), rgba(250,229,174,.98) 78%, rgba(215,174,92,.88) 100%)!important;
    border-radius:999px 999px 6px 6px!important;
    opacity:1!important;
  }
  .vh-clock-hand.second{
    left:calc(50% - 1px)!important;
    width:2px!important;
    height:42.5%!important;
    background:linear-gradient(180deg, rgba(255,247,217,.04), rgba(241,212,138,.92) 86%, rgba(201,149,46,.74) 100%)!important;
    opacity:.96!important;
  }
  .vh-clock-hand.second::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:-8px;
    width:10px;
    height:10px;
    transform:translateX(-50%);
    border-radius:50%;
    background:radial-gradient(circle at 35% 35%, rgba(255,255,255,.98), rgba(242,214,146,.88) 45%, rgba(216,173,88,.22) 100%);
    box-shadow:0 0 12px rgba(242,214,146,.20);
  }

  .vh-clock-center{
    inset:calc(50% - 12px) auto auto calc(50% - 12px)!important;
    width:24px!important;
    height:24px!important;
    background:radial-gradient(circle at 35% 35%, rgba(255,255,255,.98), rgba(255,236,188,.92) 36%, rgba(230,191,108,.92) 58%, rgba(168,116,32,.96) 100%)!important;
    box-shadow:
      0 0 0 6px rgba(242,214,146,.09),
      0 0 0 14px rgba(255,255,255,.02),
      0 0 24px rgba(242,214,146,.14)!important;
    opacity:1!important;
  }
  .vh-clock-center::before{
    content:"";
    position:absolute;
    inset:-9px;
    border-radius:50%;
    border:1px solid rgba(242,214,146,.25);
    box-shadow:0 0 0 1px rgba(255,255,255,.04), inset 0 0 14px rgba(255,255,255,.04);
    opacity:.95!important;
  }
  .vh-clock-center::after{
    content:"";
    position:absolute;
    inset:4px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(18,27,43,.76), rgba(18,27,43,.18));
    border:1px solid rgba(255,255,255,.15);
    opacity:.55;
  }

  .vh-clock-spark-track{
    transform-origin:50% 50%;
    mix-blend-mode:screen;
  }
  .vh-clock-spark-track.primary{
    --vh-spark-size:10px;
    --vh-spark-top:1px;
    opacity:calc(.24 + (var(--vh-clock-core-opacity, .16) * .95))!important;
  }
  .vh-clock-spark-track.primary .vh-clock-spark-dot{
    background:radial-gradient(circle at 35% 35%, rgba(255,255,255,.98), rgba(242,214,146,.84) 48%, rgba(242,214,146,.18) 72%, rgba(242,214,146,0) 100%)!important;
    box-shadow:0 0 12px rgba(255,255,255,.24), 0 0 22px rgba(242,214,146,.38)!important;
  }
  .vh-clock-spark-track.primary::after{
    width:28px!important;
    height:4px!important;
    background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.10) 22%, rgba(242,214,146,.56) 50%, rgba(101,201,192,.10) 72%, rgba(255,255,255,0))!important;
    opacity:.54!important;
  }
  .vh-clock-spark-track.trail,
  .vh-clock-spark-track.secondary{
    opacity:calc(.08 + (var(--vh-clock-core-opacity, .16) * .28))!important;
  }
  .vh-clock-spark-track.trail .vh-clock-spark-dot,
  .vh-clock-spark-track.secondary .vh-clock-spark-dot{
    box-shadow:0 0 10px rgba(242,214,146,.18)!important;
  }

  html:not([data-theme="dark"]) .vh-stage::before,
  body:not(.dark-mode) .vh-stage::before{
    background:
      radial-gradient(circle at 63% 49%, rgba(255,255,255,.24), transparent 18%),
      radial-gradient(circle at 73% 54%, rgba(176,131,34,.10), transparent 34%),
      radial-gradient(circle at 74% 58%, rgba(74,127,160,.08), transparent 26%),
      radial-gradient(circle at 64% 48%, rgba(255,255,255,.18), transparent 44%);
  }
  html:not([data-theme="dark"]) .vh-clock,
  body:not(.dark-mode) .vh-clock{
    mix-blend-mode:normal!important;
  }
  html:not([data-theme="dark"]) .vh-clock-face,
  body:not(.dark-mode) .vh-clock-face{
    background:
      radial-gradient(circle at 50% 48%, rgba(255,255,255,.74), rgba(255,255,255,0) 13%),
      radial-gradient(circle at 50% 50%, rgba(249,249,250,.98) 0%, rgba(244,244,246,.98) 43%, rgba(237,238,241,.96) 70%, rgba(229,231,236,.92) 100%)!important;
    box-shadow:
      inset 0 0 0 1px rgba(17,37,62,.05),
      inset 0 0 120px rgba(17,37,62,.04),
      inset 0 0 80px rgba(176,131,34,.04),
      0 0 30px rgba(176,131,34,.03)!important;
  }
  html:not([data-theme="dark"]) .vh-clock-ring.outer,
  body:not(.dark-mode) .vh-clock-ring.outer{
    border-color:rgba(176,131,34,.55)!important;
  }
  html:not([data-theme="dark"]) .vh-clock-numerals,
  body:not(.dark-mode) .vh-clock-numerals{
    color:rgba(94,67,17,.92)!important;
  }
  html:not([data-theme="dark"]) .vh-clock-face::after,
  body:not(.dark-mode) .vh-clock-face::after{
    background:
      radial-gradient(circle at 50% 50%, rgba(117,84,18,.08) 0 2.2%, transparent 3.1%),
      radial-gradient(circle at 67% 54%, rgba(74,127,160,.13) 0 18%, transparent 28%),
      conic-gradient(from 316deg, rgba(74,127,160,0) 0deg 20deg, rgba(74,127,160,.20) 20deg 90deg, rgba(74,127,160,0) 90deg 360deg),
      radial-gradient(circle, transparent 0 38.2%, rgba(17,37,62,.07) 38.8% 39.4%, transparent 40% 46.7%, rgba(17,37,62,.045) 47.3% 47.9%, transparent 48.6% 57.5%, rgba(74,127,160,.08) 58.2% 58.8%, transparent 59.4% 100%),
      linear-gradient(90deg, transparent calc(50% - .55px), rgba(74,127,160,.11) calc(50% - .55px), rgba(74,127,160,.11) calc(50% + .55px), transparent calc(50% + .55px)),
      linear-gradient(180deg, transparent calc(50% - .55px), rgba(117,84,18,.07) calc(50% - .55px), rgba(117,84,18,.07) calc(50% + .55px), transparent calc(50% + .55px)),
      radial-gradient(circle at 50% 50%, rgba(255,255,255,.18), rgba(255,255,255,.02) 72%, transparent 74%)!important;
  }
}

/* ===== VELAEA hero clock refinement v2 — luxury / always visible ===== */
@media (min-width: 981px){
  .vh-clock{
    transform:scale(1.01)!important;
    filter:saturate(1.06)!important;
  }

  /* Keep the whole clock readable even after intro settles */
  .vh-clock-face{
    opacity:calc(.72 + (var(--vh-clock-core-opacity, .16) * .20))!important;
  }
  .vh-clock-ring.outer{
    opacity:calc(.82 + (var(--vh-clock-core-opacity, .16) * .14))!important;
  }
  .vh-clock-ring.mid{
    opacity:calc(.46 + (var(--vh-clock-core-opacity, .16) * .20))!important;
  }
  .vh-clock-ring.inner{
    opacity:calc(.36 + (var(--vh-clock-core-opacity, .16) * .18))!important;
  }
  .vh-clock-ticks,
  .vh-clock-numerals{
    opacity:calc(.88 + (var(--vh-clock-core-opacity, .16) * .10))!important;
  }
  .vh-clock-center,
  .vh-clock-hand{
    opacity:1!important;
  }

  /* Softer, more premium dial without the radar-like wedge */
  .vh-clock-face::after{
    background:
      radial-gradient(circle at 50% 50%, rgba(255,255,255,.075) 0 2.2%, transparent 3.1%),
      radial-gradient(circle at 66% 54%, rgba(101,201,192,.10) 0 16%, transparent 24%),
      conic-gradient(from 318deg, rgba(101,201,192,0) 0deg 26deg, rgba(101,201,192,.18) 26deg 68deg, rgba(101,201,192,0) 68deg 360deg),
      radial-gradient(circle, transparent 0 39.5%, rgba(255,255,255,.085) 40.1% 40.8%, transparent 41.4% 47.6%, rgba(255,255,255,.055) 48.2% 48.8%, transparent 49.4% 58.6%, rgba(101,201,192,.09) 59.2% 59.8%, transparent 60.4% 100%),
      linear-gradient(90deg, transparent calc(50% - .55px), rgba(89,213,233,.11) calc(50% - .55px), rgba(89,213,233,.11) calc(50% + .55px), transparent calc(50% + .55px)),
      linear-gradient(180deg, transparent calc(50% - .55px), rgba(255,240,199,.08) calc(50% - .55px), rgba(255,240,199,.08) calc(50% + .55px), transparent calc(50% + .55px)),
      radial-gradient(circle at 50% 50%, rgba(14,26,45,.34), rgba(14,26,45,.02) 72%, transparent 74%)!important;
    opacity:.92!important;
  }

  .vh-clock-face{
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.05),
      inset 0 0 28px rgba(255,255,255,.025),
      inset 0 0 120px rgba(7,15,29,.60),
      inset 0 0 70px rgba(216,173,88,.06),
      0 0 36px rgba(216,173,88,.04)!important;
  }

  .vh-clock-ring.outer{
    border-color:rgba(226,187,104,.82)!important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.045),
      0 0 0 1px rgba(226,187,104,.10),
      0 0 22px rgba(226,187,104,.06)!important;
  }
  .vh-clock-ring.mid{
    inset:13.6%!important;
    border-color:rgba(255,255,255,.045)!important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.016),
      0 0 0 1px rgba(101,201,192,.025)!important;
  }
  .vh-clock-ring.inner{
    inset:29.4%!important;
    border-color:rgba(101,201,192,.12)!important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.012),
      0 0 14px rgba(101,201,192,.035)!important;
  }

  .vh-clock-numerals{
    text-shadow:0 0 10px rgba(242,214,146,.10)!important;
  }
  .vh-clock-numerals .vh-num{
    font-size:clamp(28px, 2.4vw, 54px)!important;
  }

  .vh-clock-hand.hour{
    width:7px!important;
    height:27%!important;
    background:linear-gradient(180deg, rgba(255,255,255,.15), rgba(244,219,157,.96) 80%, rgba(201,149,46,.84) 100%)!important;
  }
  .vh-clock-hand.minute{
    width:5px!important;
    height:37.5%!important;
    background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(250,229,174,.96) 78%, rgba(215,174,92,.86) 100%)!important;
  }
  .vh-clock-hand.second{
    width:2px!important;
    height:41.5%!important;
    background:linear-gradient(180deg, rgba(255,247,217,.04), rgba(241,212,138,.86) 86%, rgba(201,149,46,.68) 100%)!important;
    opacity:.92!important;
  }

  /* Spark remains subtle so the dial itself carries the beauty */
  .vh-clock-spark-track.primary{
    opacity:calc(.18 + (var(--vh-clock-core-opacity, .16) * .55))!important;
  }
  .vh-clock-spark-track.primary::after{
    opacity:.38!important;
  }
  .vh-clock-spark-track.trail,
  .vh-clock-spark-track.secondary{
    opacity:calc(.05 + (var(--vh-clock-core-opacity, .16) * .16))!important;
  }

  html:not([data-theme="dark"]) .vh-clock-face,
  body:not(.dark-mode) .vh-clock-face{
    box-shadow:
      inset 0 0 0 1px rgba(17,37,62,.05),
      inset 0 0 100px rgba(17,37,62,.03),
      inset 0 0 64px rgba(176,131,34,.035),
      0 0 24px rgba(176,131,34,.025)!important;
  }
  html:not([data-theme="dark"]) .vh-clock-face::after,
  body:not(.dark-mode) .vh-clock-face::after{
    background:
      radial-gradient(circle at 50% 50%, rgba(117,84,18,.08) 0 2.2%, transparent 3.1%),
      radial-gradient(circle at 66% 54%, rgba(74,127,160,.10) 0 16%, transparent 24%),
      conic-gradient(from 318deg, rgba(74,127,160,0) 0deg 26deg, rgba(74,127,160,.14) 26deg 68deg, rgba(74,127,160,0) 68deg 360deg),
      radial-gradient(circle, transparent 0 39.5%, rgba(17,37,62,.07) 40.1% 40.8%, transparent 41.4% 47.6%, rgba(17,37,62,.045) 48.2% 48.8%, transparent 49.4% 58.6%, rgba(74,127,160,.07) 59.2% 59.8%, transparent 60.4% 100%),
      linear-gradient(90deg, transparent calc(50% - .55px), rgba(74,127,160,.08) calc(50% - .55px), rgba(74,127,160,.08) calc(50% + .55px), transparent calc(50% + .55px)),
      linear-gradient(180deg, transparent calc(50% - .55px), rgba(117,84,18,.06) calc(50% - .55px), rgba(117,84,18,.06) calc(50% + .55px), transparent calc(50% + .55px)),
      radial-gradient(circle at 50% 50%, rgba(255,255,255,.12), rgba(255,255,255,.02) 72%, transparent 74%)!important;
  }
}

/* ===== VELAEA hero clock final balance — champagne / quiet inner dial ===== */
@media (min-width: 981px){
  /* Smoothly transfer attention from the clock to the product cards. */
  .vh-clock-face,
  .vh-clock-face::after,
  .vh-clock-ring,
  .vh-clock-ticks,
  .vh-clock-numerals,
  .vh-clock-center,
  .vh-clock-hand,
  .vh-clock-spark-track,
  .vh-card,
  .vh-card::before,
  .vh-card::after{
    transition:
      opacity 1.35s cubic-bezier(.22,.61,.36,1),
      filter 1.35s cubic-bezier(.22,.61,.36,1),
      border-color 1.35s cubic-bezier(.22,.61,.36,1),
      background 1.35s cubic-bezier(.22,.61,.36,1),
      box-shadow 1.35s cubic-bezier(.22,.61,.36,1)!important;
  }

  /* Keep the physical clock readable; only the decorative inner core recedes. */
  .vh-clock-face{
    opacity:calc(.58 + (var(--vh-clock-core-opacity, .025) * .22))!important;
    background:
      radial-gradient(circle at 50% 47%, rgba(255,255,255,.09), rgba(255,255,255,0) 14%),
      radial-gradient(circle at 50% 50%, rgba(19,31,50,.94) 0%, rgba(10,18,32,.93) 48%, rgba(6,13,25,.91) 76%, rgba(4,9,18,.88) 100%)!important;
  }
  .vh-clock-ring.outer{
    opacity:calc(.78 + (var(--vh-clock-core-opacity, .025) * .12))!important;
    border-color:rgba(225,188,109,.77)!important;
  }
  .vh-clock-ticks,
  .vh-clock-numerals{
    opacity:calc(.80 + (var(--vh-clock-core-opacity, .025) * .12))!important;
  }
  .vh-clock-center,
  .vh-clock-hand{
    opacity:.94!important;
  }

  /* Replace the cool radar blue with smoky champagne and muted steel. */
  .vh-clock-face::after{
    background:
      radial-gradient(circle at 50% 50%, rgba(255,245,216,.07) 0 2.1%, transparent 3.1%),
      radial-gradient(circle at 66% 54%, rgba(202,181,145,.065) 0 15%, transparent 24%),
      conic-gradient(from 318deg, rgba(211,190,151,0) 0deg 28deg, rgba(211,190,151,.105) 28deg 65deg, rgba(211,190,151,0) 65deg 360deg),
      radial-gradient(circle, transparent 0 39.5%, rgba(225,211,183,.065) 40.1% 40.8%, transparent 41.4% 47.6%, rgba(170,181,193,.038) 48.2% 48.8%, transparent 49.4% 58.6%, rgba(198,174,126,.055) 59.2% 59.8%, transparent 60.4% 100%),
      linear-gradient(90deg, transparent calc(50% - .55px), rgba(174,181,191,.055) calc(50% - .55px), rgba(174,181,191,.055) calc(50% + .55px), transparent calc(50% + .55px)),
      linear-gradient(180deg, transparent calc(50% - .55px), rgba(229,211,173,.052) calc(50% - .55px), rgba(229,211,173,.052) calc(50% + .55px), transparent calc(50% + .55px)),
      radial-gradient(circle at 50% 50%, rgba(15,25,41,.25), rgba(15,25,41,.01) 72%, transparent 74%)!important;
    opacity:calc(.018 + (var(--vh-clock-core-opacity, .025) * .92))!important;
    filter:saturate(.72) contrast(.94);
  }
  .vh-clock-ring.mid{
    inset:14.5%!important;
    border-color:rgba(216,198,161,.045)!important;
    opacity:calc(.018 + (var(--vh-clock-core-opacity, .025) * .68))!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.01)!important;
  }
  .vh-clock-ring.inner{
    inset:30.5%!important;
    border-color:rgba(174,181,191,.04)!important;
    opacity:calc(.012 + (var(--vh-clock-core-opacity, .025) * .58))!important;
    box-shadow:none!important;
  }

  /* A warmer, quieter second hand and restrained sparkle. */
  .vh-clock-hand.second{
    background:linear-gradient(180deg, rgba(255,247,224,.02), rgba(224,198,142,.72) 86%, rgba(178,132,50,.55) 100%)!important;
    opacity:.72!important;
  }
  .vh-clock-spark-track.primary{
    opacity:calc(.10 + (var(--vh-spark-opacity, .34) * .34))!important;
  }
  .vh-clock-spark-track.primary::after{
    opacity:.24!important;
    background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,244,215,.08) 22%, rgba(224,198,142,.40) 50%, rgba(180,185,194,.06) 72%, rgba(255,255,255,0))!important;
  }
  .vh-clock-spark-track.trail,
  .vh-clock-spark-track.secondary{
    opacity:calc(.025 + (var(--vh-spark-opacity, .34) * .07))!important;
  }

  /* Normal state: make the glass information cards the clearest layer. */
  .vh-stage.is-desktop-intro-ready .vh-card{
    opacity:1!important;
    filter:saturate(1.04) brightness(1.055) contrast(1.035)!important;
    border-color:rgba(231,199,127,.31)!important;
    background:linear-gradient(145deg,rgba(19,33,54,.92),rgba(6,13,24,.72))!important;
    box-shadow:
      0 30px 86px rgba(0,0,0,.46),
      0 0 0 1px rgba(242,214,146,.035),
      inset 0 1px 0 rgba(255,255,255,.075)!important;
  }
  .vh-stage.is-desktop-intro-ready .vh-card::before{
    opacity:.88;
    background:
      linear-gradient(118deg,rgba(255,255,255,.055),transparent 26%,transparent 72%,rgba(218,174,88,.075))!important;
  }
  .vh-stage.is-desktop-intro-ready .vh-main-shell .vh-card{
    filter:saturate(1.045) brightness(1.06) contrast(1.035)!important;
  }
  .vh-stage.is-desktop-intro-ready .vh-small h3,
  .vh-stage.is-desktop-intro-ready .vh-main strong{
    text-shadow:0 2px 18px rgba(0,0,0,.32);
  }
  .vh-stage.is-desktop-intro-ready .vh-small p,
  .vh-stage.is-desktop-intro-ready .vh-live{
    color:#c2ccd9!important;
  }

  /* Preserve hover hierarchy without a hard brightness jump. */
  .vh-stage.is-desktop-intro-ready .vh-float.is-front .vh-card{
    filter:saturate(1.08) brightness(1.08) contrast(1.04)!important;
  }
  .vh-stage.has-front .vh-float:not(.is-front) .vh-card{
    opacity:.64!important;
    filter:saturate(.82) brightness(.78)!important;
  }

  html:not([data-theme="dark"]) .vh-clock-face::after,
  body:not(.dark-mode) .vh-clock-face::after{
    background:
      radial-gradient(circle at 50% 50%, rgba(112,81,25,.055) 0 2.1%, transparent 3.1%),
      radial-gradient(circle at 66% 54%, rgba(148,132,103,.05) 0 15%, transparent 24%),
      conic-gradient(from 318deg, rgba(148,132,103,0) 0deg 28deg, rgba(148,132,103,.075) 28deg 65deg, rgba(148,132,103,0) 65deg 360deg),
      radial-gradient(circle, transparent 0 39.5%, rgba(112,81,25,.048) 40.1% 40.8%, transparent 41.4% 47.6%, rgba(70,82,98,.032) 48.2% 48.8%, transparent 49.4% 58.6%, rgba(112,81,25,.038) 59.2% 59.8%, transparent 60.4% 100%),
      linear-gradient(90deg, transparent calc(50% - .55px), rgba(70,82,98,.035) calc(50% - .55px), rgba(70,82,98,.035) calc(50% + .55px), transparent calc(50% + .55px)),
      linear-gradient(180deg, transparent calc(50% - .55px), rgba(112,81,25,.038) calc(50% - .55px), rgba(112,81,25,.038) calc(50% + .55px), transparent calc(50% + .55px)),
      radial-gradient(circle at 50% 50%, rgba(255,255,255,.10), rgba(255,255,255,.01) 72%, transparent 74%)!important;
  }
  html:not([data-theme="dark"]) .vh-stage.is-desktop-intro-ready .vh-card,
  body:not(.dark-mode) .vh-stage.is-desktop-intro-ready .vh-card{
    border-color:rgba(176,131,34,.20)!important;
    background:linear-gradient(145deg,rgba(255,255,255,.93),rgba(246,247,249,.72))!important;
    box-shadow:0 28px 72px rgba(37,52,73,.15), inset 0 1px 0 rgba(255,255,255,.90)!important;
  }
}

/* ===== VELAEA final focus pass — ghost clock / crisp translucent glass ===== */
@media (min-width: 981px){
  /* The clock introduces the scene, then becomes an almost invisible ambient layer. */
  .vh-clock::before{
    opacity:calc(.012 + (var(--vh-clock-core-opacity, .004) * .76))!important;
    transition:opacity 2.15s cubic-bezier(.22,.61,.36,1)!important;
  }
  .vh-clock::after{
    opacity:calc(.008 + (var(--vh-clock-core-opacity, .004) * .62))!important;
    transition:opacity 2.15s cubic-bezier(.22,.61,.36,1)!important;
  }
  .vh-clock-face{
    opacity:calc(.012 + (var(--vh-clock-core-opacity, .004) * .86))!important;
  }
  .vh-clock-face::before{
    opacity:calc(.012 + (var(--vh-clock-core-opacity, .004) * .92))!important;
  }
  .vh-clock-face::after{
    opacity:calc(.003 + (var(--vh-clock-core-opacity, .004) * .78))!important;
    filter:saturate(.54) contrast(.90)!important;
  }
  .vh-clock-ring.outer{
    opacity:calc(.025 + (var(--vh-clock-core-opacity, .004) * .82))!important;
  }
  .vh-clock-ring.mid{
    opacity:calc(.004 + (var(--vh-clock-core-opacity, .004) * .64))!important;
  }
  .vh-clock-ring.inner{
    opacity:calc(.002 + (var(--vh-clock-core-opacity, .004) * .50))!important;
  }
  .vh-clock-ticks,
  .vh-clock-numerals{
    opacity:calc(.018 + (var(--vh-clock-core-opacity, .004) * .88))!important;
  }
  .vh-clock-hand{
    opacity:calc(.014 + (var(--vh-clock-core-opacity, .004) * .94))!important;
  }
  .vh-clock-center{
    opacity:calc(.020 + (var(--vh-clock-core-opacity, .004) * .92))!important;
  }

  /* Keep the orbiting light alive and clearly readable after the clock recedes. */
  .vh-clock-spark-track.primary{
    opacity:calc(.56 + (var(--vh-spark-opacity, .88) * .40))!important;
  }
  .vh-clock-spark-track.primary .vh-clock-spark-dot{
    box-shadow:
      0 0 10px rgba(255,255,255,.30),
      0 0 22px rgba(242,214,146,.62),
      0 0 42px rgba(216,173,88,.24)!important;
  }
  .vh-clock-spark-track.primary::after{
    opacity:.56!important;
  }
  .vh-clock-spark-track.trail{
    opacity:calc(.10 + (var(--vh-spark-opacity, .88) * .24))!important;
  }
  .vh-clock-spark-track.secondary{
    opacity:calc(.07 + (var(--vh-spark-opacity, .88) * .16))!important;
  }

  /* The information layer becomes crisp, premium glass: clearer, not fully opaque. */
  .vh-stage.is-desktop-intro-ready .vh-card{
    color:#fbf7ef!important;
    opacity:1!important;
    filter:saturate(1.055) brightness(1.075) contrast(1.055)!important;
    border-color:rgba(242,214,146,.43)!important;
    background:
      linear-gradient(145deg, rgba(17,31,51,.90), rgba(5,12,23,.74))!important;
    box-shadow:
      0 34px 94px rgba(0,0,0,.52),
      0 0 0 1px rgba(242,214,146,.055),
      inset 0 1px 0 rgba(255,255,255,.105),
      inset 0 0 34px rgba(255,255,255,.018)!important;
    backdrop-filter:blur(31px) saturate(145%) contrast(104%)!important;
    -webkit-backdrop-filter:blur(31px) saturate(145%) contrast(104%)!important;
    transition:
      opacity 2.05s cubic-bezier(.22,.61,.36,1),
      filter 2.05s cubic-bezier(.22,.61,.36,1),
      border-color 2.05s cubic-bezier(.22,.61,.36,1),
      background 2.05s cubic-bezier(.22,.61,.36,1),
      box-shadow 2.05s cubic-bezier(.22,.61,.36,1)!important;
  }
  .vh-stage.is-desktop-intro-ready .vh-card::before{
    opacity:.68!important;
    background:
      linear-gradient(118deg, rgba(255,255,255,.072), transparent 28%, transparent 72%, rgba(218,174,88,.085))!important;
  }
  .vh-stage.is-desktop-intro-ready .vh-card::after{
    opacity:.86!important;
    background:linear-gradient(90deg, transparent, rgba(255,244,215,.46), transparent)!important;
  }
  .vh-stage.is-desktop-intro-ready .vh-main-shell .vh-card{
    background:
      linear-gradient(145deg, rgba(18,33,55,.91), rgba(5,12,23,.76))!important;
  }

  .vh-stage.is-desktop-intro-ready .vh-small-head,
  .vh-stage.is-desktop-intro-ready .vh-live{
    color:#bcc8d7!important;
  }
  .vh-stage.is-desktop-intro-ready .vh-small h3,
  .vh-stage.is-desktop-intro-ready .vh-main strong,
  .vh-stage.is-desktop-intro-ready .vh-metric strong{
    color:#fffaf1!important;
    text-shadow:0 2px 18px rgba(0,0,0,.38)!important;
  }
  .vh-stage.is-desktop-intro-ready .vh-small p,
  .vh-stage.is-desktop-intro-ready .vh-metric small{
    color:#c9d3df!important;
  }
  .vh-stage.is-desktop-intro-ready .vh-metric{
    background:rgba(255,255,255,.055)!important;
    border-color:rgba(242,214,146,.19)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  }

  /* Hover still feels premium, but without a sudden flash. */
  .vh-stage.is-desktop-intro-ready .vh-float.is-front .vh-card{
    filter:saturate(1.075) brightness(1.095) contrast(1.06)!important;
    border-color:rgba(242,214,146,.54)!important;
  }
  .vh-stage.has-front .vh-float:not(.is-front) .vh-card{
    opacity:.72!important;
    filter:saturate(.88) brightness(.84)!important;
  }

  html:not([data-theme="dark"]) .vh-stage.is-desktop-intro-ready .vh-card,
  body:not(.dark-mode) .vh-stage.is-desktop-intro-ready .vh-card{
    color:#17243a!important;
    border-color:rgba(176,131,34,.25)!important;
    background:
      linear-gradient(145deg, rgba(255,255,255,.91), rgba(245,247,250,.76))!important;
    box-shadow:
      0 30px 82px rgba(37,52,73,.17),
      0 0 0 1px rgba(176,131,34,.035),
      inset 0 1px 0 rgba(255,255,255,.94)!important;
  }
  html:not([data-theme="dark"]) .vh-stage.is-desktop-intro-ready .vh-small h3,
  body:not(.dark-mode) .vh-stage.is-desktop-intro-ready .vh-small h3,
  html:not([data-theme="dark"]) .vh-stage.is-desktop-intro-ready .vh-main strong,
  body:not(.dark-mode) .vh-stage.is-desktop-intro-ready .vh-main strong,
  html:not([data-theme="dark"]) .vh-stage.is-desktop-intro-ready .vh-metric strong,
  body:not(.dark-mode) .vh-stage.is-desktop-intro-ready .vh-metric strong{
    color:#17243a!important;
    text-shadow:none!important;
  }
  html:not([data-theme="dark"]) .vh-stage.is-desktop-intro-ready .vh-small p,
  body:not(.dark-mode) .vh-stage.is-desktop-intro-ready .vh-small p,
  html:not([data-theme="dark"]) .vh-stage.is-desktop-intro-ready .vh-small-head,
  body:not(.dark-mode) .vh-stage.is-desktop-intro-ready .vh-small-head,
  html:not([data-theme="dark"]) .vh-stage.is-desktop-intro-ready .vh-live,
  body:not(.dark-mode) .vh-stage.is-desktop-intro-ready .vh-live{
    color:#5f6d7e!important;
  }
}

/* ===== VELAEA motion polish v3 — continuous fade / clearer premium glass ===== */
@media (min-width: 981px){
  /* JS updates these values every animation frame. Disabling CSS transitions on
     clock opacity prevents each frame from restarting a transition and removes
     the small visible judder during the fade. */
  .vh-clock,
  .vh-clock::before,
  .vh-clock::after,
  .vh-clock-face,
  .vh-clock-face::before,
  .vh-clock-face::after,
  .vh-clock-ring,
  .vh-clock-ticks,
  .vh-clock-numerals,
  .vh-clock-center,
  .vh-clock-center::before,
  .vh-clock-center::after,
  .vh-clock-hand{
    transition:none!important;
    will-change:opacity,filter,transform;
  }

  /* Keep the spark independent and vivid while the clock body becomes a ghost. */
  .vh-clock-spark-track{
    transition:none!important;
    will-change:opacity,transform;
  }
  .vh-clock-spark-track .vh-clock-spark-dot,
  .vh-clock-spark-track::after{
    transition:box-shadow .9s ease, filter .9s ease!important;
  }

  /* Begin strengthening the glass before the intro fully ends. This avoids the
     late class-switch look and lets clarity arrive as one long premium dissolve. */
  .vh-stage.is-card-clarifying .vh-card{
    color:#fffaf2!important;
    border-color:rgba(242,214,146,.54)!important;
    background:
      linear-gradient(145deg,
        rgba(15,29,49,.955),
        rgba(4,11,22,.835))!important;
    box-shadow:
      0 36px 104px rgba(0,0,0,.58),
      0 0 0 1px rgba(242,214,146,.070),
      inset 0 1px 0 rgba(255,255,255,.135),
      inset 0 0 42px rgba(255,255,255,.022)!important;
    backdrop-filter:blur(36px) saturate(152%) contrast(107%)!important;
    -webkit-backdrop-filter:blur(36px) saturate(152%) contrast(107%)!important;
    transition:
      background 3.15s cubic-bezier(.16,1,.3,1),
      border-color 3.15s cubic-bezier(.16,1,.3,1),
      box-shadow 3.15s cubic-bezier(.16,1,.3,1),
      color 2.65s cubic-bezier(.16,1,.3,1),
      backdrop-filter 3.15s cubic-bezier(.16,1,.3,1),
      -webkit-backdrop-filter 3.15s cubic-bezier(.16,1,.3,1)!important;
  }
  .vh-stage.is-card-clarifying .vh-main-shell .vh-card{
    background:
      linear-gradient(145deg,
        rgba(16,31,52,.965),
        rgba(4,11,22,.855))!important;
  }
  .vh-stage.is-card-clarifying .vh-card::before{
    opacity:.78!important;
    background:
      linear-gradient(118deg,
        rgba(255,255,255,.092),
        transparent 29%,
        transparent 71%,
        rgba(218,174,88,.105))!important;
    transition:opacity 3.0s cubic-bezier(.16,1,.3,1), background 3.0s cubic-bezier(.16,1,.3,1)!important;
  }
  .vh-stage.is-card-clarifying .vh-card::after{
    opacity:.94!important;
    background:linear-gradient(90deg,transparent,rgba(255,244,215,.62),transparent)!important;
    transition:opacity 3.0s cubic-bezier(.16,1,.3,1), background 3.0s cubic-bezier(.16,1,.3,1)!important;
  }

  /* Stronger information hierarchy, while the panels remain slightly translucent. */
  .vh-stage.is-card-clarifying .vh-small h3,
  .vh-stage.is-card-clarifying .vh-main strong,
  .vh-stage.is-card-clarifying .vh-metric strong{
    color:#fffdf8!important;
    text-shadow:0 2px 20px rgba(0,0,0,.44)!important;
  }
  .vh-stage.is-card-clarifying .vh-small p,
  .vh-stage.is-card-clarifying .vh-metric small{
    color:#d4dde8!important;
  }
  .vh-stage.is-card-clarifying .vh-small-head,
  .vh-stage.is-card-clarifying .vh-live{
    color:#c8d3e0!important;
  }
  .vh-stage.is-card-clarifying .vh-metric{
    background:rgba(255,255,255,.072)!important;
    border-color:rgba(242,214,146,.245)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.055),
      0 10px 28px rgba(0,0,0,.12)!important;
    transition:background 2.7s cubic-bezier(.16,1,.3,1), border-color 2.7s cubic-bezier(.16,1,.3,1), box-shadow 2.7s cubic-bezier(.16,1,.3,1)!important;
  }

  /* Keep hover smooth and avoid any sudden brightness flash. */
  .vh-stage.is-card-clarifying .vh-float.is-front .vh-card{
    border-color:rgba(242,214,146,.64)!important;
    filter:saturate(1.07) brightness(1.07) contrast(1.045)!important;
  }
  .vh-stage.has-front .vh-float:not(.is-front) .vh-card{
    opacity:.76!important;
    filter:saturate(.91) brightness(.87)!important;
  }

  html:not([data-theme="dark"]) .vh-stage.is-card-clarifying .vh-card,
  body:not(.dark-mode) .vh-stage.is-card-clarifying .vh-card{
    color:#16243a!important;
    border-color:rgba(176,131,34,.31)!important;
    background:
      linear-gradient(145deg,
        rgba(255,255,255,.965),
        rgba(244,247,250,.84))!important;
    box-shadow:
      0 32px 88px rgba(37,52,73,.18),
      0 0 0 1px rgba(176,131,34,.045),
      inset 0 1px 0 rgba(255,255,255,.97)!important;
  }
  html:not([data-theme="dark"]) .vh-stage.is-card-clarifying .vh-small h3,
  body:not(.dark-mode) .vh-stage.is-card-clarifying .vh-small h3,
  html:not([data-theme="dark"]) .vh-stage.is-card-clarifying .vh-main strong,
  body:not(.dark-mode) .vh-stage.is-card-clarifying .vh-main strong,
  html:not([data-theme="dark"]) .vh-stage.is-card-clarifying .vh-metric strong,
  body:not(.dark-mode) .vh-stage.is-card-clarifying .vh-metric strong{
    color:#16243a!important;
    text-shadow:none!important;
  }
  html:not([data-theme="dark"]) .vh-stage.is-card-clarifying .vh-small p,
  body:not(.dark-mode) .vh-stage.is-card-clarifying .vh-small p,
  html:not([data-theme="dark"]) .vh-stage.is-card-clarifying .vh-small-head,
  body:not(.dark-mode) .vh-stage.is-card-clarifying .vh-small-head,
  html:not([data-theme="dark"]) .vh-stage.is-card-clarifying .vh-live,
  body:not(.dark-mode) .vh-stage.is-card-clarifying .vh-live{
    color:#556578!important;
  }
}

/* ===== Mobile VELAEA clock + glass focus parity v1 =====
   Brings the latest desktop visual language to phones without changing the
   mobile layout: warm champagne dial, ghost settle, vivid orbit light and
   clearer translucent information cards. */
@media (max-width:640px){
  .hero.section-soft.velaea-policy-hero .vh-stage{
    --vh-mobile-gold:#e5bf71;
    --vh-mobile-champagne:#f4ddb0;
    --vh-mobile-steel:#a8a39a;
    isolation:isolate;
  }

  /* Replace the old blue laboratory ambience with quiet champagne / graphite. */
  .hero.section-soft.velaea-policy-hero .vh-stage::before{
    background:
      radial-gradient(circle at 50% 15%, rgba(229,191,113,.16), transparent 38%),
      radial-gradient(circle at 66% 38%, rgba(168,163,154,.065), transparent 38%),
      linear-gradient(180deg, rgba(10,20,35,.25), rgba(5,12,23,.05) 42%, rgba(7,15,28,.20) 100%)!important;
    border:1px solid rgba(229,191,113,.075);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.025),
      0 28px 74px rgba(1,7,18,.22)!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-orbit{
    display:none!important;
  }

  /* A true circular premium clock sized for the mobile stage. */
  .hero.section-soft.velaea-policy-hero .vh-clock{
    inset:auto!important;
    top:34px!important;
    left:12px!important;
    width:calc(100% - 24px)!important;
    height:auto!important;
    aspect-ratio:1/1;
    z-index:1!important;
    border-radius:50%!important;
    opacity:1!important;
    mix-blend-mode:normal!important;
    overflow:visible!important;
    transform-origin:50% 50%!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-clock::before,
  .hero.section-soft.velaea-policy-hero .vh-clock::after{
    content:"";
    position:absolute;
    pointer-events:none;
    border-radius:50%;
  }
  .hero.section-soft.velaea-policy-hero .vh-clock::before{
    inset:-2.2%;
    background:
      radial-gradient(circle at 50% 4.5%, rgba(255,244,212,.96) 0 .8%, rgba(229,191,113,.18) 1.2%, transparent 2.4%),
      radial-gradient(circle at 10% 49%, rgba(244,221,176,.62) 0 .65%, rgba(229,191,113,.12) 1.25%, transparent 2.3%),
      radial-gradient(circle at 89% 70%, rgba(255,238,196,.92) 0 .85%, rgba(229,191,113,.16) 2.2%, transparent 5.6%),
      radial-gradient(circle at 88% 70%, rgba(229,191,113,.18) 0 4%, transparent 11%),
      radial-gradient(circle at 50% 50%, rgba(255,255,255,.035), transparent 36%);
    opacity:calc(.010 + (var(--vh-clock-core-opacity,.002) * .72));
  }
  .hero.section-soft.velaea-policy-hero .vh-clock::after{
    left:15%;
    right:15%;
    bottom:-4.5%;
    height:12%;
    border-radius:50%;
    background:radial-gradient(ellipse at center, rgba(244,221,176,.18), rgba(229,191,113,.055) 40%, transparent 72%);
    filter:blur(9px);
    opacity:calc(.008 + (var(--vh-clock-core-opacity,.002) * .56));
  }

  .hero.section-soft.velaea-policy-hero .vh-clock-face,
  .hero.section-soft.velaea-policy-hero .vh-clock-ring,
  .hero.section-soft.velaea-policy-hero .vh-clock-ticks,
  .hero.section-soft.velaea-policy-hero .vh-clock-numerals,
  .hero.section-soft.velaea-policy-hero .vh-clock-center,
  .hero.section-soft.velaea-policy-hero .vh-clock-hand{
    transition:none!important;
    will-change:opacity,transform,filter;
  }

  .hero.section-soft.velaea-policy-hero .vh-clock-face{
    opacity:calc(.008 + (var(--vh-clock-core-opacity,.002) * .92))!important;
    background:
      radial-gradient(circle at 50% 46%, rgba(255,255,255,.105), transparent 15%),
      radial-gradient(circle at 50% 50%, rgba(21,34,53,.96), rgba(9,18,33,.95) 54%, rgba(5,12,24,.93) 100%)!important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.042),
      inset 0 0 46px rgba(255,255,255,.025),
      inset 0 0 72px rgba(229,191,113,.045),
      0 0 28px rgba(229,191,113,.035)!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-clock-face::before{
    content:"";
    position:absolute;
    inset:5%;
    border-radius:50%;
    background:repeating-conic-gradient(from -90deg, rgba(244,221,176,.52) 0deg .48deg, transparent .48deg 6deg)!important;
    -webkit-mask:radial-gradient(circle, transparent 0 86.8%, #000 87.5% 89.2%, transparent 90% 100%)!important;
    mask:radial-gradient(circle, transparent 0 86.8%, #000 87.5% 89.2%, transparent 90% 100%)!important;
    opacity:1!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-clock-face::after{
    display:block!important;
    content:"";
    position:absolute;
    inset:20%;
    border-radius:50%;
    background:
      radial-gradient(circle at 50% 50%, rgba(255,255,255,.055) 0 2%, transparent 3%),
      conic-gradient(from 315deg, transparent 0 28deg, rgba(229,191,113,.10) 28deg 68deg, transparent 68deg 360deg),
      radial-gradient(circle, transparent 0 38%, rgba(244,221,176,.07) 38.7% 39.4%, transparent 40.1% 49%, rgba(168,163,154,.055) 49.7% 50.4%, transparent 51.1% 61%, rgba(229,191,113,.055) 61.7% 62.4%, transparent 63.1% 100%),
      linear-gradient(90deg, transparent calc(50% - .45px), rgba(168,163,154,.075) calc(50% - .45px), rgba(168,163,154,.075) calc(50% + .45px), transparent calc(50% + .45px)),
      linear-gradient(180deg, transparent calc(50% - .45px), rgba(229,191,113,.06) calc(50% - .45px), rgba(229,191,113,.06) calc(50% + .45px), transparent calc(50% + .45px)),
      radial-gradient(circle, rgba(12,24,41,.34), rgba(12,24,41,.02) 72%, transparent 74%)!important;
    box-shadow:
      inset 0 0 26px rgba(229,191,113,.035),
      inset 0 0 34px rgba(168,163,154,.025)!important;
    opacity:1!important;
    filter:saturate(.72) contrast(.94)!important;
  }

  .hero.section-soft.velaea-policy-hero .vh-clock-ring.outer{
    display:block!important;
    inset:0!important;
    border:1.4px solid rgba(229,191,113,.76)!important;
    background:none!important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.025),
      0 0 0 1px rgba(229,191,113,.08),
      0 0 18px rgba(229,191,113,.045)!important;
    opacity:calc(.018 + (var(--vh-clock-core-opacity,.002) * .84))!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-clock-ring.mid{
    display:block!important;
    inset:14%!important;
    border:1px solid rgba(255,255,255,.045)!important;
    background:none!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.012)!important;
    filter:none!important;
    opacity:calc(.004 + (var(--vh-clock-core-opacity,.002) * .62))!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-clock-ring.inner{
    display:block!important;
    inset:30%!important;
    border:1px solid rgba(229,191,113,.075)!important;
    background:none!important;
    box-shadow:0 0 12px rgba(229,191,113,.025)!important;
    opacity:calc(.002 + (var(--vh-clock-core-opacity,.002) * .48))!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-clock-ring.mid::before,
  .hero.section-soft.velaea-policy-hero .vh-clock-ring.mid::after,
  .hero.section-soft.velaea-policy-hero .vh-clock-ring.inner::before,
  .hero.section-soft.velaea-policy-hero .vh-clock-ring.inner::after{
    content:none!important;
    display:none!important;
  }

  .hero.section-soft.velaea-policy-hero .vh-clock-ticks{
    opacity:calc(.012 + (var(--vh-clock-core-opacity,.002) * .86))!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-clock-ticks span{
    height:44.5%!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-clock-ticks span::before{
    width:1.5px!important;
    height:12px!important;
    background:linear-gradient(180deg, rgba(255,238,200,.94), rgba(229,191,113,.18))!important;
    box-shadow:0 0 8px rgba(229,191,113,.10)!important;
    opacity:.95!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-clock-ticks span:nth-child(3n)::before{
    width:2.5px!important;
    height:19px!important;
  }

  .hero.section-soft.velaea-policy-hero .vh-clock-numerals{
    font-family:Georgia,"Times New Roman",serif!important;
    color:rgba(244,221,176,.92)!important;
    letter-spacing:0!important;
    text-transform:none!important;
    text-shadow:0 0 9px rgba(229,191,113,.09)!important;
    opacity:calc(.012 + (var(--vh-clock-core-opacity,.002) * .90))!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-clock-numerals .vh-num{
    font-size:clamp(22px,8vw,34px)!important;
    font-weight:500!important;
    opacity:1!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-clock-numerals .n12{top:8.5%!important;}
  .hero.section-soft.velaea-policy-hero .vh-clock-numerals .n3{right:8%!important;}
  .hero.section-soft.velaea-policy-hero .vh-clock-numerals .n6{bottom:8.5%!important;}
  .hero.section-soft.velaea-policy-hero .vh-clock-numerals .n9{left:8%!important;}

  .hero.section-soft.velaea-policy-hero .vh-clock-hand{
    opacity:calc(.010 + (var(--vh-clock-core-opacity,.002) * .96))!important;
    box-shadow:0 0 12px rgba(229,191,113,.09)!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-clock-hand.hour{
    left:calc(50% - 2.5px)!important;
    width:5px!important;
    height:24%!important;
    background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(244,221,176,.94) 82%, rgba(196,145,52,.80))!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-clock-hand.minute{
    left:calc(50% - 1.75px)!important;
    width:3.5px!important;
    height:34%!important;
    background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(248,227,181,.94) 82%, rgba(207,160,72,.82))!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-clock-hand.second{
    left:calc(50% - .75px)!important;
    width:1.5px!important;
    height:38%!important;
    background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(229,191,113,.82) 88%, rgba(196,145,52,.62))!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-clock-hand.second::after{
    width:7px!important;
    height:7px!important;
    bottom:-5px!important;
    background:radial-gradient(circle at 35% 35%, rgba(255,255,255,.96), rgba(244,221,176,.84) 48%, rgba(229,191,113,.16) 100%)!important;
    box-shadow:0 0 8px rgba(229,191,113,.16)!important;
  }

  .hero.section-soft.velaea-policy-hero .vh-clock-center{
    inset:calc(50% - 8px) auto auto calc(50% - 8px)!important;
    width:16px!important;
    height:16px!important;
    background:radial-gradient(circle at 35% 35%, rgba(255,255,255,.98), rgba(244,221,176,.88) 42%, rgba(196,145,52,.84) 100%)!important;
    box-shadow:
      0 0 0 4px rgba(229,191,113,.07),
      0 0 15px rgba(229,191,113,.10)!important;
    opacity:calc(.014 + (var(--vh-clock-core-opacity,.002) * .94))!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-clock-center::before{
    inset:-6px!important;
    border-color:rgba(229,191,113,.18)!important;
    box-shadow:0 0 0 1px rgba(255,255,255,.025)!important;
    opacity:.86!important;
  }

  /* The orbit light stays clear after the physical clock becomes a ghost. */
  .hero.section-soft.velaea-policy-hero .vh-clock-spark-track{
    transition:none!important;
    mix-blend-mode:screen!important;
    will-change:opacity,transform;
  }
  .hero.section-soft.velaea-policy-hero .vh-clock-spark-track.primary{
    --vh-spark-size:10px;
    --vh-spark-top:1px;
    opacity:calc(.58 + (var(--vh-spark-opacity,.96) * .38))!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-clock-spark-track.primary .vh-clock-spark-dot{
    background:radial-gradient(circle at 35% 35%, rgba(255,255,255,.98), rgba(244,221,176,.92) 42%, rgba(229,191,113,.24) 72%, transparent 100%)!important;
    box-shadow:
      0 0 9px rgba(255,255,255,.30),
      0 0 20px rgba(244,221,176,.64),
      0 0 34px rgba(229,191,113,.25)!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-clock-spark-track.primary::after{
    width:26px!important;
    height:4px!important;
    background:linear-gradient(90deg, transparent, rgba(255,255,255,.12) 22%, rgba(244,221,176,.68) 50%, rgba(229,191,113,.16) 72%, transparent)!important;
    opacity:.58!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-clock-spark-track.trail{
    opacity:calc(.11 + (var(--vh-spark-opacity,.96) * .22))!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-clock-spark-track.secondary{
    opacity:calc(.07 + (var(--vh-spark-opacity,.96) * .15))!important;
  }

  /* Clearer mobile glass, still translucent enough to reveal the ghost clock. */
  .hero.section-soft.velaea-policy-hero .vh-stage.is-card-clarifying .vh-card{
    color:#fffaf2!important;
    opacity:1!important;
    border-color:rgba(244,221,176,.48)!important;
    background:linear-gradient(145deg, rgba(15,29,49,.94), rgba(4,11,22,.80))!important;
    box-shadow:
      0 28px 74px rgba(0,0,0,.47),
      0 0 0 1px rgba(244,221,176,.055),
      inset 0 1px 0 rgba(255,255,255,.12),
      inset 0 0 30px rgba(255,255,255,.018)!important;
    backdrop-filter:blur(28px) saturate(146%) contrast(105%)!important;
    -webkit-backdrop-filter:blur(28px) saturate(146%) contrast(105%)!important;
    transition:
      background 2.8s cubic-bezier(.16,1,.3,1),
      border-color 2.8s cubic-bezier(.16,1,.3,1),
      box-shadow 2.8s cubic-bezier(.16,1,.3,1),
      color 2.4s cubic-bezier(.16,1,.3,1),
      backdrop-filter 2.8s cubic-bezier(.16,1,.3,1),
      -webkit-backdrop-filter 2.8s cubic-bezier(.16,1,.3,1)!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-stage.is-card-clarifying .vh-main{
    opacity:calc(.38 + (var(--vh-card-clarity,0) * .32))!important;
    filter:saturate(calc(.88 + (var(--vh-card-clarity,0) * .18))) brightness(calc(.86 + (var(--vh-card-clarity,0) * .18)))!important;
    background:linear-gradient(145deg, rgba(16,31,52,.92), rgba(4,11,22,.78))!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-stage.is-card-clarifying .vh-small{
    background:linear-gradient(180deg, rgba(15,29,49,.93), rgba(5,12,23,.80))!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-stage.is-card-clarifying .vh-card::before{
    opacity:.74!important;
    background:linear-gradient(118deg, rgba(255,255,255,.08), transparent 29%, transparent 72%, rgba(229,191,113,.09))!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-stage.is-card-clarifying .vh-card::after{
    opacity:.88!important;
    background:linear-gradient(90deg, transparent, rgba(255,244,215,.50), transparent)!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-stage.is-card-clarifying .vh-small h3,
  .hero.section-soft.velaea-policy-hero .vh-stage.is-card-clarifying .vh-main strong,
  .hero.section-soft.velaea-policy-hero .vh-stage.is-card-clarifying .vh-metric strong{
    color:#fffdf8!important;
    text-shadow:0 2px 16px rgba(0,0,0,.40)!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-stage.is-card-clarifying .vh-small p,
  .hero.section-soft.velaea-policy-hero .vh-stage.is-card-clarifying .vh-metric small{
    color:#d4dde8!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-stage.is-card-clarifying .vh-small-head,
  .hero.section-soft.velaea-policy-hero .vh-stage.is-card-clarifying .vh-live{
    color:#c7d1df!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-stage.is-card-clarifying .vh-metric{
    background:rgba(255,255,255,.065)!important;
    border-color:rgba(244,221,176,.22)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
  }

  /* Light mode parity. */
  html:not([data-theme="dark"]) .hero.section-soft.velaea-policy-hero .vh-stage::before,
  body:not(.dark-mode) .hero.section-soft.velaea-policy-hero .vh-stage::before{
    background:
      radial-gradient(circle at 50% 15%, rgba(176,131,34,.10), transparent 38%),
      radial-gradient(circle at 66% 38%, rgba(98,106,118,.05), transparent 38%),
      linear-gradient(180deg, rgba(255,255,255,.50), rgba(245,247,250,.10) 42%, rgba(234,237,242,.26) 100%)!important;
  }
  html:not([data-theme="dark"]) .hero.section-soft.velaea-policy-hero .vh-clock-face,
  body:not(.dark-mode) .hero.section-soft.velaea-policy-hero .vh-clock-face{
    background:
      radial-gradient(circle at 50% 46%, rgba(255,255,255,.72), transparent 15%),
      radial-gradient(circle at 50% 50%, rgba(250,250,251,.98), rgba(241,243,246,.97) 60%, rgba(232,235,240,.94) 100%)!important;
  }
  html:not([data-theme="dark"]) .hero.section-soft.velaea-policy-hero .vh-clock-numerals,
  body:not(.dark-mode) .hero.section-soft.velaea-policy-hero .vh-clock-numerals{
    color:rgba(104,76,26,.90)!important;
  }
  html:not([data-theme="dark"]) .hero.section-soft.velaea-policy-hero .vh-stage.is-card-clarifying .vh-card,
  body:not(.dark-mode) .hero.section-soft.velaea-policy-hero .vh-stage.is-card-clarifying .vh-card{
    color:#17243a!important;
    border-color:rgba(176,131,34,.28)!important;
    background:linear-gradient(145deg, rgba(255,255,255,.94), rgba(244,247,250,.82))!important;
    box-shadow:
      0 26px 68px rgba(37,52,73,.16),
      0 0 0 1px rgba(176,131,34,.035),
      inset 0 1px 0 rgba(255,255,255,.96)!important;
  }
  html:not([data-theme="dark"]) .hero.section-soft.velaea-policy-hero .vh-stage.is-card-clarifying .vh-main,
  body:not(.dark-mode) .hero.section-soft.velaea-policy-hero .vh-stage.is-card-clarifying .vh-main,
  html:not([data-theme="dark"]) .hero.section-soft.velaea-policy-hero .vh-stage.is-card-clarifying .vh-small,
  body:not(.dark-mode) .hero.section-soft.velaea-policy-hero .vh-stage.is-card-clarifying .vh-small{
    background:linear-gradient(145deg, rgba(255,255,255,.94), rgba(244,247,250,.82))!important;
  }
  html:not([data-theme="dark"]) .hero.section-soft.velaea-policy-hero .vh-stage.is-card-clarifying .vh-small h3,
  body:not(.dark-mode) .hero.section-soft.velaea-policy-hero .vh-stage.is-card-clarifying .vh-small h3,
  html:not([data-theme="dark"]) .hero.section-soft.velaea-policy-hero .vh-stage.is-card-clarifying .vh-main strong,
  body:not(.dark-mode) .hero.section-soft.velaea-policy-hero .vh-stage.is-card-clarifying .vh-main strong,
  html:not([data-theme="dark"]) .hero.section-soft.velaea-policy-hero .vh-stage.is-card-clarifying .vh-metric strong,
  body:not(.dark-mode) .hero.section-soft.velaea-policy-hero .vh-stage.is-card-clarifying .vh-metric strong{
    color:#17243a!important;
    text-shadow:none!important;
  }
  html:not([data-theme="dark"]) .hero.section-soft.velaea-policy-hero .vh-stage.is-card-clarifying .vh-small p,
  body:not(.dark-mode) .hero.section-soft.velaea-policy-hero .vh-stage.is-card-clarifying .vh-small p,
  html:not([data-theme="dark"]) .hero.section-soft.velaea-policy-hero .vh-stage.is-card-clarifying .vh-small-head,
  body:not(.dark-mode) .hero.section-soft.velaea-policy-hero .vh-stage.is-card-clarifying .vh-small-head,
  html:not([data-theme="dark"]) .hero.section-soft.velaea-policy-hero .vh-stage.is-card-clarifying .vh-live,
  body:not(.dark-mode) .hero.section-soft.velaea-policy-hero .vh-stage.is-card-clarifying .vh-live{
    color:#58687b!important;
  }
}

/* ===== First click / first tap: selected small card at 100% clarity =====
   Desktop and mobile share the same preview state. The first interaction keeps
   the card on screen, removes all residual intro blur/opacity, and makes every
   text layer fully readable. The second interaction follows the card link. */
.hero-art.hero-art-image.vh-host .vh-float[data-tap-preview="true"],
.hero-art.hero-art-image.vh-host .vh-float.is-click-clear{
  z-index:2147483000!important;
  opacity:1!important;
  filter:none!important;
  visibility:visible!important;
}
.hero-art.hero-art-image.vh-host .vh-float[data-tap-preview="true"] .vh-card,
.hero-art.hero-art-image.vh-host .vh-float.is-click-clear .vh-card{
  opacity:1!important;
  filter:none!important;
  visibility:visible!important;
  color:#fffdf8!important;
  border-color:rgba(246,220,157,.92)!important;
  background:
    linear-gradient(145deg,rgba(15,28,47,.985),rgba(4,11,22,.965))!important;
  box-shadow:
    0 34px 82px rgba(0,0,0,.58),
    0 0 0 1px rgba(246,220,157,.16),
    0 0 54px rgba(216,173,88,.16),
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 0 34px rgba(255,255,255,.025)!important;
  backdrop-filter:blur(34px) saturate(158%) contrast(111%)!important;
  -webkit-backdrop-filter:blur(34px) saturate(158%) contrast(111%)!important;
  transition:
    background .24s cubic-bezier(.16,1,.3,1),
    border-color .24s cubic-bezier(.16,1,.3,1),
    box-shadow .28s cubic-bezier(.16,1,.3,1),
    filter .20s ease,
    opacity .20s ease!important;
}
.hero-art.hero-art-image.vh-host .vh-float[data-tap-preview="true"] .vh-card::before,
.hero-art.hero-art-image.vh-host .vh-float.is-click-clear .vh-card::before{
  opacity:.88!important;
  background:
    linear-gradient(180deg,rgba(12,23,40,.34),rgba(5,12,24,.20)),
    linear-gradient(135deg,rgba(255,255,255,.10),transparent 30%),
    radial-gradient(circle at 86% 18%,rgba(216,173,88,.15),transparent 28%)!important;
}
.hero-art.hero-art-image.vh-host .vh-float[data-tap-preview="true"] .vh-card::after,
.hero-art.hero-art-image.vh-host .vh-float.is-click-clear .vh-card::after{
  opacity:1!important;
  background:linear-gradient(90deg,transparent,rgba(255,244,215,.72),transparent)!important;
}
.hero-art.hero-art-image.vh-host .vh-float[data-tap-preview="true"] .vh-card > *,
.hero-art.hero-art-image.vh-host .vh-float.is-click-clear .vh-card > *,
.hero-art.hero-art-image.vh-host .vh-float[data-tap-preview="true"] .vh-small,
.hero-art.hero-art-image.vh-host .vh-float.is-click-clear .vh-small,
.hero-art.hero-art-image.vh-host .vh-float[data-tap-preview="true"] .vh-small-head,
.hero-art.hero-art-image.vh-host .vh-float.is-click-clear .vh-small-head,
.hero-art.hero-art-image.vh-host .vh-float[data-tap-preview="true"] .vh-small h3,
.hero-art.hero-art-image.vh-host .vh-float.is-click-clear .vh-small h3,
.hero-art.hero-art-image.vh-host .vh-float[data-tap-preview="true"] .vh-small p,
.hero-art.hero-art-image.vh-host .vh-float.is-click-clear .vh-small p,
.hero-art.hero-art-image.vh-host .vh-float[data-tap-preview="true"] .vh-action,
.hero-art.hero-art-image.vh-host .vh-float.is-click-clear .vh-action,
.hero-art.hero-art-image.vh-host .vh-float[data-tap-preview="true"] .vh-icon,
.hero-art.hero-art-image.vh-host .vh-float.is-click-clear .vh-icon{
  opacity:1!important;
  filter:none!important;
  visibility:visible!important;
}
.hero-art.hero-art-image.vh-host .vh-float[data-tap-preview="true"] .vh-small-head,
.hero-art.hero-art-image.vh-host .vh-float.is-click-clear .vh-small-head{
  color:#e4eaf2!important;
  text-shadow:0 2px 12px rgba(0,0,0,.52)!important;
}
.hero-art.hero-art-image.vh-host .vh-float[data-tap-preview="true"] .vh-small h3,
.hero-art.hero-art-image.vh-host .vh-float.is-click-clear .vh-small h3{
  color:#fffdf8!important;
  font-weight:900!important;
  text-shadow:0 3px 18px rgba(0,0,0,.56)!important;
}
.hero-art.hero-art-image.vh-host .vh-float[data-tap-preview="true"] .vh-small p,
.hero-art.hero-art-image.vh-host .vh-float.is-click-clear .vh-small p{
  color:#eef2f7!important;
  text-shadow:0 2px 12px rgba(0,0,0,.48)!important;
}
.hero-art.hero-art-image.vh-host .vh-float[data-tap-preview="true"] .vh-action,
.hero-art.hero-art-image.vh-host .vh-float.is-click-clear .vh-action{
  color:#f4d58c!important;
  text-shadow:0 2px 12px rgba(0,0,0,.42)!important;
}
.hero-art.hero-art-image.vh-host .vh-float[data-tap-preview="true"] .vh-icon,
.hero-art.hero-art-image.vh-host .vh-float.is-click-clear .vh-icon{
  color:#f6dda1!important;
  background:linear-gradient(145deg,rgba(230,187,95,.30),rgba(105,31,47,.20))!important;
  border-color:rgba(246,220,157,.38)!important;
  box-shadow:0 0 0 8px rgba(229,193,115,.07),0 14px 32px rgba(229,193,115,.18)!important;
}

/* Light theme keeps the same 100% readability without turning muddy. */
html:not([data-theme="dark"]) .hero-art.hero-art-image.vh-host .vh-float[data-tap-preview="true"] .vh-card,
body:not(.dark-mode) .hero-art.hero-art-image.vh-host .vh-float[data-tap-preview="true"] .vh-card,
html:not([data-theme="dark"]) .hero-art.hero-art-image.vh-host .vh-float.is-click-clear .vh-card,
body:not(.dark-mode) .hero-art.hero-art-image.vh-host .vh-float.is-click-clear .vh-card{
  color:#142238!important;
  border-color:rgba(176,131,34,.68)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.995),rgba(244,247,251,.975))!important;
  box-shadow:
    0 30px 72px rgba(37,52,73,.24),
    0 0 0 1px rgba(176,131,34,.09),
    0 0 42px rgba(176,131,34,.10),
    inset 0 1px 0 rgba(255,255,255,1)!important;
}
html:not([data-theme="dark"]) .hero-art.hero-art-image.vh-host .vh-float[data-tap-preview="true"] .vh-small-head,
body:not(.dark-mode) .hero-art.hero-art-image.vh-host .vh-float[data-tap-preview="true"] .vh-small-head,
html:not([data-theme="dark"]) .hero-art.hero-art-image.vh-host .vh-float.is-click-clear .vh-small-head,
body:not(.dark-mode) .hero-art.hero-art-image.vh-host .vh-float.is-click-clear .vh-small-head{
  color:#5d6c80!important;
  text-shadow:none!important;
}
html:not([data-theme="dark"]) .hero-art.hero-art-image.vh-host .vh-float[data-tap-preview="true"] .vh-small h3,
body:not(.dark-mode) .hero-art.hero-art-image.vh-host .vh-float[data-tap-preview="true"] .vh-small h3,
html:not([data-theme="dark"]) .hero-art.hero-art-image.vh-host .vh-float.is-click-clear .vh-small h3,
body:not(.dark-mode) .hero-art.hero-art-image.vh-host .vh-float.is-click-clear .vh-small h3{
  color:#142238!important;
  text-shadow:none!important;
}
html:not([data-theme="dark"]) .hero-art.hero-art-image.vh-host .vh-float[data-tap-preview="true"] .vh-small p,
body:not(.dark-mode) .hero-art.hero-art-image.vh-host .vh-float[data-tap-preview="true"] .vh-small p,
html:not([data-theme="dark"]) .hero-art.hero-art-image.vh-host .vh-float.is-click-clear .vh-small p,
body:not(.dark-mode) .hero-art.hero-art-image.vh-host .vh-float.is-click-clear .vh-small p{
  color:#3f4f64!important;
  text-shadow:none!important;
}

@media(max-width:640px){
  .hero.section-soft.velaea-policy-hero .vh-float[data-tap-preview="true"],
  .hero.section-soft.velaea-policy-hero .vh-float.is-click-clear{
    opacity:1!important;
    filter:none!important;
  }
  .hero.section-soft.velaea-policy-hero .vh-float[data-tap-preview="true"] .vh-card,
  .hero.section-soft.velaea-policy-hero .vh-float.is-click-clear .vh-card{
    opacity:1!important;
    filter:none!important;
    background:linear-gradient(145deg,rgba(15,28,47,.99),rgba(4,11,22,.97))!important;
    border-color:rgba(246,220,157,.90)!important;
    box-shadow:
      0 28px 68px rgba(0,0,0,.52),
      0 0 0 1px rgba(246,220,157,.14),
      0 0 42px rgba(216,173,88,.14),
      inset 0 1px 0 rgba(255,255,255,.15)!important;
  }
}

/* ===== Desktop hover: hovered small card reaches 100% clarity ===== */
@media (min-width:641px) and (hover:hover) and (pointer:fine){
  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear{
    z-index:2147483000!important;
    opacity:1!important;
    filter:none!important;
    visibility:visible!important;
  }

  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-card{
    opacity:1!important;
    filter:none!important;
    visibility:visible!important;
    color:#fffdf8!important;
    border-color:rgba(246,220,157,.92)!important;
    background:linear-gradient(145deg,rgba(15,28,47,.985),rgba(4,11,22,.965))!important;
    box-shadow:
      0 34px 82px rgba(0,0,0,.58),
      0 0 0 1px rgba(246,220,157,.16),
      0 0 54px rgba(216,173,88,.16),
      inset 0 1px 0 rgba(255,255,255,.16),
      inset 0 0 34px rgba(255,255,255,.025)!important;
    backdrop-filter:blur(34px) saturate(158%) contrast(111%)!important;
    -webkit-backdrop-filter:blur(34px) saturate(158%) contrast(111%)!important;
    transition:
      background .32s cubic-bezier(.16,1,.3,1),
      border-color .32s cubic-bezier(.16,1,.3,1),
      box-shadow .38s cubic-bezier(.16,1,.3,1),
      filter .26s ease,
      opacity .26s ease!important;
  }

  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-card::before{
    opacity:.88!important;
    background:
      linear-gradient(180deg,rgba(12,23,40,.34),rgba(5,12,24,.20)),
      linear-gradient(135deg,rgba(255,255,255,.10),transparent 30%),
      radial-gradient(circle at 86% 18%,rgba(216,173,88,.15),transparent 28%)!important;
    transition:opacity .32s ease, background .32s ease!important;
  }

  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-card::after{
    opacity:1!important;
    background:linear-gradient(90deg,transparent,rgba(255,244,215,.72),transparent)!important;
    transition:opacity .32s ease!important;
  }

  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-card > *,
  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small,
  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small-head,
  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small h3,
  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small p,
  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-action,
  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-icon{
    opacity:1!important;
    filter:none!important;
    visibility:visible!important;
    transition:color .28s ease, opacity .26s ease, filter .26s ease, text-shadow .28s ease!important;
  }

  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small-head{
    color:#e4eaf2!important;
    text-shadow:0 2px 12px rgba(0,0,0,.52)!important;
  }

  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small h3{
    color:#fffdf8!important;
    font-weight:900!important;
    text-shadow:0 3px 18px rgba(0,0,0,.56)!important;
  }

  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small p{
    color:#eef2f7!important;
    text-shadow:0 2px 12px rgba(0,0,0,.48)!important;
  }

  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-action{
    color:#f4d58c!important;
    text-shadow:0 2px 12px rgba(0,0,0,.42)!important;
  }

  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-icon{
    color:#f6dda1!important;
    background:linear-gradient(145deg,rgba(230,187,95,.30),rgba(105,31,47,.20))!important;
    border-color:rgba(246,220,157,.38)!important;
    box-shadow:0 0 0 8px rgba(229,193,115,.07),0 14px 32px rgba(229,193,115,.18)!important;
    transition:color .28s ease, background .32s ease, border-color .32s ease, box-shadow .38s ease!important;
  }

  html:not([data-theme="dark"]) .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-card,
  body:not(.dark-mode) .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-card{
    color:#142238!important;
    border-color:rgba(176,131,34,.68)!important;
    background:linear-gradient(145deg,rgba(255,255,255,.995),rgba(244,247,251,.975))!important;
    box-shadow:
      0 30px 72px rgba(37,52,73,.24),
      0 0 0 1px rgba(176,131,34,.09),
      0 0 42px rgba(176,131,34,.10),
      inset 0 1px 0 rgba(255,255,255,1)!important;
  }

  html:not([data-theme="dark"]) .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small-head,
  body:not(.dark-mode) .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small-head{
    color:#5d6c80!important;
    text-shadow:none!important;
  }

  html:not([data-theme="dark"]) .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small h3,
  body:not(.dark-mode) .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small h3{
    color:#142238!important;
    text-shadow:none!important;
  }

  html:not([data-theme="dark"]) .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small p,
  body:not(.dark-mode) .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small p{
    color:#3f4f64!important;
    text-shadow:none!important;
  }
}


/* ===== First-frame clock sync guard ===== */
/* Hide rotating elements only until JavaScript has written the real current
   time. This removes the brief 12-o'clock/loading pose on refresh without
   changing any of the existing intro, fade, hover, or mobile animations. */
.vh-clock:not(.is-time-synced) .vh-clock-hand,
.vh-clock:not(.is-time-synced) .vh-clock-spark-track{
  visibility:hidden!important;
  opacity:0!important;
}
.vh-clock.is-time-synced .vh-clock-hand,
.vh-clock.is-time-synced .vh-clock-spark-track{
  visibility:visible;
}

/* ===== Desktop hover recovery — balanced, crisp and GPU-light ===== */
/* This block intentionally replaces the oversized glass halo experiment.
   The card gets a modest real lift, while a small lightweight frame creates
   presence without stacking another expensive backdrop-blur layer. */
@media (min-width:641px) and (hover:hover) and (pointer:fine){
  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float{
    isolation:isolate;
    transform-style:flat!important;
  }

  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float::before{
    content:"";
    position:absolute;
    inset:-8px;
    z-index:0;
    border-radius:25px;
    pointer-events:none;
    opacity:0;
    transform:scale(.975);
    transform-origin:center;
    background:linear-gradient(145deg,rgba(13,25,43,.96),rgba(4,11,22,.935));
    border:1px solid rgba(239,207,139,.52);
    box-shadow:
      0 26px 58px rgba(0,0,0,.34),
      0 0 0 1px rgba(239,207,139,.06),
      0 0 26px rgba(216,173,88,.08),
      inset 0 1px 0 rgba(255,255,255,.07);
    transition:
      opacity .30s cubic-bezier(.16,1,.3,1),
      transform .42s cubic-bezier(.16,1,.3,1),
      border-color .30s ease,
      box-shadow .38s cubic-bezier(.16,1,.3,1);
  }

  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear::before{
    opacity:.88;
    transform:scale(1);
  }

  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float .vh-card{
    position:relative;
    z-index:1;
    transform-style:flat!important;
    backface-visibility:hidden!important;
    -webkit-backface-visibility:hidden!important;
  }

  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear{
    z-index:120!important;
    opacity:1!important;
    filter:none!important;
  }

  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-card{
    opacity:1!important;
    filter:none!important;
    color:#fffdf8!important;
    background:linear-gradient(145deg,rgba(14,27,46,.988),rgba(4,11,22,.972))!important;
    border-color:rgba(248,222,164,.90)!important;
    box-shadow:
      0 26px 58px rgba(0,0,0,.40),
      0 0 0 1px rgba(248,222,164,.10),
      0 0 28px rgba(216,173,88,.09),
      inset 0 1px 0 rgba(255,255,255,.13),
      inset 0 0 24px rgba(255,255,255,.018)!important;
    backdrop-filter:blur(14px) saturate(132%)!important;
    -webkit-backdrop-filter:blur(14px) saturate(132%)!important;
    transition:
      background .30s cubic-bezier(.16,1,.3,1),
      border-color .30s cubic-bezier(.16,1,.3,1),
      box-shadow .36s cubic-bezier(.16,1,.3,1),
      opacity .24s ease!important;
  }

  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-card::before{
    opacity:.62!important;
    background:
      linear-gradient(180deg,rgba(13,25,43,.22),rgba(5,12,24,.12)),
      linear-gradient(135deg,rgba(255,255,255,.06),transparent 31%),
      radial-gradient(circle at 86% 18%,rgba(216,173,88,.10),transparent 30%)!important;
  }

  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-card::after{
    opacity:.82!important;
    background:linear-gradient(90deg,transparent,rgba(255,242,210,.56),transparent)!important;
  }

  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-card > *,
  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small,
  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small-head,
  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small h3,
  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small p,
  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-action,
  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-icon{
    opacity:1!important;
    filter:none!important;
    visibility:visible!important;
    text-rendering:optimizeLegibility!important;
    -webkit-font-smoothing:antialiased!important;
    backface-visibility:hidden!important;
    -webkit-backface-visibility:hidden!important;
    transform:none!important;
    will-change:auto!important;
  }

  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small-head{
    color:#dfe6ef!important;
    font-weight:800!important;
    text-shadow:0 1px 2px rgba(0,0,0,.44)!important;
  }
  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small h3{
    color:#fff!important;
    font-weight:900!important;
    text-shadow:0 1px 2px rgba(0,0,0,.40)!important;
  }
  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small p{
    color:#eef3f8!important;
    font-weight:600!important;
    text-shadow:0 1px 2px rgba(0,0,0,.36)!important;
  }
  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-action{
    color:#f5d58d!important;
    font-weight:900!important;
    text-shadow:none!important;
  }

  html:not([data-theme="dark"]) .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float::before,
  body:not(.dark-mode) .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float::before{
    background:linear-gradient(145deg,rgba(255,255,255,.985),rgba(242,246,250,.96));
    border-color:rgba(176,131,34,.45);
    box-shadow:
      0 22px 50px rgba(37,52,73,.18),
      0 0 0 1px rgba(176,131,34,.06),
      0 0 22px rgba(176,131,34,.06),
      inset 0 1px 0 rgba(255,255,255,.92);
  }

  html:not([data-theme="dark"]) .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-card,
  body:not(.dark-mode) .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-card{
    color:#142238!important;
    background:linear-gradient(145deg,rgba(255,255,255,.992),rgba(244,247,251,.975))!important;
    border-color:rgba(176,131,34,.58)!important;
    box-shadow:
      0 24px 54px rgba(37,52,73,.18),
      0 0 0 1px rgba(176,131,34,.06),
      0 0 24px rgba(176,131,34,.06),
      inset 0 1px 0 rgba(255,255,255,1)!important;
  }

  html:not([data-theme="dark"]) .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small-head,
  body:not(.dark-mode) .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small-head{
    color:#5d6c80!important;
    text-shadow:none!important;
  }
  html:not([data-theme="dark"]) .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small h3,
  body:not(.dark-mode) .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small h3{
    color:#142238!important;
    text-shadow:none!important;
  }
  html:not([data-theme="dark"]) .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small p,
  body:not(.dark-mode) .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small p{
    color:#3f4f64!important;
    text-shadow:none!important;
  }
}

/* ===== FINAL desktop hover cleanup — clean, stable, crisp ===== */
@media (min-width:641px) and (hover:hover) and (pointer:fine){
  /* Remove every oversized helper halo/frame from earlier experiments. */
  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float::before,
  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float::after{
    content:none!important;
    display:none!important;
  }

  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float{
    isolation:auto!important;
    transform-style:preserve-3d!important;
  }

  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float .vh-card{
    transform:none!important;
    transform-style:flat!important;
    backface-visibility:hidden!important;
    -webkit-backface-visibility:hidden!important;
    will-change:auto!important;
    transition:
      background .32s cubic-bezier(.22,1,.36,1),
      border-color .30s ease,
      box-shadow .36s cubic-bezier(.22,1,.36,1),
      opacity .26s ease,
      filter .26s ease!important;
  }

  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear{
    z-index:80!important;
    opacity:1!important;
    filter:none!important;
  }

  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-card{
    opacity:1!important;
    filter:none!important;
    background:linear-gradient(145deg,rgba(12,24,42,.985),rgba(5,12,24,.965))!important;
    border-color:rgba(241,211,146,.78)!important;
    box-shadow:
      0 20px 44px rgba(0,0,0,.34),
      0 0 0 1px rgba(241,211,146,.07),
      0 0 18px rgba(216,173,88,.055),
      inset 0 1px 0 rgba(255,255,255,.10)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-card::before{
    opacity:.34!important;
    background:linear-gradient(135deg,rgba(255,255,255,.045),transparent 34%,rgba(216,173,88,.035))!important;
  }
  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-card::after{
    opacity:.62!important;
    background:linear-gradient(90deg,transparent,rgba(255,239,200,.42),transparent)!important;
  }

  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-card > *,
  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small,
  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small-head,
  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small h3,
  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small p,
  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-action,
  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-icon{
    opacity:1!important;
    filter:none!important;
    visibility:visible!important;
    transform:none!important;
    text-rendering:geometricPrecision!important;
    -webkit-font-smoothing:antialiased!important;
    -moz-osx-font-smoothing:grayscale!important;
    text-shadow:none!important;
    will-change:auto!important;
  }

  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small-head{
    color:#d7dee8!important;
    font-weight:800!important;
  }
  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small h3{
    color:#fff!important;
    font-weight:900!important;
  }
  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small p{
    color:#e2e8f0!important;
    font-weight:600!important;
  }
  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-action{
    color:#f2d18a!important;
    font-weight:900!important;
  }

  html:not([data-theme="dark"]) .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-card,
  body:not(.dark-mode) .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-card{
    background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(245,247,250,.975))!important;
    border-color:rgba(176,131,34,.50)!important;
    box-shadow:
      0 18px 38px rgba(37,52,73,.16),
      0 0 0 1px rgba(176,131,34,.05),
      0 0 16px rgba(176,131,34,.045),
      inset 0 1px 0 rgba(255,255,255,1)!important;
  }
  html:not([data-theme="dark"]) .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small-head,
  body:not(.dark-mode) .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small-head{color:#5d6c80!important;}
  html:not([data-theme="dark"]) .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small h3,
  body:not(.dark-mode) .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small h3{color:#142238!important;}
  html:not([data-theme="dark"]) .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small p,
  body:not(.dark-mode) .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small p{color:#3f4f64!important;}
}

/* ===== Unified two-click focus state — crisp reading mode ===== */
.hero-art.hero-art-image.vh-host .vh-float.is-click-clear,
.hero-art.hero-art-image.vh-host .vh-float[data-tap-preview="true"]{
  z-index:160!important;
  opacity:1!important;
  filter:none!important;
}
.hero-art.hero-art-image.vh-host .vh-float.is-click-clear .vh-card,
.hero-art.hero-art-image.vh-host .vh-float[data-tap-preview="true"] .vh-card{
  opacity:1!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  background:linear-gradient(145deg,rgba(11,23,40,.992),rgba(4,11,22,.982))!important;
  border-color:rgba(244,216,151,.88)!important;
  box-shadow:
    0 22px 48px rgba(0,0,0,.38),
    0 0 0 1px rgba(244,216,151,.08),
    0 0 20px rgba(216,173,88,.06),
    inset 0 1px 0 rgba(255,255,255,.11)!important;
  transition:
    background .32s cubic-bezier(.22,1,.36,1),
    border-color .30s ease,
    box-shadow .38s cubic-bezier(.22,1,.36,1),
    opacity .24s ease!important;
}
.hero-art.hero-art-image.vh-host .vh-float.is-click-clear .vh-small,
.hero-art.hero-art-image.vh-host .vh-float[data-tap-preview="true"] .vh-small{
  opacity:1!important;
  filter:none!important;
}
.hero-art.hero-art-image.vh-host .vh-float.is-click-clear .vh-small-head,
.hero-art.hero-art-image.vh-host .vh-float[data-tap-preview="true"] .vh-small-head{
  font-size:9.2px!important;
  color:#dfe6ee!important;
  font-weight:900!important;
  letter-spacing:.075em!important;
  text-shadow:none!important;
  transition:font-size .34s cubic-bezier(.22,1,.36,1),color .28s ease!important;
}
.hero-art.hero-art-image.vh-host .vh-float.is-click-clear .vh-small h3,
.hero-art.hero-art-image.vh-host .vh-float[data-tap-preview="true"] .vh-small h3{
  font-size:18px!important;
  line-height:1.16!important;
  color:#fff!important;
  font-weight:900!important;
  letter-spacing:-.018em!important;
  text-shadow:none!important;
  transform:none!important;
  transition:font-size .36s cubic-bezier(.22,1,.36,1),color .28s ease!important;
}
.hero-art.hero-art-image.vh-host .vh-float.is-click-clear .vh-small p,
.hero-art.hero-art-image.vh-host .vh-float[data-tap-preview="true"] .vh-small p{
  font-size:10.5px!important;
  line-height:1.58!important;
  color:#e8edf3!important;
  font-weight:600!important;
  text-shadow:none!important;
  transition:font-size .34s cubic-bezier(.22,1,.36,1),color .28s ease!important;
}
.hero-art.hero-art-image.vh-host .vh-float.is-click-clear .vh-action,
.hero-art.hero-art-image.vh-host .vh-float[data-tap-preview="true"] .vh-action{
  font-size:9.2px!important;
  color:#f2d18a!important;
  font-weight:900!important;
  text-shadow:none!important;
  transition:font-size .34s cubic-bezier(.22,1,.36,1),color .28s ease!important;
}
.hero-art.hero-art-image.vh-host .vh-float.is-click-clear .vh-card > *,
.hero-art.hero-art-image.vh-host .vh-float[data-tap-preview="true"] .vh-card > *{
  opacity:1!important;
  filter:none!important;
  visibility:visible!important;
  text-rendering:geometricPrecision!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
}

@media(max-width:640px){
  .hero-art.hero-art-image.vh-host .vh-float.is-click-clear .vh-small-head,
  .hero-art.hero-art-image.vh-host .vh-float[data-tap-preview="true"] .vh-small-head{
    font-size:9px!important;
  }
  .hero-art.hero-art-image.vh-host .vh-float.is-click-clear .vh-small h3,
  .hero-art.hero-art-image.vh-host .vh-float[data-tap-preview="true"] .vh-small h3{
    font-size:17px!important;
  }
  .hero-art.hero-art-image.vh-host .vh-float.is-click-clear .vh-small p,
  .hero-art.hero-art-image.vh-host .vh-float[data-tap-preview="true"] .vh-small p{
    font-size:10px!important;
  }
  .hero-art.hero-art-image.vh-host .vh-float.is-click-clear .vh-action,
  .hero-art.hero-art-image.vh-host .vh-float[data-tap-preview="true"] .vh-action{
    font-size:9px!important;
  }
}

html:not([data-theme="dark"]) .hero-art.hero-art-image.vh-host .vh-float.is-click-clear .vh-card,
body:not(.dark-mode) .hero-art.hero-art-image.vh-host .vh-float.is-click-clear .vh-card,
html:not([data-theme="dark"]) .hero-art.hero-art-image.vh-host .vh-float[data-tap-preview="true"] .vh-card,
body:not(.dark-mode) .hero-art.hero-art-image.vh-host .vh-float[data-tap-preview="true"] .vh-card{
  background:linear-gradient(145deg,rgba(255,255,255,.995),rgba(245,248,251,.982))!important;
  border-color:rgba(176,131,34,.54)!important;
  box-shadow:
    0 18px 38px rgba(37,52,73,.17),
    0 0 0 1px rgba(176,131,34,.05),
    inset 0 1px 0 rgba(255,255,255,1)!important;
}
html:not([data-theme="dark"]) .hero-art.hero-art-image.vh-host .vh-float.is-click-clear .vh-small-head,
body:not(.dark-mode) .hero-art.hero-art-image.vh-host .vh-float.is-click-clear .vh-small-head,
html:not([data-theme="dark"]) .hero-art.hero-art-image.vh-host .vh-float[data-tap-preview="true"] .vh-small-head,
body:not(.dark-mode) .hero-art.hero-art-image.vh-host .vh-float[data-tap-preview="true"] .vh-small-head{color:#5d6c80!important;}
html:not([data-theme="dark"]) .hero-art.hero-art-image.vh-host .vh-float.is-click-clear .vh-small h3,
body:not(.dark-mode) .hero-art.hero-art-image.vh-host .vh-float.is-click-clear .vh-small h3,
html:not([data-theme="dark"]) .hero-art.hero-art-image.vh-host .vh-float[data-tap-preview="true"] .vh-small h3,
body:not(.dark-mode) .hero-art.hero-art-image.vh-host .vh-float[data-tap-preview="true"] .vh-small h3{color:#142238!important;}
html:not([data-theme="dark"]) .hero-art.hero-art-image.vh-host .vh-float.is-click-clear .vh-small p,
body:not(.dark-mode) .hero-art.hero-art-image.vh-host .vh-float.is-click-clear .vh-small p,
html:not([data-theme="dark"]) .hero-art.hero-art-image.vh-host .vh-float[data-tap-preview="true"] .vh-small p,
body:not(.dark-mode) .hero-art.hero-art-image.vh-host .vh-float[data-tap-preview="true"] .vh-small p{color:#3f4f64!important;}

/* ===== Reference-tuned desktop hover — premium depth, crisp reading ===== */
@media (min-width:641px) and (hover:hover) and (pointer:fine){
  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float{
    transform-style:preserve-3d!important;
  }

  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float .vh-card{
    transform:none!important;
    transform-style:flat!important;
    backface-visibility:hidden!important;
    -webkit-backface-visibility:hidden!important;
    transition:
      background .46s cubic-bezier(.16,1,.3,1),
      border-color .42s cubic-bezier(.16,1,.3,1),
      box-shadow .52s cubic-bezier(.16,1,.3,1),
      filter .38s ease,
      opacity .38s ease!important;
  }

  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear{
    z-index:220!important;
    opacity:1!important;
    filter:none!important;
  }

  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-card{
    opacity:1!important;
    filter:none!important;
    background:
      radial-gradient(circle at 86% 12%,rgba(216,173,88,.10),transparent 30%),
      linear-gradient(145deg,rgba(13,27,47,.995),rgba(5,13,25,.985))!important;
    border-color:rgba(244,216,151,.88)!important;
    box-shadow:
      0 26px 58px rgba(0,0,0,.42),
      0 0 0 1px rgba(244,216,151,.08),
      0 0 26px rgba(216,173,88,.075),
      inset 0 1px 0 rgba(255,255,255,.12)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-card::before{
    opacity:.48!important;
    background:
      linear-gradient(130deg,rgba(255,255,255,.075),transparent 31%,transparent 69%,rgba(216,173,88,.045))!important;
  }
  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-card::after{
    opacity:.82!important;
    background:linear-gradient(90deg,transparent,rgba(255,238,194,.72),transparent)!important;
  }

  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-card > *,
  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small,
  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small-head,
  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small h3,
  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small p,
  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-action,
  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-icon{
    opacity:1!important;
    filter:none!important;
    visibility:visible!important;
    text-rendering:geometricPrecision!important;
    -webkit-font-smoothing:antialiased!important;
    -moz-osx-font-smoothing:grayscale!important;
    text-shadow:none!important;
  }

  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small-head{
    color:#edf1f6!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
  }
  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small h3{
    color:#fffdf7!important;
    font-weight:900!important;
    letter-spacing:-.018em!important;
  }
  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small p{
    color:#f0f3f7!important;
    font-weight:650!important;
    line-height:1.52!important;
  }
  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-action{
    color:#f5d88f!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
  }
  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-icon{
    transform:scale(1.10)!important;
    background:linear-gradient(145deg,rgba(216,173,88,.28),rgba(255,255,255,.06))!important;
    border-color:rgba(244,216,151,.42)!important;
    box-shadow:0 8px 20px rgba(0,0,0,.24),0 0 18px rgba(216,173,88,.09)!important;
    transition:transform .46s cubic-bezier(.16,1,.3,1),background .38s ease,border-color .38s ease,box-shadow .46s ease!important;
  }

  /* The selected reading state remains stable after the first click. */
  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-click-clear .vh-card,
  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float[data-tap-preview="true"] .vh-card{
    background:
      radial-gradient(circle at 86% 12%,rgba(216,173,88,.09),transparent 31%),
      linear-gradient(145deg,rgba(12,25,44,.998),rgba(4,11,22,.992))!important;
    border-color:rgba(244,216,151,.92)!important;
    box-shadow:
      0 26px 58px rgba(0,0,0,.42),
      0 0 0 1px rgba(244,216,151,.09),
      0 0 24px rgba(216,173,88,.07),
      inset 0 1px 0 rgba(255,255,255,.12)!important;
  }

  html:not([data-theme="dark"]) .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-card,
  body:not(.dark-mode) .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-card{
    background:
      radial-gradient(circle at 86% 12%,rgba(176,131,34,.10),transparent 30%),
      linear-gradient(145deg,rgba(255,255,255,.998),rgba(244,247,251,.988))!important;
    border-color:rgba(176,131,34,.58)!important;
    box-shadow:
      0 24px 50px rgba(37,52,73,.20),
      0 0 0 1px rgba(176,131,34,.06),
      0 0 22px rgba(176,131,34,.06),
      inset 0 1px 0 rgba(255,255,255,1)!important;
  }
  html:not([data-theme="dark"]) .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small-head,
  body:not(.dark-mode) .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small-head{color:#59697d!important;}
  html:not([data-theme="dark"]) .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small h3,
  body:not(.dark-mode) .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small h3{color:#101d31!important;}
  html:not([data-theme="dark"]) .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small p,
  body:not(.dark-mode) .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-float.is-hover-clear .vh-small p{color:#35465c!important;}
}

/* ===== VELAEA clock dimensional intro polish ===== */
/* A short depth pulse at first reveal; the existing long fade remains intact. */
.vh-clock{
  transform-origin:50% 50%;
  transition:none!important;
}
.vh-clock-face{
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.05),
    inset 0 0 calc(28px + (var(--vh-intro-depth,0) * 20px)) rgba(255,255,255,.03),
    inset 0 0 calc(120px + (var(--vh-intro-depth,0) * 34px)) rgba(7,15,29,.60),
    inset 0 0 calc(70px + (var(--vh-intro-depth,0) * 38px)) rgba(216,173,88,.07),
    0 0 calc(36px + (var(--vh-intro-depth,0) * 42px)) rgba(216,173,88,calc(.04 + (var(--vh-intro-depth,0) * .11)))!important;
}
.vh-clock-ring.outer{
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.045),
    0 0 0 1px rgba(226,187,104,.10),
    0 0 calc(22px + (var(--vh-intro-depth,0) * 34px)) rgba(226,187,104,calc(.06 + (var(--vh-intro-depth,0) * .13)))!important;
}
.vh-clock-center{
  box-shadow:
    0 0 0 6px rgba(242,214,146,.09),
    0 0 0 14px rgba(255,255,255,.02),
    0 0 calc(24px + (var(--vh-intro-depth,0) * 24px)) rgba(242,214,146,calc(.14 + (var(--vh-intro-depth,0) * .16)))!important;
}
.vh-clock::before{
  opacity:calc(.24 + (var(--vh-clock-core-opacity,.16) * 1.55) + (var(--vh-intro-depth,0) * .20))!important;
}
.vh-clock::after{
  opacity:calc(.18 + (var(--vh-clock-core-opacity,.16) * 1.2) + (var(--vh-intro-depth,0) * .16))!important;
}
@media (max-width:640px){
  .vh-clock-face{
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.045),
      inset 0 0 calc(22px + (var(--vh-intro-depth,0) * 14px)) rgba(255,255,255,.025),
      inset 0 0 calc(92px + (var(--vh-intro-depth,0) * 26px)) rgba(7,15,29,.56),
      inset 0 0 calc(52px + (var(--vh-intro-depth,0) * 28px)) rgba(216,173,88,.06),
      0 0 calc(28px + (var(--vh-intro-depth,0) * 30px)) rgba(216,173,88,calc(.035 + (var(--vh-intro-depth,0) * .09)))!important;
  }
}

/* ===== VELAEA lightweight luxury hero reveal ===== */
/* One compositor-friendly sequence for copy and supporting controls. */
html.vh-copy-motion-ready .hero-copy > *,
html.vh-copy-motion-ready .vh-mobile-intro > *{
  opacity:0;
  transform:translate3d(0,12px,0);
  transition:
    opacity .72s cubic-bezier(.16,1,.3,1),
    transform .82s cubic-bezier(.16,1,.3,1);
  will-change:opacity,transform;
}
html.vh-copy-motion-ready .hero-copy.is-vh-copy-visible > *,
html.vh-copy-motion-ready .vh-mobile-intro.is-vh-copy-visible > *{
  opacity:1;
  transform:translate3d(0,0,0);
}

/* Kicker: quiet editorial entrance */
html.vh-copy-motion-ready .hero-copy .eyebrow{
  transform:translate3d(0,8px,0);
  letter-spacing:.16em;
  transition:
    opacity .62s cubic-bezier(.16,1,.3,1) .10s,
    transform .72s cubic-bezier(.16,1,.3,1) .10s,
    letter-spacing .88s cubic-bezier(.16,1,.3,1) .10s;
}
html.vh-copy-motion-ready .hero-copy.is-vh-copy-visible .eyebrow{
  letter-spacing:.105em;
}

/* Headline: two-stage reveal without expensive masking */
html.vh-copy-motion-ready .hero-title{
  opacity:1!important;
  transform:none!important;
  transition:none!important;
  will-change:auto;
}
html.vh-copy-motion-ready .hero-title > span{
  display:block;
  opacity:0;
  transform:translate3d(0,18px,0) scale(.992);
  transition:
    opacity .78s cubic-bezier(.16,1,.3,1),
    transform .90s cubic-bezier(.16,1,.3,1);
  will-change:opacity,transform;
}
html.vh-copy-motion-ready .hero-copy.is-vh-copy-visible .hero-title > span{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
}
html.vh-copy-motion-ready .hero-title-main{transition-delay:.22s!important;}
html.vh-copy-motion-ready .hero-title-accent{transition-delay:.39s!important;}

/* Description, policy strip, features and CTAs enter in a measured cascade */
html.vh-copy-motion-ready .hero-copy .lead{transition-delay:.60s;}
html.vh-copy-motion-ready .hero-copy .policy-tagline{
  transform:translate3d(0,10px,0) scaleX(.985);
  transform-origin:left center;
  transition-delay:.76s;
}
html.vh-copy-motion-ready .hero-copy.is-vh-copy-visible .policy-tagline{
  transform:translate3d(0,0,0) scaleX(1);
}
html.vh-copy-motion-ready .hero-copy .policy-feature-row{
  opacity:1!important;
  transform:none!important;
  transition:none!important;
  will-change:auto;
}
html.vh-copy-motion-ready .policy-feature-row .mini-feature{
  opacity:0;
  transform:translate3d(0,9px,0);
  transition:
    opacity .62s cubic-bezier(.16,1,.3,1),
    transform .72s cubic-bezier(.16,1,.3,1);
  will-change:opacity,transform;
}
html.vh-copy-motion-ready .hero-copy.is-vh-copy-visible .policy-feature-row .mini-feature{
  opacity:1;
  transform:translate3d(0,0,0);
}
html.vh-copy-motion-ready .policy-feature-row .mini-feature:nth-child(1){transition-delay:.90s;}
html.vh-copy-motion-ready .policy-feature-row .mini-feature:nth-child(2){transition-delay:.98s;}
html.vh-copy-motion-ready .policy-feature-row .mini-feature:nth-child(3){transition-delay:1.06s;}
html.vh-copy-motion-ready .policy-feature-row .mini-feature:nth-child(4){transition-delay:1.14s;}
html.vh-copy-motion-ready .hero-copy .hero-actions{transition-delay:1.28s;}

/* A restrained, one-time metallic reflection on the gold line. */
html.vh-copy-motion-ready .hero-title-accent{
  position:relative;
  overflow:hidden;
}
html.vh-copy-motion-ready .hero-title-accent::after{
  content:"";
  position:absolute;
  inset:-10% auto -10% -34%;
  width:24%;
  background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.18) 46%,rgba(255,240,196,.34) 52%,rgba(255,255,255,.12) 58%,transparent 100%);
  transform:skewX(-16deg) translate3d(0,0,0);
  opacity:0;
  pointer-events:none;
}
html.vh-copy-motion-ready .hero-copy.is-vh-copy-visible .hero-title-accent::after{
  animation:vhGoldSweep 1.05s cubic-bezier(.16,1,.3,1) .88s 1 both;
}
@keyframes vhGoldSweep{
  0%{left:-34%;opacity:0;}
  18%{opacity:.46;}
  72%{opacity:.22;}
  100%{left:116%;opacity:0;}
}

/* Mobile: same language, shorter travel and faster cadence. */
@media(max-width:640px){
  html.vh-copy-motion-ready .hero-copy > *,
  html.vh-copy-motion-ready .vh-mobile-intro > *{
    transform:translate3d(0,7px,0);
    transition-duration:.56s,.64s;
  }
  html.vh-copy-motion-ready .hero-title > span{
    transform:translate3d(0,11px,0) scale(.996);
    transition-duration:.64s,.72s;
  }
  html.vh-copy-motion-ready .hero-title-main{transition-delay:.14s!important;}
  html.vh-copy-motion-ready .hero-title-accent{transition-delay:.27s!important;}
  html.vh-copy-motion-ready .hero-copy .lead{transition-delay:.42s;}
  html.vh-copy-motion-ready .hero-copy .policy-tagline{transition-delay:.54s;}
  html.vh-copy-motion-ready .policy-feature-row .mini-feature:nth-child(1){transition-delay:.65s;}
  html.vh-copy-motion-ready .policy-feature-row .mini-feature:nth-child(2){transition-delay:.71s;}
  html.vh-copy-motion-ready .policy-feature-row .mini-feature:nth-child(3){transition-delay:.77s;}
  html.vh-copy-motion-ready .policy-feature-row .mini-feature:nth-child(4){transition-delay:.83s;}
  html.vh-copy-motion-ready .hero-copy .hero-actions{transition-delay:.94s;}

  html.vh-copy-motion-ready .vh-mobile-intro .vh-mobile-kicker{transition-delay:.08s;}
  html.vh-copy-motion-ready .vh-mobile-intro h2{transition-delay:.20s;}
  html.vh-copy-motion-ready .vh-mobile-intro .vh-mobile-sub{transition-delay:.34s;}

  /* Keep the reflection nearly imperceptible on small GPUs. */
  html.vh-copy-motion-ready .hero-copy.is-vh-copy-visible .hero-title-accent::after{
    animation-duration:.82s;
    animation-delay:.64s;
    opacity:.22;
  }
}

@media(prefers-reduced-motion:reduce){
  html.vh-copy-motion-ready .hero-copy > *,
  html.vh-copy-motion-ready .hero-title > span,
  html.vh-copy-motion-ready .policy-feature-row .mini-feature,
  html.vh-copy-motion-ready .vh-mobile-intro > *{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
    animation:none!important;
    will-change:auto!important;
  }
  html.vh-copy-motion-ready .hero-title-accent::after{display:none!important;}
}

/* ===== VELAEA hero reveal v2 — clearly visible, still lightweight ===== */
/* Stronger editorial timing using compositor-friendly properties only. */
html.vh-copy-motion-ready .hero-copy .eyebrow{
  opacity:0!important;
  transform:translate3d(-22px,0,0)!important;
  transition:
    opacity .68s cubic-bezier(.16,1,.3,1) .08s,
    transform .82s cubic-bezier(.16,1,.3,1) .08s,
    letter-spacing .90s cubic-bezier(.16,1,.3,1) .08s!important;
}
html.vh-copy-motion-ready .hero-copy.is-vh-copy-visible .eyebrow{
  opacity:1!important;
  transform:translate3d(0,0,0)!important;
}

html.vh-copy-motion-ready .hero-title{
  overflow:visible!important;
}
html.vh-copy-motion-ready .hero-title > span{
  opacity:0!important;
  transform:translate3d(0,32px,0) scale(.982)!important;
  clip-path:inset(0 0 82% 0);
  transition:
    opacity .78s cubic-bezier(.16,1,.3,1),
    transform 1.02s cubic-bezier(.16,1,.3,1),
    clip-path 1.02s cubic-bezier(.16,1,.3,1)!important;
}
html.vh-copy-motion-ready .hero-copy.is-vh-copy-visible .hero-title > span{
  opacity:1!important;
  transform:translate3d(0,0,0) scale(1)!important;
  clip-path:inset(0 0 0 0);
}
html.vh-copy-motion-ready .hero-title-main{transition-delay:.22s!important;}
html.vh-copy-motion-ready .hero-title-accent{transition-delay:.44s!important;}

html.vh-copy-motion-ready .hero-copy .lead{
  opacity:0!important;
  transform:translate3d(0,22px,0)!important;
  transition:
    opacity .78s cubic-bezier(.16,1,.3,1) .70s,
    transform .92s cubic-bezier(.16,1,.3,1) .70s!important;
}
html.vh-copy-motion-ready .hero-copy.is-vh-copy-visible .lead{
  opacity:1!important;
  transform:translate3d(0,0,0)!important;
}

html.vh-copy-motion-ready .hero-copy .policy-tagline{
  opacity:0!important;
  transform:translate3d(-14px,0,0) scaleX(.91)!important;
  transform-origin:left center!important;
  transition:
    opacity .70s cubic-bezier(.16,1,.3,1) .90s,
    transform .92s cubic-bezier(.16,1,.3,1) .90s!important;
}
html.vh-copy-motion-ready .hero-copy.is-vh-copy-visible .policy-tagline{
  opacity:1!important;
  transform:translate3d(0,0,0) scaleX(1)!important;
}

html.vh-copy-motion-ready .policy-feature-row .mini-feature{
  opacity:0!important;
  transform:translate3d(0,20px,0) scale(.96)!important;
  transition:
    opacity .64s cubic-bezier(.16,1,.3,1),
    transform .82s cubic-bezier(.16,1,.3,1)!important;
}
html.vh-copy-motion-ready .hero-copy.is-vh-copy-visible .policy-feature-row .mini-feature{
  opacity:1!important;
  transform:translate3d(0,0,0) scale(1)!important;
}
html.vh-copy-motion-ready .policy-feature-row .mini-feature:nth-child(1){transition-delay:1.06s!important;}
html.vh-copy-motion-ready .policy-feature-row .mini-feature:nth-child(2){transition-delay:1.15s!important;}
html.vh-copy-motion-ready .policy-feature-row .mini-feature:nth-child(3){transition-delay:1.24s!important;}
html.vh-copy-motion-ready .policy-feature-row .mini-feature:nth-child(4){transition-delay:1.33s!important;}
html.vh-copy-motion-ready .policy-feature-row .mini-feature i{
  transform:scale(.72) rotate(-10deg);
  opacity:.24;
  transition:
    transform .70s cubic-bezier(.16,1,.3,1),
    opacity .56s ease;
}
html.vh-copy-motion-ready .hero-copy.is-vh-copy-visible .policy-feature-row .mini-feature i{
  transform:scale(1) rotate(0deg);
  opacity:1;
}
html.vh-copy-motion-ready .policy-feature-row .mini-feature:nth-child(1) i{transition-delay:1.12s;}
html.vh-copy-motion-ready .policy-feature-row .mini-feature:nth-child(2) i{transition-delay:1.21s;}
html.vh-copy-motion-ready .policy-feature-row .mini-feature:nth-child(3) i{transition-delay:1.30s;}
html.vh-copy-motion-ready .policy-feature-row .mini-feature:nth-child(4) i{transition-delay:1.39s;}

html.vh-copy-motion-ready .hero-copy .hero-actions{
  opacity:1!important;
  transform:none!important;
  transition:none!important;
}
html.vh-copy-motion-ready .hero-copy .hero-actions .btn{
  opacity:0!important;
  transform:translate3d(0,18px,0) scale(.965)!important;
  transition:
    opacity .62s cubic-bezier(.16,1,.3,1),
    transform .78s cubic-bezier(.16,1,.3,1),
    box-shadow .35s ease,
    border-color .35s ease,
    background-color .35s ease!important;
}
html.vh-copy-motion-ready .hero-copy.is-vh-copy-visible .hero-actions .btn{
  opacity:1!important;
  transform:translate3d(0,0,0) scale(1)!important;
}
html.vh-copy-motion-ready .hero-actions .btn:nth-child(1){transition-delay:1.47s!important;}
html.vh-copy-motion-ready .hero-actions .btn:nth-child(2){transition-delay:1.47s!important;}
html.vh-copy-motion-ready .hero-actions .btn:nth-child(3){transition-delay:1.58s!important;}

/* Subtle one-time line draw under the copy area, no extra DOM. */
html.vh-copy-motion-ready .hero-copy::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-8px;
  width:78px;
  height:1px;
  background:linear-gradient(90deg,rgba(216,173,88,.68),rgba(216,173,88,0));
  transform:scaleX(0);
  transform-origin:left center;
  opacity:0;
  transition:
    transform .92s cubic-bezier(.16,1,.3,1) 1.66s,
    opacity .54s ease 1.66s;
  pointer-events:none;
}
html.vh-copy-motion-ready .hero-copy.is-vh-copy-visible::after{
  transform:scaleX(1);
  opacity:.72;
}

@media(max-width:640px){
  html.vh-copy-motion-ready .hero-copy .eyebrow{
    transform:translate3d(-13px,0,0)!important;
  }
  html.vh-copy-motion-ready .hero-title > span{
    transform:translate3d(0,20px,0) scale(.989)!important;
    clip-path:inset(0 0 72% 0);
  }
  html.vh-copy-motion-ready .hero-copy .lead{
    transform:translate3d(0,14px,0)!important;
  }
  html.vh-copy-motion-ready .hero-copy .policy-tagline{
    transform:translate3d(-8px,0,0) scaleX(.95)!important;
  }
  html.vh-copy-motion-ready .policy-feature-row .mini-feature{
    transform:translate3d(0,12px,0) scale(.975)!important;
  }
  html.vh-copy-motion-ready .hero-copy .hero-actions .btn{
    transform:translate3d(0,12px,0) scale(.98)!important;
  }

  html.vh-copy-motion-ready .hero-title-main{transition-delay:.16s!important;}
  html.vh-copy-motion-ready .hero-title-accent{transition-delay:.31s!important;}
  html.vh-copy-motion-ready .hero-copy .lead{transition-delay:.49s!important;}
  html.vh-copy-motion-ready .hero-copy .policy-tagline{transition-delay:.63s!important;}
  html.vh-copy-motion-ready .policy-feature-row .mini-feature:nth-child(1){transition-delay:.76s!important;}
  html.vh-copy-motion-ready .policy-feature-row .mini-feature:nth-child(2){transition-delay:.83s!important;}
  html.vh-copy-motion-ready .policy-feature-row .mini-feature:nth-child(3){transition-delay:.90s!important;}
  html.vh-copy-motion-ready .policy-feature-row .mini-feature:nth-child(4){transition-delay:.97s!important;}
  html.vh-copy-motion-ready .hero-actions .btn:nth-child(1),
  html.vh-copy-motion-ready .hero-actions .btn:nth-child(2){transition-delay:1.08s!important;}
  html.vh-copy-motion-ready .hero-actions .btn:nth-child(3){transition-delay:1.17s!important;}
  html.vh-copy-motion-ready .hero-copy::after{display:none;}
}

/* ===== VELAEA cinematic unified hero reveal =====
   One calm fade for the copy and supporting UI, timed to meet the clock/cards.
   This intentionally overrides the previous staggered editorial sequence. */
html.vh-copy-motion-ready .hero-copy,
html.vh-copy-motion-ready .vh-mobile-intro{
  opacity:0!important;
  transform:translate3d(0,10px,0)!important;
  filter:none!important;
  transition:
    opacity 1.55s cubic-bezier(.22,.72,.18,1),
    transform 1.75s cubic-bezier(.16,1,.3,1)!important;
  will-change:opacity,transform;
}
html.vh-copy-motion-ready .hero-copy.is-vh-copy-visible,
html.vh-copy-motion-ready .vh-mobile-intro.is-vh-copy-visible{
  opacity:1!important;
  transform:translate3d(0,0,0)!important;
}

/* Neutralize the old per-element choreography. Everything now resolves
   together, so the clock remains the opening focal point. */
html.vh-copy-motion-ready .hero-copy .eyebrow,
html.vh-copy-motion-ready .hero-copy .hero-title,
html.vh-copy-motion-ready .hero-copy .hero-title > span,
html.vh-copy-motion-ready .hero-copy .lead,
html.vh-copy-motion-ready .hero-copy .policy-tagline,
html.vh-copy-motion-ready .hero-copy .policy-feature-row,
html.vh-copy-motion-ready .hero-copy .policy-feature-row .mini-feature,
html.vh-copy-motion-ready .hero-copy .policy-feature-row .mini-feature .mini-icon,
html.vh-copy-motion-ready .hero-copy .hero-actions,
html.vh-copy-motion-ready .hero-copy .hero-actions .btn,
html.vh-copy-motion-ready .vh-mobile-intro > *{
  opacity:1!important;
  transform:none!important;
  clip-path:none!important;
  filter:none!important;
  transition:none!important;
  animation:none!important;
}
html.vh-copy-motion-ready .hero-copy::after,
html.vh-copy-motion-ready .hero-title-accent::after{
  display:none!important;
  content:none!important;
}

@media(max-width:640px){
  html.vh-copy-motion-ready .hero-copy,
  html.vh-copy-motion-ready .vh-mobile-intro{
    transform:translate3d(0,7px,0)!important;
    transition:
      opacity 1.18s cubic-bezier(.22,.72,.18,1),
      transform 1.35s cubic-bezier(.16,1,.3,1)!important;
  }
  html.vh-copy-motion-ready .hero-copy.is-vh-copy-visible,
  html.vh-copy-motion-ready .vh-mobile-intro.is-vh-copy-visible{
    transform:translate3d(0,0,0)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  html.vh-copy-motion-ready .hero-copy,
  html.vh-copy-motion-ready .vh-mobile-intro{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}

/* ===== Unified hero timeline v3 — one continuous clock/copy/card hand-off =====
   JavaScript now drives the reveal every frame. Removing CSS transitions here
   prevents transition restarts and the delayed/popping appearance seen before. */
html.vh-copy-motion-ready .hero-copy,
html.vh-copy-motion-ready .vh-mobile-intro,
html.vh-copy-motion-ready .hero-copy.is-vh-copy-visible,
html.vh-copy-motion-ready .vh-mobile-intro.is-vh-copy-visible{
  transition:none!important;
  animation:none!important;
  will-change:opacity,transform;
}

/* Keep all inner copy elements stable; the parent handles the whole reveal as
   one premium composition, so no child can flash or run an old stagger. */
html.vh-copy-motion-ready .hero-copy .eyebrow,
html.vh-copy-motion-ready .hero-copy .hero-title,
html.vh-copy-motion-ready .hero-copy .hero-title > span,
html.vh-copy-motion-ready .hero-copy .lead,
html.vh-copy-motion-ready .hero-copy .policy-tagline,
html.vh-copy-motion-ready .hero-copy .policy-feature-row,
html.vh-copy-motion-ready .hero-copy .policy-feature-row .mini-feature,
html.vh-copy-motion-ready .hero-copy .policy-feature-row .mini-feature .mini-icon,
html.vh-copy-motion-ready .hero-copy .hero-actions,
html.vh-copy-motion-ready .hero-copy .hero-actions .btn,
html.vh-copy-motion-ready .vh-mobile-intro > *{
  opacity:1!important;
  transform:none!important;
  filter:none!important;
  transition:none!important;
  animation:none!important;
}

@media(prefers-reduced-motion:reduce){
  html.vh-copy-motion-ready .hero-copy,
  html.vh-copy-motion-ready .vh-mobile-intro{
    opacity:1!important;
    transform:none!important;
  }
}


/* ===== VELAEA professional cinematic content reveal =====
   Scope: hero copy, service cards timeline and performance strip only.
   Clock visuals are intentionally untouched. */
html.vh-unified-reveal-enabled .velaea-policy-hero .hero-copy{
  opacity:1;
  transform:none;
  filter:none;
}
html.vh-unified-reveal-enabled .velaea-policy-hero .hero-copy .eyebrow,
html.vh-unified-reveal-enabled .velaea-policy-hero .hero-title-main,
html.vh-unified-reveal-enabled .velaea-policy-hero .hero-title-accent,
html.vh-unified-reveal-enabled .velaea-policy-hero .hero-copy .lead,
html.vh-unified-reveal-enabled .velaea-policy-hero .policy-tagline,
html.vh-unified-reveal-enabled .velaea-policy-hero .mini-feature,
html.vh-unified-reveal-enabled .velaea-policy-hero .hero-actions .btn,
html.vh-unified-reveal-enabled .policy-pillar-strip,
html.vh-unified-reveal-enabled .policy-pillar-strip .stats-card > div{
  will-change:transform,opacity;
  backface-visibility:hidden;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}
html.vh-unified-reveal-enabled .velaea-policy-hero .hero-title-main,
html.vh-unified-reveal-enabled .velaea-policy-hero .hero-title-accent{
  display:block;
  transform-origin:50% 100%;
}
html.vh-unified-reveal-enabled .velaea-policy-hero .mini-feature,
html.vh-unified-reveal-enabled .velaea-policy-hero .hero-actions .btn{
  transform-origin:50% 50%;
}
html.vh-unified-reveal-enabled .policy-pillar-strip{
  position:relative;
  z-index:3;
  transform-origin:50% 100%;
}
html.vh-unified-reveal-enabled .policy-pillar-strip .stats-card{
  overflow:hidden;
}
html.vh-unified-reveal-enabled .policy-pillar-strip .stats-card > div{
  transform-origin:50% 100%;
}

/* Once the timeline is complete, release compositor hints to keep idle GPU use low. */
html.vh-reveal-complete .velaea-policy-hero .hero-copy .eyebrow,
html.vh-reveal-complete .velaea-policy-hero .hero-title-main,
html.vh-reveal-complete .velaea-policy-hero .hero-title-accent,
html.vh-reveal-complete .velaea-policy-hero .hero-copy .lead,
html.vh-reveal-complete .velaea-policy-hero .policy-tagline,
html.vh-reveal-complete .velaea-policy-hero .mini-feature,
html.vh-reveal-complete .velaea-policy-hero .hero-actions .btn,
html.vh-reveal-complete .policy-pillar-strip,
html.vh-reveal-complete .policy-pillar-strip .stats-card > div{
  will-change:auto;
}

@media(max-width:640px){
  html.vh-unified-reveal-enabled .velaea-policy-hero .hero-copy .lead,
  html.vh-unified-reveal-enabled .velaea-policy-hero .policy-tagline,
  html.vh-unified-reveal-enabled .velaea-policy-hero .mini-feature,
  html.vh-unified-reveal-enabled .velaea-policy-hero .hero-actions .btn,
  html.vh-unified-reveal-enabled .policy-pillar-strip,
  html.vh-unified-reveal-enabled .policy-pillar-strip .stats-card > div{
    will-change:transform,opacity;
  }
}

@media(prefers-reduced-motion:reduce){
  html.vh-unified-reveal-enabled .velaea-policy-hero .hero-copy *,
  html.vh-unified-reveal-enabled .policy-pillar-strip,
  html.vh-unified-reveal-enabled .policy-pillar-strip .stats-card > div{
    opacity:1!important;
    transform:none!important;
    visibility:visible!important;
    will-change:auto!important;
  }
}


/* ===== Final late CTA reveal guard ===== */
html.vh-unified-reveal-enabled .velaea-policy-hero .hero-actions{
  opacity:1!important;
  transform:none!important;
  visibility:visible!important;
}
html.vh-unified-reveal-enabled:not(.vh-reveal-complete) .velaea-policy-hero .hero-actions .btn{
  transition:none!important;
  animation:none!important;
}


/* ===== Clock hands sync + smooth performance hotfix =====
   Shared by desktop and mobile. The clock face can fade to ambience while
   the hands remain visible throughout the featured intro, then settle softly. */
.vh-clock{
  will-change:transform,opacity;
  transition:none!important;
}
.vh-clock.is-time-synced .vh-clock-hand,
.vh-clock.is-time-synced .vh-clock-center{
  opacity:var(--vh-clock-hand-opacity,1)!important;
  visibility:visible!important;
  transition:none!important;
}
.vh-clock:not(.is-time-synced) .vh-clock-hand,
.vh-clock:not(.is-time-synced) .vh-clock-center{
  opacity:0!important;
  visibility:hidden!important;
}
.vh-clock .vh-clock-hand{
  filter:none!important;
  backface-visibility:hidden;
}
@media(max-width:640px){
  .vh-clock{
    will-change:transform,opacity;
    transition:none!important;
  }
  .vh-clock.is-time-synced .vh-clock-hand,
  .vh-clock.is-time-synced .vh-clock-center{
    opacity:var(--vh-clock-hand-opacity,1)!important;
    visibility:visible!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .vh-clock.is-time-synced .vh-clock-hand,
  .vh-clock.is-time-synced .vh-clock-center{
    opacity:1!important;
  }
}

/* ===== Mobile parity polish — synchronized with the final desktop system ===== */
@media (max-width:640px){
  /* Keep the mobile reveal clean: no stale transitions fighting the JS timeline. */
  html.vh-unified-reveal-enabled .velaea-policy-hero .hero-copy,
  html.vh-unified-reveal-enabled .velaea-policy-hero .hero-copy *,
  html.vh-unified-reveal-enabled .vh-mobile-intro,
  html.vh-unified-reveal-enabled .vh-mobile-intro *,
  html.vh-unified-reveal-enabled .policy-pillar-strip,
  html.vh-unified-reveal-enabled .policy-pillar-strip *{
    transition:none!important;
    animation:none!important;
  }

  html.vh-unified-reveal-enabled .velaea-policy-hero .hero-copy{
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    visibility:visible!important;
  }

  /* Text remains crisp while JS performs the soft fade/lift. */
  html.vh-unified-reveal-enabled .velaea-policy-hero .hero-copy .eyebrow,
  html.vh-unified-reveal-enabled .velaea-policy-hero .hero-title-main,
  html.vh-unified-reveal-enabled .velaea-policy-hero .hero-title-accent,
  html.vh-unified-reveal-enabled .velaea-policy-hero .hero-copy .lead,
  html.vh-unified-reveal-enabled .velaea-policy-hero .policy-tagline,
  html.vh-unified-reveal-enabled .velaea-policy-hero .mini-feature,
  html.vh-unified-reveal-enabled .velaea-policy-hero .hero-actions .btn,
  html.vh-unified-reveal-enabled .policy-pillar-strip,
  html.vh-unified-reveal-enabled .policy-pillar-strip .stats-card > div{
    filter:none!important;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
    backface-visibility:hidden;
    transform-style:flat;
  }

  /* Final mobile glass treatment: clearer than the old mobile version, still translucent. */
  .hero-art.hero-art-image.vh-host .vh-float .vh-card{
    background:linear-gradient(150deg,rgba(8,20,37,.90),rgba(9,22,39,.76))!important;
    border-color:rgba(225,184,96,.36)!important;
    box-shadow:0 16px 36px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.05)!important;
    backdrop-filter:blur(10px) saturate(112%)!important;
    -webkit-backdrop-filter:blur(10px) saturate(112%)!important;
  }
  .hero-art.hero-art-image.vh-host .vh-float .vh-card h3,
  .hero-art.hero-art-image.vh-host .vh-float .vh-card h4,
  .hero-art.hero-art-image.vh-host .vh-float .vh-card strong{
    color:rgba(255,255,255,.96)!important;
    text-shadow:none!important;
  }
  .hero-art.hero-art-image.vh-host .vh-float .vh-card p,
  .hero-art.hero-art-image.vh-host .vh-float .vh-card span{
    text-shadow:none!important;
  }

  /* The central chart is intentionally secondary but no longer disappears like the old build. */
  .hero-art.hero-art-image.vh-host .vh-main-shell .vh-main{
    border-color:rgba(225,184,96,.20)!important;
    box-shadow:0 18px 42px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.035)!important;
  }

  /* CTA buttons finish the sequence and remain fully readable. */
  html.vh-unified-reveal-enabled .velaea-policy-hero .hero-actions{
    opacity:1!important;
    visibility:visible!important;
  }
  html.vh-reveal-complete .velaea-policy-hero .hero-actions .btn{
    opacity:1!important;
    transform:none!important;
    visibility:visible!important;
  }

  /* Performance row participates in the same reveal and ends perfectly crisp. */
  html.vh-reveal-complete .policy-pillar-strip,
  html.vh-reveal-complete .policy-pillar-strip .stats-card > div{
    opacity:1!important;
    transform:none!important;
    visibility:visible!important;
    filter:none!important;
  }

  /* Reduce compositor pressure on phones after the reveal is complete. */
  html.vh-reveal-complete .velaea-policy-hero .hero-copy *,
  html.vh-reveal-complete .policy-pillar-strip,
  html.vh-reveal-complete .policy-pillar-strip *{
    will-change:auto!important;
  }
}

/* ===== Mobile editorial content reveal v2 =====
   Scope: mobile copy, features, CTAs, service cards and performance row only.
   The clock is intentionally untouched. */
@media (max-width:640px){
  html.vh-unified-reveal-enabled .velaea-policy-hero .hero-copy .eyebrow,
  html.vh-unified-reveal-enabled .velaea-policy-hero .hero-title-main,
  html.vh-unified-reveal-enabled .velaea-policy-hero .hero-title-accent,
  html.vh-unified-reveal-enabled .velaea-policy-hero .hero-copy .lead,
  html.vh-unified-reveal-enabled .velaea-policy-hero .policy-tagline,
  html.vh-unified-reveal-enabled .velaea-policy-hero .mini-feature,
  html.vh-unified-reveal-enabled .velaea-policy-hero .hero-actions .btn,
  html.vh-unified-reveal-enabled .policy-pillar-strip,
  html.vh-unified-reveal-enabled .policy-pillar-strip .stats-card > div{
    will-change:opacity,transform;
    transform-origin:50% 100%;
  }

  /* Headlines stay sharp: no animated blur, no glow pulse and no 3D text layer. */
  html.vh-unified-reveal-enabled .velaea-policy-hero .hero-title-main,
  html.vh-unified-reveal-enabled .velaea-policy-hero .hero-title-accent{
    text-shadow:none!important;
    transform-style:flat!important;
    backface-visibility:hidden!important;
  }

  /* Features feel like one composed group rather than four unrelated pop-ins. */
  html.vh-unified-reveal-enabled .velaea-policy-hero .policy-feature-row{
    transform-style:flat!important;
  }
  html.vh-unified-reveal-enabled .velaea-policy-hero .mini-feature{
    transition:none!important;
  }

  /* CTAs are the deliberate closing beat of the mobile intro. */
  html.vh-unified-reveal-enabled:not(.vh-reveal-complete) .velaea-policy-hero .hero-actions .btn{
    pointer-events:none;
  }
  html.vh-reveal-complete .velaea-policy-hero .hero-actions .btn{
    pointer-events:auto;
  }

  /* Keep the lower performance row visually calm while it resolves. */
  html.vh-unified-reveal-enabled .policy-pillar-strip,
  html.vh-unified-reveal-enabled .policy-pillar-strip .stats-card > div{
    transition:none!important;
    animation:none!important;
  }
}

/* ===== Mobile top-copy reveal refinement =====
   Scope: the three lines above the mobile hero artwork only. */
@media (max-width:640px){
  html.vh-unified-reveal-enabled .vh-mobile-intro .vh-mobile-kicker,
  html.vh-unified-reveal-enabled .vh-mobile-intro h2,
  html.vh-unified-reveal-enabled .vh-mobile-intro .vh-mobile-sub{
    will-change:opacity,transform;
    filter:none!important;
    text-shadow:none!important;
    transform-style:flat!important;
    backface-visibility:hidden!important;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
  }
  html.vh-reveal-complete .vh-mobile-intro .vh-mobile-kicker,
  html.vh-reveal-complete .vh-mobile-intro h2,
  html.vh-reveal-complete .vh-mobile-intro .vh-mobile-sub{
    opacity:1!important;
    transform:none!important;
    visibility:visible!important;
    will-change:auto!important;
  }
}


/* ===== Mobile top copy first-paint fix ===== */
/*
   Hide only the three mobile intro lines before the browser's first paint.
   JS then adds .vh-mobile-copy-visible once the page is ready. This avoids
   the visible flash that happened when JS tried to hide the copy too late.
*/
@media (max-width:640px){
  html.vh-mobile-copy-preload .vh-mobile-intro .vh-mobile-kicker,
  html.vh-mobile-copy-preload .vh-mobile-intro h2,
  html.vh-mobile-copy-preload .vh-mobile-intro .vh-mobile-sub{
    opacity:0!important;
    visibility:visible!important;
    transform:translate3d(0,6px,0)!important;
    filter:none!important;
    text-shadow:none!important;
    transition:
      opacity .92s cubic-bezier(.22,1,.36,1),
      transform 1.02s cubic-bezier(.22,1,.36,1)!important;
    will-change:opacity,transform;
  }

  html.vh-mobile-copy-preload.vh-mobile-copy-visible .vh-mobile-intro .vh-mobile-kicker,
  html.vh-mobile-copy-preload.vh-mobile-copy-visible .vh-mobile-intro h2,
  html.vh-mobile-copy-preload.vh-mobile-copy-visible .vh-mobile-intro .vh-mobile-sub{
    opacity:1!important;
    transform:translate3d(0,0,0)!important;
  }

  /* A very small editorial stagger, so the three lines still read as one group. */
  html.vh-mobile-copy-preload .vh-mobile-intro .vh-mobile-kicker{transition-delay:0s!important;}
  html.vh-mobile-copy-preload .vh-mobile-intro h2{transition-delay:.07s!important;}
  html.vh-mobile-copy-preload .vh-mobile-intro .vh-mobile-sub{transition-delay:.14s!important;}

  html.vh-mobile-copy-preload.vh-mobile-copy-visible .vh-mobile-intro .vh-mobile-kicker,
  html.vh-mobile-copy-preload.vh-mobile-copy-visible .vh-mobile-intro h2,
  html.vh-mobile-copy-preload.vh-mobile-copy-visible .vh-mobile-intro .vh-mobile-sub{
    will-change:auto;
  }
}

@media (prefers-reduced-motion:reduce){
  html.vh-mobile-copy-preload .vh-mobile-intro .vh-mobile-kicker,
  html.vh-mobile-copy-preload .vh-mobile-intro h2,
  html.vh-mobile-copy-preload .vh-mobile-intro .vh-mobile-sub{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
    will-change:auto!important;
  }
}


/* ===== Mobile top copy smooth group reveal + main-card first-paint cleanup ===== */
/* Final mobile-only override. The three lines move as one calm editorial group,
   avoiding stepped text motion. The large chart card is guarded in index.html
   until the animation loop has written its first real frame. */
@media (max-width:640px){
  html.vh-mobile-copy-preload .vh-mobile-intro{
    opacity:0!important;
    visibility:visible!important;
    transform:translate3d(0,10px,0)!important;
    filter:none!important;
    transition:
      opacity 1.22s cubic-bezier(.16,1,.30,1),
      transform 1.34s cubic-bezier(.16,1,.30,1)!important;
    will-change:opacity,transform;
  }

  html.vh-mobile-copy-preload.vh-mobile-copy-visible .vh-mobile-intro{
    opacity:1!important;
    transform:translate3d(0,0,0)!important;
  }

  /* Neutralize older per-line reveal rules. Keeping the copy as one group is
     smoother on narrow screens and prevents individual lines from stepping. */
  html.vh-mobile-copy-preload .vh-mobile-intro > *,
  html.vh-mobile-copy-preload.vh-mobile-copy-visible .vh-mobile-intro > *{
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    filter:none!important;
    transition:none!important;
    transition-delay:0s!important;
    will-change:auto!important;
  }

  html.vh-mobile-copy-preload.vh-mobile-copy-visible .vh-mobile-intro{
    will-change:auto;
  }
}

@media (max-width:640px) and (prefers-reduced-motion:reduce){
  html.vh-mobile-copy-preload .vh-mobile-intro,
  html.vh-mobile-copy-preload.vh-mobile-copy-visible .vh-mobile-intro{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
    will-change:auto!important;
  }
}

/* ===== Desktop hero / performance strip layer-order polish =====
   Keep every interactive Hero card physically above the lower performance
   strip. This also prevents the lower strip from influencing translucent
   card contrast through backdrop compositing in light mode. */
@media (min-width:641px){
  .hero.section-soft.velaea-policy-hero{
    position:relative!important;
    z-index:20!important;
    isolation:isolate!important;
    overflow:visible!important;
  }

  .hero.section-soft.velaea-policy-hero .hero-grid{
    position:relative!important;
    z-index:2!important;
    isolation:isolate!important;
    overflow:visible!important;
  }

  .hero.section-soft.velaea-policy-hero .hero-art.hero-art-image.vh-host{
    position:relative!important;
    z-index:30!important;
    isolation:isolate!important;
    overflow:visible!important;
  }

  .hero.section-soft.velaea-policy-hero .vh-stage{
    position:relative!important;
    z-index:1!important;
    isolation:isolate!important;
    overflow:visible!important;
  }

  .hero.section-soft.velaea-policy-hero .vh-main-shell{
    z-index:30!important;
  }

  .hero.section-soft.velaea-policy-hero .vh-float{
    z-index:40!important;
  }

  .hero.section-soft.velaea-policy-hero .vh-float.market{
    z-index:44!important;
  }

  .hero.section-soft.velaea-policy-hero .vh-float.is-front,
  .hero.section-soft.velaea-policy-hero .vh-float.is-hover-clear,
  .hero.section-soft.velaea-policy-hero .vh-float.is-click-clear,
  .hero.section-soft.velaea-policy-hero .vh-float[data-tap-preview="true"]{
    z-index:240!important;
  }

  .hero.section-soft.velaea-policy-hero .vh-card{
    position:relative;
    isolation:isolate;
    mix-blend-mode:normal!important;
  }

  .policy-pillar-strip{
    position:relative!important;
    z-index:1!important;
    isolation:isolate!important;
  }

  .policy-pillar-strip .stats-card{
    position:relative!important;
    z-index:1!important;
  }

  /* Slightly stronger resting contrast in light mode. The cards stay glassy,
     but no longer look washed out beside the dark performance strip. */
  html:not([data-theme="dark"]) .hero.section-soft.velaea-policy-hero .vh-small,
  body:not(.dark-mode) .hero.section-soft.velaea-policy-hero .vh-small{
    background:linear-gradient(180deg,rgba(255,255,255,.965),rgba(248,250,253,.945))!important;
    border-color:rgba(201,149,46,.22)!important;
    box-shadow:
      0 22px 52px rgba(90,108,132,.17),
      0 8px 22px rgba(201,149,46,.055),
      inset 0 1px 0 rgba(255,255,255,.98)!important;
  }

  html:not([data-theme="dark"]) .hero.section-soft.velaea-policy-hero .vh-small h3,
  body:not(.dark-mode) .hero.section-soft.velaea-policy-hero .vh-small h3{
    color:#18273d!important;
  }

  html:not([data-theme="dark"]) .hero.section-soft.velaea-policy-hero .vh-small p,
  body:not(.dark-mode) .hero.section-soft.velaea-policy-hero .vh-small p{
    color:#53647a!important;
  }
}

/* ===== Mobile light-theme first-tap focus clarity fix =====
   Override the older mobile dark focus surface only when Light Mode is active.
   The selected card becomes brighter, cleaner and fully readable while
   retaining a subtle premium glass translucency. */
@media (max-width:640px){
  html[data-theme="light"] .hero.section-soft.velaea-policy-hero .vh-float[data-tap-preview="true"],
  html[data-theme="light"] .hero.section-soft.velaea-policy-hero .vh-float.is-click-clear,
  html[data-theme="light"] .hero.section-soft.velaea-policy-hero .vh-float[aria-expanded="true"],
  body.light-theme .hero.section-soft.velaea-policy-hero .vh-float[data-tap-preview="true"],
  body.light-theme .hero.section-soft.velaea-policy-hero .vh-float.is-click-clear,
  body.light-theme .hero.section-soft.velaea-policy-hero .vh-float[aria-expanded="true"]{
    opacity:1!important;
    filter:none!important;
    visibility:visible!important;
    mix-blend-mode:normal!important;
  }

  html[data-theme="light"] .hero.section-soft.velaea-policy-hero .vh-float[data-tap-preview="true"] .vh-card,
  html[data-theme="light"] .hero.section-soft.velaea-policy-hero .vh-float.is-click-clear .vh-card,
  html[data-theme="light"] .hero.section-soft.velaea-policy-hero .vh-float[aria-expanded="true"] .vh-card,
  body.light-theme .hero.section-soft.velaea-policy-hero .vh-float[data-tap-preview="true"] .vh-card,
  body.light-theme .hero.section-soft.velaea-policy-hero .vh-float.is-click-clear .vh-card,
  body.light-theme .hero.section-soft.velaea-policy-hero .vh-float[aria-expanded="true"] .vh-card{
    color:#142238!important;
    opacity:1!important;
    filter:none!important;
    visibility:visible!important;
    background:
      linear-gradient(145deg,rgba(255,255,255,.995),rgba(248,250,253,.965))!important;
    border-color:rgba(184,137,35,.68)!important;
    box-shadow:
      0 24px 58px rgba(38,54,77,.20),
      0 8px 24px rgba(184,137,35,.08),
      0 0 0 1px rgba(184,137,35,.08),
      inset 0 1px 0 rgba(255,255,255,1),
      inset 0 0 30px rgba(255,255,255,.34)!important;
    backdrop-filter:blur(16px) saturate(112%) brightness(1.035)!important;
    -webkit-backdrop-filter:blur(16px) saturate(112%) brightness(1.035)!important;
  }

  html[data-theme="light"] .hero.section-soft.velaea-policy-hero .vh-float[data-tap-preview="true"] .vh-card::before,
  html[data-theme="light"] .hero.section-soft.velaea-policy-hero .vh-float.is-click-clear .vh-card::before,
  html[data-theme="light"] .hero.section-soft.velaea-policy-hero .vh-float[aria-expanded="true"] .vh-card::before,
  body.light-theme .hero.section-soft.velaea-policy-hero .vh-float[data-tap-preview="true"] .vh-card::before,
  body.light-theme .hero.section-soft.velaea-policy-hero .vh-float.is-click-clear .vh-card::before,
  body.light-theme .hero.section-soft.velaea-policy-hero .vh-float[aria-expanded="true"] .vh-card::before{
    opacity:.72!important;
    background:
      linear-gradient(135deg,rgba(255,255,255,.82),transparent 38%),
      radial-gradient(circle at 86% 16%,rgba(218,174,88,.12),transparent 30%),
      linear-gradient(180deg,rgba(255,255,255,.20),rgba(238,243,249,.08))!important;
  }

  html[data-theme="light"] .hero.section-soft.velaea-policy-hero .vh-float[data-tap-preview="true"] .vh-card::after,
  html[data-theme="light"] .hero.section-soft.velaea-policy-hero .vh-float.is-click-clear .vh-card::after,
  html[data-theme="light"] .hero.section-soft.velaea-policy-hero .vh-float[aria-expanded="true"] .vh-card::after,
  body.light-theme .hero.section-soft.velaea-policy-hero .vh-float[data-tap-preview="true"] .vh-card::after,
  body.light-theme .hero.section-soft.velaea-policy-hero .vh-float.is-click-clear .vh-card::after,
  body.light-theme .hero.section-soft.velaea-policy-hero .vh-float[aria-expanded="true"] .vh-card::after{
    opacity:.82!important;
    background:linear-gradient(90deg,transparent,rgba(198,151,47,.52),transparent)!important;
  }

  html[data-theme="light"] .hero.section-soft.velaea-policy-hero .vh-float[data-tap-preview="true"] .vh-small-head,
  html[data-theme="light"] .hero.section-soft.velaea-policy-hero .vh-float.is-click-clear .vh-small-head,
  html[data-theme="light"] .hero.section-soft.velaea-policy-hero .vh-float[aria-expanded="true"] .vh-small-head,
  body.light-theme .hero.section-soft.velaea-policy-hero .vh-float[data-tap-preview="true"] .vh-small-head,
  body.light-theme .hero.section-soft.velaea-policy-hero .vh-float.is-click-clear .vh-small-head,
  body.light-theme .hero.section-soft.velaea-policy-hero .vh-float[aria-expanded="true"] .vh-small-head{
    color:#52647b!important;
    text-shadow:none!important;
  }

  html[data-theme="light"] .hero.section-soft.velaea-policy-hero .vh-float[data-tap-preview="true"] .vh-small h3,
  html[data-theme="light"] .hero.section-soft.velaea-policy-hero .vh-float.is-click-clear .vh-small h3,
  html[data-theme="light"] .hero.section-soft.velaea-policy-hero .vh-float[aria-expanded="true"] .vh-small h3,
  body.light-theme .hero.section-soft.velaea-policy-hero .vh-float[data-tap-preview="true"] .vh-small h3,
  body.light-theme .hero.section-soft.velaea-policy-hero .vh-float.is-click-clear .vh-small h3,
  body.light-theme .hero.section-soft.velaea-policy-hero .vh-float[aria-expanded="true"] .vh-small h3{
    color:#102039!important;
    text-shadow:none!important;
  }

  html[data-theme="light"] .hero.section-soft.velaea-policy-hero .vh-float[data-tap-preview="true"] .vh-small p,
  html[data-theme="light"] .hero.section-soft.velaea-policy-hero .vh-float.is-click-clear .vh-small p,
  html[data-theme="light"] .hero.section-soft.velaea-policy-hero .vh-float[aria-expanded="true"] .vh-small p,
  body.light-theme .hero.section-soft.velaea-policy-hero .vh-float[data-tap-preview="true"] .vh-small p,
  body.light-theme .hero.section-soft.velaea-policy-hero .vh-float.is-click-clear .vh-small p,
  body.light-theme .hero.section-soft.velaea-policy-hero .vh-float[aria-expanded="true"] .vh-small p{
    color:#405269!important;
    text-shadow:none!important;
  }

  html[data-theme="light"] .hero.section-soft.velaea-policy-hero .vh-float[data-tap-preview="true"] .vh-action,
  html[data-theme="light"] .hero.section-soft.velaea-policy-hero .vh-float.is-click-clear .vh-action,
  html[data-theme="light"] .hero.section-soft.velaea-policy-hero .vh-float[aria-expanded="true"] .vh-action,
  body.light-theme .hero.section-soft.velaea-policy-hero .vh-float[data-tap-preview="true"] .vh-action,
  body.light-theme .hero.section-soft.velaea-policy-hero .vh-float.is-click-clear .vh-action,
  body.light-theme .hero.section-soft.velaea-policy-hero .vh-float[aria-expanded="true"] .vh-action{
    color:#9a6c12!important;
    text-shadow:none!important;
  }

  html[data-theme="light"] .hero.section-soft.velaea-policy-hero .vh-float[data-tap-preview="true"] .vh-icon,
  html[data-theme="light"] .hero.section-soft.velaea-policy-hero .vh-float.is-click-clear .vh-icon,
  html[data-theme="light"] .hero.section-soft.velaea-policy-hero .vh-float[aria-expanded="true"] .vh-icon,
  body.light-theme .hero.section-soft.velaea-policy-hero .vh-float[data-tap-preview="true"] .vh-icon,
  body.light-theme .hero.section-soft.velaea-policy-hero .vh-float.is-click-clear .vh-icon,
  body.light-theme .hero.section-soft.velaea-policy-hero .vh-float[aria-expanded="true"] .vh-icon{
    color:#9a6c12!important;
    background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(247,238,216,.92))!important;
    border-color:rgba(184,137,35,.36)!important;
    box-shadow:
      0 0 0 6px rgba(184,137,35,.055),
      0 10px 24px rgba(104,81,31,.12)!important;
  }
}

/* ===== Desktop world-class motion performance polish =====
   Visual design is preserved; only expensive paint/composite work is reduced.
   Scope: desktop Hero only. Mobile rules remain untouched. */
@media (min-width:981px) and (prefers-reduced-motion:no-preference){
  .hero-art.hero-art-image.vh-host .vh-stage{
    will-change:transform;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
  }

  .hero-art.hero-art-image.vh-host .vh-layer{
    will-change:transform!important;
    backface-visibility:hidden!important;
    -webkit-backface-visibility:hidden!important;
  }

  .hero-art.hero-art-image.vh-host .vh-card{
    contain:layout style;
    filter:none!important;
    backface-visibility:hidden!important;
    -webkit-backface-visibility:hidden!important;
    backdrop-filter:blur(19px) saturate(136%) contrast(103%)!important;
    -webkit-backdrop-filter:blur(19px) saturate(136%) contrast(103%)!important;
    transition:
      background .46s cubic-bezier(.16,1,.3,1),
      border-color .42s cubic-bezier(.16,1,.3,1),
      box-shadow .50s cubic-bezier(.16,1,.3,1),
      opacity .34s ease!important;
  }

  .hero-art.hero-art-image.vh-host .vh-main-shell .vh-card{
    backdrop-filter:blur(21px) saturate(138%) contrast(103%)!important;
    -webkit-backdrop-filter:blur(21px) saturate(138%) contrast(103%)!important;
  }

  /* The previous 31–36px animated glass blur forced a full repaint while every
     3D card was moving. A slightly denser surface plus a 19–21px static blur
     keeps the same premium glass impression at a much lower GPU cost. */
  .hero-art.hero-art-image.vh-host .vh-stage.is-card-clarifying .vh-card,
  .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-card{
    filter:none!important;
    box-shadow:
      0 28px 76px rgba(0,0,0,.50),
      0 0 0 1px rgba(242,214,146,.060),
      inset 0 1px 0 rgba(255,255,255,.115),
      inset 0 0 30px rgba(255,255,255,.018)!important;
  }

  html:not([data-theme="dark"]) .hero-art.hero-art-image.vh-host .vh-stage.is-card-clarifying .vh-card,
  body:not(.dark-mode) .hero-art.hero-art-image.vh-host .vh-stage.is-card-clarifying .vh-card,
  html:not([data-theme="dark"]) .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-card,
  body:not(.dark-mode) .hero-art.hero-art-image.vh-host .vh-stage.is-desktop-intro-ready .vh-card{
    box-shadow:
      0 24px 62px rgba(37,52,73,.155),
      0 0 0 1px rgba(176,131,34,.035),
      inset 0 1px 0 rgba(255,255,255,.96)!important;
  }

  /* Keep clock depth through scale and translucent overlays, not by rebuilding
     large variable box-shadows on every animation frame. */
  .hero-art.hero-art-image.vh-host .vh-clock,
  .hero-art.hero-art-image.vh-host .vh-clock-face,
  .hero-art.hero-art-image.vh-host .vh-clock-ring,
  .hero-art.hero-art-image.vh-host .vh-clock-center,
  .hero-art.hero-art-image.vh-host .vh-clock-hand{
    will-change:transform,opacity!important;
  }

  .hero-art.hero-art-image.vh-host .vh-clock-face{
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.05),
      inset 0 0 34px rgba(255,255,255,.03),
      inset 0 0 126px rgba(7,15,29,.60),
      inset 0 0 78px rgba(216,173,88,.07),
      0 0 46px rgba(216,173,88,.075)!important;
  }

  .hero-art.hero-art-image.vh-host .vh-clock-ring.outer{
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.045),
      0 0 0 1px rgba(226,187,104,.10),
      0 0 30px rgba(226,187,104,.085)!important;
  }

  .hero-art.hero-art-image.vh-host .vh-clock-center{
    box-shadow:
      0 0 0 6px rgba(242,214,146,.09),
      0 0 0 14px rgba(255,255,255,.02),
      0 0 30px rgba(242,214,146,.18)!important;
  }

  .hero-art.hero-art-image.vh-host .vh-clock-spark-track{
    will-change:transform,opacity!important;
  }

  /* Once the intro is complete, only moving wrappers stay promoted. */
  html.vh-reveal-complete .hero-art.hero-art-image.vh-host .vh-card,
  html.vh-reveal-complete .hero-art.hero-art-image.vh-host .vh-card *{
    will-change:auto!important;
  }
}
/* Patch 06: keep the animated 3D hero scene inside its own layout box. */
section.hero.section-soft.velaea-policy-hero .hero-art.hero-art-image.vh-host{
  overflow:clip!important;
}