/* Trade Verse Marketing - homepage 3D logo intro (splash).
   Styles are the same as the approved "Trade Verse Marketing 3D Logo" file, scoped to #tvm-splash. */
#tvm-splash{
  --bg1:#ffffff; --bg2:#dfe8fa; --ink:#14275e; --muted:rgba(20,39,94,.65); --gold:#e8a62a;
  position:fixed;inset:0;z-index:2147483000;margin:0;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
  color:var(--ink);
  font-family:'Montserrat','Segoe UI',system-ui,sans-serif;line-height:normal;
  background:radial-gradient(ellipse at 50% 38%,var(--bg1),var(--bg2) 80%);
  background-color:var(--bg2);
  display:flex;flex-direction:column;align-items:center;overflow:hidden;
  transition:opacity .45s ease,visibility 0s linear .45s;
  /* safety net: if JS never runs, the overlay removes itself */
  animation:tvmSpFailsafe .01s linear 5s forwards;
}
@media (prefers-color-scheme: dark){
  html:not([data-theme="light"]) #tvm-splash{--bg1:#142349;--bg2:#070d20;--ink:#ffffff;--muted:rgba(255,255,255,.7)}
}
html[data-theme="dark"] #tvm-splash{--bg1:#142349;--bg2:#070d20;--ink:#ffffff;--muted:rgba(255,255,255,.7)}
#tvm-splash *{box-sizing:border-box}
#tvm-splash.is-hiding{opacity:0;visibility:hidden;pointer-events:none}
#tvm-splash.is-gone{display:none}
@keyframes tvmSpFailsafe{to{opacity:0;visibility:hidden;pointer-events:none}}
html.tvm-splash-lock,html.tvm-splash-lock body{overflow:hidden!important}

#tvm-splash .tvm-sp-stage{flex:1;width:100%;min-height:0;position:relative;touch-action:none;cursor:grab}
#tvm-splash .tvm-sp-stage canvas{display:block;width:100%;height:100%}

#tvm-splash .tvm-sp-brand{text-align:center;padding:0 16px 26px}
#tvm-splash .tvm-sp-title{
  margin:0;font-family:inherit;font-size:clamp(28px,8.5vw,56px);font-weight:800;letter-spacing:.07em;line-height:1.1;color:var(--ink);text-transform:none;display:block;
  background:linear-gradient(100deg,var(--ink) 42%,#f2b035 50%,var(--ink) 58%) 100% 0/250% 100% no-repeat;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  animation:tvmSpTrack 1.4s cubic-bezier(.2,.8,.2,1) both,tvmSpSweep 4.5s ease-in-out 1.6s infinite;
}
@keyframes tvmSpTrack{from{letter-spacing:.45em;opacity:0}to{letter-spacing:.07em;opacity:1}}
@keyframes tvmSpSweep{0%{background-position:100% 0}55%,100%{background-position:0 0}}
#tvm-splash .tvm-sp-sub{animation:tvmSpFadeup 1s ease 1s both}
@keyframes tvmSpFadeup{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){#tvm-splash .tvm-sp-title,#tvm-splash .tvm-sp-sub{animation:none}}
#tvm-splash .tvm-sp-sub{
  display:flex;align-items:center;justify-content:center;gap:14px;margin-top:8px;
  font-size:clamp(13px,3.6vw,20px);font-weight:500;letter-spacing:.5em;color:var(--ink);
}
#tvm-splash .tvm-sp-sub:before,#tvm-splash .tvm-sp-sub:after{content:"";height:2px;width:clamp(30px,10vw,80px);background:var(--gold);border-radius:2px}