/* ═══════════════════════════════════════
   BRAND
   Primary : linear-gradient(90deg,#f95959 0%,#ff9a8e 100%)
   Accent  : #c5d82e
═══════════════════════════════════════ */
:root {
  --grad      : linear-gradient(90deg,#f95959 0%,#ff9a8e 100%);
  --red       : #f95959;
  --red-end   : #ff9a8e;
  --lime      : #c5d82e;
  --lime-dk   : #a9bb1f;
  --lime-bg   : rgba(197,216,46,.10);
  --dark      : #111827;
  --dark2     : #1f2937;
  --off       : #f8f7f4;
  --grey      : #f0efec;
  --white     : #ffffff;
  --text      : #1f2937;
  --muted     : #6b7280;
  --border    : #e5e7eb;
  --rshadow   : 0 8px 28px rgba(249,89,89,.30);
  --lshadow   : 0 8px 24px rgba(197,216,46,.28);
  --cshadow   : 0 2px 18px rgba(0,0,0,.07);
  --r         : 14px;
  --rs        : 9px;
}
.site-header{
  display:none !important;
}
.site-footer{
  display:none !important;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:var(--off);color:var(--text);line-height:1.7;overflow-x:hidden}
h1,h2,h3,h4{font-family:'Poppins',sans-serif;line-height:1.22}
a{color:var(--red);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;display:block}

/* ── HEADER ── */
header{background:var(--dark);position:sticky;top:0;z-index:200;border-bottom:2px solid rgba(249,89,89,.22)}
.hd{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:13px 24px;gap:16px}
.logo{font-family:'Poppins',sans-serif;font-size:1.5rem;font-weight:900;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0}
.logo em{font-style:normal;-webkit-text-fill-color:var(--lime);color:var(--lime)}
nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
nav a{color:rgba(255,255,255,.72);font-size:.86rem;font-weight:500;padding:6px 12px;border-radius:6px;transition:background .18s,color .18s}
nav a:hover{background:rgba(255,255,255,.09);color:#fff;text-decoration:none}
.nbtn{background:var(--grad)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-weight:700!important;padding:8px 20px!important;border-radius:8px!important;box-shadow:var(--rshadow)}
.ham{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;flex-shrink:0}
@media(max-width:680px){.ham{display:block}nav{display:none;flex-direction:column;width:100%;padding-bottom:10px}nav.open{display:flex}.hd{flex-wrap:wrap}}

/* ── BREADCRUMB ── */
.bc{background:var(--dark2);padding:10px 24px}
.bc-in{max-width:1180px;margin:0 auto;font-size:.8rem;color:rgba(255,255,255,.42);display:flex;gap:6px;align-items:center}
.bc-in a{color:rgba(255,255,255,.60)}
.bc-in a:hover{color:var(--lime)}
.bc-in .cur{color:var(--lime);font-weight:600}

/* ── BUTTONS ── */
.btn{display:inline-flex;align-items:center;gap:7px;font-family:'Poppins',sans-serif;font-weight:700;font-size:.97rem;padding:13px 30px;border-radius:9px;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s;text-decoration:none;line-height:1}
.btn:hover{transform:translateY(-3px);text-decoration:none}
.btn-red{background:var(--grad);color:#fff;box-shadow:var(--rshadow)}
.btn-red:hover{box-shadow:0 12px 36px rgba(249,89,89,.46)}
.btn-lime{background:var(--lime);color:var(--dark);box-shadow:var(--lshadow)}
.btn-lime:hover{background:var(--lime-dk);box-shadow:0 12px 32px rgba(197,216,46,.44)}
.btn-ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.28)}
.btn-ghost:hover{border-color:var(--lime);color:var(--lime)}
.btn-white{background:#fff;color:var(--red);font-weight:800}
.btn-white:hover{background:#f5f5f5}

/* ── HERO ── */
.hero{background:var(--dark);padding:72px 24px 80px;text-align:center;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 60% 55% at 80% 30%,rgba(249,89,89,.16) 0%,transparent 65%),radial-gradient(ellipse 50% 40% at 15% 80%,rgba(197,216,46,.10) 0%,transparent 60%)}
.hero-in{position:relative;z-index:1}
.chip{display:inline-block;background:var(--lime);color:var(--dark);font-family:'Poppins',sans-serif;font-weight:800;font-size:.75rem;letter-spacing:.8px;text-transform:uppercase;padding:5px 18px;border-radius:30px;}
.hero h1{font-size:clamp(2rem,5.5vw,3.4rem);font-weight:900;color:#fff;margin-bottom:10px}
.hero h1 .gr{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-p{font-size:1.08rem;color:rgba(255,255,255,.76);max-width:640px;margin:0 auto 12px}
.hero-sub{font-size:.9rem;color:rgba(255,255,255,.50);margin-bottom:34px}
.hbtns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.hero-note{font-size:.8rem;color:rgba(255,255,255,.40);margin-top:20px}

/* ── TRUST BAR ── */
.trust{background:var(--grad);padding:13px 24px;overflow:hidden}
.trust-row{max-width:1180px;margin:0 auto;display:flex;gap:34px;justify-content:center;flex-wrap:wrap}
.ti{color:#fff;font-weight:700;font-size:.875rem;display:flex;align-items:center;gap:7px;white-space:nowrap}

/* ── SECTIONS ── */
.sec{padding:68px 24px}
.sec-off{background:var(--off)}
.sec-grey{background:var(--grey)}
.sec-dark{background:var(--dark)}
.wrap{max-width:1180px;margin:0 auto}
.tag{display:inline-block;background:var(--lime-bg);color:var(--lime-dk);border:1px solid rgba(197,216,46,.28);font-family:'Poppins',sans-serif;font-weight:700;font-size:.72rem;letter-spacing:.8px;text-transform:uppercase;padding:4px 13px;border-radius:20px;margin-bottom:10px}
.tag.d{background:rgba(197,216,46,.13);color:var(--lime)}
.st{font-size:clamp(1.5rem,3vw,2.15rem);font-weight:800;color:var(--dark);margin-bottom:12px}
.st .gr{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.st.lt{color:#fff}
.sd{color:var(--muted);font-size:1rem;max-width:580px}
.tc{text-align:center}
.mt-lg{margin-top:38px}
.mt-md{margin-top:22px}
.note{font-size:.82rem;color:var(--muted);margin-top:10px}

/* ── TWO-COL ── */
.two{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
@media(max-width:800px){.two{grid-template-columns:1fr;gap:30px}}

/* ── CARD ── */
.card{background:var(--white);border-radius:var(--r);border:1px solid var(--border);box-shadow:var(--cshadow);padding:26px 24px;transition:transform .22s,box-shadow .22s;position:relative;overflow:hidden}
.card::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad)}
.card:hover{transform:translateY(-4px);box-shadow:0 10px 36px rgba(0,0,0,.11)}
.cico{width:50px;height:50px;border-radius:12px;background:var(--lime-bg);border:1px solid rgba(197,216,46,.22);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:14px}
.card h3{font-size:1rem;font-weight:700;margin-bottom:7px;color:var(--dark)}
.card p{font-size:.9rem;color:var(--muted);line-height:1.6}
.grid6{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:38px}

/* ── STEPS ── */
.steps{list-style:none;margin-top:24px}
.step{display:flex;gap:17px;padding:17px 19px;background:var(--white);border:1px solid var(--border);border-radius:var(--rs);margin-bottom:11px;box-shadow:0 1px 7px rgba(0,0,0,.05);transition:transform .2s}
.step:hover{transform:translateX(5px)}
.sn{min-width:40px;height:40px;border-radius:50%;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Poppins',sans-serif;font-weight:800;font-size:.92rem;flex-shrink:0;box-shadow:0 4px 12px rgba(249,89,89,.28)}
.step h4{font-size:.94rem;font-weight:700;margin-bottom:3px;color:var(--dark)}
.step p{font-size:.875rem;color:var(--muted)}

/* ── CTA BOX ── */
.ctabox{background:var(--grad);border-radius:var(--r);padding:44px 36px;text-align:center;position:relative;overflow:hidden;margin:32px 0}
.ctabox::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.03) 0px,rgba(255,255,255,.03) 1px,transparent 1px,transparent 12px)}
.ctabox h2{color:#fff;font-size:clamp(1.35rem,3vw,1.95rem);font-weight:800;margin-bottom:9px;position:relative}
.ctabox p{color:rgba(255,255,255,.88);margin-bottom:26px;position:relative}
.crow{display:flex;gap:13px;justify-content:center;flex-wrap:wrap;position:relative}

/* ── HIGHLIGHT ── */
.hl{background:var(--dark);border-radius:var(--r);border:1px solid rgba(197,216,46,.20);padding:26px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:20px}
.hl-t .lbl{color:var(--lime);font-weight:800;font-size:.75rem;letter-spacing:.8px;text-transform:uppercase;margin-bottom:5px}
.hl-t h3{color:#fff;font-size:1.4rem;font-weight:800;margin-bottom:4px}
.hl-t p{color:rgba(255,255,255,.55);font-size:.875rem}

/* ── GAMES ── */
.ggrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-top:36px}
.gc{background:var(--dark2);border-radius:var(--r);padding:28px 20px;text-align:center;color:#fff;border:1px solid rgba(255,255,255,.06);transition:transform .24s,box-shadow .24s;position:relative;overflow:hidden}
.gc::before{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.gc:hover{transform:translateY(-5px);box-shadow:0 14px 42px rgba(0,0,0,.28)}
.gc:hover::before{transform:scaleX(1)}
.ge{font-size:2.8rem;margin-bottom:14px;display:block}
.gc h3{font-size:1.04rem;font-weight:700;margin-bottom:8px}
.gc p{font-size:.855rem;color:rgba(255,255,255,.58);line-height:1.55}
.gbadge{display:inline-block;margin-top:12px;background:rgba(197,216,46,.12);color:var(--lime);border:1px solid rgba(197,216,46,.26);font-size:.75rem;font-weight:700;padding:3px 11px;border-radius:10px}

/* ── TIPS ── */
.tgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(288px,1fr));gap:15px;margin-top:34px}
.tip{display:flex;gap:14px;background:var(--white);border:1px solid var(--border);border-radius:var(--rs);padding:17px 17px;box-shadow:0 1px 7px rgba(0,0,0,.05)}
.tico{width:42px;height:42px;border-radius:10px;background:var(--grad);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}
.tip h4{font-size:.9rem;font-weight:700;margin-bottom:3px;color:var(--dark)}
.tip p{font-size:.83rem;color:var(--muted);line-height:1.5}

/* ── DOWNLOAD BOX ── */
.dlbox{background:var(--white);border:2px dashed rgba(249,89,89,.24);border-radius:var(--r);padding:32px 26px;text-align:center;box-shadow:var(--cshadow)}
.dlbox .dlico{font-size:3rem;margin-bottom:13px}
.dlbox h3{font-size:1.18rem;font-weight:800;margin-bottom:8px;color:var(--dark)}
.dlbox p{font-size:.9rem;color:var(--muted);margin-bottom:18px}
.slist{text-align:left;margin:16px 0 18px}
.si{display:flex;gap:10px;align-items:flex-start;font-size:.86rem;color:var(--text);margin-bottom:9px}
.sin{min-width:22px;height:22px;border-radius:50%;background:var(--lime);color:var(--dark);display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;flex-shrink:0}

/* ── FAQ ── */
.flist{margin-top:32px}
.fi{border:1px solid var(--border);border-radius:var(--rs);margin-bottom:10px;background:var(--white);overflow:hidden}
.fq{padding:16px 19px;font-weight:700;font-size:.94rem;color:var(--dark);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;user-select:none}
.fq:hover{background:rgba(249,89,89,.03)}
.fico{width:26px;height:26px;border-radius:50%;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;flex-shrink:0;transition:transform .28s}
.fi.open .fico{transform:rotate(45deg)}
.fa{display:none;padding:0 19px 15px;font-size:.9rem;color:var(--muted);line-height:1.65}
.fi.open .fa{display:block}

/* ── FOOTER ── */
footer{background:var(--dark);color:rgba(255,255,255,.52);padding:52px 24px 22px}
.fw{max-width:1180px;margin:0 auto}
.fg{display:grid;grid-template-columns:1.9fr 1fr 1fr 1fr;gap:38px;margin-bottom:38px}
@media(max-width:780px){.fg{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.fg{grid-template-columns:1fr}}
.fb .logo{font-size:1.35rem;display:block;margin-bottom:11px}
.fb p{font-size:.855rem;line-height:1.65}
.fc h4{color:#fff;font-family:'Poppins',sans-serif;font-weight:700;font-size:.9rem;margin-bottom:13px}
.fc ul{list-style:none}
.fc li{margin-bottom:8px}
.fc a{color:rgba(255,255,255,.48);font-size:.855rem;transition:color .18s}
.fc a:hover{color:var(--lime);text-decoration:none}
.fdis{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:9px;padding:13px 17px;font-size:.79rem;line-height:1.55;color:rgba(255,255,255,.36);margin-bottom:22px}
.fbot{border-top:1px solid rgba(255,255,255,.07);padding-top:17px;font-size:.79rem}

/* ── REVEAL ── */
.rv{opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .55s ease}
.rv.in{opacity:1;transform:translateY(0)}

@media(max-width:500px){.hbtns{flex-direction:column;align-items:center}.hl{flex-direction:column;text-align:center}.crow{flex-direction:column;align-items:center}}
/* ════════════════════════════════════
   DROPDOWN MENU — NEW CSS ONLY
   Zero overlap with existing nav CSS
════════════════════════════════════ */

/* Dropdown wrapper */
.drop { position: relative }

/* Trigger button — inherits nav a styles, adds flex for arrow */
.dtrig {
  display: flex !important;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}

/* Animated chevron arrow */
.arr {
  display: inline-block;
  width: 9px; height: 9px;
  border-right: 2px solid rgba(255,255,255,.50);
  border-bottom: 2px solid rgba(255,255,255,.50);
  transform: rotate(45deg) translateY(-2px);
  transition: transform .22s ease;
  flex-shrink: 0;
}
.drop.open .arr { transform: rotate(-135deg) translateY(-2px) }

/* Dropdown panel */
.dmenu {
  display: none;
  position: absolute;
  top: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
  background: var(--dark2);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  min-width: 200px;
  padding: 6px;
  z-index: 300;
  box-shadow: 0 12px 36px rgba(0,0,0,.35);
}

/* Arrow pointer on top of panel */
.dmenu::before {
  content: '';
  position: absolute;
  top: -6px; left: 50%;
  transform: translateX(-50%) rotate(45deg);
  width: 12px; height: 12px;
  background: var(--dark2);
  border-top: 1px solid rgba(255,255,255,.08);
  border-left: 1px solid rgba(255,255,255,.08);
}

/* Open state */
.drop.open .dmenu { display: block }

/* Dropdown links */
.dmenu a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 13px;
  border-radius: 7px;
  color: rgba(255,255,255,.70);
  font-size: .84rem;
  font-weight: 500;
  text-decoration: none;
  transition: background .16s, color .16s;
  white-space: nowrap;
}
.dmenu a:hover { background: rgba(255,255,255,.08); color: #fff }

/* Icon badge inside each link */
.dico {
  width: 26px; height: 26px;
  border-radius: 6px;
  background: rgba(197,216,46,.10);
  border: 1px solid rgba(197,216,46,.20);
  display: flex; align-items: center; justify-content: center;
  font-size: .82rem; flex-shrink: 0;
}

/* Separator line inside dropdown */
.dsep {
  height: 1px;
  background: rgba(255,255,255,.07);
  margin: 5px 0;
}

/* Mobile: stack dropdown below trigger */
@media(max-width: 680px) {
  .dmenu {
    position: static;
    transform: none;
    box-shadow: none;
    border-radius: 8px;
    margin-top: 4px;
    min-width: 100%;
  }
  .dmenu::before { display: none }
}
.featured-image {
    display: none;
}  
.st{font-size:28px;font-weight:600;margin-bottom:12px}
.gr{color:#e11d48}

.ab-label{font-size:12px;font-weight:700;color:#e11d48;letter-spacing:.5px}
.ab-divider{width:45px;height:3px;background:#e11d48;margin:10px 0 18px;border-radius:2px}

.ab-p{font-size:15px;line-height:1.7;color:#444;margin-bottom:14px}

.ab-quote{
background:#111827;
color:#fff;
padding:28px;
border-radius:12px;
box-shadow:0 10px 25px rgba(0,0,0,.08)
}
.ab-qmark{font-size:38px;opacity:.25;margin-bottom:6px}
.sec.inner {
    padding: 68px 0px 0px;
}
.sec.inner .two {
    gap: 0px 50px;
}