/* MyOnlineClassPro - Global Styles (nav, footer, shared) */

/* ═══════════════════════════════════════════
   ROOT & RESET  (identical to main site)
═══════════════════════════════════════════ */
:root{
  --bg:        #04080f;
  --bg2:       #080f1c;
  --bg3:       #0d1830;
  --gold:      #f0a500;
  --gold2:     #ffc140;
  --blue:      #1a6bff;
  --blue2:     #4d8fff;
  --cyan:      #00d4c8;
  --red:       #ff4757;
  --green:     #00e676;
  --white:     #f0f4ff;
  --muted:     rgba(240,244,255,0.45);
  --border:    rgba(255,255,255,0.07);
  --card:      rgba(255,255,255,0.035);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{
  background:var(--bg);
  color:var(--white);
  font-family:'Plus Jakarta Sans',sans-serif;
  overflow-x:hidden;
  min-height:100vh;
}

/* ═══════════════════════════════════════════
   NOISE OVERLAY
═══════════════════════════════════════════ */
body::before{
  content:'';position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
  opacity:.45;
}

/* ═══════════════════════════════════════════
   CANVAS PARTICLE BG
═══════════════════════════════════════════ */
#particleCanvas{
  position:fixed;inset:0;z-index:0;pointer-events:none;
  opacity:0.5;
}

/* ═══════════════════════════════════════════
   NAV
═══════════════════════════════════════════ */
nav{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  background:rgba(4,8,15,0.96);
  backdrop-filter:blur(28px);
  border-bottom:1px solid var(--border);
}

/* ── Top bar ── */
.nav-topbar{
  height:36px;display:flex;align-items:center;
  justify-content:space-between;padding:0 52px;
  border-bottom:1px solid rgba(240,165,0,.15);
  font-size:.7rem;
  background:linear-gradient(90deg,rgba(240,165,0,.06),rgba(26,107,255,.04),rgba(240,165,0,.06));
}
.nav-topbar-left{display:flex;align-items:center;gap:18px;color:rgba(240,244,255,.75)}
.nav-topbar-left a{
  text-decoration:none;display:flex;align-items:center;gap:6px;
  font-weight:700;letter-spacing:.01em;
  padding:3px 8px;border-radius:6px;transition:all .2s;
}
.nav-topbar-left a svg{width:13px;height:13px;flex-shrink:0}
/* Phone - gold */
.nav-top-phone{color:rgba(240,165,0,.85)!important}
.nav-top-phone svg{fill:#f0a500}
.nav-top-phone:hover{color:#f0a500!important;background:rgba(240,165,0,.08)}
/* WhatsApp - green */
.nav-top-wa{color:rgba(37,211,102,.85)!important}
.nav-top-wa svg{width:14px!important;height:14px!important}
.nav-top-wa:hover{color:#25D366!important;background:rgba(37,211,102,.08)}
/* Email - blue */
.nav-top-email{color:rgba(77,143,255,.85)!important}
.nav-top-email svg{fill:#4d8fff}
.nav-top-email:hover{color:#4d8fff!important;background:rgba(26,107,255,.08)}
.nav-topbar-right{display:flex;align-items:center;gap:8px}
.nav-soc-link.fb{color:#fff;background:#1877F2!important;}
.nav-soc-link.fb:hover{background:#1565c0;}
.nav-soc-link.tw{color:#fff;background:#000!important;border:1px solid rgba(255,255,255,.15);}
.nav-soc-link.tw:hover{background:#111;}
.nav-soc-link.li{color:#fff;background:#0A66C2!important;}
.nav-soc-link.li:hover{background:#084f96;}
.nav-soc-link.yt{color:#fff;background:#FF0000!important;}
.nav-soc-link.yt:hover{background:#cc0000;}
.nav-soc-link.ig{color:#fff;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)!important;}
.nav-soc-link.ig:hover{filter:brightness(1.1);}

/* ── Main bar ── */
.nav-mainbar{
  height:64px;display:flex;align-items:center;
  justify-content:space-between;padding:0 24px;gap:24px;
}
.logo{
  font-family:'Bebas Neue',sans-serif;
  font-size:1.6rem;letter-spacing:.05em;
  text-decoration:none;color:var(--white);
  display:flex;align-items:center;gap:2px;
  flex-shrink:0;
}
.logo .dot{color:var(--gold);font-size:2rem;line-height:1}

/* ── Center nav links ── */
.nav-links{
  display:flex;align-items:center;gap:4px;
  flex:1;justify-content:center;
}
.nav-link{
  color:rgba(255,255,255,.6);text-decoration:none;
  font-size:.82rem;font-weight:600;letter-spacing:.01em;
  padding:8px 13px;border-radius:8px;
  transition:all .2s;white-space:nowrap;
  position:relative;
}
.nav-link:hover{
  color:var(--gold);background:rgba(240,165,0,.08);
  -webkit-text-fill-color:var(--gold);
}
.nav-link.active{
  color:var(--gold);background:rgba(240,165,0,.10);
  -webkit-text-fill-color:var(--gold);
}
.nav-link.active::after{
  content:'';position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);
  width:20px;height:2px;background:var(--gold);border-radius:2px;
}

/* ── Services dropdown ── */
.nav-drop-wrap{position:relative}
.nav-drop-wrap::after{content:'';position:absolute;bottom:-8px;left:0;right:0;height:8px}
.nav-drop-wrap:hover .nav-dropdown{opacity:1;pointer-events:all;transform:translateX(-50%) translateY(0)}
.nav-drop-btn{
  display:inline-flex;align-items:center;gap:4px;cursor:pointer;
  color:rgba(255,255,255,.6);
  -webkit-text-fill-color:rgba(255,255,255,.6);
  font-size:.82rem;font-weight:600;letter-spacing:.01em;
  padding:8px 13px;border-radius:8px;
  transition:all .2s;white-space:nowrap;
  position:relative;
  background:none;border:none;margin:0;
  font-family:inherit;
  -webkit-appearance:none;appearance:none;
  box-sizing:border-box;line-height:inherit;
  text-decoration:none;
}
.nav-drop-btn:hover{color:var(--gold);background:rgba(240,165,0,.08);-webkit-text-fill-color:var(--gold)}
.nav-drop-btn.active{color:var(--gold);background:rgba(240,165,0,.10);-webkit-text-fill-color:var(--gold);}
.nav-drop-btn.active::after{content:'';position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:20px;height:2px;background:var(--gold);border-radius:2px;}
.nav-drop-chevron{
  font-size:.6rem;opacity:.6;transition:transform .2s;
}
.nav-drop-wrap:hover .nav-drop-chevron{transform:rotate(180deg)}
.nav-dropdown{
  position:absolute;top:100%;left:50%;
  transform:translateX(-50%) translateY(10px);
  background:rgba(10,17,32,0.98);
  border:1px solid rgba(255,255,255,.1);
  border-radius:16px;padding:10px;min-width:280px;
  box-shadow:0 24px 64px rgba(0,0,0,.7);
  backdrop-filter:blur(24px);
  opacity:0;pointer-events:none;
  transition:opacity .22s ease,transform .22s ease;
}
.nav-dropdown::before{
  content:'';position:absolute;top:-5px;left:50%;
  width:10px;height:10px;background:rgba(10,17,32,0.98);
  border-left:1px solid rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.1);
  transform:translateX(-50%) rotate(45deg);
}
.nav-dd-item{
  display:flex;align-items:center;gap:12px;
  padding:10px 12px;border-radius:10px;
  text-decoration:none;color:rgba(255,255,255,.75);
  font-size:.82rem;font-weight:600;
  transition:all .18s;
}
.nav-dd-item:hover{background:rgba(255,255,255,.07);color:var(--white)}
.nav-dd-icon{
  width:34px;height:34px;border-radius:9px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  font-size:.9rem;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.08);
  transition:background .2s,transform .25s cubic-bezier(.34,1.56,.64,1);
}
.nav-dd-item:hover .nav-dd-icon{
  background:rgba(240,165,0,.15);
  border-color:rgba(240,165,0,.25);
  transform:scale(1.1);
}
.nav-dd-divider{height:1px;background:rgba(255,255,255,.07);margin:6px 0}

/* ── Right actions ── */
.nav-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.live-badge{
  display:flex;align-items:center;gap:6px;
  background:rgba(0,230,118,0.1);border:1px solid rgba(0,230,118,0.25);
  border-radius:100px;padding:5px 12px;
  font-size:.68rem;font-weight:700;color:var(--green);letter-spacing:.04em;
  white-space:nowrap;
}
.live-dot{width:6px;height:6px;background:var(--green);border-radius:50%;animation:livePulse 1.2s infinite}
.btn-login{
  display:flex;align-items:center;gap:6px;
  background:linear-gradient(135deg,var(--gold),#d4880a);
  border:none;
  border-radius:8px;padding:7px 14px;
  color:#060a12;font-family:'Plus Jakarta Sans',sans-serif;
  font-size:.75rem;font-weight:800;text-decoration:none;
  transition:all .22s;cursor:pointer;white-space:nowrap;
  box-shadow:0 4px 14px rgba(240,165,0,.35);
}
.btn-login:hover{background:linear-gradient(135deg,#ffbe30,#e89800);box-shadow:0 6px 20px rgba(240,165,0,.55);transform:translateY(-2px);color:#060a12}
.btn-login svg{width:15px;height:15px;fill:#060a12;opacity:.85}
/* ── Mobile hamburger ── */
.nav-hamburger{
  display:none;flex-direction:column;gap:5px;
  background:none;border:none;cursor:pointer;padding:6px;
}
.nav-hamburger span{
  display:block;width:22px;height:2px;
  background:var(--white);border-radius:2px;
  transition:all .3s;
}
.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ── Mobile drawer ── */
.nav-drawer-backdrop{
  display:none;position:fixed;inset:0;z-index:1000;
  background:rgba(0,0,0,.35);
  opacity:0;transition:opacity .32s ease;
}
.nav-drawer-backdrop.show{opacity:1;}
.nav-drawer{
  position:fixed;top:0;left:0;bottom:0;
  width:70%;max-width:300px;
  z-index:1001;
  background:#0a0f1c;
  border-right:none;
  overflow-y:auto;overflow-x:hidden;
  transform:translateX(-100%);
  transition:transform .32s cubic-bezier(.4,0,.2,1);
  box-shadow:none;
  display:flex;flex-direction:column;
  visibility:hidden;
}
.nav-drawer.open{transform:translateX(0);visibility:visible;}
.drawer-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:18px 20px 14px;
  border-bottom:1px solid rgba(255,255,255,.06);
  position:sticky;top:0;background:#0a0f1c;z-index:2;flex-shrink:0;
}
.drawer-head-logo{display:flex;align-items:center;gap:10px;text-decoration:none;}
.drawer-head-logo img{width:28px;height:28px;border-radius:7px;object-fit:contain;}
.drawer-head-logo span{font-family:'Bebas Neue',sans-serif;font-size:.95rem;letter-spacing:.08em;color:#fff;}
.drawer-x{width:30px;height:30px;border-radius:8px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgba(255,255,255,.5);font-size:.8rem;line-height:1;transition:all .18s;}
.drawer-x:hover{background:rgba(255,71,87,.15);border-color:rgba(255,71,87,.3);color:#ff4757;}
.drawer-links{display:flex;flex-direction:column;flex:1;padding:4px 0;}
.drawer-link{
  display:flex;align-items:center;gap:14px;
  color:rgba(240,244,255,.85);text-decoration:none;
  font-size:1rem;font-weight:600;
  padding:16px 22px;
  border-bottom:1px solid rgba(255,255,255,.05);
  transition:all .18s;
}
.drawer-link:hover,.drawer-link.active{
  background:rgba(240,165,0,.07);color:var(--gold);
}
.drawer-link-icon{font-size:1.05rem;width:24px;text-align:center;flex-shrink:0;}
.drawer-divider{height:6px;background:rgba(255,255,255,.03);border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0;}
.drawer-drop-btn{
  display:flex;align-items:center;gap:14px;
  color:var(--gold);font-size:1rem;font-weight:700;
  padding:16px 22px;width:100%;background:rgba(240,165,0,.06);
  border:none;border-bottom:1px solid rgba(240,165,0,.12);
  cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif;
  transition:background .18s,color .18s;text-align:left;
}
.drawer-drop-btn:hover,.drawer-drop-btn.open{background:rgba(240,165,0,.1);color:var(--gold);}
.drawer-drop-chevron{margin-left:auto;font-size:.7rem;opacity:.7;transition:transform .3s;}
.drawer-drop-btn.open .drawer-drop-chevron{transform:rotate(180deg);opacity:1;}
.drawer-sub-links{overflow:hidden;max-height:0;transition:max-height .35s cubic-bezier(.4,0,.2,1);}
.drawer-sub-links.open{max-height:400px;}
.drawer-sub-link{
  display:flex;align-items:center;gap:12px;
  color:rgba(255,255,255,.55);text-decoration:none;
  font-size:.82rem;font-weight:600;
  padding:11px 20px 11px 46px;
  border-bottom:1px solid rgba(255,255,255,.03);
  transition:all .16s;
}
.drawer-sub-link:hover{background:rgba(255,255,255,.04);color:rgba(255,255,255,.85);}
.drawer-contact{
  padding:18px 22px 14px;border-top:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.02);flex-shrink:0;
}
.drawer-contact-label{font-size:.62rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:12px;}
.drawer-contact-row{display:flex;align-items:center;gap:10px;font-size:.82rem;padding:6px 0;color:rgba(255,255,255,.55);}
.drawer-contact-row a{color:rgba(255,255,255,.7);text-decoration:none;transition:color .18s;}
.drawer-contact-row a:hover{color:var(--gold);}
.drawer-social{display:flex;gap:10px;padding:14px 22px 24px;border-top:1px solid rgba(255,255,255,.07);flex-shrink:0;flex-wrap:wrap;}
.drawer-soc{width:36px;height:36px;border-radius:9px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.45);text-decoration:none;transition:all .18s;}
.drawer-soc:hover{background:rgba(240,165,0,.12);border-color:rgba(240,165,0,.25);color:var(--gold);}
.drawer-soc svg{width:15px;height:15px;fill:currentColor;}

@media(max-width:1100px){
  .nav-topbar{padding:0 24px}
  .nav-mainbar{padding:0 24px}
  .nav-links{display:none}
}

/* ── Mobile Contact Strip ── */
.mob-contacts{
  display:none; /* hidden on desktop */
}
@media(max-width:900px){
  .mob-contacts{
    display:flex;align-items:stretch;
    background:rgba(4,8,15,.95);
    border-bottom:1px solid rgba(255,255,255,.07);
    position:relative;
  }
  .mob-contacts a{
    flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:5px;padding:9px 6px;
    font-size:.65rem;font-weight:700;letter-spacing:.03em;text-decoration:none;
    transition:background .2s;
  }
  .mob-contacts a svg{width:18px;height:18px;flex-shrink:0}
  .mob-contact-phone{color:rgba(240,165,0,.9)!important;border-right:1px solid rgba(255,255,255,.07)}
  .mob-contact-phone svg{fill:#f0a500}
  .mob-contact-phone:hover{background:rgba(240,165,0,.08)}
  .mob-contact-wa{color:rgba(37,211,102,.9)!important;border-right:1px solid rgba(255,255,255,.07)}
  .mob-contact-wa svg{width:20px;height:20px}
  .mob-contact-wa:hover{background:rgba(37,211,102,.08)}
  .mob-contact-email{color:rgba(77,143,255,.9)!important}
  .mob-contact-email svg{fill:#4d8fff}
  .mob-contact-email:hover{background:rgba(26,107,255,.08)}
  .mob-contact-sep{display:none}
  .nav-topbar{display:none}
  .nav-hamburger{display:flex}
  .nav-drawer{display:flex;top:0}
  .nav-social{display:none}
}
@media(max-width:600px){
  .live-badge{display:none}
}

@keyframes livePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}


/* ── Mobile Contact Strip ── */
.mob-contacts{
  display:none; /* hidden on desktop */
}
@media(max-width:900px){
  .mob-contacts{
    display:flex;align-items:stretch;
    background:rgba(4,8,15,.95);
    border-bottom:1px solid rgba(255,255,255,.07);
    position:relative;
  }
  .mob-contacts a{
    flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:5px;padding:9px 6px;
    font-size:.65rem;font-weight:700;letter-spacing:.03em;text-decoration:none;
    transition:background .2s;
  }
  .mob-contacts a svg{width:18px;height:18px;flex-shrink:0}
  .mob-contact-phone{color:rgba(240,165,0,.9)!important;border-right:1px solid rgba(255,255,255,.07)}
  .mob-contact-phone svg{fill:#f0a500}
  .mob-contact-phone:hover{background:rgba(240,165,0,.08)}
  .mob-contact-wa{color:rgba(37,211,102,.9)!important;border-right:1px solid rgba(255,255,255,.07)}
  .mob-contact-wa svg{width:20px;height:20px}
  .mob-contact-wa:hover{background:rgba(37,211,102,.08)}
  .mob-contact-email{color:rgba(77,143,255,.9)!important}
  .mob-contact-email svg{fill:#4d8fff}
  .mob-contact-email:hover{background:rgba(26,107,255,.08)}
  .mob-contact-sep{display:none}
  .nav-topbar{display:none}
  .nav-hamburger{display:flex}
  .nav-drawer{display:flex;top:0}
  .nav-social{display:none}
}
@media(max-width:600px){
  .live-badge{display:none}
}

@keyframes livePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}

/* ═══════════════════════════════════════════
   PAGE LAYOUT
═══════════════════════════════════════════ */
.page-wrap{
  position:relative;z-index:2;
  padding:136px 24px 80px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
}
.page-inner{
  width:100%;
  display:grid;
  grid-template-columns:1fr minmax(0,480px);
  gap:56px;
  align-items:start;
}

/* ═══════════════════════════════════════════
   LEFT COLUMN - PROMO INFO
═══════════════════════════════════════════ */
.info-col{
  position:sticky;top:108px;
}
.info-badge{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(240,165,0,.08);border:1px solid rgba(240,165,0,.28);
  border-radius:100px;padding:8px 18px;
  font-size:.72rem;font-weight:700;letter-spacing:.06em;
  color:rgba(240,165,0,.9);text-transform:uppercase;
  margin-bottom:26px;
}
.info-badge .live-dot{width:7px;height:7px;background:var(--red);animation:livePulse 1s infinite}
.info-h1{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(2.2rem,3.5vw,3.4rem);
  line-height:1.05;letter-spacing:.03em;
  margin-bottom:20px;
  text-align:left;
}
.info-h1 .gold{color:var(--gold)}
.info-desc{
  font-size:1.08rem;color:var(--muted);line-height:1.85;
  margin-bottom:32px;
  text-align:left;
}
.info-pills{display:flex;flex-direction:column;gap:14px;margin-bottom:36px;align-items:flex-start}
.ip{
  display:flex;align-items:center;gap:14px;
  background:rgba(255,255,255,.03);border:1px solid var(--border);
  border-radius:14px;padding:14px 18px;
  transition:all .25s;width:100%;max-width:440px;box-sizing:border-box;
}
.ip:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);transform:translateX(4px)}
.ip-icon{
  width:42px;height:42px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  font-size:1.2rem;flex-shrink:0;
}
.ip-icon.blue{background:rgba(26,107,255,.12);border:1px solid rgba(26,107,255,.25)}
.ip-icon.gold{background:rgba(240,165,0,.12);border:1px solid rgba(240,165,0,.25)}
.ip-icon.green{background:rgba(0,230,118,.12);border:1px solid rgba(0,230,118,.25)}
.ip-icon.cyan{background:rgba(0,212,200,.12);border:1px solid rgba(0,212,200,.25)}
.ip-title{font-weight:700;font-size:.875rem;margin-bottom:3px}
.ip-desc{font-size:.75rem;color:var(--muted)}
.trust-row{
  display:flex;gap:22px;flex-wrap:wrap;
  font-size:.72rem;color:var(--muted);font-weight:600;
}
.trust-row span{display:flex;align-items:center;gap:5px}

/* ═══════════════════════════════════════════
   ORDER PANEL (right column)
═══════════════════════════════════════════ */
.order-panel{
  background:rgba(8,15,28,0.9);
  border:1px solid rgba(255,255,255,.1);
  border-radius:24px;padding:38px;
  position:relative;z-index:3;
  box-shadow:0 40px 100px rgba(0,0,0,.65);
  backdrop-filter:blur(20px);
}
@media(max-width:480px){
  .order-panel{padding:22px 18px;border-radius:18px;}
  .op-step-labels{font-size:.68rem;}
  .op-progress{gap:3px;margin-bottom:8px;}
}
.order-panel::before{
  content:'';position:absolute;inset:0;border-radius:24px;
  background:linear-gradient(135deg,rgba(26,107,255,.07),rgba(240,165,0,.04));
  pointer-events:none;
}

/* Panel header */
.op-head{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:6px;
}
.op-title{
  font-family:'Bebas Neue',sans-serif;
  font-size:1.6rem;letter-spacing:.04em;
}
.op-badge{
  background:rgba(0,230,118,.1);border:1px solid rgba(0,230,118,.25);
  border-radius:100px;padding:4px 14px;
  font-size:.68rem;font-weight:700;color:var(--green);letter-spacing:.06em;
}
.op-sub{font-size:.8rem;color:var(--muted);margin-bottom:26px}

/* ── Progress bar ── */
.op-progress{
  display:flex;gap:6px;margin-bottom:10px;
}
.op-step-bar{
  flex:1;height:3px;border-radius:3px;
  background:rgba(255,255,255,.08);transition:background .4s;
}
.op-step-bar.active{background:var(--gold)}
.op-step-bar.done{background:var(--green)}

/* step labels */
.op-step-labels{
  display:flex;margin-bottom:28px;
}
.op-step-lbl{
  flex:1;font-size:.67rem;font-weight:700;letter-spacing:.04em;
  text-transform:uppercase;color:rgba(255,255,255,.2);
  text-align:center;transition:color .3s;
}
.op-step-lbl.active{color:var(--gold)}
.op-step-lbl.done{color:var(--green)}

/* ── Step panels ── */
.op-step{display:none}
.op-step.active{display:block;animation:stepIn .35s ease both}
@keyframes stepIn{
  from{opacity:0;transform:translateX(14px)}
  to{opacity:1;transform:translateX(0)}
}

/* ── Form fields ── */
.fl{margin-bottom:16px}
.fl label{
  display:block;font-size:.7rem;font-weight:700;
  color:rgba(255,255,255,.45);letter-spacing:.07em;
  text-transform:uppercase;margin-bottom:6px;
}
.fl label .req{color:var(--red);margin-left:2px}
.fi{
  width:100%;background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.09);border-radius:10px;
  padding:12px 14px;color:var(--white);
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:.88rem;outline:none;
  transition:border-color .2s,background .2s;
  appearance:none;
}
.fi:focus{border-color:rgba(26,107,255,.55);background:rgba(26,107,255,.06)}
.fi.invalid{border-color:rgba(255,71,87,.5)!important;background:rgba(255,71,87,.04)!important}
.fi.valid{border-color:rgba(0,230,118,.35)!important}
.fi-err{font-size:.7rem;color:var(--red);margin-top:5px;min-height:16px}
.fl2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
select.fi option{background:#0d1830;color:var(--white)}
textarea.fi{resize:vertical;min-height:110px;line-height:1.7}

/* ── File upload ── */
.file-drop{
  width:100%;border:1.5px dashed rgba(255,255,255,.14);
  border-radius:12px;padding:22px;text-align:center;
  background:rgba(255,255,255,.03);cursor:pointer;
  transition:all .25s;
}
.file-drop:hover,.file-drop.drag{
  border-color:rgba(26,107,255,.5);
  background:rgba(26,107,255,.05);
}
.file-drop-icon{font-size:1.8rem;margin-bottom:8px}
.file-drop-label{font-size:.82rem;color:var(--muted);margin-bottom:4px}
.file-drop-hint{font-size:.7rem;color:rgba(255,255,255,.25)}
.file-list{margin-top:12px;display:flex;flex-direction:column;gap:6px}
.file-item{
  display:flex;align-items:center;gap:10px;
  background:rgba(255,255,255,.04);border:1px solid var(--border);
  border-radius:8px;padding:8px 12px;font-size:.78rem;
}
.file-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.file-item-size{color:var(--muted);font-size:.7rem;flex-shrink:0}
.file-item-remove{
  width:20px;height:20px;border-radius:50%;
  background:rgba(255,71,87,.12);border:1px solid rgba(255,71,87,.3);
  color:var(--red);cursor:pointer;font-size:.75rem;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  transition:all .2s;
}
.file-item-remove:hover{background:rgba(255,71,87,.25)}

/* ── Nav buttons ── */
.op-nav{display:flex;gap:10px;margin-top:18px}
.btn-back{
  background:rgba(255,255,255,.06);border:1px solid var(--border);
  border-radius:9px;padding:13px 18px;color:var(--muted);
  font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;
  font-size:.85rem;cursor:pointer;transition:all .2s;white-space:nowrap;
}
.btn-back:hover{background:rgba(255,255,255,.1);color:var(--white)}
.btn-next{
  flex:1;background:linear-gradient(135deg,var(--gold),#d4880a);
  color:#060a12;border:none;border-radius:9px;
  padding:14px;font-family:'Plus Jakarta Sans',sans-serif;
  font-weight:800;font-size:.9rem;cursor:pointer;
  transition:all .25s;
}
.btn-next:hover{opacity:.9;transform:translateY(-1px)}
.btn-submit{
  flex:1;background:linear-gradient(135deg,var(--green) 0%,#00b854 100%);
  color:#06130c;border:none;border-radius:9px;
  padding:15px;font-family:'Plus Jakarta Sans',sans-serif;
  font-weight:800;font-size:.95rem;cursor:pointer;
  transition:all .25s;display:flex;align-items:center;justify-content:center;gap:8px;
  box-shadow:0 6px 24px rgba(0,230,118,.3);
}
.btn-submit:hover{transform:translateY(-2px);box-shadow:0 10px 32px rgba(0,230,118,.45)}
.btn-submit:disabled{opacity:.5;pointer-events:none}

.op-trust{
  display:flex;justify-content:center;gap:20px;
  margin-top:16px;font-size:.68rem;color:var(--muted);
}
.op-trust span{display:flex;align-items:center;gap:4px}

/* ── Summary card (step 3) ── */
.sum-card{
  background:rgba(255,255,255,.04);border:1px solid var(--border);
  border-radius:14px;padding:16px;margin-bottom:16px;
}
.sum-row{
  display:flex;justify-content:space-between;align-items:flex-start;
  padding:7px 0;border-bottom:1px solid var(--border);
  font-size:.82rem;
}
.sum-row:last-child{border:none}
.sum-lbl{color:var(--muted);white-space:nowrap;margin-right:16px;font-size:.78rem}
.sum-val{font-weight:600;text-align:right;word-break:break-word}

/* ── Success state ── */
.success-state{text-align:center;padding:10px 0}
.success-icon{
  width:76px;height:76px;border-radius:50%;
  background:rgba(0,230,118,.1);border:2px solid rgba(0,230,118,.35);
  display:flex;align-items:center;justify-content:center;
  font-size:2.2rem;margin:0 auto 20px;
  animation:successPop .5s cubic-bezier(.34,1.56,.64,1);
}
@keyframes successPop{from{transform:scale(0) rotate(-20deg)}}
.success-title{
  font-family:'Bebas Neue',sans-serif;font-size:2rem;
  letter-spacing:.04em;margin-bottom:10px;
}
.success-sub{font-size:.85rem;color:var(--muted);margin-bottom:22px;line-height:1.7}
.order-id-box{
  font-family:'Bebas Neue',sans-serif;font-size:1.8rem;
  letter-spacing:.06em;color:var(--gold);
  background:rgba(240,165,0,.08);border:1px solid rgba(240,165,0,.2);
  border-radius:10px;padding:10px 24px;display:inline-block;margin-bottom:24px;
}
.success-details{
  background:var(--card);border:1px solid var(--border);
  border-radius:12px;padding:16px;text-align:left;margin-bottom:22px;
}
.sd-row{
  display:flex;justify-content:space-between;align-items:center;
  padding:7px 0;border-bottom:1px solid var(--border);font-size:.82rem;
}
.sd-row:last-child{border:none}
.sd-lbl{color:var(--muted)}
.sd-val{font-weight:600}
.btn-portal{
  width:100%;background:linear-gradient(135deg,var(--blue),#0041cc);
  color:#fff;border:none;border-radius:10px;
  padding:14px;font-family:'Plus Jakarta Sans',sans-serif;
  font-weight:800;font-size:.9rem;cursor:pointer;
  transition:all .25s;
  box-shadow:0 6px 20px rgba(26,107,255,.4);
}
.btn-portal:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(26,107,255,.55)}

/* ── Loading spinner ── */
.spinner{
  width:22px;height:22px;border-radius:50%;
  border:2.5px solid rgba(6,19,12,.3);
  border-top-color:rgba(6,19,12,.9);
  animation:spin .7s linear infinite;display:none;
}
@keyframes spin{to{transform:rotate(360deg)}}

/* ── Inline alert ── */
.alert{
  border-radius:10px;padding:13px 16px;
  font-size:.82rem;line-height:1.6;
  display:none;margin-bottom:14px;
}
.alert.error{
  background:rgba(255,71,87,.08);border:1px solid rgba(255,71,87,.3);
  color:rgba(255,100,115,1);
}
.alert.success{
  background:rgba(0,230,118,.07);border:1px solid rgba(0,230,118,.25);
  color:var(--green);
}

/* ═══════════════════════════════════════════
   ORBS
═══════════════════════════════════════════ */
.page-orb{
  position:fixed;pointer-events:none;border-radius:50%;filter:blur(90px);
}
.orb-a{
  width:600px;height:600px;
  background:radial-gradient(circle,rgba(26,107,255,.18),transparent 70%);
  top:-160px;left:-100px;
  animation:orbFloat 14s ease-in-out infinite alternate;
}
.orb-b{
  width:360px;height:360px;
  background:radial-gradient(circle,rgba(240,165,0,.12),transparent 70%);
  bottom:80px;right:160px;
  animation:orbFloat 10s ease-in-out infinite alternate-reverse;
}
@keyframes orbFloat{
  0%{transform:translate(0,0) scale(1)}
  100%{transform:translate(40px,30px) scale(1.06)}
}

/* ═══════════════════════════════════════════
   NAV SOCIAL ICONS
═══════════════════════════════════════════ */
.nav-social{display:flex;align-items:center;gap:6px}
.nav-soc-link{
  width:32px;height:32px;border-radius:8px;
  display:flex;align-items:center;justify-content:center;
  text-decoration:none;font-size:.85rem;
  transition:all .2s;border:none;
}
.nav-soc-link:hover{transform:translateY(-2px);filter:brightness(1.15);}
.nav-soc-link svg{width:15px;height:15px;fill:#fff;}
.nav-contact-btn{
  display:flex;align-items:center;gap:6px;
  background:rgba(37,211,102,.1);border:1px solid rgba(37,211,102,.25);
  border-radius:100px;padding:5px 14px;
  font-size:.72rem;font-weight:700;color:var(--green);letter-spacing:.04em;
  text-decoration:none;transition:all .2s;
}
.nav-contact-btn:hover{background:rgba(37,211,102,.18)}

/* ═══════════════════════════════════════════
   PROOF / RESULTS SECTION
═══════════════════════════════════════════ */
.proof-section{
  position:relative;z-index:2;
  padding:90px 60px 100px;
  background:rgba(6,10,20,0.97);
  border-top:1px solid rgba(255,255,255,.05);
}
.proof-section::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 900px 500px at 50% 0%,rgba(26,107,255,.05),transparent 70%);
}
.proof-center{
  width:100%;text-align:left;
  position:relative;z-index:1;
}
.proof-kicker{
  display:inline-flex;align-items:center;gap:7px;
  background:rgba(0,230,118,.07);border:1px solid rgba(0,230,118,.2);
  border-radius:100px;padding:6px 16px;
  font-size:.68rem;font-weight:700;letter-spacing:.09em;
  color:var(--green);text-transform:uppercase;margin-bottom:22px;
}
.proof-title{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(2.2rem,3.5vw,3.4rem);
  line-height:1.0;letter-spacing:.02em;
  margin-bottom:20px;color:var(--white);
}
.proof-title .gold{color:var(--gold)}
.proof-body{
  font-size:.95rem;color:var(--muted);line-height:1.9;
  margin:0 0 52px;
}

.proof-arrow-badge{
  position:absolute;top:56px;right:-4px;z-index:4;
  display:flex;align-items:center;gap:0;
}
.pab-arrow{
  width:0;height:0;
  border-top:16px solid transparent;
  border-bottom:16px solid transparent;
  border-right:18px solid #39a847;
}
.pab-label{
  background:#39a847;color:#fff;
  font-family:'Plus Jakarta Sans',sans-serif;
  font-weight:800;font-size:.82rem;
  padding:8px 14px 8px 6px;border-radius:0 8px 8px 0;
  white-space:nowrap;
}

/* Footer info bar (matches the bottom strip in image) */
.proof-footbar{
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.07);border-top:none;
  border-radius:0 0 14px 14px;
  padding:18px 28px;
  display:flex;align-items:center;gap:0;
  flex-wrap:wrap;
}
.pfb-col{
  flex:1;min-width:160px;
  padding:0 20px;
  border-right:1px solid rgba(255,255,255,.07);
}
.pfb-col:first-child{padding-left:0}
.pfb-col:last-child{border-right:none}
.pfb-label{
  font-size:.65rem;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:var(--muted);margin-bottom:5px;
}
.pfb-val{font-size:1.1rem;font-weight:800;color:var(--white)}
.pfb-val.highlight{color:var(--green);font-size:1.25rem}
.pfb-val.big{
  font-family:'Bebas Neue',sans-serif;
  font-size:1.8rem;letter-spacing:.04em;color:var(--gold);line-height:1;
}

/* Dots & arrows */
.proof-controls{
  display:flex;align-items:center;justify-content:center;
  gap:16px;margin-top:20px;
}
.pdot{
  width:6px;height:6px;border-radius:50%;
  background:rgba(255,255,255,.18);cursor:pointer;transition:all .25s;border:none;flex-shrink:0;
}
.pdot.active{background:var(--gold);width:18px;border-radius:3px}
.proof-dots{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:center;max-width:200px}
.proof-nav-btn{
  width:36px;height:36px;border-radius:9px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);
  color:var(--muted);font-size:.9rem;cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:all .2s;
}
.proof-nav-btn:hover{background:rgba(255,255,255,.12);color:var(--white)}

@media(max-width:600px){
  .proof-footbar{flex-direction:column;gap:12px}
  .pfb-col{border-right:none;border-bottom:1px solid rgba(255,255,255,.07);padding:0 0 12px;width:100%}
  .pfb-col:last-child{border-bottom:none;padding-bottom:0}
  .proof-arrow-badge{right:4px}
}

/* ═══════════════════════════════════════════
   LMS BRANDS MARQUEE
═══════════════════════════════════════════ */
.brands-section{
  position:relative;z-index:2;
  padding:60px 0 64px;
  background:rgba(4,8,15,0.6);
  border-top:1px solid rgba(255,255,255,.05);
  border-bottom:1px solid rgba(255,255,255,.05);
  overflow:hidden;
}
.brands-heading{
  text-align:center;padding:0 60px;
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(2.2rem,3.5vw,3.4rem);
  letter-spacing:.08em;
  color:rgba(255,255,255,.75);
  margin-bottom:44px;
  position:relative;z-index:1;
}
.brands-heading span{color:var(--gold)}

/* Fade edges */
.brands-track-wrap{
  position:relative;
}
.brands-track-wrap::before,
.brands-track-wrap::after{
  content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none;
}
.brands-track-wrap::before{
  left:0;
  background:linear-gradient(to right,var(--bg) 0%,transparent 100%);
}
.brands-track-wrap::after{
  right:0;
  background:linear-gradient(to left,var(--bg) 0%,transparent 100%);
}

.brands-track{
  display:flex;gap:0;
  width:max-content;
  animation:brandScroll 34s linear infinite;
}
.brands-track:hover{animation-play-state:paused}

@keyframes brandScroll{
  0%{transform:translateX(0)}
  100%{transform:translateX(-50%)}
}

.brand-item{
  display:flex;align-items:center;justify-content:center;
  padding:8px 12px;
  flex-shrink:0;
  width:220px;
  height:100px;
  opacity:1;
  transition:opacity .3s ease,transform .3s ease;
  cursor:pointer;
  background:#ffffff;
  border-radius:14px;
  margin:0 16px;
  box-shadow:0 4px 20px rgba(0,0,0,.25);
}
.brand-item:hover{
  opacity:1;
  transform:scale(1.06);
}
.brand-item svg{height:80px;width:auto;display:block;max-width:200px}
.brand-item img{width:100%;height:100%;display:block;object-fit:contain;object-position:center}

/* ═══════════════════════════════════════════
   UNIVERSITY LOGOS MARQUEE
═══════════════════════════════════════════ */
.uni-section{
  position:relative;z-index:2;
  padding:60px 0 64px;
  background:rgba(8,15,28,0.75);
  border-top:1px solid rgba(255,255,255,.05);
  border-bottom:1px solid rgba(255,255,255,.05);
  overflow:hidden;
}
.uni-heading{
  text-align:center;padding:0 60px;
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(2.2rem,3.5vw,3.4rem);
  letter-spacing:.08em;
  color:rgba(255,255,255,.75);
  margin-bottom:44px;
  position:relative;z-index:1;
}
.uni-heading span{color:var(--gold)}
.uni-track-wrap{position:relative}
.uni-track-wrap::before,
.uni-track-wrap::after{
  content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none;
}
.uni-track-wrap::before{
  left:0;
  background:linear-gradient(to right,rgba(8,15,28,.95) 0%,transparent 100%);
}
.uni-track-wrap::after{
  right:0;
  background:linear-gradient(to left,rgba(8,15,28,.95) 0%,transparent 100%);
}
.uni-track{
  display:flex;gap:0;
  width:max-content;
  animation:uniScroll 120s linear infinite;
}
.uni-track:hover{animation-play-state:paused}
@keyframes uniScroll{
  0%{transform:translateX(0)}
  100%{transform:translateX(-100%)}
}
.uni-item{
  display:flex;align-items:center;justify-content:center;
  width:220px;
  height:100px;
  flex-shrink:0;
  background:#ffffff;
  border-radius:14px;
  margin:0 16px;
  box-shadow:0 4px 20px rgba(0,0,0,.25);
  transition:transform .3s ease,box-shadow .3s ease;
  cursor:pointer;
  overflow:hidden;
  padding:14px 20px;
}
.uni-item:hover{
  transform:scale(1.06);
  box-shadow:0 8px 32px rgba(0,0,0,.4);
}
.uni-item img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  object-position:center;
}

/* ═══════════════════════════════════════════
   GET EXPERT ACADEMIC HELP - CARDS CAROUSEL
═══════════════════════════════════════════ */
.expert-section{
  position:relative;z-index:2;
  padding:90px 60px 80px;
  background:var(--bg);
  overflow:hidden;
}
.expert-section::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse 800px 400px at 20% 50%,rgba(26,107,255,.06),transparent 70%),
    radial-gradient(ellipse 600px 400px at 80% 50%,rgba(0,212,200,.04),transparent 70%);
}
.expert-head{
  margin:0 auto 56px;text-align:center;padding:0 24px;
  position:relative;z-index:1;
}
.expert-h2{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(2.2rem,3.5vw,3.4rem);
  letter-spacing:.03em;line-height:1.06;
  margin-bottom:20px;color:var(--white);
}
.expert-h2 .gold{color:var(--gold)}
.expert-desc{
  font-size:.95rem;color:var(--muted);line-height:1.9;
}

/* ── Carousel track ── */
.expert-carousel-wrap{position:relative;overflow:hidden}
@media(max-width:600px){
  .ecard-img{height:160px;}
  .ecard-body{padding:14px 16px 20px;}
  .ecard-title{font-size:.95rem;}
  .ecard-text{font-size:.8rem;}
}
.expert-carousel-track{
  display:flex;gap:24px;
  padding:20px 0 32px;
  transition:transform .5s cubic-bezier(.4,0,.2,1);
  will-change:transform;
}

/* ── Cards base ── */
.ecard{
  flex-shrink:0;
  /* responsive: fill visible slots */
  width:calc((100%) / 1 - 24px);
  background:rgba(8,15,28,0.85);
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  overflow:hidden;
  cursor:default;
  position:relative;
  transition:
    transform .35s cubic-bezier(.34,1.2,.64,1),
    box-shadow .35s ease,
    border-color .35s ease;
}
@media(min-width:600px){
  .ecard{ width:calc((100%) / 2 - 16px); }
}
@media(min-width:900px){
  .ecard{ width:calc((100%) / 3 - 18px); }
}
@media(min-width:1200px){
  .ecard{ width:calc((100%) / 4 - 20px); }
}

/* Hover - zoom lift + glow */
.ecard:hover{
  transform:translateY(-10px) scale(1.025);
  box-shadow:
    0 24px 60px rgba(26,107,255,.22),
    0 0 0 1px rgba(26,107,255,.3);
  border-color:rgba(26,107,255,.45);
}

/* Featured card - blue theme */
.ecard.featured{
  background:linear-gradient(155deg,
    #0f3fa0 0%,
    var(--blue)           45%,
    rgba(0,212,200,.85)   100%
  );
  border-color:rgba(26,107,255,.5);
  box-shadow:
    0 16px 50px rgba(26,107,255,.35),
    0 0 0 1px rgba(26,107,255,.25);
}
.ecard.featured:hover{
  transform:translateY(-12px) scale(1.03);
  box-shadow:
    0 28px 70px rgba(26,107,255,.55),
    0 0 0 1px rgba(0,212,200,.4),
    0 0 40px rgba(0,212,200,.15);
  border-color:rgba(0,212,200,.6);
}

/* Gold accent line on top of featured */
.ecard.featured::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--gold),var(--cyan));
  z-index:2;
}

/* Image area */
.ecard-img{
  height:210px;position:relative;overflow:hidden;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.04);
}
.ecard.featured .ecard-img{background:rgba(255,255,255,.08)}

.ecard-img-inner{
  width:100%;height:100%;
  display:flex;align-items:center;justify-content:center;
  font-size:5.5rem;
  transition:transform .4s cubic-bezier(.34,1.2,.64,1);
}
/* Emoji/image zooms on card hover */
.ecard:hover .ecard-img-inner{
  transform:scale(1.15);
}

/* Bottom fade on image */
.ecard-img::after{
  content:'';position:absolute;bottom:0;left:0;right:0;height:70px;
  background:linear-gradient(to top,rgba(8,15,28,.9),transparent);
  pointer-events:none;
}
.ecard.featured .ecard-img::after{
  background:linear-gradient(to top,rgba(15,63,160,.85),transparent);
}

/* Body */
.ecard-body{padding:20px 22px 26px}
.ecard-title{
  font-weight:800;font-size:1.05rem;line-height:1.35;
  margin-bottom:10px;color:var(--white);
}
.ecard.featured .ecard-title{
  color:#fff;font-size:1.1rem;
}
/* Underline accent on featured */
.ecard.featured .ecard-title::after{
  content:'';display:block;width:40px;height:2px;
  background:linear-gradient(90deg,var(--gold),var(--cyan));
  border-radius:2px;margin-top:8px;
}
.ecard-text{
  font-size:.8rem;color:rgba(240,244,255,.55);line-height:1.78;
}
.ecard.featured .ecard-text{color:rgba(255,255,255,.82)}

/* ── Controls ── */
.expert-controls{
  display:flex;align-items:center;justify-content:center;
  gap:16px;margin-top:16px;
}
.expert-dots{display:flex;gap:7px}
.edot{
  width:9px;height:9px;border-radius:50%;
  background:rgba(255,255,255,.18);cursor:pointer;
  border:none;transition:all .3s;padding:0;
}
.edot.active{
  background:linear-gradient(90deg,var(--gold),var(--cyan));
  width:9px;border-radius:50%;
  transform:scale(1.25);
}
.expert-arrow{
  width:40px;height:40px;border-radius:10px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);
  color:var(--muted);font-size:.95rem;cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:all .22s;
}
.expert-arrow:hover{
  background:rgba(26,107,255,.2);
  border-color:rgba(26,107,255,.4);
  color:var(--white);
  box-shadow:0 4px 16px rgba(26,107,255,.25);
}

/* ═══════════════════════════════════════════
   PILLARS OF SUCCESS - FOLD/UNFOLD
═══════════════════════════════════════════ */
.pillars-section{
  position:relative;z-index:2;
  padding:96px 60px 96px;
  background:var(--bg2);
  overflow:hidden;
}
.pillars-section::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse 700px 500px at 0% 50%,rgba(26,107,255,.07),transparent 65%),
    radial-gradient(ellipse 600px 400px at 100% 20%,rgba(240,165,0,.05),transparent 65%);
}
.pillars-inner{width:100%;position:relative;z-index:1}

.pillars-head{margin:0 auto 64px;text-align:center}
.pillars-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(240,165,0,.08);border:1px solid rgba(240,165,0,.25);
  border-radius:100px;padding:6px 18px;
  font-size:.68rem;font-weight:700;letter-spacing:.09em;
  color:rgba(240,165,0,.9);text-transform:uppercase;margin-bottom:22px;
}
.pillars-h2{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(2.2rem,3.5vw,3.4rem);
  letter-spacing:.03em;line-height:1.06;
  margin-bottom:20px;color:var(--white);
}
.pillars-h2 .gold{color:var(--gold)}
.pillars-lead{font-size:.93rem;color:var(--muted);line-height:1.9}

/* Grid */
.pillars-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}

/* ── Pillar card ── */
.pillar-card{
  background:rgba(8,15,28,0.85);
  border:1px solid rgba(255,255,255,.07);
  border-radius:20px;
  overflow:hidden;
  position:relative;
  
  transition:
    box-shadow .35s ease,
    border-color .35s ease,
    transform .35s cubic-bezier(.34,1.1,.64,1);
}
.pillar-card:hover{
  box-shadow:0 20px 56px rgba(0,0,0,.4);
  border-color:rgba(26,107,255,.28);
  transform:translateY(-4px);
}
.pillar-card.open{
  border-color:rgba(26,107,255,.45);
  box-shadow:0 24px 64px rgba(26,107,255,.2);
  transform:translateY(-6px);
}

/* Coloured top bar */
.pillar-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  border-radius:20px 20px 0 0;z-index:2;
}
.pillar-card:nth-child(1)::before{background:linear-gradient(90deg,var(--gold),var(--gold2))}
.pillar-card:nth-child(2)::before{background:linear-gradient(90deg,var(--blue),var(--blue2))}
.pillar-card:nth-child(3)::before{background:linear-gradient(90deg,var(--green),#00b854)}
.pillar-card:nth-child(4)::before{background:linear-gradient(90deg,var(--cyan),#0099cc)}
.pillar-card:nth-child(5)::before{background:linear-gradient(90deg,var(--red),#ff6b6b)}
.pillar-card:nth-child(6)::before{background:linear-gradient(90deg,var(--gold),var(--cyan))}

/* Card header row (always visible) */
.pillar-header{
  display:flex;align-items:center;gap:14px;
  padding:26px 24px 20px;
  position:relative;z-index:1;
}
.pillar-icon{
  width:48px;height:48px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  font-size:1.3rem;flex-shrink:0;border:1px solid;
  transition:transform .4s cubic-bezier(.34,1.56,.64,1);
}
.pillar-card.open .pillar-icon{transform:scale(1.1) rotate(-5deg)}
.pillar-card:nth-child(1) .pillar-icon{background:rgba(240,165,0,.1);border-color:rgba(240,165,0,.25)}
.pillar-card:nth-child(2) .pillar-icon{background:rgba(26,107,255,.1);border-color:rgba(26,107,255,.25)}
.pillar-card:nth-child(3) .pillar-icon{background:rgba(0,230,118,.1);border-color:rgba(0,230,118,.25)}
.pillar-card:nth-child(4) .pillar-icon{background:rgba(0,212,200,.1);border-color:rgba(0,212,200,.25)}
.pillar-card:nth-child(5) .pillar-icon{background:rgba(255,71,87,.1);border-color:rgba(255,71,87,.25)}
.pillar-card:nth-child(6) .pillar-icon{background:rgba(240,165,0,.08);border-color:rgba(0,212,200,.2)}

.pillar-header-text{flex:1;min-width:0}
.pillar-title{
  font-weight:800;font-size:1rem;
  color:var(--white);line-height:1.3;margin-bottom:0;
}
.pillar-subtitle{
  font-size:.68rem;color:var(--muted);font-weight:600;
  letter-spacing:.04em;text-transform:uppercase;margin-top:3px;
}

/* Chevron */
.pillar-chevron{
  width:28px;height:28px;border-radius:8px;flex-shrink:0;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);
  display:flex;align-items:center;justify-content:center;
  color:var(--muted);font-size:.7rem;
  transition:transform .4s cubic-bezier(.34,1.3,.64,1),
             background .25s, color .25s;
}
.pillar-card.open .pillar-chevron{
  transform:rotate(180deg);
  background:rgba(26,107,255,.15);
  border-color:rgba(26,107,255,.3);
  color:var(--blue2);
}

/* Divider line */
.pillar-divider{
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.07) 20%,rgba(255,255,255,.07) 80%,transparent);
  margin:0 20px;
  transform:scaleX(0);transform-origin:left;
  transition:transform .4s ease .05s;
}
.pillar-card.open .pillar-divider{transform:scaleX(1)}

/* Fold/unfold body */
.pillar-body{
  overflow:hidden;
  opacity:1;
  padding:18px 24px 24px;
}

.pillar-text{
  font-size:.82rem;color:var(--muted);line-height:1.85;
}
.pillar-cta-btn{
  display:inline-flex;align-items:center;gap:8px;
  margin-top:20px;
  background:linear-gradient(135deg,var(--gold),#d4880a);
  color:#060a12;border:none;border-radius:9px;
  padding:11px 20px;
  font-family:'Plus Jakarta Sans',sans-serif;
  font-weight:800;font-size:.78rem;letter-spacing:.02em;
  text-decoration:none;cursor:pointer;
  transition:all .25s;
  box-shadow:0 4px 16px rgba(240,165,0,.25);
  white-space:nowrap;
}
.pillar-cta-btn:hover{
  opacity:.9;transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(240,165,0,.4);
}

/* Shimmer on open */
.pillar-card.open::after{
  content:'';
  position:absolute;inset:0;pointer-events:none;border-radius:20px;
  background:linear-gradient(135deg,rgba(26,107,255,.04),transparent 60%);
  animation:pillarShimmer .4s ease both;
}
@keyframes pillarShimmer{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}

/* Number watermark */
.pillar-num{
  position:absolute;bottom:14px;right:18px;
  font-family:'Bebas Neue',sans-serif;font-size:3.5rem;
  letter-spacing:.04em;line-height:1;
  color:rgba(255,255,255,.04);pointer-events:none;
  transition:color .35s;
}
.pillar-card.open .pillar-num{color:rgba(26,107,255,.07)}

/* Progress bar at bottom of open card */
.pillar-progress{
  height:2px;
  background:rgba(255,255,255,.06);
  margin:0;
  border-radius:0 0 20px 20px;
  overflow:hidden;
  flex-shrink:0;
}
.pillar-progress-bar{
  height:100%;
  width:0%;
  border-radius:0 0 20px 20px;
  background:linear-gradient(90deg,var(--blue),var(--cyan));
  transition:width 0.1s linear;
}
.pillar-card:nth-child(1) .pillar-progress-bar{background:linear-gradient(90deg,var(--gold),var(--gold2))}
.pillar-card:nth-child(2) .pillar-progress-bar{background:linear-gradient(90deg,var(--blue),var(--blue2))}
.pillar-card:nth-child(3) .pillar-progress-bar{background:linear-gradient(90deg,var(--green),#00b854)}
.pillar-card:nth-child(4) .pillar-progress-bar{background:linear-gradient(90deg,var(--cyan),#0099cc)}
.pillar-card:nth-child(5) .pillar-progress-bar{background:linear-gradient(90deg,var(--red),#ff6b6b)}
.pillar-card:nth-child(6) .pillar-progress-bar{background:linear-gradient(90deg,var(--gold),var(--cyan))}

@media(max-width:960px){.pillars-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.pillars-grid{grid-template-columns:1fr}}

/* ═══════════════════════════════════════════
   STUDENT REVIEWS & RATINGS
═══════════════════════════════════════════ */
.reviews-section{
  position:relative;z-index:2;
  padding:96px 60px 100px;
  background:var(--bg);
  overflow:hidden;
}
.reviews-section::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse 800px 600px at 50% 100%,rgba(240,165,0,.05),transparent 65%),
    radial-gradient(ellipse 600px 400px at 0% 0%,rgba(26,107,255,.06),transparent 60%),
    radial-gradient(ellipse 500px 400px at 100% 30%,rgba(0,212,200,.04),transparent 60%);
}
.reviews-inner{width:100%;position:relative;z-index:1}

/* ── Header ── */
.reviews-head{text-align:center;margin-bottom:60px}
.reviews-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(240,165,0,.08);border:1px solid rgba(240,165,0,.22);
  border-radius:100px;padding:6px 18px;margin-bottom:20px;
  font-size:.68rem;font-weight:700;letter-spacing:.09em;
  color:rgba(240,165,0,.9);text-transform:uppercase;
}
.reviews-h2{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(2.2rem,3.5vw,3.4rem);
  letter-spacing:.03em;line-height:1.06;
  margin-bottom:14px;
}
.reviews-h2 .gold{color:var(--gold)}
.reviews-sub{font-size:.9rem;color:var(--muted);line-height:1.8;margin:0 auto}

/* ── Summary bar ── */
.reviews-summary{
  display:flex;align-items:center;justify-content:center;
  gap:40px;flex-wrap:wrap;
  background:rgba(8,15,28,.8);
  border:1px solid rgba(255,255,255,.07);
  border-radius:20px;padding:28px 40px;
  margin-bottom:40px;
  position:relative;overflow:hidden;
}
.reviews-summary::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(240,165,0,.04),rgba(26,107,255,.04));
  pointer-events:none;
}
.rs-big{text-align:center}
.rs-score{
  font-family:'Bebas Neue',sans-serif;
  font-size:4.5rem;letter-spacing:.02em;line-height:1;
  color:var(--gold);
  text-shadow:0 0 40px rgba(240,165,0,.4);
}
.rs-stars-row{
  display:flex;gap:4px;justify-content:center;margin:4px 0 6px;
}
.rs-star{
  font-size:1.3rem;
  animation:starPop .4s cubic-bezier(.34,1.56,.64,1) both;
}
.rs-star:nth-child(1){animation-delay:.05s}
.rs-star:nth-child(2){animation-delay:.1s}
.rs-star:nth-child(3){animation-delay:.15s}
.rs-star:nth-child(4){animation-delay:.2s}
.rs-star:nth-child(5){animation-delay:.25s}
@keyframes starPop{
  from{transform:scale(0) rotate(-30deg);opacity:0}
  to{transform:scale(1) rotate(0);opacity:1}
}
.rs-label{font-size:.72rem;color:var(--muted);font-weight:600;letter-spacing:.05em;text-transform:uppercase}
.rs-divider{width:1px;height:60px;background:rgba(255,255,255,.08)}
.rs-stat-col{text-align:center}
.rs-stat-num{
  font-family:'Bebas Neue',sans-serif;font-size:2rem;
  color:var(--white);letter-spacing:.04em;line-height:1;margin-bottom:5px;
}
.rs-stat-lbl{font-size:.68rem;color:var(--muted);font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.rs-platforms{display:flex;flex-direction:column;gap:6px}
.rs-platform{
  display:flex;align-items:center;gap:8px;
  font-size:.75rem;color:rgba(255,255,255,.7);font-weight:600;
}
.rs-platform-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}

/* ── Carousel wrapper ── */
.reviews-stage{
  position:relative;overflow:hidden;
  padding-bottom:60px;
}
/* Fade edges */
.reviews-stage::before,.reviews-stage::after{
  content:'';position:absolute;top:0;bottom:60px;width:80px;z-index:3;pointer-events:none;
}
.reviews-stage::before{left:0;background:linear-gradient(to right,var(--bg),transparent)}
.reviews-stage::after{right:0;background:linear-gradient(to left,var(--bg),transparent)}

.reviews-track{
  display:flex;gap:22px;
  transition:transform .6s cubic-bezier(.4,0,.2,1);
  will-change:transform;
}

/* ── Review card ── */
.rcard{
  flex-shrink:0;width:340px;
  background:rgba(8,15,28,.88);
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;padding:28px 26px 24px;
  position:relative;overflow:hidden;
  transition:
    transform .4s cubic-bezier(.34,1.1,.64,1),
    box-shadow .4s ease,
    border-color .4s ease,
    opacity .4s ease;
  opacity:.82;
}
.rcard.active{
  opacity:1;
  transform:translateY(-6px) scale(1.02);
  box-shadow:0 24px 64px rgba(0,0,0,.5),0 0 0 1px rgba(240,165,0,.2);
  border-color:rgba(240,165,0,.25);
}
.rcard:hover{
  opacity:1;
  transform:translateY(-8px) scale(1.025);
  box-shadow:0 28px 70px rgba(0,0,0,.5),0 0 0 1px rgba(26,107,255,.3);
  border-color:rgba(26,107,255,.3);
}
/* Glow blob */
.rcard::before{
  content:'';position:absolute;
  width:160px;height:160px;border-radius:50%;
  background:radial-gradient(circle,rgba(240,165,0,.1),transparent 70%);
  top:-40px;right:-40px;pointer-events:none;
  transition:opacity .4s;opacity:0;
}
.rcard.active::before,.rcard:hover::before{opacity:1}

/* Quote mark */
.rcard-quote{
  font-size:3.5rem;line-height:.6;color:var(--gold);
  opacity:.3;font-family:Georgia,serif;
  margin-bottom:14px;display:block;
}
.rcard.active .rcard-quote{opacity:.6}

/* Stars */
.rcard-stars{display:flex;gap:3px;margin-bottom:14px}
.rcard-star{
  font-size:1rem;
  transition:transform .2s ease;
}
.rcard:hover .rcard-star{animation:starWiggle .4s ease both}
@keyframes starWiggle{
  0%,100%{transform:scale(1)}
  40%{transform:scale(1.3) rotate(10deg)}
  70%{transform:scale(.9) rotate(-5deg)}
}
.rcard:hover .rcard-star:nth-child(1){animation-delay:.0s}
.rcard:hover .rcard-star:nth-child(2){animation-delay:.05s}
.rcard:hover .rcard-star:nth-child(3){animation-delay:.1s}
.rcard:hover .rcard-star:nth-child(4){animation-delay:.15s}
.rcard:hover .rcard-star:nth-child(5){animation-delay:.2s}

/* Review text */
.rcard-text{
  font-size:.84rem;color:rgba(240,244,255,.72);
  line-height:1.82;margin-bottom:22px;
  transition:color .3s;
}
.rcard.active .rcard-text,.rcard:hover .rcard-text{color:rgba(240,244,255,.85)}

/* Footer */
.rcard-footer{
  display:flex;align-items:center;gap:12px;
  border-top:1px solid rgba(255,255,255,.06);padding-top:16px;
  flex-wrap:nowrap;
}
@media(max-width:400px){
  .rcard-footer{gap:8px;}
  .rcard-verified{font-size:.65rem;padding:3px 8px;white-space:nowrap;}
}
.rcard-avatar{
  width:42px;height:42px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:1.15rem;flex-shrink:0;
  border:2px solid rgba(255,255,255,.1);
  transition:transform .3s,border-color .3s;
}
.rcard:hover .rcard-avatar,.rcard.active .rcard-avatar{
  transform:scale(1.1);
  border-color:rgba(240,165,0,.4);
}
.rcard-info{flex:1;min-width:0}
.rcard-name{font-weight:700;font-size:.87rem;color:var(--white);margin-bottom:2px}
.rcard-meta{font-size:.7rem;color:var(--muted);font-weight:600}
.rcard-verified{
  display:flex;align-items:center;gap:4px;
  font-size:.62rem;font-weight:700;letter-spacing:.04em;
  color:var(--green);background:rgba(0,230,118,.08);
  border:1px solid rgba(0,230,118,.2);
  border-radius:100px;padding:3px 8px;white-space:nowrap;
  flex-shrink:0;
}

/* ── Pagination & controls ── */
.reviews-controls{
  display:flex;align-items:center;justify-content:center;
  gap:14px;margin-top:0;
  position:absolute;bottom:0;left:0;right:0;
}
@media(max-width:600px){
  .reviews-controls{
    position:relative;bottom:auto;
    margin-top:20px;padding-bottom:0;
  }
  .reviews-stage{padding-bottom:0;}
}
.rev-arrow{
  width:44px;height:44px;border-radius:10px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);
  color:var(--muted);font-size:.9rem;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:all .22s;flex-shrink:0;
}
@media(max-width:600px){
  .rev-arrow{
    width:48px;height:48px;
    background:rgba(255,255,255,.1);
    border-color:rgba(255,255,255,.18);
    color:rgba(255,255,255,.7);
    font-size:1rem;
  }
}
.rev-arrow:hover{background:rgba(240,165,0,.15);border-color:rgba(240,165,0,.35);color:var(--gold)}
.rev-dots{display:flex;gap:6px;align-items:center}
.rev-dot{
  width:8px;height:8px;border-radius:50%;
  background:rgba(255,255,255,.18);cursor:pointer;
  border:none;padding:0;transition:all .3s;
}
@media(max-width:600px){
  .rev-dot{width:10px;height:10px;}
  .rev-dot.active{width:22px;border-radius:5px;}
  .rev-dots{gap:8px;}
}
.rev-dot.active{
  width:8px;border-radius:50%;
  background:linear-gradient(90deg,var(--gold),var(--gold2));
  transform:scale(1.35);
}

/* Entry animation for cards */
@keyframes revCardIn{
  from{opacity:0;transform:translateY(30px) scale(.96)}
  to{opacity:.65;transform:translateY(0) scale(1)}
}
.rcard{animation:revCardIn .5s ease both}
.rcard:nth-child(1){animation-delay:.05s}
.rcard:nth-child(2){animation-delay:.12s}
.rcard:nth-child(3){animation-delay:.19s}
.rcard:nth-child(4){animation-delay:.26s}
.rcard:nth-child(5){animation-delay:.33s}
.rcard:nth-child(6){animation-delay:.4s}
.rcard:nth-child(7){animation-delay:.47s}
.rcard:nth-child(8){animation-delay:.54s}

@media(max-width:700px){
  .reviews-summary{flex-direction:column;gap:20px;padding:24px}
  .rs-divider{width:60px;height:1px}
  .rcard{width:290px}
}

/* ═══════════════════════════════════════════
   ACADEMIC SUPPORT SERVICES
═══════════════════════════════════════════ */
.services-section{
  position:relative;z-index:2;
  padding:96px 60px 100px;
  background:var(--bg2);
  overflow:hidden;
}
.services-section::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse 700px 500px at 100% 0%,rgba(26,107,255,.07),transparent 65%),
    radial-gradient(ellipse 600px 400px at 0% 100%,rgba(240,165,0,.05),transparent 65%);
}
.services-inner{width:100%;position:relative;z-index:1}

/* Header */
.services-head{margin:0 auto 64px;text-align:center}
.services-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(0,212,200,.08);border:1px solid rgba(0,212,200,.22);
  border-radius:100px;padding:6px 18px;margin-bottom:20px;
  font-size:.68rem;font-weight:700;letter-spacing:.09em;
  color:var(--cyan);text-transform:uppercase;
}
.services-h2{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(2.2rem,3.5vw,3.4rem);
  letter-spacing:.03em;line-height:1.06;margin-bottom:18px;
}
.services-h2 .gold{color:var(--gold)}
.services-lead{font-size:.93rem;color:var(--muted);line-height:1.9}

/* ── Layout: left big card + right grid ── */
.services-layout{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  align-items:stretch;
}

/* ── Featured hero card (left) ── */
.svc-hero{
  background:linear-gradient(155deg,rgba(13,24,48,1) 0%,rgba(8,15,28,1) 100%);
  border:1px solid rgba(255,255,255,.09);
  border-radius:24px;
  padding:44px 40px;
  position:relative;overflow:hidden;
  display:flex;flex-direction:column;
  transition:transform .4s cubic-bezier(.34,1.1,.64,1),box-shadow .4s ease,border-color .4s;
}
.svc-hero:hover{
  transform:translateY(-6px);
  box-shadow:0 28px 70px rgba(0,0,0,.45),0 0 0 1px rgba(240,165,0,.25);
  border-color:rgba(240,165,0,.3);
}
/* Animated gradient blob */
.svc-hero-blob{
  position:absolute;top:-80px;right:-80px;
  width:320px;height:320px;border-radius:50%;
  background:radial-gradient(circle,rgba(240,165,0,.12),transparent 70%);
  animation:svcBlobFloat 8s ease-in-out infinite alternate;
  pointer-events:none;
}
@keyframes svcBlobFloat{
  0%{transform:translate(0,0) scale(1)}
  100%{transform:translate(-30px,30px) scale(1.1)}
}
.svc-hero-blob2{
  position:absolute;bottom:-60px;left:-40px;
  width:240px;height:240px;border-radius:50%;
  background:radial-gradient(circle,rgba(26,107,255,.1),transparent 70%);
  animation:svcBlobFloat2 10s ease-in-out infinite alternate;
  pointer-events:none;
}
@keyframes svcBlobFloat2{
  0%{transform:translate(0,0) scale(1)}
  100%{transform:translate(20px,-20px) scale(1.08)}
}
.svc-hero-badge{
  display:inline-flex;align-items:center;gap:7px;
  background:rgba(240,165,0,.1);border:1px solid rgba(240,165,0,.25);
  border-radius:100px;padding:6px 16px;
  font-size:.67rem;font-weight:700;letter-spacing:.08em;
  color:var(--gold);text-transform:uppercase;
  margin-bottom:28px;width:fit-content;
}
.svc-hero-icon{
  width:72px;height:72px;border-radius:18px;
  background:rgba(240,165,0,.1);border:1px solid rgba(240,165,0,.2);
  display:flex;align-items:center;justify-content:center;
  font-size:2rem;margin-bottom:24px;
  transition:transform .4s cubic-bezier(.34,1.56,.64,1);
  position:relative;z-index:1;
}
.svc-hero:hover .svc-hero-icon{transform:scale(1.12) rotate(-5deg)}
.svc-hero-title{
  font-family:'Bebas Neue',sans-serif;
  font-size:2.4rem;letter-spacing:.04em;line-height:1.1;
  color:var(--white);margin-bottom:18px;
  position:relative;z-index:1;
}
.svc-hero-text{
  font-size:.88rem;color:var(--muted);line-height:1.88;
  flex:1;position:relative;z-index:1;margin-bottom:32px;
}
.svc-hero-cta{
  display:inline-flex;align-items:center;gap:8px;
  background:linear-gradient(135deg,var(--gold),#d4880a);
  color:#060a12;border:none;border-radius:10px;
  padding:13px 24px;font-family:'Plus Jakarta Sans',sans-serif;
  font-weight:800;font-size:.88rem;cursor:pointer;
  text-decoration:none;transition:all .25s;
  width:fit-content;position:relative;z-index:1;
  box-shadow:0 6px 20px rgba(240,165,0,.3);
}
.svc-hero-cta:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(240,165,0,.5)}

/* ── Right grid of 4 cards ── */
.services-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  align-items:stretch;
  height:100%;
}
.services-grid .svc-card{height:auto;flex:1;}
.svc-card{
  background:rgba(8,15,28,.85);
  border:1px solid rgba(255,255,255,.07);
  border-radius:18px;
  padding:26px 22px 22px;
  position:relative;overflow:hidden;
  cursor:default;
  display:flex;
  flex-direction:column;
  transition:
    transform .38s cubic-bezier(.34,1.2,.64,1),
    box-shadow .38s ease,
    border-color .38s ease;
}
.svc-card::after{
  content:'';position:absolute;inset:0;border-radius:18px;
  background:linear-gradient(135deg,rgba(26,107,255,.04),transparent 60%);
  opacity:0;transition:opacity .3s;pointer-events:none;
}
.svc-card:hover{
  transform:translateY(-8px) scale(1.02);
  box-shadow:0 22px 56px rgba(0,0,0,.4);
  border-color:rgba(26,107,255,.3);
}
.svc-card:hover::after{opacity:1}

/* Colour top stripe */
.svc-card:nth-child(1){--acc:var(--blue)}
.svc-card:nth-child(2){--acc:var(--cyan)}
.svc-card:nth-child(3){--acc:var(--green)}
.svc-card:nth-child(4){--acc:var(--red)}
.svc-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:var(--acc);border-radius:18px 18px 0 0;
  transform:scaleX(0);transform-origin:left;
  transition:transform .35s ease;
}
.svc-card:hover::before{transform:scaleX(1)}

.svc-card-icon{
  width:48px;height:48px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  font-size:1.3rem;margin-bottom:16px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);
  transition:transform .4s cubic-bezier(.34,1.56,.64,1),
             background .3s, border-color .3s;
}
.svc-card:nth-child(1) .svc-card-icon{background:rgba(26,107,255,.1);border-color:rgba(26,107,255,.2)}
.svc-card:nth-child(2) .svc-card-icon{background:rgba(0,212,200,.1);border-color:rgba(0,212,200,.2)}
.svc-card:nth-child(3) .svc-card-icon{background:rgba(0,230,118,.1);border-color:rgba(0,230,118,.2)}
.svc-card:nth-child(4) .svc-card-icon{background:rgba(255,71,87,.1);border-color:rgba(255,71,87,.2)}
.svc-card:hover .svc-card-icon{transform:scale(1.12) rotate(-6deg)}

.svc-card-title{font-weight:800;font-size:.97rem;color:var(--white);margin-bottom:10px;line-height:1.3}
.svc-card-text{font-size:.79rem;color:var(--muted);line-height:1.8}

/* Entry animations */
.svc-hero,.svc-card{
  opacity:0;
  animation:svcCardIn .55s cubic-bezier(.34,1.1,.64,1) both;
}
.svc-hero{animation-delay:.08s}
.svc-card:nth-child(1){animation-delay:.18s}
.svc-card:nth-child(2){animation-delay:.26s}
.svc-card:nth-child(3){animation-delay:.34s}
.svc-card:nth-child(4){animation-delay:.42s}
@keyframes svcCardIn{
  from{opacity:0;transform:translateY(28px) scale(.97)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

@media(max-width:900px){.services-layout{grid-template-columns:1fr}}
@media(max-width:560px){.services-grid{grid-template-columns:1fr}}

/* ═══════════════════════════════════════════
   PLATFORMS SUPPORT SECTION
═══════════════════════════════════════════ */
.platforms-section{
  position:relative;z-index:2;
  padding:96px 60px 100px;
  background:var(--bg);
  overflow:hidden;
}
.platforms-section::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse 900px 500px at 50% 50%,rgba(26,107,255,.06),transparent 65%),
    radial-gradient(ellipse 500px 400px at 5% 20%,rgba(240,165,0,.05),transparent 60%),
    radial-gradient(ellipse 400px 300px at 95% 80%,rgba(0,212,200,.04),transparent 60%);
}
.platforms-inner{width:100%;position:relative;z-index:1}

/* Header */
.platforms-head{margin:0 auto 56px;text-align:center}
.platforms-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(0,212,200,.08);border:1px solid rgba(0,212,200,.22);
  border-radius:100px;padding:6px 18px;margin-bottom:20px;
  font-size:.68rem;font-weight:700;letter-spacing:.09em;
  color:var(--cyan);text-transform:uppercase;
}
.platforms-h2{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(2.2rem,3.5vw,3.4rem);
  letter-spacing:.03em;line-height:1.06;margin-bottom:18px;
}
.platforms-h2 .gold{color:var(--gold)}
.platforms-lead{font-size:.93rem;color:var(--muted);line-height:1.9}

/* ── Platform cards grid ── */
.platforms-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:18px;
  margin-bottom:52px;
}

.plat-card{
  background:rgba(8,15,28,.85);
  border:1px solid rgba(255,255,255,.07);
  border-radius:18px;
  padding:28px 16px 22px;
  text-align:center;
  position:relative;overflow:hidden;
  cursor:default;
  transition:
    transform .38s cubic-bezier(.34,1.2,.64,1),
    box-shadow .38s ease,
    border-color .38s ease,
    background .38s ease;
  opacity:0;
  animation:platCardIn .55s cubic-bezier(.34,1.1,.64,1) both;
}
@keyframes platCardIn{
  from{opacity:0;transform:translateY(24px) scale(.95)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
/* Stagger delays */
.plat-card:nth-child(1){animation-delay:.05s}
.plat-card:nth-child(2){animation-delay:.10s}
.plat-card:nth-child(3){animation-delay:.15s}
.plat-card:nth-child(4){animation-delay:.20s}
.plat-card:nth-child(5){animation-delay:.25s}
.plat-card:nth-child(6){animation-delay:.30s}


.plat-card:hover{
  transform:translateY(-10px) scale(1.04);
  box-shadow:0 24px 56px rgba(0,0,0,.45);
  background:rgba(13,24,48,.95);
}
/* Glow using CSS var per card */
.plat-card:hover{
  border-color:var(--plat-color, rgba(26,107,255,.35));
  box-shadow:0 24px 56px rgba(0,0,0,.4),0 0 0 1px var(--plat-color, rgba(26,107,255,.2));
}

/* Sweep shine on hover */
.plat-card::before{
  content:'';position:absolute;
  top:-100%;left:-60%;width:40%;height:300%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.06),transparent);
  transform:skewX(-20deg);
  transition:left .55s ease;
}
.plat-card:hover::before{left:150%}

/* Platform icon circle */
.plat-icon-wrap{
  width:130px;height:90px;border-radius:14px;
  margin:0 auto 16px;
  display:flex;align-items:center;justify-content:center;
  font-size:1.6rem;
  border:1px solid rgba(255,255,255,.15);
  background:#ffffff;
  transition:transform .4s cubic-bezier(.34,1.56,.64,1),
             background .3s, border-color .3s;
  position:relative;z-index:1;
  box-shadow:0 4px 16px rgba(0,0,0,.3);
  overflow:hidden;
  padding:8px 12px;
}
.plat-icon-wrap img,
.plat-icon-wrap svg{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  padding:0 !important;
  display:block;
}
.plat-card:hover .plat-icon-wrap{
  transform:scale(1.15) rotate(-6deg);
  background:#ffffff;
  border-color:var(--plat-color,rgba(26,107,255,.3));
}

/* Ping ring on hover */
.plat-icon-wrap::after{
  content:'';position:absolute;inset:-6px;border-radius:20px;
  border:1px solid var(--plat-color,rgba(26,107,255,.25));
  opacity:0;transform:scale(.85);
  transition:opacity .3s, transform .3s;
}
.plat-card:hover .plat-icon-wrap::after{
  opacity:1;transform:scale(1);
  animation:platPing 1.2s ease-in-out infinite;
}
@keyframes platPing{
  0%,100%{opacity:.6;transform:scale(1)}
  50%{opacity:0;transform:scale(1.25)}
}

.plat-name{
  font-weight:700;font-size:.82rem;color:var(--white);
  margin-bottom:5px;transition:color .3s;
}
.plat-card:hover .plat-name{color:var(--plat-color-light,var(--white))}
.plat-tag{
  font-size:.65rem;color:var(--muted);font-weight:600;
  letter-spacing:.04em;text-transform:uppercase;
}

/* ── Stats band ── */
.platforms-stats{
  display:grid;grid-template-columns:repeat(4,1fr);gap:0;
  background:rgba(8,15,28,.8);
  border:1px solid rgba(255,255,255,.07);border-radius:18px;
  overflow:hidden;margin-bottom:0;
  position:relative;
}
.platforms-stats::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(26,107,255,.04),rgba(240,165,0,.03));
  pointer-events:none;
}
.pstat{
  padding:24px 20px;text-align:center;
  border-right:1px solid rgba(255,255,255,.07);
  transition:background .3s;
}
.pstat:last-child{border-right:none}
.pstat:hover{background:rgba(255,255,255,.03)}
.pstat-num{
  font-family:'Bebas Neue',sans-serif;
  font-size:2.1rem;letter-spacing:.04em;color:var(--gold);
  line-height:1;margin-bottom:6px;
  transition:text-shadow .3s;
}
.pstat:hover .pstat-num{text-shadow:0 0 20px rgba(240,165,0,.5)}
.pstat-lbl{font-size:.67rem;color:var(--muted);font-weight:700;letter-spacing:.06em;text-transform:uppercase}

@media(max-width:1060px){.platforms-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.platforms-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:500px){
  .platforms-grid{grid-template-columns:repeat(2,1fr)}
  .platforms-stats{grid-template-columns:repeat(2,1fr)}
  .pstat:nth-child(2){border-right:none}
  .pstat{border-bottom:1px solid rgba(255,255,255,.07)}
  .pstat:nth-child(3),.pstat:nth-child(4){border-bottom:none}
}

/* ═══════════════════════════════════════════
   HOW IT WORKS - 4 STEPS  (redesigned)
═══════════════════════════════════════════ */
.hiw-section{
  position:relative;z-index:2;
  padding:96px 60px 104px;
  background:var(--bg3);
  overflow:hidden;
}
.hiw-section::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse 900px 500px at 50% 0%,rgba(26,107,255,.08),transparent 65%),
    radial-gradient(ellipse 500px 400px at 0% 100%,rgba(240,165,0,.05),transparent 60%),
    radial-gradient(ellipse 400px 300px at 100% 60%,rgba(0,212,200,.04),transparent 60%);
}
.hiw-inner{width:100%;position:relative;z-index:1}

/* Header */
.hiw-head{margin:0 auto 72px;text-align:center}
.hiw-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(26,107,255,.08);border:1px solid rgba(26,107,255,.25);
  border-radius:100px;padding:6px 18px;margin-bottom:20px;
  font-size:.68rem;font-weight:700;letter-spacing:.09em;
  color:var(--blue2);text-transform:uppercase;
}
.hiw-h2{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(2.2rem,3.5vw,3.4rem);
  letter-spacing:.03em;line-height:1.06;margin-bottom:18px;
}
.hiw-h2 .gold{color:var(--gold)}
.hiw-lead{font-size:.93rem;color:var(--muted);line-height:1.9}

/* ── Steps row ── */
.hiw-steps{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
  position:relative;
  align-items:stretch;
}

/* Step card */
.hiw-step{
  display:flex;flex-direction:column;
  background:rgba(8,15,28,.7);
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  padding:32px 24px 28px;
  position:relative;
  overflow:hidden;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
  opacity:0;transform:translateY(28px);
  animation:hiwStepIn .6s cubic-bezier(.34,1.1,.64,1) both;
}
.hiw-step:nth-child(1){animation-delay:.1s;--step-clr:var(--gold);--step-rgb:240,165,0}
.hiw-step:nth-child(2){animation-delay:.25s;--step-clr:var(--blue2);--step-rgb:26,107,255}
.hiw-step:nth-child(3){animation-delay:.4s;--step-clr:var(--cyan);--step-rgb:0,212,200}
.hiw-step:nth-child(4){animation-delay:.55s;--step-clr:var(--green);--step-rgb:0,230,118}

@keyframes hiwStepIn{
  from{opacity:0;transform:translateY(28px)}
  to{opacity:1;transform:translateY(0)}
}

/* Top colour accent bar */
.hiw-step::before{
  content:'';
  position:absolute;top:0;left:0;right:0;height:3px;
  background:var(--step-clr);
  border-radius:20px 20px 0 0;
  opacity:.7;
}

/* Subtle corner glow */
.hiw-step::after{
  content:'';
  position:absolute;top:-40px;right:-40px;
  width:120px;height:120px;border-radius:50%;
  background:radial-gradient(circle,rgba(var(--step-rgb),.12),transparent 70%);
  pointer-events:none;
}

.hiw-step:hover{
  transform:translateY(-6px);
  border-color:rgba(var(--step-rgb),.35);
  box-shadow:0 20px 48px rgba(var(--step-rgb),.12);
}

/* Step number badge */
.hiw-num-row{
  display:flex;align-items:center;gap:12px;margin-bottom:20px;
}
.hiw-num{
  font-family:'Bebas Neue',sans-serif;
  font-size:2.8rem;letter-spacing:.02em;line-height:1;
  color:var(--step-clr);
  opacity:.22;
  transition:opacity .3s;
}
.hiw-step:hover .hiw-num{opacity:.45}

.hiw-icon-wrap{
  width:48px;height:48px;border-radius:14px;
  background:rgba(var(--step-rgb),.12);
  border:1px solid rgba(var(--step-rgb),.25);
  display:flex;align-items:center;justify-content:center;
  font-size:1.5rem;flex-shrink:0;
  transition:transform .3s,background .3s;
}
.hiw-step:hover .hiw-icon-wrap{
  transform:scale(1.1) rotate(-4deg);
  background:rgba(var(--step-rgb),.22);
}

/* Step text */
.hiw-step-title{
  font-weight:800;font-size:1.02rem;
  color:var(--white);margin-bottom:10px;line-height:1.35;
  transition:color .25s;
}
.hiw-step:hover .hiw-step-title{color:var(--step-clr)}

.hiw-step-text{
  font-size:.8rem;color:var(--muted);line-height:1.82;
  flex:1;
}

/* Arrow connector between cards */
.hiw-arrow{
  display:none; /* hidden on mobile, shown via grid pseudo approach */
}

/* Bottom CTA */
.hiw-cta{
  text-align:center;margin-top:64px;
  padding:36px;
  background:rgba(8,15,28,.7);
  border:1px solid rgba(255,255,255,.07);
  border-radius:20px;
  position:relative;overflow:hidden;
}
.hiw-cta::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(26,107,255,.06),rgba(240,165,0,.04));
  pointer-events:none;
}
.hiw-cta-title{
  font-family:'Bebas Neue',sans-serif;
  font-size:1.9rem;letter-spacing:.04em;margin-bottom:8px;
}
.hiw-cta-sub{font-size:.85rem;color:var(--muted);margin-bottom:24px;line-height:1.7}
.hiw-cta-btns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.hiw-btn-primary{
  display:inline-flex;align-items:center;gap:8px;
  background:linear-gradient(135deg,var(--gold),#d4880a);
  color:#060a12;border:none;border-radius:10px;
  padding:14px 28px;font-family:'Plus Jakarta Sans',sans-serif;
  font-weight:800;font-size:.9rem;cursor:pointer;
  box-shadow:0 6px 20px rgba(240,165,0,.35);
  text-decoration:none;transition:all .25s;
}
.hiw-btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(240,165,0,.5)}
.hiw-btn-secondary{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);
  color:var(--white);border-radius:10px;
  padding:14px 24px;font-family:'Plus Jakarta Sans',sans-serif;
  font-weight:700;font-size:.9rem;cursor:pointer;
  text-decoration:none;transition:all .25s;
}
.hiw-btn-secondary:hover{background:rgba(255,255,255,.12);transform:translateY(-2px)}

@media(max-width:900px){
  .hiw-steps{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:500px){
  .hiw-steps{grid-template-columns:1fr}
  .hiw-section{padding:72px 24px 80px}
}


}

/* ═══════════════════════════════════════════
   TRUST & SECURITY SECTION
═══════════════════════════════════════════ */
.trust-section{
  position:relative;z-index:2;
  padding:96px 60px 100px;
  background:var(--bg3);
  overflow:hidden;
}
.trust-section::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse 800px 600px at 50% 50%,rgba(0,230,118,.04),transparent 65%),
    radial-gradient(ellipse 600px 400px at 0% 0%,rgba(26,107,255,.06),transparent 60%),
    radial-gradient(ellipse 500px 350px at 100% 100%,rgba(240,165,0,.04),transparent 60%);
}
.trust-inner{width:100%;position:relative;z-index:1}

/* Header */
.trust-head{margin:0 auto 64px;text-align:center}
.trust-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(0,230,118,.08);border:1px solid rgba(0,230,118,.22);
  border-radius:100px;padding:6px 18px;margin-bottom:20px;
  font-size:.68rem;font-weight:700;letter-spacing:.09em;
  color:var(--green);text-transform:uppercase;
}
.trust-h2{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(2.2rem,3.5vw,3.4rem);
  letter-spacing:.03em;line-height:1.06;margin-bottom:16px;
}
.trust-h2 .gold{color:var(--gold)}
.trust-lead{font-size:.9rem;color:var(--muted);line-height:1.9}

/* ── Feature grid ── */
.trust-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
  margin-bottom:0;
}
/* Last row: 2 cards centered */
.trust-grid .trust-card:nth-child(4){grid-column:1/2}
.trust-grid .trust-card:nth-child(5){grid-column:2/3}

/* Card */
.trust-card{
  background:rgba(8,15,28,.88);
  border:1px solid rgba(255,255,255,.07);
  border-radius:22px;
  padding:36px 30px 32px;
  position:relative;overflow:hidden;
  cursor:default;
  opacity:0;
  animation:trustCardIn .6s cubic-bezier(.34,1.1,.64,1) both;
  transition:
    transform .38s cubic-bezier(.34,1.2,.64,1),
    box-shadow .38s ease,
    border-color .38s ease;
}
.trust-card:nth-child(1){animation-delay:.06s}
.trust-card:nth-child(2){animation-delay:.14s}
.trust-card:nth-child(3){animation-delay:.22s}
.trust-card:nth-child(4){animation-delay:.30s}
.trust-card:nth-child(5){animation-delay:.38s}
@keyframes trustCardIn{
  from{opacity:0;transform:translateY(30px) scale(.96)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

.trust-card:hover{
  transform:translateY(-9px) scale(1.02);
  box-shadow:0 26px 64px rgba(0,0,0,.45);
  border-color:var(--tc, rgba(0,230,118,.3));
}

/* Colour per card */
.trust-card:nth-child(1){--tc:rgba(0,230,118,.32)}
.trust-card:nth-child(2){--tc:rgba(26,107,255,.32)}
.trust-card:nth-child(3){--tc:rgba(240,165,0,.32)}
.trust-card:nth-child(4){--tc:rgba(0,212,200,.32)}
.trust-card:nth-child(5){--tc:rgba(0,230,118,.32)}

/* Animated corner glow */
.trust-card::after{
  content:'';position:absolute;
  width:200px;height:200px;border-radius:50%;
  top:-60px;right:-60px;
  background:radial-gradient(circle,var(--tc,rgba(0,230,118,.08)),transparent 70%);
  opacity:0;transition:opacity .35s, transform .35s;
  transform:scale(.7);pointer-events:none;
}
.trust-card:hover::after{opacity:1;transform:scale(1)}

/* Top accent bar */
.trust-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  border-radius:22px 22px 0 0;
  background:var(--tc,rgba(0,230,118,.4));
  transform:scaleX(0);transform-origin:left;
  transition:transform .4s ease;
}
.trust-card:hover::before{transform:scaleX(1)}

/* Icon */
.trust-icon{
  width:64px;height:64px;border-radius:16px;
  display:flex;align-items:center;justify-content:center;
  font-size:1.7rem;margin-bottom:22px;
  position:relative;z-index:1;
  transition:transform .45s cubic-bezier(.34,1.56,.64,1);
}
.trust-card:nth-child(1) .trust-icon{background:rgba(0,230,118,.1);border:1px solid rgba(0,230,118,.22)}
.trust-card:nth-child(2) .trust-icon{background:rgba(26,107,255,.1);border:1px solid rgba(26,107,255,.22)}
.trust-card:nth-child(3) .trust-icon{background:rgba(240,165,0,.1);border:1px solid rgba(240,165,0,.22)}
.trust-card:nth-child(4) .trust-icon{background:rgba(0,212,200,.1);border:1px solid rgba(0,212,200,.22)}
.trust-card:nth-child(5) .trust-icon{background:rgba(0,230,118,.1);border:1px solid rgba(0,230,118,.22)}
.trust-card:hover .trust-icon{transform:scale(1.14) rotate(-8deg)}

/* Animated shield pulse on card 1 */
.trust-card:nth-child(1) .trust-icon::after,
.trust-card:nth-child(4) .trust-icon::after{
  content:'';position:absolute;inset:-6px;border-radius:20px;
  border:1px solid rgba(0,230,118,.3);
  animation:trustPing 2.5s ease-in-out infinite;
}
.trust-card:nth-child(2) .trust-icon::after{
  content:'';position:absolute;inset:-6px;border-radius:20px;
  border:1px solid rgba(26,107,255,.3);
  animation:trustPing 2.5s ease-in-out .5s infinite;
}
@keyframes trustPing{
  0%,100%{transform:scale(1);opacity:.5}
  50%{transform:scale(1.3);opacity:0}
}

/* Title */
.trust-title{
  font-weight:800;font-size:1.08rem;color:var(--white);
  margin-bottom:12px;line-height:1.3;
  position:relative;z-index:1;
  transition:color .3s;
}
.trust-card:nth-child(1):hover .trust-title{color:var(--green)}
.trust-card:nth-child(2):hover .trust-title{color:var(--blue2)}
.trust-card:nth-child(3):hover .trust-title{color:var(--gold)}
.trust-card:nth-child(4):hover .trust-title{color:var(--cyan)}
.trust-card:nth-child(5):hover .trust-title{color:var(--green)}

/* Text */
.trust-text{
  font-size:.82rem;color:var(--muted);line-height:1.84;
  position:relative;z-index:1;
}

/* Watermark icon */
.trust-watermark{
  position:absolute;bottom:14px;right:18px;
  font-size:4.5rem;opacity:.04;
  pointer-events:none;
  transition:opacity .35s,transform .35s;
  transform:rotate(-12deg);
}
.trust-card:hover .trust-watermark{opacity:.07;transform:rotate(-6deg) scale(1.1)}

/* Bottom assurance strip */
.trust-assurance{
  margin-top:44px;
  background:rgba(8,15,28,.8);
  border:1px solid rgba(255,255,255,.07);
  border-radius:18px;
  padding:24px 32px;
  display:flex;align-items:center;justify-content:center;
  gap:40px;flex-wrap:wrap;
  position:relative;overflow:hidden;
}
.trust-assurance::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(0,230,118,.04),rgba(26,107,255,.04));
  pointer-events:none;
}
.ta-item{
  display:flex;align-items:center;gap:10px;
  font-size:.8rem;font-weight:700;color:rgba(240,244,255,.75);
}
.ta-icon{
  width:32px;height:32px;border-radius:8px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;font-size:.95rem;
}
.ta-item:nth-child(1) .ta-icon{background:rgba(0,230,118,.12);border:1px solid rgba(0,230,118,.2)}
.ta-item:nth-child(2) .ta-icon{background:rgba(26,107,255,.12);border:1px solid rgba(26,107,255,.2)}
.ta-item:nth-child(3) .ta-icon{background:rgba(240,165,0,.12);border:1px solid rgba(240,165,0,.2)}
.ta-item:nth-child(4) .ta-icon{background:rgba(0,212,200,.12);border:1px solid rgba(0,212,200,.2)}

@media(max-width:900px){
  .trust-grid{grid-template-columns:repeat(2,1fr)}
  .trust-grid .trust-card:nth-child(4){grid-column:auto}
  .trust-grid .trust-card:nth-child(5){grid-column:auto}
}
@media(max-width:540px){
  .trust-grid{grid-template-columns:1fr}
  .trust-assurance{flex-direction:column;gap:16px;align-items:flex-start}
}

/* ═══════════════════════════════════════════
   PRICING SECTION
═══════════════════════════════════════════ */
.pricing-section{
  position:relative;z-index:2;
  padding:96px 60px 100px;
  background:var(--bg2);
  overflow:hidden;
}
.pricing-section::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse 700px 500px at 50% 0%,rgba(240,165,0,.07),transparent 65%),
    radial-gradient(ellipse 500px 400px at 0% 100%,rgba(26,107,255,.05),transparent 65%),
    radial-gradient(ellipse 400px 300px at 100% 50%,rgba(0,212,200,.04),transparent 60%);
}
.pricing-inner{width:100%;position:relative;z-index:1}

/* Header */
.pricing-head{text-align:center;margin-bottom:56px}
.pricing-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(240,165,0,.08);border:1px solid rgba(240,165,0,.25);
  border-radius:100px;padding:6px 18px;margin-bottom:20px;
  font-size:.68rem;font-weight:700;letter-spacing:.09em;
  color:rgba(240,165,0,.9);text-transform:uppercase;
}
.pricing-h2{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(2.2rem,3.5vw,3.4rem);
  letter-spacing:.03em;line-height:1.06;margin-bottom:10px;
}
.pricing-h2 .gold{color:var(--gold)}
.pricing-sub{font-size:.88rem;color:var(--muted);line-height:1.8}

/* ── Main pricing card ── */
.pricing-card{
  background:rgba(8,15,28,.92);
  border:1px solid rgba(255,255,255,.1);
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 32px 80px rgba(0,0,0,.5);
  position:relative;
  animation:pricingCardIn .7s cubic-bezier(.34,1.1,.64,1) both;
}
@keyframes pricingCardIn{
  from{opacity:0;transform:translateY(40px) scale(.97)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
/* Gold top accent */
.pricing-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:4px;
  background:linear-gradient(90deg,var(--gold),var(--gold2),var(--cyan));
  z-index:2;
}
/* Glow blobs */
.pricing-card::after{
  content:'';position:absolute;
  width:400px;height:400px;border-radius:50%;
  background:radial-gradient(circle,rgba(240,165,0,.07),transparent 70%);
  top:-100px;right:-100px;pointer-events:none;
  animation:pricingBlob 10s ease-in-out infinite alternate;
}
@keyframes pricingBlob{
  0%{transform:translate(0,0) scale(1)}
  100%{transform:translate(-30px,30px) scale(1.1)}
}

/* Card header */
.pc-header{
  padding:36px 44px 28px;
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:16px;
  border-bottom:1px solid rgba(255,255,255,.07);
  position:relative;z-index:1;
}
.pc-title{
  font-family:'Bebas Neue',sans-serif;
  font-size:1.6rem;letter-spacing:.04em;color:var(--white);
}
.pc-badges{display:flex;gap:10px;flex-wrap:wrap}
.pc-badge{
  display:flex;align-items:center;gap:5px;
  font-size:.67rem;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;
  border-radius:100px;padding:5px 12px;
}
.pc-badge.green{
  background:rgba(0,230,118,.08);border:1px solid rgba(0,230,118,.2);
  color:var(--green);
}
.pc-badge.blue{
  background:rgba(26,107,255,.08);border:1px solid rgba(26,107,255,.2);
  color:var(--blue2);
}

/* Price rows grid */
.pc-prices{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  padding:8px 0;
  position:relative;z-index:1;
}
.pc-price-item{
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  padding:28px 20px;
  border-right:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
  text-align:center;
  transition:background .3s, transform .25s;
  cursor:default;
  position:relative;overflow:hidden;
}
.pc-price-item:nth-child(3n){border-right:none}
.pc-price-item:nth-child(4),.pc-price-item:nth-child(5),.pc-price-item:nth-child(6){border-bottom:none}
.pc-price-item:hover{background:rgba(240,165,0,.04)}

/* Shine sweep */
.pc-price-item::before{
  content:'';position:absolute;
  top:-100%;left:-60%;width:40%;height:300%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.04),transparent);
  transform:skewX(-20deg);
  transition:left .5s ease;
}
.pc-price-item:hover::before{left:150%}

.pc-service{
  font-size:.7rem;font-weight:700;letter-spacing:.07em;
  text-transform:uppercase;color:var(--muted);margin-bottom:10px;
}
.pc-amount{
  font-family:'Bebas Neue',sans-serif;
  font-size:2.6rem;letter-spacing:.02em;line-height:1;color:var(--gold);
  transition:text-shadow .3s;
}
.pc-price-item:hover .pc-amount{
  text-shadow:0 0 24px rgba(240,165,0,.6);
}
.pc-unit{
  font-size:.68rem;color:var(--muted);font-weight:600;
  letter-spacing:.05em;margin-top:4px;
}
.pc-icon{
  font-size:1.4rem;margin-bottom:8px;
  transition:transform .35s cubic-bezier(.34,1.56,.64,1);
}
.pc-price-item:hover .pc-icon{transform:scale(1.2) rotate(-8deg)}

/* CTA row inside card */
.pc-cta-row{
  padding:28px 44px 36px;
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:20px;
  border-top:1px solid rgba(10,15,30,.12);
  position:relative;z-index:1;
  background:rgba(240,165,0,.03);
}
.pc-guarantees{display:flex;gap:18px;flex-wrap:wrap}
.pc-guarantee{
  display:flex;align-items:center;gap:6px;
  font-size:.75rem;font-weight:700;color:rgba(240,244,255,0.75);
}
.pc-order-btn{
  display:inline-flex;align-items:center;gap:8px;
  background:linear-gradient(135deg,var(--gold),#d4880a);
  color:#060a12;border:none;border-radius:12px;
  padding:15px 32px;font-family:'Plus Jakarta Sans',sans-serif;
  font-weight:800;font-size:.95rem;cursor:pointer;
  text-decoration:none;transition:all .28s;
  box-shadow:0 8px 24px rgba(240,165,0,.4);
  white-space:nowrap;
}
.pc-order-btn:hover{
  transform:translateY(-3px) scale(1.02);
  box-shadow:0 14px 36px rgba(240,165,0,.55);
}

/* ── Stagger animation on price items ── */
.pc-price-item{
  opacity:0;
  animation:priceItemIn .45s cubic-bezier(.34,1.1,.64,1) both;
}
.pc-price-item:nth-child(1){animation-delay:.15s}
.pc-price-item:nth-child(2){animation-delay:.22s}
.pc-price-item:nth-child(3){animation-delay:.29s}
.pc-price-item:nth-child(4){animation-delay:.36s}
.pc-price-item:nth-child(5){animation-delay:.43s}
.pc-price-item:nth-child(6){animation-delay:.50s}
@keyframes priceItemIn{
  from{opacity:0;transform:translateY(16px)}
  to{opacity:1;transform:translateY(0)}
}

@media(max-width:680px){
  .pc-prices{grid-template-columns:repeat(2,1fr)}
  .pc-price-item:nth-child(2n){border-right:none}
  .pc-price-item:nth-child(3n){border-right:1px solid rgba(255,255,255,.06)}
  .pc-price-item:nth-child(5),.pc-price-item:nth-child(6){border-bottom:none}
  .pc-price-item:nth-child(4){border-bottom:1px solid rgba(255,255,255,.06)}
  .pc-header{padding:24px}
  .pc-cta-row{padding:22px 24px;flex-direction:column;align-items:stretch}
  .pc-order-btn{text-align:center;justify-content:center}
}

/* Payment logos strip */
.pc-payments{
  padding:18px 44px 22px;
  border-top:1px solid rgba(255,255,255,.06);
  display:flex;align-items:center;gap:16px;flex-wrap:wrap;
  position:relative;z-index:1;
}
.pc-pay-label{
  font-size:.65rem;font-weight:700;letter-spacing:.07em;
  text-transform:uppercase;color:var(--muted);
  white-space:nowrap;margin-right:4px;
}
.pc-pay-logos{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pc-pay-logo{
  height:28px;border-radius:6px;
  display:flex;align-items:center;justify-content:center;
  padding:0 10px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.1);
  transition:all .25s;
  cursor:default;
  filter:brightness(.75) saturate(.8);
}
.pc-pay-logo:hover{
  filter:brightness(1) saturate(1);
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.2);
  transform:translateY(-2px);
}
.pc-pay-logo svg{height:30px;width:auto;display:block}
.pc-pay-logo img{height:30px;width:auto;display:block}
@media(max-width:680px){.pc-payments{padding:16px 24px;gap:10px}}

/* ═══════════════════════════════════════════
   FINAL CTA BANNER
═══════════════════════════════════════════ */
.final-cta-section{
  position:relative;z-index:2;
  padding:100px 60px 108px;
  overflow:hidden;
  background:var(--bg);
}
/* Animated gradient background */
.final-cta-section::before{
  content:'';position:absolute;inset:0;
  background:
    radial-gradient(ellipse 1000px 700px at 50% 50%,rgba(26,107,255,.12),transparent 65%),
    radial-gradient(ellipse 600px 500px at 10% 30%,rgba(240,165,0,.08),transparent 60%),
    radial-gradient(ellipse 600px 400px at 90% 70%,rgba(0,212,200,.06),transparent 60%);
  animation:ctaBgPulse 8s ease-in-out infinite alternate;
  pointer-events:none;
}
@keyframes ctaBgPulse{
  0%{opacity:.7;transform:scale(1)}
  100%{opacity:1;transform:scale(1.05)}
}
/* Noise overlay */
.final-cta-section::after{
  content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
  opacity:.3;
}

.final-cta-inner{
  width:100%;text-align:center;
  position:relative;z-index:1;
}

/* Floating orbs */
.fcta-orb{
  position:absolute;border-radius:50%;pointer-events:none;
  animation:fctaOrbFloat 6s ease-in-out infinite alternate;
}
.fcta-orb-1{
  width:280px;height:280px;
  background:radial-gradient(circle,rgba(240,165,0,.15),transparent 70%);
  top:-80px;left:-60px;
  animation-delay:0s;
}
.fcta-orb-2{
  width:200px;height:200px;
  background:radial-gradient(circle,rgba(0,212,200,.12),transparent 70%);
  bottom:-40px;right:-40px;
  animation-delay:3s;
}
@keyframes fctaOrbFloat{
  0%{transform:translate(0,0) scale(1)}
  100%{transform:translate(20px,-20px) scale(1.08)}
}

.fcta-kicker{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(26,107,255,.1);border:1px solid rgba(26,107,255,.25);
  border-radius:100px;padding:7px 20px;margin-bottom:28px;
  font-size:.7rem;font-weight:700;letter-spacing:.08em;
  color:var(--blue2);text-transform:uppercase;
  animation:fctaFadeUp .6s ease both;
}
.fcta-h2{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(2.2rem,3.5vw,3.4rem);
  letter-spacing:.03em;line-height:1.04;
  margin-bottom:22px;
  animation:fctaFadeUp .6s ease .1s both;
}
.fcta-h2 .gold{color:var(--gold)}
.fcta-h2 .blue{color:var(--blue2)}
.fcta-desc{
  font-size:.97rem;color:var(--muted);line-height:1.9;
  margin:0 auto 44px;
  animation:fctaFadeUp .6s ease .2s both;
}
@keyframes fctaFadeUp{
  from{opacity:0;transform:translateY(22px)}
  to{opacity:1;transform:translateY(0)}
}

/* Main CTA button */
.fcta-btn-wrap{
  display:flex;flex-direction:column;align-items:center;gap:14px;
  animation:fctaFadeUp .6s ease .3s both;
}
.fcta-btn{
  display:inline-flex;align-items:center;gap:10px;
  background:linear-gradient(135deg,var(--gold),#d4880a);
  color:#060a12;border:none;border-radius:14px;
  padding:18px 44px;font-family:'Plus Jakarta Sans',sans-serif;
  font-weight:800;font-size:1.05rem;cursor:pointer;
  text-decoration:none;letter-spacing:.02em;
  box-shadow:0 10px 30px rgba(240,165,0,.45),0 0 0 0 rgba(240,165,0,.4);
  transition:all .3s;
  animation:fctaBtnPulse 2.5s ease-in-out 1s infinite;
  position:relative;overflow:hidden;
}
.fcta-btn::before{
  content:'';position:absolute;
  top:-100%;left:-60%;width:40%;height:300%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.2),transparent);
  transform:skewX(-20deg);
  animation:fctaShine 2.5s ease-in-out 1s infinite;
}
@keyframes fctaShine{
  0%,100%{left:-60%}
  40%,60%{left:150%}
}
@keyframes fctaBtnPulse{
  0%,100%{box-shadow:0 10px 30px rgba(240,165,0,.45),0 0 0 0 rgba(240,165,0,.3)}
  50%{box-shadow:0 14px 40px rgba(240,165,0,.6),0 0 0 14px rgba(240,165,0,.0)}
}
.fcta-btn:hover{
  transform:translateY(-4px) scale(1.03);
  box-shadow:0 18px 48px rgba(240,165,0,.6);
  animation:none;
}
.fcta-btn-arrow{
  font-size:1.2rem;
  animation:arrowBounce 1.2s ease-in-out infinite;
}
@keyframes arrowBounce{
  0%,100%{transform:translateX(0)}
  50%{transform:translateX(5px)}
}

.fcta-trust{
  display:flex;align-items:center;gap:6px;
  font-size:.72rem;color:var(--muted);font-weight:600;
}
.fcta-trust-dot{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.25)}

/* Floating student count badge */
.fcta-live-badge{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(0,230,118,.08);border:1px solid rgba(0,230,118,.22);
  border-radius:100px;padding:7px 18px;margin-bottom:22px;
  font-size:.75rem;font-weight:700;color:var(--green);
  animation:fctaFadeUp .6s ease .05s both;
}

@media(max-width:500px){
  .fcta-btn{padding:16px 28px;font-size:.9rem}
  .fcta-trust{flex-wrap:wrap;justify-content:center}
}
/* ═══════════════════════════════════════════
   BRITANNIA-STYLE FOOTER
═══════════════════════════════════════════ */
.nf-wrap{position:relative;z-index:3;font-family:'Plus Jakarta Sans',sans-serif}
.nf-body{
  background:linear-gradient(160deg,#0d1830 0%,#080f1c 60%,#04080f 100%);
  border:1px solid rgba(255,255,255,0.07);border-bottom:none;
  border-radius:52px 52px 0 0;
  position:relative;overflow:visible;padding:96px 60px 52px;
  display:flex;flex-direction:column;
}
.nf-body::before{
  content:'';position:absolute;inset:0;border-radius:52px 52px 0 0;
  background:
    radial-gradient(ellipse 70% 50% at 20% 0%,rgba(26,107,255,.08),transparent),
    radial-gradient(ellipse 50% 40% at 80% 100%,rgba(240,165,0,.06),transparent);
  pointer-events:none;
}
.nf-float{
  position:absolute;top:-80px;left:50%;transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;z-index:10;
}
.nf-float-logo{
  background:linear-gradient(160deg,#f5b020 0%,#d4880a 100%);
  border:4px solid #fff;border-radius:26px;
  width:116px;height:116px;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 18px 48px rgba(240,165,0,.6),0 4px 14px rgba(0,0,0,.28);
  overflow:hidden;
  animation:nfLogoFloat 4s ease-in-out infinite alternate;
}
.nf-float-logo img{width:88px;height:88px;object-fit:contain}
.nf-float-tip{
  width:0;height:0;
  border-left:14px solid transparent;
  border-right:14px solid transparent;
  border-top:14px solid #0d1830;
}
@keyframes nfLogoFloat{
  0%{transform:translateY(0) scale(1)}
  100%{transform:translateY(-8px) scale(1.03)}
}
.nf-top-btn{
  position:absolute;top:24px;right:44px;
  background:#0a0f1e;color:#f0a500;
  border:none;border-radius:14px 14px 0 0;
  padding:12px 20px 24px;cursor:pointer;
  font-family:'Plus Jakarta Sans',sans-serif;font-weight:900;
  font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;
  text-align:center;line-height:1.3;
  box-shadow:0 8px 28px rgba(0,0,0,.4);
  clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%);
  display:flex;flex-direction:column;align-items:center;gap:1px;
  transition:all .25s;
}
.nf-top-btn:hover{background:#1a6bff;color:#fff;transform:translateY(-3px)}
.nf-top-label{font-size:.55rem;letter-spacing:.14em;opacity:.65}
.nf-top-word{font-family:'Bebas Neue',sans-serif;font-size:1.2rem;letter-spacing:.08em}
.nf-top-arrow{font-size:1rem}
.nf-cols{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:48px 32px;position:relative;z-index:1;flex:1;
}
.nf-col-head{
  font-family:'Bebas Neue',sans-serif;
  font-size:1.15rem;letter-spacing:.08em;color:#f0a500;
  margin-bottom:20px;padding-bottom:10px;
  border-bottom:2px solid rgba(240,165,0,.25);
}
/* content wrapper — always visible */
.nf-col-content{display:block}
.nf-col-content-inner{padding:0}
.nf-col-links{display:flex;flex-direction:column;gap:10px}
.nf-col-link{
  color:rgba(240,244,255,.65);text-decoration:none;
  font-size:.86rem;font-weight:600;
  display:flex;align-items:center;gap:6px;
  transition:color .18s,padding-left .2s;
}
.nf-col-link::before{
  content:'';width:4px;height:4px;border-radius:50%;
  background:rgba(240,165,0,.35);flex-shrink:0;
  transition:background .18s,transform .18s;
}
.nf-col-link:hover{color:#f0a500;padding-left:5px}
.nf-col-link:hover::before{background:#f0a500;transform:scale(1.4)}
.nf-contact-item{
  display:flex;align-items:center;gap:10px;
  color:rgba(240,244,255,.75);text-decoration:none;
  font-size:.83rem;font-weight:700;
  padding:10px 12px;border-radius:10px;
  background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);
  margin-bottom:8px;transition:all .2s;
}
.nf-contact-item:hover{background:rgba(240,165,0,.1);border-color:rgba(240,165,0,.25);color:#fff;transform:translateX(3px)}
.nf-contact-item svg{width:16px;height:16px;flex-shrink:0;fill:rgba(240,244,255,.8)}
.nf-contact-item.wa svg{fill:#25D366}
.nf-phone-num{
  font-family:'Bebas Neue',sans-serif;font-size:1.3rem;letter-spacing:.04em;
  color:#f0f4ff;text-decoration:none;display:block;margin-bottom:5px;transition:opacity .18s;
}
.nf-phone-num:hover{opacity:.6}
.nf-email-link{
  font-size:.78rem;font-weight:700;color:rgba(240,244,255,.55);
  text-decoration:none;display:block;margin-bottom:20px;transition:color .18s;
}
.nf-email-link:hover{color:#f0a500}
.nf-connect-label{
  font-size:.62rem;font-weight:800;letter-spacing:.12em;
  text-transform:uppercase;color:rgba(240,244,255,.4);margin-bottom:12px;
}
.nf-socials{display:flex;gap:8px;flex-wrap:wrap}
.nf-soc{
  width:38px;height:38px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  text-decoration:none;transition:all .22s;
  border:none;
}
/* LinkedIn */
.nf-soc[title="LinkedIn"]{background:#0A66C2;}
.nf-soc[title="LinkedIn"] svg{fill:#fff;}
/* Facebook */
.nf-soc[title="Facebook"]{background:#1877F2;}
.nf-soc[title="Facebook"] svg{fill:#fff;}
/* X */
.nf-soc[title="X"]{background:#000;}
.nf-soc[title="X"] svg{fill:#fff;}
/* Instagram */
.nf-soc[title="Instagram"]{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);}
.nf-soc[title="Instagram"] svg{fill:#fff;}
/* YouTube */
.nf-soc[title="YouTube"]{background:#FF0000;}
.nf-soc[title="YouTube"] svg{fill:#fff;}
.nf-soc:hover{transform:translateY(-3px);filter:brightness(1.15);}
.nf-soc svg{width:15px;height:15px;fill:rgba(240,244,255,.55);transition:fill .22s}
.nf-soc:hover svg{fill:#f0a500}
.nf-disclaimer{
  position:relative;z-index:1;margin-top:48px;padding-top:24px;
  border-top:1px solid rgba(255,255,255,.07);
  font-size:.7rem;color:rgba(240,244,255,.38);line-height:1.75;text-align:center;
}
.nf-disclaimer strong{color:rgba(240,244,255,.55)}
.nf-bottom{
  background:#0a0f1e;display:flex;align-items:center;
  justify-content:space-between;flex-wrap:wrap;gap:12px;padding:18px 60px;
}
.nf-copy{font-size:.73rem;color:rgba(240,244,255,.42);font-weight:500}
.nf-bottom-links{display:flex;align-items:center}
.nf-bottom-link{
  font-size:.71rem;color:rgba(240,244,255,.4);font-weight:600;
  text-decoration:none;padding:4px 14px;
  border-right:1px solid rgba(255,255,255,.1);transition:color .18s;white-space:nowrap;
}
.nf-bottom-link:last-child{border-right:none}
.nf-bottom-link:hover{color:#f0a500}
/* ── 1100px ── */
@media(max-width:1100px){
  .nf-body{padding:96px 40px 44px}
  .nf-cols{gap:36px 20px}
  .nf-bottom{padding:16px 40px}
  .nf-top-btn{right:24px}
}
/* ── 860px: tablet 2×2 ── */
@media(max-width:860px){
  .nf-body{padding:88px 32px 40px;border-radius:40px 40px 0 0}
  .nf-cols{grid-template-columns:1fr 1fr;gap:36px 28px}
  .nf-bottom{padding:16px 32px}
  .nf-top-btn{right:24px;top:22px}
}
/* ── 600px: mobile ── */
@media(max-width:600px){
  /* Body */
  .nf-body{padding:68px 20px 28px;border-radius:26px 26px 0 0}

  /* Floating logo: smaller */
  .nf-float{top:-46px}
  .nf-float-logo{width:74px;height:74px;border-radius:18px;border-width:3px}
  .nf-float-logo img{width:54px;height:54px}
  .nf-float-tip{border-left-width:9px;border-right-width:9px;border-top-width:9px}

  /* Back-to-top: small pill top-right */
  .nf-top-btn{
    position:absolute;top:14px;right:16px;
    clip-path:none;border-radius:50px;
    flex-direction:row;gap:4px;
    padding:7px 13px;font-size:.6rem;
    display:inline-flex;align-items:center;
    box-shadow:0 3px 10px rgba(0,0,0,.3);
  }
  .nf-top-label{display:none}
  .nf-top-word{font-size:.68rem;letter-spacing:.06em}
  .nf-top-arrow{font-size:.8rem}

  /* 2-col grid — all content always visible */
  .nf-cols{grid-template-columns:1fr 1fr;gap:24px 16px}
  .nf-col-content{display:block!important;max-height:none!important}
  .nf-col-content-inner{padding:0}

  /* Column heading */
  .nf-col-head{
    font-size:.78rem;margin-bottom:12px;padding-bottom:8px;
    border-bottom:1.5px solid rgba(240,165,0,.25);
    cursor:default;
  }
  .nf-col-head::after{display:none}

  /* Links: compact */
  .nf-col-links{gap:0}
  .nf-col-link{
    font-size:.78rem;padding:6px 0;min-height:34px;
    border-bottom:1px solid rgba(10,15,30,.06);
    display:flex;align-items:center;
  }
  .nf-col-link:last-child{border-bottom:none}
  .nf-col-link::before{display:none}

  /* Contact items: compact */
  .nf-contact-item{
    font-size:.75rem;min-height:44px;
    padding:9px 10px;margin-bottom:7px;border-radius:9px;
  }
  .nf-contact-item svg{width:14px;height:14px;flex-shrink:0}

  /* Connect column */
  .nf-phone-num{font-size:1rem;margin-bottom:4px}
  .nf-email-link{font-size:.7rem;word-break:break-all;margin-bottom:14px}
  .nf-connect-label{font-size:.58rem;margin-bottom:8px}
  .nf-soc{width:38px;height:38px;border-radius:10px}
  .nf-soc svg{width:15px;height:15px}
  .nf-socials{gap:7px}

  /* Disclaimer */
  .nf-disclaimer{margin-top:24px;padding-top:18px;font-size:.67rem}

  /* Bottom bar */
  .nf-bottom{
    padding:16px 20px 20px;flex-direction:column;
    align-items:center;gap:10px;text-align:center;
  }
  .nf-copy{font-size:.72rem}
  .nf-bottom-links{flex-wrap:wrap;justify-content:center}
  .nf-bottom-link{font-size:.69rem;padding:4px 9px}
}

/* ── LEGACY ft- classes kept below for any residual references ── */
.ft-topbar{display:none}

/* ═══════════════════════════════════════════
   WHATSAPP BUTTON
═══════════════════════════════════════════ */
.wa-btn{
  position:fixed;bottom:20px;left:16px;z-index:9999;
  width:48px;height:48px;border-radius:50%;
  background:linear-gradient(135deg,#25D366,#128C7E);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 24px rgba(37,211,102,.45);
  cursor:pointer;text-decoration:none;
  transition:transform .25s,box-shadow .25s;
  animation:waPulse 2.5s ease-in-out infinite;
}
.wa-btn:hover{transform:scale(1.12);box-shadow:0 10px 32px rgba(37,211,102,.6);animation:none}
@keyframes waPulse{
  0%,100%{box-shadow:0 6px 24px rgba(37,211,102,.45)}
  50%{box-shadow:0 6px 32px rgba(37,211,102,.75),0 0 0 8px rgba(37,211,102,.12)}
}
.wa-btn svg{width:24px;height:24px;fill:#fff}
.wa-tooltip{
  position:absolute;left:68px;top:50%;transform:translateY(-50%);
  background:#0d1830;border:1px solid rgba(37,211,102,.3);
  color:#fff;font-size:.72rem;font-weight:700;
  white-space:nowrap;padding:6px 12px;border-radius:8px;
  pointer-events:none;opacity:0;transition:opacity .2s;
}
.wa-btn:hover .wa-tooltip{opacity:1}

@media(max-width:480px){
  .wa-btn{left:12px;bottom:20px}
}

/* ═══════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════ */
@media(max-width:900px){
  .page-inner{grid-template-columns:1fr;gap:28px}
  .info-col{position:static}
  nav{padding:0}
  .nav-mainbar{padding:0 16px}
  .page-wrap{padding:90px 16px 48px}
  .order-panel{padding:28px 20px}
  .info-h1{font-size:clamp(1.8rem,7vw,3rem)}
  .info-pills{gap:10px;margin-bottom:24px}
  .trust-row{gap:14px;font-size:.68rem}
}
@media(max-width:560px){
  .fl2{grid-template-columns:1fr}
}

/* ═══════════════════════════════════════════
   iOS & MOBILE GLOBAL FIXES
═══════════════════════════════════════════ */

/* Prevent tap highlight & text size adjust on iOS */
*{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}

/* Smooth momentum scrolling on iOS */
html{-webkit-overflow-scrolling:touch}

/* Safe area insets for iPhone notch/home bar */
nav{
  padding-top:env(safe-area-inset-top);
}
.wa-btn{
  bottom:calc(100px + env(safe-area-inset-bottom));
}

/* Nav: tighter on small screens */
@media(max-width:480px){
  .nav-mainbar{padding:0 16px;height:56px}
  .nav-topbar{display:none}
  .nav-drawer{top:56px}
  .page-wrap{padding:76px 16px 60px}
}

/* Order panel: full width, no side overflow */
@media(max-width:480px){
  .order-panel{
    padding:22px 16px;
    border-radius:16px;
  }
  .op-title{font-size:1.3rem}
  .btn-next,.btn-submit,.btn-back{
    padding:14px 12px;font-size:.85rem;
  }
  .fi{font-size:16px} /* prevent iOS zoom on input focus */
  select.fi{font-size:16px}
  textarea.fi{font-size:16px}
}

/* Hero info column: tighter on mobile */
@media(max-width:480px){
  .info-h1{font-size:2.2rem}
  .info-desc{font-size:.88rem}
  .ip{padding:12px 14px}
  .ip-icon{width:36px;height:36px}
}

/* Carousels: prevent horizontal body scroll */
.expert-carousel-wrap,
.reviews-stage{
  overflow:hidden;
  -webkit-overflow-scrolling:touch;
}

/* Proof screenshots: full width on mobile */
@media(max-width:480px){
}

/* Pricing cards: single column */
@media(max-width:480px){
  .pricing-cards{flex-direction:column;align-items:center}
  .pc-pay-logos{gap:8px}
  .pc-pay-logo{padding:5px 8px}
}

/* Footer: safe area bottom padding */
.ft-disclaimer{
  padding-bottom:calc(18px + env(safe-area-inset-bottom));
}

/* Floating buttons: safe area aware */
@media(max-width:480px){
  .wa-btn{
    left:12px;
    bottom:calc(90px + env(safe-area-inset-bottom));
  }
}

/* Pillars grid */
@media(max-width:480px){
  .pillars-grid{grid-template-columns:1fr}
  .pillar-card{padding:18px 16px}
}

/* Reviews carousel */
@media(max-width:600px){
  .rcard{width:calc(100vw - 40px)}
  .rcard-quote{font-size:1.8rem}
}
@media(max-width:480px){
  .rcard{width:calc(100vw - 48px)}
  .reviews-stage{padding:0 12px}
}

/* Trust row wrap */
@media(max-width:480px){
  .trust-row{gap:10px;font-size:.68rem}
}

/* Nav drawer full height scroll */
.nav-drawer{
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
}

/* Buttons: min touch target 44px (Apple HIG) */
.btn-next,.btn-submit,.btn-back,.btn-login,
.fcrm-btn,.chat-qr,.expert-arrow,.rev-arrow{
  min-height:44px;
}



/* ── Mobile nav fixes ── */
@media(max-width:520px){
  .btn-login{display:none}
  .logo span:not([style*="color:#f0a500"]){font-size:1rem!important}
  .logo img{height:34px!important}
}

/* ── Mobile: stack left col above form ── */
@media(max-width:860px){
  .info-col{display:block!important}
  .page-inner{grid-template-columns:1fr!important;gap:28px!important}
  .page-wrap{padding-top:90px!important;padding-left:16px!important;padding-right:16px!important}
  .info-h1{font-size:clamp(2rem,7vw,2.8rem)!important}
}
/* ── WhatsApp floating button ── */
.wa-btn{
  position:fixed;bottom:10px;left:24px;z-index:9999;
  width:48px;height:48px;border-radius:50%;
  background:linear-gradient(135deg,#25D366,#128C7E);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 24px rgba(37,211,102,.45);
  cursor:pointer;text-decoration:none;
  transition:transform .25s,box-shadow .25s;
  animation:waPulse 2.5s ease-in-out infinite;
}
.wa-btn:hover{transform:scale(1.12);box-shadow:0 10px 32px rgba(37,211,102,.6);animation:none}
@keyframes waPulse{
  0%,100%{box-shadow:0 6px 24px rgba(37,211,102,.45)}
  50%{box-shadow:0 6px 32px rgba(37,211,102,.75),0 0 0 8px rgba(37,211,102,.12)}
}
.wa-btn svg{width:24px;height:24px;fill:#fff}
.wa-tooltip{
  position:absolute;left:68px;top:50%;transform:translateY(-50%);
  background:#0d1830;border:1px solid rgba(37,211,102,.3);
  color:#fff;font-size:.72rem;font-weight:700;
  white-space:nowrap;padding:6px 12px;border-radius:8px;
  pointer-events:none;opacity:0;transition:opacity .2s;
}
.wa-btn:hover .wa-tooltip{opacity:1}
@media(max-width:480px){
  .wa-btn{left:12px;bottom:10px}
}

/* ── Stats Cards ── */
.stats-strip{
  display:none; /* moved inline into hero section */
}
.ip-stats-row{
  display:flex;gap:12px;margin-top:8px;
}
.ip-stat-card{
  flex:1;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  padding:18px 20px;
  text-align:center;
  position:relative;overflow:hidden;
  transition:transform .25s,border-color .25s,box-shadow .25s;
}
.ip-stat-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
  opacity:.5;
}
.ip-stat-card:hover{
  transform:translateY(-3px);
  border-color:rgba(240,165,0,.25);
  box-shadow:0 8px 24px rgba(240,165,0,.1);
}
.ip-stat-num{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(2.2rem,3.5vw,3.4rem);
  color:var(--gold);letter-spacing:.04em;line-height:1;
  margin-bottom:6px;
}
.ip-stat-label{
  font-size:.72rem;color:rgba(240,244,255,.5);
  font-weight:600;letter-spacing:.05em;text-transform:uppercase;
}
.stat-card{
  flex:1;min-width:180px;max-width:380px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;padding:32px 40px;text-align:center;
  transition:transform .25s,border-color .25s;
}
.stat-card:hover{transform:translateY(-4px);border-color:rgba(240,165,0,.3)}
.stat-card .stat-num{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(2.4rem,6vw,3.6rem);
  color:#f0a500;letter-spacing:.04em;line-height:1;
  margin-bottom:10px;
}
.stat-card .stat-label{
  font-size:.88rem;color:rgba(240,244,255,.55);
  font-weight:600;letter-spacing:.04em;
}
@media(max-width:480px){
  .ip-stats-row{gap:8px}
  .ip-stat-card{padding:14px 12px}
  .ip-stat-num{font-size:1.6rem}
  .ip-stat-label{font-size:.65rem}
}








  100%{transform:translateX(-50%)}
}







/* Fixed height — shows the grade header row (top of image) */











@media(max-width:768px){
  
  
  
}
@media(max-width:480px){
  
  
  
  
}

/* ── Proof slider ── */
.proof-slider{position:relative;width:100%;margin:0 auto}
.proof-slides-wrap{
  position:relative;
  overflow:hidden;
}
.proof-slide{
  display:none;
}
.proof-slide.active{
  display:block;
  animation:proofFadeIn .5s ease forwards;
}
@keyframes proofFadeIn{
  from{opacity:0;transform:translateX(50px)}
  to{opacity:1;transform:translateX(0)}
}

/* Browser mockup */
.proof-browser{
  background:#0b1422;
  border:1px solid rgba(255,255,255,.1);
  border-radius:14px 14px 0 0;
  overflow:hidden;
  box-shadow:0 28px 80px rgba(0,0,0,.65);
  position:relative;
}
.proof-bar{
  height:38px;background:rgba(255,255,255,.04);
  border-bottom:1px solid rgba(255,255,255,.07);
  display:flex;align-items:center;padding:0 14px;gap:8px;
}
.pb-dot{width:11px;height:11px;border-radius:50%}
.pb-url{
  flex:1;height:20px;background:rgba(255,255,255,.06);
  border-radius:5px;margin:0 10px;
}
.proof-browser img{
  width:100%;
  display:block;
  aspect-ratio:2909/1520;
  object-fit:cover;
  object-position:top center;
  transition:transform .5s ease;
}
.proof-browser:hover img{transform:scale(1.02)}

/* Green arrow badge */
.proof-arrow-badge{
  position:absolute;top:56px;right:-4px;z-index:4;
  display:flex;align-items:center;gap:0;
}
.pab-arrow{
  width:0;height:0;
  border-top:16px solid transparent;
  border-bottom:16px solid transparent;
  border-right:18px solid #39a847;
}
.pab-label{
  background:#39a847;color:#fff;
  font-family:'Plus Jakarta Sans',sans-serif;
  font-weight:800;font-size:.82rem;
  padding:8px 14px 8px 6px;border-radius:0 8px 8px 0;
  white-space:nowrap;
}

/* Footer info bar */
.proof-footbar{
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.07);border-top:none;
  border-radius:0 0 14px 14px;
  padding:18px 28px;
  display:flex;align-items:center;gap:0;
  flex-wrap:wrap;
}
.pfb-col{
  flex:1;min-width:120px;
  padding:0 20px;
  border-right:1px solid rgba(255,255,255,.07);
}
.pfb-col:first-child{padding-left:0}
.pfb-col:last-child{border-right:none}
.pfb-label{
  font-size:.65rem;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:var(--muted);margin-bottom:5px;
}
.pfb-val{font-size:1.05rem;font-weight:800;color:var(--white)}
.pfb-val.highlight{color:var(--green);font-size:1.2rem}
.pfb-val.big{
  font-family:'Bebas Neue',sans-serif;
  font-size:1.8rem;letter-spacing:.04em;color:var(--gold);line-height:1;
}

/* Dots & arrows */
.proof-controls{
  display:flex;align-items:center;justify-content:center;
  gap:16px;margin-top:20px;
}
.pdot{
  width:6px;height:6px;border-radius:50%;
  background:rgba(255,255,255,.18);cursor:pointer;transition:all .25s;border:none;flex-shrink:0;
}
.pdot.active{background:var(--gold);width:18px;border-radius:3px}
.proof-dots{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:center;max-width:220px}
.proof-nav-btn{
  width:36px;height:36px;border-radius:9px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);
  color:var(--muted);font-size:.9rem;cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:all .2s;
}
.proof-nav-btn:hover{background:rgba(255,255,255,.12);color:var(--white)}

@media(max-width:600px){
  .proof-footbar{flex-direction:column;gap:12px}
  .pfb-col{border-right:none;border-bottom:1px solid rgba(255,255,255,.07);padding:0 0 12px;width:100%}
  .pfb-col:last-child{border-bottom:none;padding-bottom:0}
  .proof-arrow-badge{right:4px}
  .proof-slider{max-width:100%}
}

/* ── Mobile hero fixes ── */
@media(max-width:900px){
  .page-wrap{padding:100px 20px 50px;}
  .page-inner{grid-template-columns:1fr!important;gap:24px;}
  .info-col{text-align:left!important;position:static!important;}
  .info-h1{text-align:left!important;font-size:clamp(2rem,8vw,3rem)!important;}
  .info-desc{text-align:left!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;}
}
@media(max-width:600px){
  .page-wrap{padding:76px 14px 40px}
  .info-h1{font-size:clamp(2rem,9vw,3.2rem);line-height:1.1;margin-bottom:14px}
  .info-desc{font-size:.98rem;margin-bottom:20px}
  .info-pills{gap:8px;margin-bottom:18px}
  .ip{gap:10px;padding:12px 14px}
  .ip-icon{width:36px;height:36px;font-size:.9rem;flex-shrink:0}
  .ip-title{font-size:.8rem}
  .ip-desc{font-size:.7rem}
  .trust-row{gap:10px 16px;font-size:.67rem;flex-wrap:wrap}
  .order-panel{padding:22px 16px;border-radius:18px}
  .op-title{font-size:1.15rem}
  .op-badge{font-size:.6rem;padding:4px 10px}
}
@media(max-width:600px){
  .uni-card{min-width:100px;height:52px;padding:0 12px}
  .uni-img{max-width:80px;max-height:36px}
  .uni-section{padding:40px 0 44px}
}
@media(max-width:480px){
  .proof-kicker{font-size:.65rem}
  .proof-section h2{font-size:clamp(2rem,7vw,3.4rem)}
  .proof-controls{gap:10px;margin-top:14px}
  .proof-nav-btn{width:32px;height:32px;font-size:.75rem}
  .pdot{width:5px;height:5px}
  .pdot.active{width:14px}
}
@media(max-width:600px){
  .stats-strip{gap:12px;padding:28px 16px}
  .stat-card{min-width:unset;width:100%;padding:24px 20px;flex:none}
  .stat-num{font-size:2.2rem}
  .stat-label{font-size:.8rem}
}
@media(max-width:600px){
  .brands-section{padding:36px 0 40px}
  .brands-heading{font-size:.85rem;margin-bottom:20px;padding:0 16px;text-align:center}
  .brand-item{width:130px;height:60px;padding:4px 10px;margin:0 8px;border-radius:10px}
  .brand-item svg{max-width:80px;max-height:36px}
  .brand-item img{max-width:90px;max-height:40px;object-fit:contain}
  .uni-section{padding:36px 0 40px}
  .uni-heading{font-size:.85rem;margin-bottom:20px;padding:0 16px;text-align:center}
  .uni-item{width:150px;height:68px;padding:8px 12px;margin:0 8px;border-radius:10px}
  .uni-img{max-width:110px;max-height:48px}
}
@media(max-width:480px){
  .brand-item{width:110px;height:52px;padding:4px 8px;border-radius:8px;margin:0 6px}
  .brand-item svg{max-height:28px;max-width:80px}
  .brand-item img{max-width:80px;max-height:34px;object-fit:contain}
  .brands-section{padding:28px 0 32px}
  .brands-heading{font-size:.8rem;padding:0 14px;margin-bottom:14px}
  .brands-track-wrap::before,.brands-track-wrap::after{width:30px}
  .uni-item{width:120px;height:56px;padding:6px 10px;margin:0 6px;border-radius:8px}
  .uni-img{max-width:90px;max-height:38px}
}
.hiw-step-emoji{font-size:1.3rem;line-height:1;margin-bottom:2px;}


    @media(max-width:700px){
      .faq-grid{grid-template-columns:1fr!important;}
    }
  

#cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:rgba(4,8,15,0.98);border-top:1px solid rgba(240,165,0,.25);backdrop-filter:blur(24px);padding:16px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;transform:translateY(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);}
#cookie-banner.show{transform:translateY(0)}
.ck-text{font-family:'Plus Jakarta Sans',sans-serif;font-size:.8rem;color:rgba(240,244,255,.7);line-height:1.7;flex:1;min-width:200px;}
.ck-text a{color:#f0a500;text-decoration:none;}
.ck-text a:hover{text-decoration:underline}
.ck-btns{display:flex;gap:10px;flex-shrink:0}
.ck-accept{background:linear-gradient(135deg,#f0a500,#d4880a);color:#060a12;border:none;border-radius:8px;padding:9px 22px;font-family:'Plus Jakarta Sans',sans-serif;font-size:.8rem;font-weight:800;cursor:pointer;transition:all .2s;}
.ck-accept:hover{opacity:.88;transform:translateY(-1px)}
.ck-decline{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:rgba(240,244,255,.6);border-radius:8px;padding:9px 18px;font-family:'Plus Jakarta Sans',sans-serif;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s;}
.ck-decline:hover{background:rgba(255,255,255,.12);color:#f0f4ff}
@media(max-width:640px){#cookie-banner{padding:14px 20px;flex-direction:column;}.ck-btns{width:100%;}.ck-accept,.ck-decline{flex:1;text-align:center}}

/* ═══════════════════════════════════════════
   GLOBAL MOBILE FIX PATCH — all pages
═══════════════════════════════════════════ */

/* ── Footer columns: single column at 480px ── */
@media(max-width:480px){
  .nf-cols{grid-template-columns:1fr!important;gap:20px!important}
  .nf-body{padding:60px 16px 24px!important}
  .nf-bottom{padding:14px 16px 18px!important;flex-direction:column;gap:8px;text-align:center}
  .nf-bottom-links{flex-wrap:wrap;justify-content:center;gap:6px}
  .nf-bottom-link{font-size:.68rem}
  .nf-copy{font-size:.7rem}
  .nf-col-link{font-size:.77rem}
}

/* ── platforms-stats: single column at 480px ── */
@media(max-width:480px){
  .platforms-stats{grid-template-columns:1fr 1fr!important}
  .pstat{border-right:none!important;border-bottom:1px solid rgba(255,255,255,.07)!important}
  .pstat:last-child{border-bottom:none!important}
}

/* ── How It Works section padding at 480px ── */
@media(max-width:480px){
  .hiw-section{padding:60px 16px 72px!important}
  .hiw-head{margin-bottom:48px!important}
  .hiw-lead{font-size:.85rem!important}
  .hiw-steps{gap:16px!important}
  .hiw-step{padding:24px 18px 20px!important}
  .hiw-num{font-size:2.2rem!important}
  .hiw-icon-wrap{width:40px;height:40px;font-size:1.2rem}
  .hiw-cta{padding:24px 16px!important}
  .hiw-cta-title{font-size:1.5rem!important}
  .hiw-cta-btns{flex-direction:column;align-items:stretch}
  .hiw-btn-primary,.hiw-btn-secondary{justify-content:center;width:100%}
}

/* ── services-grid-about: single column at 480px ── */
@media(max-width:480px){
  .services-grid-about{grid-template-columns:1fr!important}
  .section{padding:48px 16px!important}
  .services-inner-about{padding:0 0!important}
}

/* ── Trust section at 480px ── */
@media(max-width:480px){
  .trust-section{padding:60px 16px 72px!important}
  .trust-grid{gap:14px!important}
}

/* ── Section padding: all large sections at 480px ── */
@media(max-width:480px){
  .pillars-section,.reviews-section,.services-section,.platforms-section{
    padding-left:16px!important;padding-right:16px!important;
  }
  .pillars-inner,.reviews-inner,.services-inner,.platforms-inner{
    padding-left:0!important;padding-right:0!important;
  }
}

/* ── Legal/policy pages at 480px ── */
@media(max-width:480px){
  .legal-hero-section{padding:88px 14px 36px!important}
  .policy-hero{padding:96px 14px 40px!important}
  .policy-layout{padding:20px 12px 48px!important}
  .pc-section-title{font-size:1.1rem!important}
  .pc-clause{padding:12px!important}
}

/* ── Blog page at 480px ── */
@media(max-width:480px){
  .blog-hero{padding:100px 16px 48px!important}
  .blog-grid{grid-template-columns:1fr!important;gap:20px!important}
  .blog-head{margin-bottom:40px!important}
}

/* ── About page at 480px ── */
@media(max-width:480px){
  .about-grid{grid-template-columns:1fr!important;gap:20px!important}
  .about-hero{padding:100px 16px 48px!important}
}

/* ── Terms/Privacy pages at 480px ── */
@media(max-width:480px){
  .terms-hero,.privacy-hero{padding:96px 14px 40px!important}
  .terms-inner,.privacy-inner{padding:20px 12px 48px!important}
}

/* ── Place-order form at 480px ── */
@media(max-width:480px){
  .info-col{padding-right:0}
  .page-wrap{padding:70px 12px 40px!important}
  .op-header{padding:16px 16px 0!important}
  .op-body{padding:16px!important}
  .op-footer{padding:12px 16px 16px!important}
  .hiw-cta-btns{flex-direction:column}
}

/* ── Pricing grid at 480px ── */
@media(max-width:480px){
  .pc-prices{grid-template-columns:1fr!important}
  .pricing-section{padding-left:16px!important;padding-right:16px!important}
}

/* ── Hero CTA buttons: stack on tiny screens ── */
@media(max-width:420px){
  .hero-ctas,.cta-btns-about,.hiw-cta-btns{flex-direction:column!important;align-items:stretch!important}
  .hero-ctas a,.cta-btns-about a{width:100%!important;justify-content:center!important}
  .fcta-trust{gap:6px!important}
  .fcta-trust span{font-size:.72rem!important}
}

/* ── ip (hero info pills) stack on mobile ── */
@media(max-width:420px){
  .info-pills{gap:10px!important}
  .ip{flex-direction:row!important;padding:10px 12px!important}
  .ip-icon{width:32px!important;height:32px!important;font-size:1rem!important}
  .ip-body{}
  .ip-title{font-size:.8rem!important}
  .ip-desc{font-size:.7rem!important}
}

/* ── Drawer mobile: prevent overflow ── */
@media(max-width:480px){
  .nav-drawer{width:70%!important;max-width:300px!important}
}

/* ── General: prevent horizontal overflow ── */
html,body{max-width:100%;overflow-x:hidden}
img,video,iframe,table{max-width:100%}


/* ── Touch / tap target improvements ── */
@media(max-width:900px){
  /* Ensure all buttons/links are at least 44px tall */
  .nav-link,.drawer-link,.drawer-sub-link,.btn-gold-a,.btn-outline-a,
  .hiw-btn-primary,.hiw-btn-secondary,.fcta-btn,.nf-col-link,
  .nf-contact-item,.mob-contact-wa,.mob-contact-phone{
    min-height:44px;
  }
  /* Prevent text zoom on input focus (iOS) */
  input,select,textarea{font-size:16px!important}
  /* Smooth scrolling */
  html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
}

/* ── Ensure nothing overflows viewport ── */
@media(max-width:480px){
  .hiw-inner,.trust-inner,.pillars-inner,.reviews-inner,
  .services-inner,.platforms-inner,.nf-inner{
    padding-left:0!important;padding-right:0!important;
  }
  /* Stat strip: wrap on tiny screens */
  .stats-strip{flex-wrap:wrap!important;gap:12px!important;padding:16px!important}
  .stat-card{flex:1 1 calc(50% - 8px)!important;min-width:120px!important}
  /* Hero section padding */
  .hiw-hero{padding:100px 16px 48px!important}
  /* Service cards: full width */
  .scard,.svc-card{min-width:0!important;width:100%!important}
}


/* ═══════════════════════════════════════════
   MOBILE TEXT ALIGNMENT FIX
═══════════════════════════════════════════ */
@media(max-width:768px){
  /* Hero sections — left align all text */
  .inner-hero{text-align:left!important}
  .inner-hero p{margin-left:0!important;margin-right:0!important}
  .inner-cta-row{justify-content:flex-start!important}
  .inner-badge{align-self:flex-start}

  /* Index hero / info-col */
  .info-col{text-align:left!important}
  .info-desc{text-align:left!important}
  .info-h1{text-align:left!important}
  .info-badge{align-self:flex-start}
  .info-pills{align-items:flex-start}

  /* Hero CTA rows — left align */
  .hero-ctas,.cta-row,.inner-cta-row{justify-content:flex-start!important;flex-wrap:wrap}

  /* Page body paragraphs */
  .page-wrap p,.info-col p,.inner-hero p{text-align:left!important}

  /* ip (trust pills) */
  .ip-bar,.ip-bar-inner{align-items:flex-start!important}
}

@media(max-width:480px){
  /* Keep section headings centered on mobile — intentional */
  .hiw-head,.trust-head,.reviews-head,.services-head,
  .platforms-head,.pricing-head,.pillars-head{
    text-align:center!important
  }

  /* All body/hero text — left align */
  .inner-hero,.info-col,.page-wrap,.ip-section,.legal-hero-section,
  .policy-layout,.blog-hero,.about-hero{
    text-align:left!important
  }

  /* Reset auto-margin on centered paragraphs in hero */
  .inner-hero p,.info-desc{
    margin-left:0!important;
    margin-right:0!important;
    max-width:100%!important;
  }
}



/* ═══════════════════════════════════════════
   MOBILE HERO — FULL WIDTH LEFT ALIGNED
═══════════════════════════════════════════ */
@media(max-width:768px){
  /* Kill the 2-col grid — stack into single full-width column */
  .page-inner{
    grid-template-columns:1fr!important;
    gap:32px!important;
  }
  .info-col{
    position:static!important;
    width:100%!important;
    text-align:left!important;
  }
  /* H1: full width, left aligned, no centering */
  .info-h1{
    text-align:left!important;
    width:100%!important;
    font-size:clamp(2rem,8vw,3rem)!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  /* Description: full width, left aligned */
  .info-desc{
    text-align:left!important;
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  /* Badge: flush left */
  .info-badge{
    align-self:flex-start!important;
    text-align:left!important;
  }
  /* Pills: full width */
  .info-pills{width:100%!important}
  .ip{width:100%!important}
  /* CTA buttons: row, full width on tiny */
  .hero-ctas{
    flex-direction:row!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    justify-content:flex-start!important;
  }
}

@media(max-width:480px){
  /* Page wrap: tight side padding like footer */
  .page-wrap{
    padding:88px 16px 48px!important;
  }
  .info-h1{
    font-size:clamp(1.8rem,9vw,2.6rem)!important;
    line-height:1.05!important;
  }
  .info-desc{
    font-size:.88rem!important;
    line-height:1.8!important;
  }
  /* CTA buttons: stack vertically on very small */
  .hero-ctas{
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .hero-ctas a{
    width:100%!important;
    justify-content:center!important;
    text-align:center!important;
  }
}


/* ── NUCLEAR: hero text left align — cannot be overridden ── */
@media(max-width:1024px){
  html body .page-wrap .page-inner .info-col{
    text-align:left!important;
    width:100%!important;
    position:static!important;
  }
  html body .page-wrap .page-inner .info-col .info-h1{
    text-align:left!important;
    width:100%!important;
  }
  html body .page-wrap .page-inner .info-col .info-desc{
    text-align:left!important;
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  html body .page-wrap .page-inner{
    grid-template-columns:1fr!important;
  }
}



/* FINAL OVERRIDE — loaded last, highest priority */
@media(max-width:1024px){
  .page-inner{grid-template-columns:1fr!important;display:block!important}
  .info-col{text-align:left!important;width:100%!important;position:static!important;float:none!important}
  .info-h1{text-align:left!important;font-size:clamp(1.8rem,8vw,3rem)!important;width:100%!important}
  .info-desc{text-align:left!important;max-width:100%!important;margin:0 0 24px!important;width:100%!important}
  .order-panel,.op-wrap{width:100%!important;max-width:100%!important;position:static!important}
  .page-wrap{padding-left:16px!important;padding-right:16px!important}
}

/* ── Nav height with contact strip ── */
@media(max-width:900px){
  .page-wrap{padding-top:128px!important}
}
@media(max-width:480px){
  .page-wrap{padding-top:120px!important}
}


/* ── giant watermark — fully contained ── */
.ft-watermark{
  position:relative;z-index:0;
  overflow:hidden;
  height:clamp(80px,16vw,200px);
  display:flex;align-items:center;justify-content:center;
  user-select:none;pointer-events:none;
  background:#04080f;
}
.ft-watermark-text{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(60px,14vw,190px);
  letter-spacing:.04em;
  white-space:nowrap;
  line-height:1;
  width:100%;
  text-align:center;
  background:linear-gradient(
    180deg,
    rgba(255,255,255,.55) 0%,
    rgba(255,255,255,.35) 35%,
    rgba(240,165,0,.45) 70%,
    rgba(240,165,0,.15) 100%
  );
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  animation:watermarkDrift 14s ease-in-out infinite alternate;
}
.ft-watermark-text .wm-pro{
  background:linear-gradient(
    180deg,
    rgba(255,193,64,.75) 0%,
    rgba(240,165,0,.50) 50%,
    rgba(240,165,0,.12) 100%
  );
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}
@keyframes watermarkDrift{
  0%{transform:scale(1) translateY(0)}
  100%{transform:scale(1.012) translateY(-4px)}
}

/* ── Section leads: centred paragraphs ── */
.pillars-head p,.pillars-lead,
.reviews-head p,.reviews-lead,
.services-head p,.services-lead,
.platforms-head p,.platforms-lead,
.hiw-head p,.hiw-lead,
.trust-head p,.trust-lead,
.proof-body,.proof-center p,
.fcta-desc,
.pricing-head p,.pricing-lead,
.blog-head p,.blog-lead,
.about-head p,
.policy-hero p,
.legal-hero-section p{
  text-align:center!important;
}


.pillars-head h2,.pillars-h2,
.reviews-head h2,.reviews-h2,
.services-head h2,.services-h2,
.platforms-head h2,.platforms-h2,
.hiw-head h2,.hiw-h2,
.trust-head h2,.trust-h2,
.proof-center h2,.proof-title,
.fcta-h2,
.pricing-head h2,.pricing-h2,
.blog-head h2,.blog-h2,
.about-head h2{
  text-align:center!important;
}


/* ═══ MOBILE FULL WIDTH - FINAL OVERRIDE ═══ */
@media(max-width:900px){
  .page-wrap{
    padding-left:0!important;
    padding-right:0!important;
  }
  .page-inner{
    display:block!important;
    width:100%!important;
    padding:0 16px!important;
    box-sizing:border-box!important;
  }
  .info-col{
    position:static!important;
    width:100%!important;
    text-align:left!important;
  }
  .info-h1{
    text-align:left!important;
    width:100%!important;
    font-size:clamp(1.9rem,8vw,3rem)!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .info-desc{
    text-align:left!important;
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .info-pills{
    width:100%!important;
  }
  .ip{
    max-width:100%!important;
  }
  .info-badge{
    align-self:flex-start!important;
  }
  .hero-ctas{
    flex-direction:column!important;
    align-items:stretch!important;
    width:100%!important;
  }
  .hero-ctas a,.hero-ctas button{
    width:100%!important;
    justify-content:center!important;
  }
  .ip-stats-row{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    width:100%!important;
  }
}


@media(max-width:900px){
  .info-h1{margin-bottom:8px!important}
  .info-desc{margin-bottom:20px!important}
}

/* FINAL: hero paragraph full width mobile */
@media(max-width:900px){
  .page-wrap{display:block!important;padding-left:0!important;padding-right:0!important}
  .page-inner{display:block!important;padding:0!important;margin:0!important}
  .info-col{
    width:100%!important;max-width:100%!important;
    padding:0 14px!important;
    box-sizing:border-box!important;
    position:static!important;
    text-align:center!important;
  }
  .info-h1,.info-desc{
    width:100%!important;max-width:100%!important;
    text-align:center!important;
    margin-left:0!important;margin-right:0!important;
  }
  .order-panel{width:100%!important;margin-top:32px!important}
}