/* =====================================================================
   TRUSTINFX polish layer: larger type, livelier light, motion.
   Loaded after the main styles on every page.
   ===================================================================== */
html{font-size:109.5%}
body{font-size:1rem;line-height:1.66}
@media (max-width:640px){html{font-size:103%}}
.nav-links a{font-size:.94rem}
.lead{font-size:clamp(1.06rem,1.35vw,1.2rem)}
.eyebrow{font-size:.76rem}
p{text-wrap:pretty}

/* ---------- ambient light: slow moving gold + emerald aurora ---------- */
.aurora{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.aurora i{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;will-change:transform}
.aurora i:nth-child(1){width:46vw;height:46vw;left:-12vw;top:18vh;background:radial-gradient(circle,rgba(217,171,85,.30),transparent 65%);animation:au1 26s ease-in-out infinite alternate}
.aurora i:nth-child(2){width:40vw;height:40vw;right:-10vw;top:52vh;background:radial-gradient(circle,rgba(63,174,122,.20),transparent 65%);animation:au2 32s ease-in-out infinite alternate}
.aurora i:nth-child(3){width:34vw;height:34vw;left:34vw;top:96vh;background:radial-gradient(circle,rgba(245,223,166,.16),transparent 65%);animation:au3 38s ease-in-out infinite alternate}
@keyframes au1{to{transform:translate(18vw,40vh) scale(1.15)}}
@keyframes au2{to{transform:translate(-22vw,-30vh) scale(1.2)}}
@keyframes au3{to{transform:translate(-14vw,-60vh) scale(.9)}}
body{background:transparent!important}
html{background:#050506}

/* ---------- scroll progress ---------- */
.sprog{position:fixed;left:0;top:0;height:3px;width:100%;transform-origin:0 50%;transform:scaleX(var(--sp,0));z-index:200;pointer-events:none;
  background:linear-gradient(90deg,#7d5a1f,#d9ab55 40%,#f5dfa6 60%,#3fae7a)}

/* ---------- gold words shimmer ---------- */
.gold-text,.accent.gold-text{background-size:220% 100%!important;animation:shimmer 7s ease-in-out infinite}
@keyframes shimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

/* ---------- eyebrows become glowing pills ---------- */
.sec-head .eyebrow,.band .eyebrow,.page-hero .eyebrow{display:inline-flex;width:max-content;max-width:100%;padding:7px 14px;border-radius:999px;border:1px solid rgba(217,171,85,.28);
  background:linear-gradient(90deg,rgba(217,171,85,.14),rgba(217,171,85,.03))}

/* ---------- cards: cursor spotlight + gold edge on hover ---------- */
.surface,.pcard,.ccard,.feat3 article,.mtile,.g-item,.rv,.loc{position:relative;isolation:isolate}
.surface::after,.pcard::after,.ccard::after,.mtile::after,.g-item::after,.rv::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;opacity:0;transition:opacity .45s;
  background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(217,171,85,.16),transparent 60%)}
.surface:hover::after,.pcard:hover::after,.ccard:hover::after,.mtile:hover::after,.g-item:hover::after,.rv:hover::after{opacity:1}
.pcard,.ccard,.mtile,.g-item,.rv{transition:transform .5s cubic-bezier(.2,.7,.2,1),border-color .4s,box-shadow .5s}
.pcard:hover,.ccard:hover,.mtile:hover,.g-item:hover,.rv:hover{transform:translateY(-4px);border-color:rgba(217,171,85,.38)!important;box-shadow:0 24px 60px -30px rgba(217,171,85,.45)}

/* ---------- buttons: light sheen ---------- */
.btn-gold{position:relative;overflow:hidden;isolation:isolate}
.btn-gold::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 48%,transparent 66%);transform:translateX(-120%);animation:sheen 4.8s ease-in-out infinite}
@keyframes sheen{0%,62%{transform:translateX(-120%)}82%,100%{transform:translateX(120%)}}
.btn-ghost{transition:border-color .3s,background .3s,color .3s}
.btn-ghost:hover{border-color:rgba(217,171,85,.6)!important;background:rgba(217,171,85,.08)}

/* ---------- section separators glow ---------- */
.band{position:relative}
.band+.band::before,.statement+.band::before{content:"";position:absolute;left:50%;top:0;width:min(1100px,86vw);height:1px;transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(217,171,85,.35),transparent)}

/* ---------- ticker under the hero ---------- */
.ticker{position:relative;overflow:hidden;border-block:1px solid rgba(217,171,85,.18);background:linear-gradient(90deg,rgba(217,171,85,.06),rgba(63,174,122,.05),rgba(217,171,85,.06));
  -webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ticker .tk{display:flex;width:max-content;animation:tick 42s linear infinite}
.ticker:hover .tk{animation-play-state:paused}
.ticker span{display:inline-flex;align-items:center;gap:14px;padding:16px 26px;font-family:var(--f-display);font-size:clamp(1rem,1.6vw,1.3rem);letter-spacing:-.02em;white-space:nowrap;color:#e9e4d8}
.ticker span::after{content:"✦";color:var(--gold);font-size:.8em;margin-left:26px}
.ticker span b{font-family:var(--f-mono);font-weight:500;font-size:.72em;letter-spacing:.12em;color:var(--gold);padding:4px 9px;border:1px solid rgba(217,171,85,.35);border-radius:8px}
.ticker span.up b{color:#3fae7a;border-color:rgba(63,174,122,.4)}
@keyframes tick{from{transform:translateX(-50%)}to{transform:translateX(0)}}

/* ---------- floating whatsapp pulse ---------- */
.wa-fab,#waFab{animation:fabPulse 3.2s ease-in-out infinite}
@keyframes fabPulse{0%,100%{box-shadow:0 10px 30px -8px rgba(217,171,85,.6),0 0 0 0 rgba(217,171,85,.45)}60%{box-shadow:0 10px 30px -8px rgba(217,171,85,.6),0 0 0 14px rgba(217,171,85,0)}}

/* ---------- numbers glow ---------- */
.hero-stats b,.glance b,[data-count]{text-shadow:0 0 28px rgba(217,171,85,.35)}

@media (prefers-reduced-motion:reduce){
  .aurora i,.gold-text,.btn-gold::before,.ticker .tk,.wa-fab,#waFab{animation:none!important}
}

/* ---------- experienced team panel (replaces the mentor portrait) ---------- */
.team-stat{position:relative;overflow:hidden;isolation:isolate;display:grid;justify-items:center;align-content:center;gap:10px;text-align:center;
  min-height:420px;padding:44px 28px;border-radius:var(--r,22px);border:1px solid rgba(217,171,85,.3);
  background:radial-gradient(80% 60% at 50% 35%,rgba(217,171,85,.22),transparent 70%),linear-gradient(170deg,#141216,#0a0a0c)}
.ts-ring{position:absolute;width:360px;height:360px;left:50%;top:42%;translate:-50% -50%;z-index:-1;border-radius:50%;
  background:conic-gradient(from 0deg,transparent 0 60%,rgba(217,171,85,.55) 78%,transparent 92%);
  -webkit-mask:radial-gradient(circle,transparent 62%,#000 63%,#000 64.5%,transparent 65.5%);mask:radial-gradient(circle,transparent 62%,#000 63%,#000 64.5%,transparent 65.5%);
  animation:tsSpin 9s linear infinite}
@keyframes tsSpin{to{rotate:360deg}}
.ts-k{font-family:var(--f-mono);font-size:.74rem;letter-spacing:.22em;color:var(--gold)}
.ts-big{display:flex;align-items:flex-start;line-height:.9}
.ts-big b{font-family:var(--f-display);font-weight:600;font-size:clamp(6rem,13vw,9.5rem);letter-spacing:-.06em;
  background:linear-gradient(170deg,#fff3cf,#d9ab55 55%,#7d5a1f);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 30px rgba(217,171,85,.35))}
.ts-big i{font-style:normal;font-family:var(--f-display);font-size:clamp(3rem,6vw,4.4rem);color:var(--gold);margin-top:.2em}
.ts-l{font-size:1.15rem;color:#e9e4d8}
.ts-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px}
.ts-chips span{font-size:.84rem;padding:7px 13px;border-radius:999px;border:1px solid rgba(217,171,85,.3);background:rgba(217,171,85,.07);color:#efe7d4}
.mentor .facts{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:640px){.team-stat{min-height:340px}.mentor .facts{grid-template-columns:1fr 1fr}}
@media (prefers-reduced-motion:reduce){.ts-ring{animation:none}}
