:root{--g:#39ff14;--bg:#020302;--panel:#101410;--muted:#bdc5bd;--line:#263526}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.5}a{color:inherit}.wrap{width:min(1180px,92%);margin:auto}header{position:sticky;top:0;z-index:10;background:rgba(0,0,0,.94);border-bottom:1px solid #173117}.nav{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand img{display:block;width:128px;max-height:48px;object-fit:contain}.navlinks{display:flex;gap:24px}.navlinks a{text-decoration:none}.navlinks a:hover{color:var(--g)}.hero{min-height:540px;background:linear-gradient(90deg,rgba(0,0,0,.38),rgba(0,0,0,.24)),url('assets/hero.png') center/cover no-repeat;display:grid;place-items:center;text-align:center}.hero h1{font-size:clamp(48px,6.2vw,84px);line-height:1;margin:0;color:var(--g);font-weight:300;letter-spacing:2px;text-shadow:0 0 22px rgba(57,255,20,.14)}.hero p{font-size:clamp(18px,2vw,25px);margin:24px auto;max-width:720px}.btn{display:inline-block;background:var(--g);color:#061006;padding:14px 27px;border-radius:5px;text-decoration:none;font-weight:800}.disabled{cursor:default}.section{padding:72px 0}.section h2{text-align:center;font-size:clamp(34px,4.4vw,56px);font-weight:400;margin:0 0 16px}.lead{text-align:center;color:var(--muted);font-size:19px;max-width:820px;margin:0 auto 42px}.products img{display:block;width:100%;border-radius:15px}.product-copy{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:22px;text-align:center}.product-copy p{color:#d8ddd8;font-size:17px}.status{color:var(--g);letter-spacing:2px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.card{background:var(--panel);border:1px solid #455345;padding:30px;min-height:170px}.card h3{color:var(--g);font-size:25px;font-weight:400;margin:8px 0 12px}.card b{color:var(--g);letter-spacing:2px}.promise,.alt{background:#121612;border-block:1px solid var(--line);text-align:center}.eyebrow{color:var(--g);letter-spacing:4px;font-size:14px}.promise h2{font-size:clamp(40px,6vw,68px)}.cta{text-align:center}.cta h2{color:var(--g)}.support{margin-top:34px}.easy-hero{padding:70px 0;background:radial-gradient(circle at 70% 45%,rgba(57,255,20,.10),transparent 35%)}.easy-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.easy-grid h1{font-size:clamp(48px,6vw,78px);line-height:1;margin:14px 0 20px;font-weight:400}.easy-grid h1 span{color:var(--g)}.easy-grid p{font-size:21px;color:var(--muted);max-width:560px}.easy-grid img{width:100%;border:1px solid #406340;border-radius:16px;box-shadow:0 0 35px rgba(57,255,20,.08)}.price-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;max-width:900px;margin:auto}.price{border:1px solid #526152;background:#080a08;padding:38px;text-align:center}.price.premium{border-color:var(--g)}.money{font-size:60px;color:var(--g);margin:10px 0}.price p{color:var(--muted);min-height:58px}.note{text-align:center;color:#929a92;margin-top:24px;font-size:14px}footer{border-top:1px solid var(--g);padding:34px 0}.foot{display:flex;align-items:center;justify-content:space-between;gap:28px}.foot img{width:160px}.small{color:#aeb5ae;font-size:14px}@media(max-width:800px){.nav{align-items:flex-start;padding:14px 0}.navlinks{gap:12px;font-size:13px;flex-wrap:wrap;justify-content:flex-end}.hero{min-height:440px}.product-copy,.cards,.easy-grid,.price-grid{grid-template-columns:1fr}.easy-grid{gap:30px}.easy-grid img{order:-1}.foot{flex-direction:column;text-align:center}.section{padding:56px 0}.brand img{width:105px}}

/* V2.2 final visual polish */
.nav{width:min(1480px,96%)}
.brand img{width:190px;max-height:76px}
.hero{place-items:stretch center}
.hero .hero-content{display:flex;min-height:540px;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:72px}
.hero .hero-content p{margin:0 0 22px;font-size:clamp(18px,2vw,25px)}
.cta-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(420px,1.2fr);gap:46px;align-items:center;text-align:left}
.cta-copy h2,.cta-copy .lead{text-align:left}
.cta-copy .lead{margin-left:0;margin-right:0}
.cta-visual img{display:block;width:100%;border:1px solid #2ad90d;border-radius:16px;box-shadow:0 0 34px rgba(57,255,20,.08)}
.support-line{margin-top:38px}
.foot img{width:260px;max-width:28vw}
@media(max-width:800px){.brand img{width:150px;max-height:62px}.hero .hero-content{min-height:440px;padding-bottom:48px}.cta-grid{grid-template-columns:1fr;text-align:center}.cta-copy h2,.cta-copy .lead{text-align:center}.cta-copy .lead{margin-left:auto;margin-right:auto}.cta-visual{margin-top:8px}.foot img{width:220px;max-width:70vw}}


/* V2.3 FINAL launch polish */
.hero{
  min-height:620px;
  background-size:cover;
  background-position:center center;
}
.hero .hero-content{
  min-height:620px;
  justify-content:flex-end;
  padding-bottom:54px;
}
.hero .hero-content p{
  margin:0 0 20px;
}

/* South Africa moving signature strip */
.forge-ticker{
  overflow:hidden;
  white-space:nowrap;
  border-top:1px solid #173117;
  border-bottom:1px solid #173117;
  background:#050705;
  padding:11px 0;
}
.forge-ticker-track{
  display:inline-block;
  min-width:200%;
  animation:forgeTicker 24s linear infinite;
  color:#dce3dc;
  font-size:14px;
  letter-spacing:1.5px;
  font-weight:700;
}
.forge-ticker-track span{margin-right:70px}
@keyframes forgeTicker{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
@media(max-width:800px){
  .hero,.hero .hero-content{min-height:500px}
  .hero .hero-content{padding-bottom:38px}
  .forge-ticker-track{font-size:12px;animation-duration:20s}
}
@media(prefers-reduced-motion:reduce){
  .forge-ticker-track{animation:none}
}


/* Forge Budget V1 */
.product-action{margin-top:18px}
.budget-product{margin:42px auto 0;max-width:980px;display:grid;grid-template-columns:180px minmax(0,1fr);gap:30px;align-items:center;background:linear-gradient(135deg,#070907,#101610);border:1px solid #39ff14;border-radius:18px;padding:28px;box-shadow:0 0 28px rgba(57,255,20,.07)}
.budget-icon{width:180px;height:180px;border-radius:30px;background:#020302;border:1px solid #263526;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:inset 0 0 30px rgba(57,255,20,.06)}
.budget-f{font-size:112px;line-height:1;color:#39ff14;font-weight:900;font-family:Arial,Helvetica,sans-serif;position:relative;left:-8px}
.budget-bars{position:absolute;right:28px;bottom:38px;display:flex;gap:5px;align-items:flex-end}.budget-bars i{display:block;width:10px;background:#39ff14;border-radius:2px}.budget-bars i:nth-child(1){height:16px}.budget-bars i:nth-child(2){height:27px}.budget-bars i:nth-child(3){height:39px}.budget-r{position:absolute;right:18px;top:16px;font-weight:900;color:#fff;font-size:20px}
.budget-info{text-align:left}.budget-info h3{font-size:clamp(28px,4vw,42px);font-weight:400;margin:8px 0}.budget-info p{color:#d8ddd8;font-size:18px;max-width:680px}.budget-meta{display:flex;align-items:center;gap:22px;margin-top:22px;flex-wrap:wrap}.budget-meta strong{font-size:38px;color:#39ff14}
@media(max-width:800px){.budget-product{grid-template-columns:1fr;text-align:center;padding:22px}.budget-icon{width:150px;height:150px;margin:auto}.budget-f{font-size:92px}.budget-info{text-align:center}.budget-info p{margin-left:auto;margin-right:auto}.budget-meta{justify-content:center}}

/* Forge Budget official Option 1 icon */
.budget-icon-image{width:180px;height:180px;display:block;object-fit:cover;border-radius:30px;border:1px solid #263526;box-shadow:0 0 22px rgba(57,255,20,.12)}
.budget-icon-large{width:100%;max-width:520px;height:auto;aspect-ratio:1 / 1;object-fit:contain;background:#020302;border-radius:46px;box-shadow:0 0 32px rgba(57,255,20,.12)}
@media(max-width:800px){.budget-icon-image{width:150px;height:150px}.budget-icon-large{width:220px;height:220px;border-radius:36px}}


/* V4 MOBILE POLISH — desktop rules above remain unchanged */
.products-mobile{display:none}

@media(max-width:800px){
  /* Clean two-row mobile header */
  header{position:sticky;top:0}
  .nav{
    width:94%;
    min-height:auto;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:8px 0 10px;
  }
  .brand{display:block;line-height:0}
  .brand img{
    content:url('assets/logo-mobile.png');
    width:150px;
    height:auto;
    max-height:none;
    object-fit:contain;
  }
  .navlinks{
    width:100%;
    display:flex;
    flex-wrap:nowrap;
    justify-content:center;
    align-items:center;
    gap:16px;
    font-size:14px;
    white-space:nowrap;
  }

  /* Mobile hero: show the artwork without cutting the giant title in half */
  .hero{
    min-height:430px;
    background-image:
      linear-gradient(180deg,rgba(0,0,0,.06) 0%,rgba(0,0,0,.10) 30%,#020302 62%),
      url('assets/hero-mobile.png');
    background-size:100% auto;
    background-position:center top;
    background-repeat:no-repeat;
  }
  .hero .hero-content{
    min-height:430px;
    justify-content:flex-end;
    padding:210px 18px 38px;
  }
  .hero .hero-content p{
    max-width:330px;
    font-size:19px;
    line-height:1.45;
    margin-bottom:20px;
  }
  .hero .btn{padding:14px 24px}

  /* Make the collection readable instead of shrinking one very wide banner */
  .products-desktop{display:none}
  .products-mobile{
    display:grid;
    grid-template-columns:1fr;
    gap:26px;
    margin-top:30px;
  }
  .mobile-product-card{
    background:#080b08;
    border:1px solid #263526;
    border-radius:16px;
    padding:12px 12px 24px;
    text-align:center;
    overflow:hidden;
  }
  .mobile-product-card img{
    width:100%;
    height:auto;
    border-radius:12px;
  }
  .mobile-product-card p{
    color:#d8ddd8;
    font-size:16px;
    margin:18px 10px 12px;
  }

  /* Forge Budget card — full icon, no crop */
  .budget-product{
    margin-top:34px;
    padding:22px 18px 26px;
    gap:22px;
    border-radius:18px;
  }
  .budget-icon-image{
    width:min(88vw,310px);
    height:auto;
    aspect-ratio:auto;
    object-fit:contain;
    border-radius:24px;
  }
  .budget-info h3{
    font-size:34px;
    line-height:1.2;
  }
  .budget-info p{
    font-size:17px;
    line-height:1.55;
  }
  .budget-meta{
    flex-direction:column;
    gap:18px;
  }
  .budget-meta strong{font-size:44px}
  .budget-meta .btn{width:min(100%,310px);text-align:center}

  /* Forge Budget product page */
  .easy-hero{padding:42px 0 48px}
  .easy-grid{
    grid-template-columns:1fr;
    text-align:center;
    gap:28px;
  }
  .easy-grid > div{order:1}
  .easy-grid img{order:0}
  .easy-grid h1{
    font-size:46px;
    line-height:1.02;
    margin-top:12px;
  }
  .easy-grid p{
    font-size:18px;
    margin-left:auto;
    margin-right:auto;
  }
  .budget-icon-large{
    width:min(84vw,330px);
    height:auto;
    aspect-ratio:auto;
    object-fit:contain;
    border-radius:30px;
    margin:0 auto;
  }

  .section h2{font-size:38px}
  .lead{font-size:17px}
}


/* Forge Help Centre V1 */
.help-hero{padding:76px 0 54px;text-align:center;background:radial-gradient(circle at 50% 20%,rgba(57,255,20,.10),transparent 42%);border-bottom:1px solid var(--line)}
.help-hero h1{font-size:clamp(42px,6vw,72px);font-weight:400;line-height:1.05;margin:12px 0 18px}.help-hero p{color:var(--muted);font-size:19px;max-width:760px;margin:auto}.help-grid{display:grid;gap:18px;max-width:920px;margin:auto}.help-card{background:#080b08;border:1px solid #455345;border-radius:12px;overflow:hidden}.help-card[open]{border-color:var(--g);box-shadow:0 0 24px rgba(57,255,20,.06)}.help-card summary{cursor:pointer;list-style:none;padding:24px 26px;font-size:22px;font-weight:800}.help-card summary::-webkit-details-marker{display:none}.help-card summary::after{content:'+';float:right;color:var(--g);font-size:28px;line-height:1}.help-card[open] summary::after{content:'–'}.help-answer{padding:0 26px 26px;border-top:1px solid #263526;color:#d8ddd8}.help-answer h3{color:var(--g);font-size:20px;margin:24px 0 8px}.help-answer p{margin:8px 0 14px}.help-answer li{margin:10px 0}.help-answer a{color:var(--g)}.help-warning{background:#111711;border-left:3px solid var(--g);padding:14px 16px;margin-top:20px!important}@media(max-width:800px){.help-hero{padding:50px 0 38px}.help-card summary{padding:20px 18px;font-size:19px}.help-answer{padding:0 18px 22px}}