:root{
    --bg-void: #050310;
    --bg-dark: #0b0618;
    --bg-darker: #030109;
    --surface: #120b26;
    --surface-2: #180f30;
    --purple: #9333ea;
    --purple-2: #a855f7;
    --purple-glow: rgba(147,51,234,0.55);
    --gold: #f5b83d;
    --gold-2: #ffcf6b;
    --gold-glow: rgba(245,184,61,0.5);
    --pink: #ec4899;
    --blue: #4f6df5;
    --text-main: #f3f1fb;
    --text-muted: #a7a2c2;
    --text-muted-2: #8b86a8;
    --border-soft: rgba(255,255,255,0.08);
    --radius-lg: 26px;
    --radius-md: 18px;
    --radius-sm: 12px;
  }

  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth; scroll-padding-top:90px;}
  body{
    font-family:'Poppins', sans-serif;
    background:var(--bg-void);
    color:var(--text-main);
    overflow-x:hidden;
    line-height:1.6;
  }
  a{text-decoration:none;color:inherit;}
  ul{list-style:none;}
  img{max-width:100%;display:block;}
  section{position:relative;}
  .container{
    max-width:1280px;
    margin:0 auto;
    padding:0 32px;
  }
  .eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size:12px;
    font-weight:600;
    letter-spacing:1.5px;
    text-transform:uppercase;
    padding:8px 16px;
    border-radius:999px;
    border:1px solid var(--border-soft);
    background:rgba(147,51,234,0.08);
    color:var(--purple-2);
  }
  .section-head{
    text-align:center;
    max-width:640px;
    margin:0 auto 56px;
  }
  .section-head h2{
    font-size:clamp(28px, 4vw, 42px);
    font-weight:800;
    margin-bottom:14px;
    letter-spacing:-0.5px;
  }
  .section-head p{
    color:var(--text-muted);
    font-size:16px;
  }
  .accent-purple{color:var(--purple-2);}
  .accent-gold{color:var(--gold);}

  /* ---------- BUTTONS ---------- */
  .btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:15px 30px;
    border-radius:999px;
    font-weight:600;
    font-size:15px;
    border:none;
    cursor:pointer;
    transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
    white-space:nowrap;
  }
  .btn svg{width:16px;height:16px;flex-shrink:0;}
  .btn-primary{
    background:linear-gradient(135deg, var(--purple-2), #6d28d9);
    color:#fff;
    box-shadow:0 8px 30px var(--purple-glow);
  }
  .btn-primary:hover{transform:translateY(-3px); box-shadow:0 12px 40px var(--purple-glow);}
  .btn-gold{
    background:linear-gradient(135deg, var(--gold-2), var(--gold));
    color:#241300;
    box-shadow:0 8px 30px var(--gold-glow);
  }
  .btn-gold:hover{transform:translateY(-3px); box-shadow:0 12px 40px var(--gold-glow);}
  .btn-outline{
    background:transparent;
    color:var(--text-main);
    border:1px solid rgba(255,255,255,0.25);
  }
  .btn-outline:hover{
    background:rgba(255,255,255,0.06);
    border-color:rgba(255,255,255,0.5);
    transform:translateY(-2px);
  }
  .btn-outline-dark{
    background:transparent;
    color:var(--text-main);
    border:1px solid rgba(255,255,255,0.18);
    padding:11px 24px;
    font-size:14px;
  }
  .btn-outline-dark:hover{background:rgba(255,255,255,0.08);}
  .btn-sm{padding:10px 22px; font-size:14px;}
  .play-icon{
    width:34px;height:34px;border-radius:50%;
    border:1px solid rgba(255,255,255,0.4);
    display:flex;align-items:center;justify-content:center;
  }

  /* ---------- HEADER ---------- */
  header{
    position:fixed;
    top:0;left:0;right:0;
    z-index:1000;
    padding:18px 0;
    background:rgba(5,3,16,0.55);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    border-bottom:1px solid rgba(255,255,255,0.06);
    transition:padding .3s ease, background .3s ease;
  }
  header.scrolled{padding:12px 0; background:rgba(5,3,16,0.85);}
  .header-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
  }
  .logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;letter-spacing:1px;}
  .t-mark{
    width:38px;height:38px;
    border-radius:11px;
    background:linear-gradient(145deg, var(--purple-2), var(--gold));
    display:flex;align-items:center;justify-content:center;
    font-weight:900;
    font-size:20px;
    color:#0a0518;
    box-shadow:0 0 18px var(--purple-glow), 0 0 6px var(--gold-glow) inset;
    flex-shrink:0;
  }
  .t-mark.big{
    width:110px;height:110px;
    border-radius:28px;
    font-size:56px;
    box-shadow:0 0 60px 10px var(--purple-glow), 0 0 100px 30px var(--gold-glow);
    animation:pulseGlow 3.2s ease-in-out infinite;
  }
  @keyframes pulseGlow{
    0%,100%{box-shadow:0 0 60px 10px var(--purple-glow), 0 0 90px 20px var(--gold-glow);}
    50%{box-shadow:0 0 90px 25px var(--purple-glow), 0 0 130px 40px var(--gold-glow);}
  }
  nav.main-nav ul{
    display:flex;
    align-items:center;
    gap:34px;
  }
  nav.main-nav a{
    font-size:14.5px;
    font-weight:500;
    color:var(--text-muted);
    position:relative;
    padding:6px 0;
    transition:color .25s ease;
  }
  nav.main-nav a::after{
    content:'';
    position:absolute;
    left:0;bottom:-2px;
    width:0;height:2px;
    background:linear-gradient(90deg,var(--purple-2),var(--gold));
    transition:width .25s ease;
    border-radius:2px;
  }
  nav.main-nav a:hover{color:var(--text-main);}
  nav.main-nav a.active{color:#fff;}
  nav.main-nav a.active::after{width:100%;}
  .header-actions{display:flex;align-items:center;gap:14px;}
  .burger{
    display:none;
    flex-direction:column;
    gap:5px;
    background:none;border:none;cursor:pointer;
    padding:6px;
  }
  .burger span{width:24px;height:2px;background:#fff;border-radius:2px;}

  /* mobile nav — sits ABOVE the fixed header so the close button is never hidden */
  .mobile-nav{
    position:fixed;
    inset:0;
    background:rgba(6,3,18,0.98);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    z-index:1100;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:26px;
    transform:translateY(-110%);
    transition:transform .45s cubic-bezier(.22,1,.36,1);
    visibility:hidden;
  }
  .mobile-nav.open{transform:translateY(0); visibility:visible;}
  .mobile-nav > a{
    font-size:22px;
    font-weight:600;
    color:#fff;
    opacity:0;
    transform:translateY(16px);
    transition:opacity .4s ease, transform .4s ease, color .2s ease;
    position:relative;
  }
  .mobile-nav > a:hover{color:var(--gold);}
  .mobile-nav.open > a{opacity:1; transform:translateY(0);}
  .mobile-nav.open > a:nth-of-type(1){transition-delay:.08s;}
  .mobile-nav.open > a:nth-of-type(2){transition-delay:.14s;}
  .mobile-nav.open > a:nth-of-type(3){transition-delay:.20s;}
  .mobile-nav.open > a:nth-of-type(4){transition-delay:.26s;}
  .mobile-nav.open > a:nth-of-type(5){transition-delay:.32s;}
  .mobile-nav.open > a:nth-of-type(6){transition-delay:.38s;}
  .mobile-nav .mobile-actions{display:flex;gap:14px;margin-top:20px; opacity:0; transform:translateY(16px); transition:opacity .4s ease .44s, transform .4s ease .44s;}
  .mobile-nav.open .mobile-actions{opacity:1; transform:translateY(0);}
  .mobile-close{
    position:absolute;
    top:22px;right:26px;
    background:rgba(255,255,255,0.06);
    border:1px solid rgba(255,255,255,0.15);
    color:#fff;
    width:44px;height:44px;
    border-radius:50%;
    font-size:22px;
    line-height:1;
    cursor:pointer;
    display:flex;align-items:center;justify-content:center;
    transition:transform .3s ease, background .3s ease, border-color .3s ease;
  }
  .mobile-close:hover{transform:rotate(90deg); background:rgba(147,51,234,0.25); border-color:var(--purple-2);}

  /* ---------- HERO ---------- */
  #home{
    padding:170px 0 100px;
    background:
      radial-gradient(circle at 15% 15%, rgba(147,51,234,0.18), transparent 45%),
      radial-gradient(circle at 90% 30%, rgba(245,184,61,0.10), transparent 40%),
      var(--bg-void);
    position:relative;
    overflow:hidden;
    border-bottom-left-radius:60px;
    border-bottom-right-radius:60px;
  }
  .hero-grid{
    display:grid;
    grid-template-columns:1.05fr 1fr;
    gap:40px;
    align-items:center;
  }
  .hero-heading{
    font-size:clamp(38px, 5vw, 62px);
    font-weight:800;
    line-height:1.08;
    letter-spacing:-1px;
    margin:20px 0 22px;
  }
  .hero-heading .line-white{color:#fff;display:block;}
  .hero-heading .line-mixed{display:block;}
  .hero-heading .accent-purple{color:var(--purple-2); text-shadow:0 0 30px var(--purple-glow);}
  .hero-heading .accent-gold{color:var(--gold); text-shadow:0 0 30px var(--gold-glow);}
  .hero-para{
    color:var(--text-muted);
    max-width:460px;
    font-size:16px;
    margin-bottom:34px;
  }
  .hero-ctas{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:38px;}
  .benefit-list{display:flex;gap:28px;flex-wrap:wrap;}
  .benefit-item{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--text-muted-2);font-weight:500;}
  .benefit-item svg{width:16px;height:16px;color:var(--gold);flex-shrink:0;}

  /* hero visual */
  .hero-visual{
    position:relative;
    height:520px;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .visual-glow{
    position:absolute;
    width:340px;height:340px;
    background:radial-gradient(circle, rgba(147,51,234,0.35), transparent 70%);
    filter:blur(20px);
    border-radius:50%;
  }
  .orbit-ring{
    position:absolute;
    border-radius:50%;
    border:1px solid rgba(168,85,247,0.25);
  }
  .orbit-ring.ring1{width:360px;height:360px; transform:rotateX(66deg);}
  .orbit-ring.ring2{width:460px;height:460px; border-color:rgba(245,184,61,0.18); transform:rotateX(66deg);}

  .phone{
    position:relative;
    width:210px;
    height:420px;
    border-radius:34px;
    background:linear-gradient(160deg, #1c1032, #0a0616);
    border:2px solid rgba(255,255,255,0.12);
    box-shadow:
      0 0 0 6px rgba(147,51,234,0.08),
      0 30px 60px rgba(0,0,0,0.6),
      0 0 60px var(--purple-glow),
      inset 0 0 20px rgba(168,85,247,0.15);
    z-index:5;
    padding:14px;
  }
  .phone-screen{
    width:100%;height:100%;
    border-radius:22px;
    background:linear-gradient(180deg, #150a2a, #05030c);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:18px;
    position:relative;
    overflow:hidden;
    border:1px solid rgba(255,255,255,0.06);
  }
  .phone-screen::before{
    content:'';
    position:absolute;
    top:-40%;left:-20%;
    width:140%;height:140%;
    background:radial-gradient(circle at 30% 20%, rgba(147,51,234,0.35), transparent 60%);
  }
  .phone-logo{
    display:flex;align-items:center;gap:6px;
    font-weight:800;font-size:15px;letter-spacing:1px;color:#fff;z-index:2;
  }
  .phone-logo .t-mark{width:26px;height:26px;font-size:14px;border-radius:7px;}
  .phone-chart{width:82%;z-index:2; filter:drop-shadow(0 0 8px var(--purple-glow));}
  .pedestal{
    position:absolute;
    bottom:14px;
    width:260px;height:70px;
    z-index:1;
  }
  .pedestal-ring{
    position:absolute;left:50%;
    transform:translateX(-50%);
    border-radius:50%;
    background:linear-gradient(90deg, rgba(245,184,61,0.5), rgba(147,51,234,0.6));
  }
  .pedestal-ring.r1{width:260px;height:26px;bottom:0; opacity:0.9; box-shadow:0 0 40px var(--purple-glow);}
  .pedestal-ring.r2{width:200px;height:18px;bottom:14px; opacity:0.7;background:#1c1032;}
  .pedestal-ring.r3{width:150px;height:12px;bottom:24px; opacity:0.5;background:#12081f;}

  .orbit-item{
    position:absolute;
    top:50%;left:50%;
    width:0;height:0;
  }
  .orbit-item .coin{
    position:absolute;
    width:38px;height:38px;
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    font-weight:800;font-size:14px;
    color:#241300;
    animation:counter 10s linear infinite;
  }
  .orbit-item.i1{animation:orbitSpin 11s linear infinite;}
  .orbit-item.i2{animation:orbitSpin 14s linear infinite reverse;}
  .orbit-item.i3{animation:orbitSpin 9s linear infinite;}
  .orbit-item.i1 .coin{background:linear-gradient(135deg,var(--gold-2),var(--gold)); box-shadow:0 0 20px var(--gold-glow); transform:translateX(190px);}
  .orbit-item.i2 .coin{background:linear-gradient(135deg,var(--purple-2),#6d28d9); box-shadow:0 0 20px var(--purple-glow); transform:translateX(220px) translateY(-40px);}
  .orbit-item.i3 .coin{background:linear-gradient(135deg,var(--gold-2),var(--purple-2)); box-shadow:0 0 20px var(--purple-glow); transform:translateX(150px) translateY(90px);}
  @keyframes orbitSpin{
    from{transform:rotate(0deg);}
    to{transform:rotate(360deg);}
  }

  .floating-card{
    position:absolute;
    background:rgba(18,11,38,0.85);
    border:1px solid rgba(255,255,255,0.1);
    backdrop-filter:blur(8px);
    padding:10px 16px;
    border-radius:14px;
    font-size:12px;
    font-weight:600;
    color:var(--text-muted);
    box-shadow:0 10px 30px rgba(0,0,0,0.4);
    z-index:6;
    animation:floatY 4s ease-in-out infinite;
  }
  .floating-card b{display:block;color:#fff;font-size:13px;margin-top:2px;}
  .floating-card.fc1{top:8%; left:-4%;}
  .floating-card.fc2{bottom:8%; right:-6%; animation-delay:1.5s;}
  @keyframes floatY{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-10px);}
  }

  /* ---------- BUILT FOR NEW ERA (light section) ---------- */
  #explore{
    background:linear-gradient(160deg, #f6f2ff 0%, #fff7ec 60%, #fdeef7 100%);
    color:#150c2b;
    padding:110px 0;
  }
  #explore .section-head h2{color:#160c2e;}
  #explore .section-head p{color:#66607d;}
  .explore-wrap{
    display:grid;
    grid-template-columns:0.85fr 1.6fr;
    gap:50px;
    align-items:center;
  }
  .explore-visual{
    position:relative;
    height:420px;
    border-radius:32px;
    background:linear-gradient(160deg, #1a0f30, #050310);
    overflow:hidden;
    box-shadow:0 30px 60px rgba(50,20,90,0.25);
  }
  .explore-visual .t-mark.big{
    position:absolute;top:38%;left:50%;
    transform:translate(-50%,-50%);
    width:80px;height:80px;font-size:40px;border-radius:20px;
  }
  .explore-bars{
    position:absolute;bottom:30px;left:50%;
    transform:translateX(-50%);
    display:flex;align-items:flex-end;gap:10px;
    z-index:2;
  }
  .explore-bars span{
    width:14px;
    background:linear-gradient(180deg, var(--gold-2), var(--purple-2));
    border-radius:4px;
    box-shadow:0 0 14px var(--purple-glow);
  }
  .explore-visual::after{
    content:'';
    position:absolute;inset:0;
    background:radial-gradient(circle at 50% 65%, rgba(147,51,234,0.35), transparent 60%);
  }
  .feature-cards{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:22px;
  }
  .feature-card{
    background:#fff;
    border-radius:var(--radius-md);
    padding:26px 22px;
    border:1px solid rgba(20,10,40,0.06);
    box-shadow:0 10px 30px rgba(60,30,110,0.06);
    transition:transform .3s ease, box-shadow .3s ease;
  }
  .feature-card:hover{transform:translateY(-8px); box-shadow:0 22px 40px rgba(60,30,110,0.14);}
  .card-icon{
    width:46px;height:46px;
    border-radius:13px;
    display:flex;align-items:center;justify-content:center;
    margin-bottom:18px;
    color:#fff;
  }
  .card-icon svg{width:22px;height:22px;}
  .feature-card h3{font-size:16.5px;font-weight:700;margin-bottom:8px;color:#180d2f;}
  .feature-card p{font-size:13.5px;color:#726c8b;margin-bottom:18px;}
  .arrow-btn{
    width:36px;height:36px;
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    color:#fff;
    transition:transform .25s ease;
  }
  .feature-card:hover .arrow-btn{transform:translateX(4px);}
  .arrow-btn svg{width:15px;height:15px;}
  .bg-purple{background:linear-gradient(135deg,var(--purple-2),#6d28d9);}
  .bg-gold{background:linear-gradient(135deg,var(--gold-2),var(--gold));}
  .bg-pink{background:linear-gradient(135deg,#f472b6,var(--pink));}
  .bg-blue{background:linear-gradient(135deg,#6b8afd,var(--blue));}

  /* ---------- HOW IT WORKS ---------- */
  #how-it-works{
    background:var(--bg-dark);
    padding:110px 0;
  }
  .steps-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:22px;
  }
  .step-card{
    background:linear-gradient(160deg, var(--surface), var(--bg-darker));
    border:1px solid var(--border-soft);
    border-radius:var(--radius-md);
    padding:28px 22px;
    position:relative;
    min-height:250px;
    display:flex;
    flex-direction:column;
    transition:transform .3s ease, border-color .3s ease, box-shadow .3s ease;
  }
  .step-card:hover{transform:translateY(-8px); border-color:rgba(168,85,247,0.4); box-shadow:0 20px 45px rgba(0,0,0,0.4);}
  .step-top{display:flex;align-items:center;gap:12px;margin-bottom:24px;}
  .step-icon{
    width:44px;height:44px;
    border-radius:12px;
    display:flex;align-items:center;justify-content:center;
    color:#fff;flex-shrink:0;
  }
  .step-icon svg{width:20px;height:20px;}
  .step-num{font-size:26px;font-weight:800;color:rgba(255,255,255,0.18);}
  .step-card h3{font-size:17px;font-weight:700;margin-bottom:10px;}
  .step-card p{font-size:13.5px;color:var(--text-muted);flex-grow:1;}
  .step-card .arrow-btn{margin-top:16px;align-self:flex-end;}

  /* ---------- REWARDS ---------- */
  #rewards{
    background:var(--bg-void);
    padding:110px 0;
    position:relative;
    overflow:hidden;
  }
  #rewards::before{
    content:'';
    position:absolute;
    top:-100px;right:-100px;
    width:400px;height:400px;
    background:radial-gradient(circle, rgba(245,184,61,0.15), transparent 70%);
  }
  .rewards-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:24px;
  }
  .reward-card{
    background:linear-gradient(160deg, var(--surface), var(--bg-darker));
    border:1px solid var(--border-soft);
    border-radius:var(--radius-md);
    padding:34px 26px;
    text-align:center;
    transition:transform .3s ease, box-shadow .3s ease;
  }
  .reward-card:hover{transform:translateY(-8px); box-shadow:0 20px 45px rgba(0,0,0,0.4);}
  .reward-card .tier-icon{
    width:64px;height:64px;
    margin:0 auto 20px;
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    font-size:26px;font-weight:800;
  }
  .reward-card h3{font-size:19px;font-weight:700;margin-bottom:10px;}
  .reward-card p{font-size:13.5px;color:var(--text-muted);margin-bottom:20px;}
  .reward-card .tier-value{font-size:28px;font-weight:800;margin-bottom:6px;}

  /* ---------- ABOUT US ---------- */
  #about-us{
    background:var(--bg-dark);
    padding:110px 0;
  }
  .about-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    align-items:center;
  }
  .about-grid h2{font-size:clamp(28px,4vw,40px); font-weight:800; margin-bottom:20px; line-height:1.2;}
  .about-grid p{color:var(--text-muted); margin-bottom:20px; font-size:15.5px;}
  .stats-row{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    margin-top:30px;
  }
  .stat-box{
    background:var(--surface);
    border:1px solid var(--border-soft);
    border-radius:var(--radius-sm);
    padding:20px;
    text-align:center;
  }
  .stat-box .num{font-size:26px;font-weight:800;background:linear-gradient(135deg,var(--purple-2),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;}
  .stat-box .label{font-size:12px;color:var(--text-muted-2);margin-top:4px;}
  .about-visual{
    position:relative;
    height:380px;
    border-radius:28px;
    background:linear-gradient(160deg, var(--surface), var(--bg-darker));
    border:1px solid var(--border-soft);
    display:flex;align-items:center;justify-content:center;
    overflow:hidden;
  }
  .about-visual .t-mark.big{width:90px;height:90px;font-size:44px;border-radius:22px;}
  .about-visual::after{
    content:'';
    position:absolute;inset:0;
    background:radial-gradient(circle at 50% 50%, rgba(147,51,234,0.25), transparent 65%);
  }

  /* ---------- SUPPORT ---------- */
  #support{
    background:var(--bg-void);
    padding:110px 0;
  }
  .support-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
  }
  .faq-item{
    border-bottom:1px solid var(--border-soft);
    padding:18px 0;
    cursor:pointer;
  }
  .faq-item .faq-q{
    display:flex;justify-content:space-between;align-items:center;
    font-weight:600;font-size:15.5px;
  }
  .faq-item .faq-q svg{width:16px;height:16px;transition:transform .3s ease;color:var(--purple-2);}
  .faq-item.open .faq-q svg{transform:rotate(45deg);}
  .faq-a{
    max-height:0;overflow:hidden;
    transition:max-height .35s ease, padding .35s ease;
    font-size:14px;color:var(--text-muted);
  }
  .faq-item.open .faq-a{max-height:200px;padding-top:12px;}
  .contact-card{
    background:linear-gradient(160deg, var(--surface), var(--bg-darker));
    border:1px solid var(--border-soft);
    border-radius:var(--radius-md);
    padding:34px;
  }
  .contact-card h3{font-size:20px;font-weight:700;margin-bottom:8px;}
  .contact-card > p{font-size:14px;color:var(--text-muted);margin-bottom:24px;}
  .contact-form-status{
    color:var(--gold,#D4AF37);
    margin-bottom:14px;
    font-size:14px;
    font-weight:600;
  }
  .contact-form-status.is-error{color:#f87171;}
  .contact-form-error{
    color:#f87171;
    font-size:12px;
    margin:-8px 0 12px;
  }
  .contact-form-submit:disabled{
    opacity:0.85;
    cursor:default;
  }
  .form-row{margin-bottom:16px;}
  .form-row input, .form-row textarea{
    width:100%;
    padding:13px 16px;
    border-radius:12px;
    border:1px solid var(--border-soft);
    background:rgba(255,255,255,0.03);
    color:#fff;
    font-family:inherit;
    font-size:14px;
    outline:none;
    transition:border-color .25s ease;
  }
  .form-row input:focus, .form-row textarea:focus{border-color:var(--purple-2);}

  /* ---------- CLOSING CTA ---------- */
  #journey{
    position:relative;
    padding:140px 0 110px;
    background:linear-gradient(180deg, #0b0618 0%, #150a2c 45%, #1c0e38 100%);
    overflow:hidden;
    text-align:center;
    border-radius:60px;
    margin:0 20px 40px;
  }
  .skyline{
    position:absolute;
    bottom:0;left:0;right:0;
    height:180px;
    display:flex;
    align-items:flex-end;
    gap:8px;
    padding:0 4%;
    opacity:0.55;
    z-index:1;
  }
  .skyline div{
    flex:1;
    background:linear-gradient(180deg, rgba(147,51,234,0.35), rgba(5,3,16,0.9));
    border-top:2px solid rgba(245,184,61,0.3);
  }
  .journey-arch{
    position:absolute;
    bottom:0;left:50%;
    transform:translateX(-50%);
    width:520px;height:520px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(147,51,234,0.45), transparent 65%);
    filter:blur(10px);
    z-index:0;
  }
  .journey-content{position:relative;z-index:3;}
  .person-silhouette{
    position:absolute;
    bottom:40px;left:50%;
    transform:translateX(-50%);
    width:26px;height:70px;
    z-index:2;
  }
  .person-silhouette .head{width:16px;height:16px;border-radius:50%;background:#050310;margin:0 auto;}
  .person-silhouette .body{width:26px;height:50px;background:#050310;border-radius:10px 10px 0 0;margin-top:2px;}
  #journey h2{
    font-size:clamp(30px,5vw,50px);
    font-weight:800;
    margin:26px 0 16px;
    letter-spacing:-1px;
  }
  #journey p{color:var(--text-muted); max-width:480px; margin:0 auto 34px; font-size:15.5px;}

  /* ---------- FOOTER ---------- */
  footer{
    background:var(--bg-darker);
    padding:50px 0 24px;
    border-top:1px solid var(--border-soft);
  }
  .footer-grid{
    display:grid;
    grid-template-columns:1.3fr 1fr 1fr 1fr;
    gap:40px;
    margin-bottom:40px;
  }
  .footer-grid h4{font-size:14px;font-weight:700;margin-bottom:16px;color:#fff;}
  .footer-grid ul li{margin-bottom:10px;}
  .footer-grid ul li a{font-size:13.5px;color:var(--text-muted); transition:color .2s ease;}
  .footer-grid ul li a:hover{color:var(--gold);}
  .footer-grid p{font-size:13.5px;color:var(--text-muted);margin-top:14px;max-width:280px;}
  .footer-bottom{
    display:flex;justify-content:space-between;align-items:center;
    padding-top:24px;border-top:1px solid var(--border-soft);
    font-size:12.5px;color:var(--text-muted-2);
    flex-wrap:wrap;gap:12px;
  }
  .social-row{display:flex;gap:12px;}
  .social-row a{
    width:34px;height:34px;border-radius:50%;
    border:1px solid var(--border-soft);
    display:flex;align-items:center;justify-content:center;
    transition:background .25s ease, border-color .25s ease;
  }
  .social-row a:hover{background:rgba(147,51,234,0.2); border-color:var(--purple-2);}
  .social-row svg{width:15px;height:15px;}

  /* ---------- REVEAL ANIMATIONS ---------- */
  .reveal{opacity:0; transform:translateY(30px); transition:opacity .7s ease, transform .7s ease;}
  .reveal.in-view{opacity:1; transform:translateY(0);}
  .reveal-delay-1.in-view{transition-delay:.1s;}
  .reveal-delay-2.in-view{transition-delay:.2s;}
  .reveal-delay-3.in-view{transition-delay:.3s;}
  .reveal-delay-4.in-view{transition-delay:.4s;}

  /* ---------- RESPONSIVE ---------- */
  @media (max-width:1024px){
    nav.main-nav, .header-actions .btn{display:none;}
    .burger{display:flex;}
    .header-actions{gap:0;}
    .hero-grid{grid-template-columns:1fr; text-align:center;}
    .hero-para{margin-left:auto;margin-right:auto;}
    .hero-ctas, .benefit-list{justify-content:center;}
    .hero-visual{margin-top:40px;}
    .explore-wrap{grid-template-columns:1fr;}
    .feature-cards{grid-template-columns:repeat(2,1fr);}
    .steps-grid{grid-template-columns:repeat(2,1fr);}
    .rewards-grid{grid-template-columns:1fr;}
    .about-grid{grid-template-columns:1fr;}
    .support-grid{grid-template-columns:1fr;}
    .footer-grid{grid-template-columns:repeat(2,1fr);}
  }
  @media (max-width:640px){
    .feature-cards, .steps-grid{grid-template-columns:1fr;}
    .footer-grid{grid-template-columns:1fr;}
    #journey{margin:0 10px 30px; border-radius:36px;}
  }