:root{
    --font-display:'Archivo Black','Manrope',sans-serif;
    --font-body:'Manrope',sans-serif;
    --bg:#060605;
    --bg-soft:#0c0b09;
    --card:#141210;
    --card-soft:#1a1713;
    --line:rgba(255,184,0,0.14);
    --line-soft:rgba(255,255,255,0.08);
    --gold:#ffb800;
    --gold-deep:#d98e00;
    --gold-light:#ffd666;
    --text:#f7f4ec;
    --muted:#a39b8b;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{
    background:var(--bg);
    color:var(--text);
    font-family:var(--font-body);
    line-height:1.5;
    overflow-x:hidden;
  }
  .display{font-family:var(--font-display);}

  body::before{
    content:"";
    position:fixed; inset:0; z-index:-2;
    background:
      radial-gradient(ellipse 700px 500px at 90% -10%, rgba(255,184,0,0.10), transparent 60%),
      radial-gradient(ellipse 600px 500px at -5% 30%, rgba(255,184,0,0.06), transparent 55%),
      linear-gradient(180deg, #060605 0%, #0a0906 45%, #060605 100%);
  }
  .beam{
    position:fixed; top:-20%; right:-10%; width:600px; height:900px; z-index:-1;
    background:linear-gradient(115deg, transparent 40%, rgba(255,184,0,0.05) 48%, rgba(255,184,0,0.09) 50%, rgba(255,184,0,0.05) 52%, transparent 60%);
    pointer-events:none;
  }

  .wrap{max-width:1100px; margin:0 auto; padding:0 24px;}

  header{
    position:sticky; top:0; z-index:50;
    background:rgba(6,6,5,0.8);
    backdrop-filter:blur(14px);
    border-bottom:1px solid var(--line-soft);
  }
  nav{display:flex; align-items:center; justify-content:space-between; padding:16px 24px;}
  .brand{display:flex; align-items:center; gap:3px; font-family:var(--font-display); font-size:19px; letter-spacing:0.5px;}
  .brand .mel{color:#fff;}
  .brand .bet{color:var(--gold);}
  .nav-cta{
    display:inline-flex; align-items:center; gap:8px;
    background:linear-gradient(90deg, var(--gold), var(--gold-deep));
    color:#1a1200; font-weight:800; font-size:14px;
    padding:10px 18px; border-radius:100px; text-decoration:none;
    transition:transform .15s ease, box-shadow .15s ease;
  }
  .nav-cta:hover{transform:translateY(-1px); box-shadow:0 8px 24px rgba(255,184,0,0.3);}

  /* LANGUAGE SWITCHER */
  .lang-switch{display:flex; align-items:center; gap:2px; border:1px solid var(--line-soft); border-radius:100px; padding:3px;}
  .lang-link{
    display:inline-flex; align-items:center; justify-content:center;
    font-size:12.5px; font-weight:700; color:var(--muted);
    padding:6px 11px; border-radius:100px; text-decoration:none;
    transition:background .15s ease, color .15s ease;
  }
  .lang-link:hover{color:var(--text);}
  .lang-link.is-active{background:rgba(255,184,0,0.14); color:var(--gold-light);}
  @media (max-width:640px){
    .lang-switch{padding:2px;}
    .lang-link{padding:5px 8px; font-size:11.5px;}
  }

  /* HERO */
  .hero{padding:64px 0 0;}
  .eyebrow{
    display:inline-flex; align-items:center; gap:8px;
    font-size:13px; font-weight:700; color:var(--gold);
    background:rgba(255,184,0,0.08); border:1px solid rgba(255,184,0,0.28);
    padding:7px 14px; border-radius:100px; margin-bottom:24px;
  }
  .eyebrow .dot{width:6px; height:6px; border-radius:50%; background:var(--gold); box-shadow:0 0 10px var(--gold); animation:pulse 1.8s infinite;}
  @keyframes pulse{0%,100%{opacity:1;} 50%{opacity:0.35;}}

  h1{
    font-size:clamp(32px, 5vw, 56px);
    font-weight:800; line-height:1.08; letter-spacing:-1px;
    max-width:800px;
  }
  h1 .hl{color:var(--gold);}
  .hero p.lead{
    margin-top:20px; font-size:18px; color:var(--muted); max-width:580px; font-weight:400;
  }
  .hero-ctas{display:flex; gap:14px; margin-top:32px; flex-wrap:wrap;}
  .btn-primary{
    display:inline-flex; align-items:center; gap:10px;
    background:linear-gradient(90deg, var(--gold-light), var(--gold) 50%, var(--gold-deep));
    color:#1a1200; font-weight:800; font-size:16px;
    padding:16px 28px; border-radius:12px; text-decoration:none;
    box-shadow:0 12px 32px rgba(255,184,0,0.24);
    transition:transform .15s ease, box-shadow .15s ease;
  }
  .btn-primary:hover{transform:translateY(-2px); box-shadow:0 16px 40px rgba(255,184,0,0.35);}
  .btn-primary svg{width:20px; height:20px;}
  .btn-secondary{
    display:inline-flex; align-items:center; gap:8px;
    color:var(--text); font-weight:600; font-size:15px;
    padding:16px 22px; border-radius:12px; text-decoration:none;
    border:1px solid var(--line-soft); background:rgba(255,255,255,0.02);
    transition:border-color .15s ease, background .15s ease;
  }
  .btn-secondary:hover{border-color:rgba(255,184,0,0.35); background:rgba(255,255,255,0.04);}

  .trust-row{display:flex; gap:32px; margin-top:44px; flex-wrap:wrap;}
  .trust-item{display:flex; flex-direction:column; gap:2px;}
  .trust-item .num{font-family:var(--font-display); font-size:24px; color:var(--gold);}
  .trust-item .lbl{font-size:13px; color:var(--muted);}

  .strip-bar{
    margin-top:40px; display:flex; flex-wrap:wrap; gap:14px 32px; align-items:center;
    padding:16px 24px; border:1px solid var(--line); border-radius:14px;
    background:rgba(255,184,0,0.04);
    font-size:13px; font-weight:700; color:var(--gold-light); letter-spacing:0.3px;
  }
  .strip-bar span{opacity:0.35; font-weight:400;}

  /* HERO BANNER IMAGE */
  .hero-banner{
    margin-top:48px; border-radius:22px; overflow:hidden; border:1px solid var(--line);
    display:block; position:relative; box-shadow:0 30px 70px rgba(0,0,0,0.55);
    transition:transform .25s ease, box-shadow .25s ease;
  }
  .hero-banner:hover{transform:translateY(-3px); box-shadow:0 36px 80px rgba(255,184,0,0.12);}
  .hero-banner img{display:block; width:100%; height:auto;}

  /* SECTION SHARED */
  section{padding:76px 0;}
  .section-head{max-width:640px; margin-bottom:44px;}
  .section-tag{font-size:13px; font-weight:700; color:var(--gold); text-transform:uppercase; letter-spacing:1.5px;}
  .section-head h2{font-size:clamp(26px,3.4vw,38px); font-weight:800; margin-top:10px; line-height:1.2;}
  .section-head p{color:var(--muted); margin-top:14px; font-size:16px;}

  /* REVSHARE SIGNATURE VISUAL */
  .revshare-panel{
    background:linear-gradient(180deg, var(--card-soft), var(--card));
    border:1px solid var(--line); border-radius:24px;
    padding:44px; position:relative; overflow:hidden;
  }
  .revshare-panel::after{
    content:""; position:absolute; top:-40%; right:-15%; width:400px; height:400px;
    background:radial-gradient(circle, rgba(255,184,0,0.12), transparent 65%);
  }
  .revshare-top{display:flex; justify-content:space-between; align-items:flex-start; gap:24px; flex-wrap:wrap; position:relative; z-index:1;}
  .revshare-label{font-size:14px; color:var(--muted); font-weight:600;}
  .revshare-amount{font-family:var(--font-display); font-size:40px; margin-top:8px; color:var(--text);}
  .revshare-badge{
    background:rgba(255,184,0,0.1); border:1px solid rgba(255,184,0,0.35); color:var(--gold);
    font-size:13px; font-weight:700; padding:8px 14px; border-radius:100px; white-space:nowrap;
  }

  .split-bar{
    margin-top:38px; height:56px; border-radius:14px; display:flex; overflow:hidden;
    border:1px solid var(--line); position:relative; z-index:1;
  }
  .split-partner{
    background:linear-gradient(90deg, var(--gold-light), var(--gold));
    width:0%; display:flex; align-items:center; justify-content:center;
    font-weight:800; color:#1a1200; font-size:15px;
    transition:width 1.4s cubic-bezier(.2,.8,.2,1);
  }
  .split-company{
    background:rgba(255,255,255,0.05); flex:1;
    display:flex; align-items:center; justify-content:center;
    font-weight:600; color:var(--muted); font-size:14px;
  }
  .split-legend{display:flex; gap:28px; margin-top:18px; flex-wrap:wrap; position:relative; z-index:1;}
  .legend-item{display:flex; align-items:center; gap:8px; font-size:14px; color:var(--muted);}
  .legend-dot{width:10px; height:10px; border-radius:3px;}

  .revshare-note{
    margin-top:30px; padding-top:26px; border-top:1px solid var(--line-soft);
    font-size:15px; color:var(--text); line-height:1.7; position:relative; z-index:1;
  }
  .revshare-note b{color:var(--gold);}

  .slider-row{margin-top:28px; position:relative; z-index:1;}
  .slider-row label{font-size:13px; color:var(--muted); font-weight:600; display:block; margin-bottom:10px;}
  input[type="range"]{
    -webkit-appearance:none; width:100%; height:6px; border-radius:3px;
    background:linear-gradient(90deg, var(--gold-light), var(--gold-deep));
    outline:none;
  }
  input[type="range"]::-webkit-slider-thumb{
    -webkit-appearance:none; width:22px; height:22px; border-radius:50%;
    background:#fff; border:4px solid var(--gold); cursor:pointer;
    box-shadow:0 4px 12px rgba(0,0,0,0.5);
  }

  /* PROVIDE / IMAGE + CHECKLIST */
  .provide-grid{display:grid; grid-template-columns:1fr 1.1fr; gap:40px; align-items:center;}
  .provide-img{
    border-radius:22px; overflow:hidden; border:1px solid var(--line);
    box-shadow:0 24px 60px rgba(0,0,0,0.5);
  }
  .provide-img img{display:block; width:100%; height:auto;}
  .checklist{display:flex; flex-direction:column; gap:16px;}
  .check-item{
    display:flex; align-items:flex-start; gap:16px;
    background:var(--card); border:1px solid var(--line-soft); border-radius:14px; padding:18px 20px;
  }
  .check-ico{
    width:38px; height:38px; flex:none; border-radius:10px; background:rgba(255,184,0,0.1);
    color:var(--gold); display:flex; align-items:center; justify-content:center;
  }
  .check-item h4{font-size:16px; font-weight:700;}
  .check-item p{font-size:13.5px; color:var(--muted); margin-top:3px;}

  /* WHY GRID (benefits) */
  .why-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:18px;}
  .why-card{
    background:var(--card); border:1px solid var(--line-soft); border-radius:16px; padding:24px 22px;
    transition:border-color .2s ease, transform .2s ease;
  }
  .why-card:hover{border-color:rgba(255,184,0,0.35); transform:translateY(-3px);}
  .why-card .ico{
    width:36px; height:36px; margin-bottom:14px; color:var(--gold);
  }
  .why-card h4{font-size:15.5px; font-weight:700; margin-bottom:6px;}
  .why-card p{font-size:13px; color:var(--muted); line-height:1.55;}

  /* TIER / WHO'S IT FOR - image */
  .tier-img{
    border-radius:22px; overflow:hidden; border:1px solid var(--line);
    box-shadow:0 24px 60px rgba(0,0,0,0.5); margin-top:36px;
    display:block; position:relative;
  }
  .tier-img img{display:block; width:100%; height:auto;}

  /* FINAL CTA */
  .final-cta{
    background:linear-gradient(160deg, #171310, #0c0a08 130%);
    border:1px solid var(--line); border-radius:28px;
    padding:60px 44px; text-align:center; position:relative; overflow:hidden;
  }
  .final-cta::before{
    content:""; position:absolute; inset:0;
    background:radial-gradient(ellipse 500px 300px at 50% 0%, rgba(255,184,0,0.14), transparent 70%);
  }
  .final-cta h2{font-size:clamp(26px,4vw,38px); font-weight:800; position:relative; z-index:1; max-width:640px; margin:0 auto;}
  .final-cta p{color:var(--muted); margin-top:16px; font-size:16px; position:relative; z-index:1;}
  .final-cta .btn-primary{margin-top:32px; position:relative; z-index:1; font-size:17px; padding:18px 34px;}
  .tg-handle{
    margin-top:18px; font-size:14px; color:var(--muted); position:relative; z-index:1;
  }
  .tg-handle b{color:var(--text);}

  footer{padding:36px 0 50px; text-align:center; color:var(--muted); font-size:13px;}

  @media (max-width:760px){
    .provide-grid{grid-template-columns:1fr;}
    .why-grid{grid-template-columns:1fr 1fr;}
    .trust-row{gap:22px;}
    .revshare-panel{padding:28px;}
    .final-cta{padding:44px 24px;}
  }
  @media (max-width:480px){
    .why-grid{grid-template-columns:1fr;}
  }