/* ─── SHARED SITE STYLES — STANDS.MX ─────────────────────────────── */
:root{
  --blk:#111;--dk:#181818;--dk2:#1e1e1e;--dk3:#252525;--dk4:#2e2e2e;
  --blue:#1e73be;--blue2:#2980d4;
  --grad:linear-gradient(115deg,#4a90d9 0%,#7b2ff7 50%,#c640e0 100%);
  --wh:#fff;--off:#f5f5f5;--gr:#888;--gr2:#555;
  --Ft:'Fira Sans Extra Condensed',sans-serif;
  --Fb:'Inter',sans-serif;
  --nh:74px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--blk);color:#fff;font-family:var(--Fb);overflow-x:hidden;line-height:1.65}
img{max-width:100%;display:block}a{text-decoration:none;color:inherit}

/* ─── CURSOR ─────────────────────────────────────────────────────── */
#cur{position:fixed;width:10px;height:10px;background:var(--blue);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:transform .1s,width .2s,height .2s,background .2s;mix-blend-mode:difference}
#crr{position:fixed;width:36px;height:36px;border:1.5px solid rgba(30,115,190,.5);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:width .25s,height .25s,border-color .25s}
#cur.big{transform:translate(-50%,-50%) scale(2.4)}
#crr.big{width:52px;height:52px}

/* ─── PROGRESS ───────────────────────────────────────────────────── */
#pg{position:fixed;top:0;left:0;height:2px;width:0;background:var(--grad);z-index:2000}

/* ─── NAV ────────────────────────────────────────────────────────── */
nav{position:fixed;top:0;left:0;right:0;height:var(--nh);z-index:500;display:flex;align-items:center;justify-content:space-between;padding:0 52px;background:rgba(17,17,17,.96);backdrop-filter:blur(18px);box-shadow:0 1px 0 rgba(255,255,255,.06);transition:background .45s,backdrop-filter .45s}
.nlogo img{height:38px;transition:opacity .2s,transform .3s}
.nlogo img:hover{opacity:.85;transform:scale(1.04)}
.nltxt{font-family:var(--Ft);font-size:28px;font-weight:900;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:none}
.nmenu{display:flex;align-items:center;gap:30px;list-style:none}
.nmenu>li>a{font-size:10.5px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,.6);transition:color .2s;position:relative}
.nmenu>li>a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1.5px;background:var(--grad);transition:width .3s}
.nmenu>li>a:hover,.nmenu>li.act>a{color:#fff}
.nmenu>li>a:hover::after,.nmenu>li.act>a::after{width:100%}
.hsub{position:relative}
.hsub>a .arr{font-size:7px;margin-left:3px;transition:transform .22s;opacity:.5}
.hsub:hover>a .arr{transform:rotate(180deg)}
.drop{display:none;position:absolute;top:calc(100% + 14px);left:-16px;background:rgba(20,20,20,.97);border-top:2px solid var(--blue);min-width:230px;padding:6px 0;box-shadow:0 20px 48px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.04);backdrop-filter:blur(16px)}
.hsub:hover .drop{display:block}
.drop a{display:block;padding:10px 20px;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.5);border-left:2px solid transparent;transition:all .16s}
.drop a:hover{color:#fff;background:rgba(30,115,190,.1);border-left-color:var(--blue);padding-left:26px}
.ncta{background:var(--blue)!important;color:#fff!important;font-size:10px!important;font-weight:700!important;letter-spacing:2px!important;padding:9px 20px!important;white-space:nowrap;transition:background .2s,transform .15s!important}
.ncta::after{display:none!important}
.ncta:hover{background:var(--blue2)!important;transform:translateY(-1px)}
.burg{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}
.burg span{display:block;width:22px;height:1.5px;background:#fff;transition:all .3s}

/* ─── BUTTONS ────────────────────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--Fb);font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:13px 28px;cursor:pointer;border:none;transition:all .25s;text-decoration:none;position:relative;overflow:hidden}
.btn::before{content:'';position:absolute;inset:0;background:rgba(255,255,255,.1);transform:translateX(-100%);transition:transform .32s}
.btn:hover::before{transform:translateX(0)}
.btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.5;flex-shrink:0;transition:transform .22s;position:relative}
.btn:hover svg{transform:translateX(4px)}
.bg{background:var(--grad);color:#fff;box-shadow:0 4px 22px rgba(123,47,247,.35)}
.bg:hover{transform:translateY(-2px);box-shadow:0 8px 36px rgba(123,47,247,.55)}
.bb{background:var(--blue);color:#fff;box-shadow:0 4px 18px rgba(30,115,190,.35)}
.bb:hover{background:var(--blue2);transform:translateY(-2px)}
.bwo{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.25)}
.bwo:hover{border-color:#fff;transform:translateY(-1px)}
.bdo{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.25)}
.bdo:hover{background:#fff;color:#111}
.bwa{display:inline-flex;align-items:center;gap:10px;background:#128C7E;color:#fff;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:13px 26px;transition:background .2s,transform .15s}
.bwa:hover{background:#0e6c60;transform:translateY(-1px)}
.bwa svg{width:18px;height:18px;fill:#fff;flex-shrink:0}

/* ─── WHATSAPP FAB (floating) ────────────────────────────────────── */
.wa-fab{position:fixed;bottom:24px;right:24px;z-index:7000;display:inline-flex;align-items:center;height:56px;background:#128C7E;color:#fff;border-radius:32px;padding:0;text-decoration:none;box-shadow:0 8px 24px rgba(18,140,126,.45);overflow:hidden;transition:background .25s,box-shadow .25s,transform .2s;font-family:var(--Fb)}
.wa-fab::before{content:'';position:absolute;inset:0;border-radius:32px;box-shadow:0 0 0 0 rgba(18,140,126,.55);animation:wafabring 2.4s ease-out infinite;pointer-events:none}
@keyframes wafabring{0%{box-shadow:0 0 0 0 rgba(18,140,126,.55)}70%{box-shadow:0 0 0 18px rgba(18,140,126,0)}100%{box-shadow:0 0 0 0 rgba(18,140,126,0)}}
.wa-fab-ic{width:56px;height:56px;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}
.wa-fab-ic svg{width:26px;height:26px;fill:#fff}
.wa-fab-lb{max-width:0;opacity:0;white-space:nowrap;overflow:hidden;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;transition:max-width .35s cubic-bezier(.4,0,.2,1),opacity .25s ease,padding .35s cubic-bezier(.4,0,.2,1);padding-right:0;position:relative;z-index:1}
.wa-fab:hover{background:#0e6c60;box-shadow:0 12px 32px rgba(18,140,126,.55);transform:translateY(-2px)}
.wa-fab:hover .wa-fab-lb{max-width:260px;opacity:1;padding-right:22px}
.wa-fab:hover::before{animation:none}
@media(max-width:600px){
  .wa-fab{bottom:16px;right:16px}
  .wa-fab:hover .wa-fab-lb{max-width:200px}
}

/* ─── REVEAL ─────────────────────────────────────────────────────── */
.rv{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}
.rv.on{opacity:1;transform:translateY(0)}
.rv1{transition-delay:.12s}.rv2{transition-delay:.24s}.rv3{transition-delay:.36s}.rv4{transition-delay:.48s}.rv5{transition-delay:.6s}
.rvl{opacity:0;transform:translateX(-28px);transition:opacity .8s ease,transform .8s ease}
.rvl.on{opacity:1;transform:translateX(0)}
.rvr{opacity:0;transform:translateX(28px);transition:opacity .8s ease,transform .8s ease}
.rvr.on{opacity:1;transform:translateX(0)}

/* ─── TYPOGRAPHY HELPERS ─────────────────────────────────────────── */
.eyebrow{font-size:10px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--blue);display:flex;align-items:center;gap:10px;margin-bottom:14px}
.eyebrow::before{content:'';display:block;width:24px;height:1.5px;background:var(--blue)}
.tit{font-family:var(--Ft);font-size:clamp(44px,5.5vw,68px);font-weight:900;text-transform:uppercase;line-height:.96;color:#fff}
.tit .grad{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.container{max-width:1200px;margin:0 auto;padding:0 52px}

/* ─── BREADCRUMB ─────────────────────────────────────────────────── */
.bcrumb{font-size:11px;color:rgba(255,255,255,.35);padding:calc(var(--nh) + 16px) 0 14px;display:flex;align-items:center;gap:8px;letter-spacing:1px;text-transform:uppercase;flex-wrap:wrap}
.bcrumb a{color:rgba(255,255,255,.35);transition:color .2s}
.bcrumb a:hover{color:var(--blue)}
.bcrumb .sep{color:rgba(255,255,255,.15)}
.bcrumb .here{color:#fff}

/* ─── PAGE HERO ──────────────────────────────────────────────────── */
.phero{padding:30px 0 100px;background:var(--blk);position:relative;overflow:hidden}
.phero::before{content:attr(data-bg);position:absolute;right:-120px;top:50%;transform:translateY(-50%);font-family:var(--Ft);font-size:clamp(100px,12vw,180px);font-weight:900;color:rgba(255,255,255,.012);white-space:nowrap;pointer-events:none;letter-spacing:8px;text-transform:uppercase;line-height:1}
.phero-orb1{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(74,144,217,.18),transparent 70%);filter:blur(70px);top:-100px;left:8%;pointer-events:none}
.phero-orb2{position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(123,47,247,.14),transparent 70%);filter:blur(80px);bottom:-80px;right:10%;pointer-events:none}
.phero .container{position:relative;z-index:2}
.phero .tit{margin:14px 0 18px;font-size:clamp(52px,7vw,96px);line-height:.92}
.phero-sub{font-size:clamp(15px,1.4vw,17px);font-weight:300;color:rgba(255,255,255,.6);max-width:620px;line-height:1.75}
.phero-sub strong{color:#fff;font-weight:500}

/* ─── MARQUEE ────────────────────────────────────────────────────── */
.mqb{background:var(--dk);padding:13px 0;overflow:hidden;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}
.mqt{display:flex;animation:mqs 26s linear infinite;width:max-content}
.mqi{font-family:var(--Ft);font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.22);padding:0 24px;display:flex;align-items:center;gap:14px;white-space:nowrap}
.mqi span{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:16px;line-height:1}
@keyframes mqs{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ─── CTA BAND ───────────────────────────────────────────────────── */
#ctab{padding:88px 0;background:var(--blk);position:relative;overflow:hidden;text-align:center;border-top:1px solid rgba(255,255,255,.05)}
#ctab::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 65% at 50% 110%,rgba(30,115,190,.18),transparent);pointer-events:none}
#ctab::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 100%,rgba(123,47,247,.12),transparent);pointer-events:none}
.ctab-in{position:relative;z-index:2;max-width:760px;margin:0 auto;padding:0 52px}
.ctab-t{font-family:var(--Ft);font-size:clamp(42px,5.8vw,72px);font-weight:900;text-transform:uppercase;color:#fff;line-height:.94;margin-bottom:18px}
.ctab-t .hl{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ctab-sub{font-size:14px;color:rgba(255,255,255,.45);max-width:460px;margin:0 auto 32px;line-height:1.8}
.ctab-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* ─── FOOTER ─────────────────────────────────────────────────────── */
footer{background:var(--dk);color:#fff;border-top:1px solid rgba(255,255,255,.05)}
.ft{max-width:1200px;margin:0 auto;padding:64px 52px 48px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px}
.fb-logo img{height:36px;margin-bottom:14px}
.fb-logo .nltxt{font-family:var(--Ft);font-size:26px;font-weight:900;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:none;margin-bottom:14px}
.fb p{font-size:12px;color:rgba(255,255,255,.35);line-height:1.8;max-width:270px;margin-bottom:20px}
.fbsoc{display:flex;gap:8px}
.fbs{width:34px;height:34px;border:1px solid rgba(255,255,255,.09);display:flex;align-items:center;justify-content:center;transition:border-color .2s,background .2s;cursor:pointer}
.fbs:hover{border-color:var(--blue);background:rgba(30,115,190,.12)}
.fbs svg{width:14px;height:14px;fill:rgba(255,255,255,.35);transition:fill .2s}
.fbs:hover svg{fill:var(--blue)}
.fc h4{font-size:8.5px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.9);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.06)}
.fc ul{list-style:none;display:flex;flex-direction:column;gap:8px}
.fc a{font-size:11px;color:rgba(255,255,255,.35);transition:color .18s,padding-left .18s}
.fc a:hover{color:#fff;padding-left:5px}
.ftbot{border-top:1px solid rgba(255,255,255,.05);padding:16px 52px;max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:rgba(255,255,255,.2)}
.ftbot a{color:rgba(255,255,255,.2);transition:color .18s}
.ftbot a:hover{color:#fff}

/* ─── RESPONSIVE ─────────────────────────────────────────────────── */
@media(max-width:1100px){
  .container,.ft{padding-left:28px;padding-right:28px}
  .ft{grid-template-columns:1fr 1fr;gap:30px;padding:44px 28px}
  .ftbot{padding:14px 28px}
  nav{padding:0 28px}
}
@media(max-width:840px){
  nav .nmenu{display:none}
  nav .burg{display:flex}
  nav .nmenu.open{display:flex;flex-direction:column;align-items:flex-start;position:fixed;top:var(--nh);left:0;right:0;background:rgba(17,17,17,.98);padding:24px;gap:14px;border-top:2px solid var(--blue);box-shadow:0 16px 36px rgba(0,0,0,.8);max-height:calc(100vh - var(--nh));overflow-y:auto}
  nav .nmenu.open .drop{display:block;position:static;border:none;box-shadow:none;padding:6px 0 0 14px;backdrop-filter:none}
  .ft{grid-template-columns:1fr}
  .ftbot{flex-direction:column;gap:8px;text-align:center}
}