@font-face{font-family:'fatfrank-local';src:url('/home-v2-assets/fatfrank.woff2') format('woff2');font-weight:400;font-display:swap}
:root{
  --navy:#000D1E; --navy2:#10233B; --blue:#449BF1; --cyan:#58CAFE;
  --blue-soft:#81B7F0; --ice:#9BDDFD; --ice2:#B9F4FD; --mist:#D5EDFF; --white:#FFFFFF;
  --line:rgba(129,183,240,.16);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Clash Display',sans-serif;background:var(--navy);color:var(--mist);overflow-x:hidden}
h1,h2,h3,h4{font-family:fatfrank,'fatfrank-local','Clash Display',sans-serif;font-weight:400;color:var(--mist);letter-spacing:.5px;text-transform:uppercase}
h2.title,.hero h1{color:#D5EDFF}
p{font-weight:400;line-height:1.6}
img{max-width:100%}
.wrap{max-width:min(92vw,1280px);margin:0 auto;padding:0 28px}
/* brand buttons: exact match to live gemhunters.co */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 30px;border-radius:6px;font-family:'Clash Display',sans-serif;font-weight:600;font-size:16px;letter-spacing:normal;text-decoration:none;text-transform:uppercase;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,#B9F4FD,#9BDDFD);color:#10233B;box-shadow:0 8px 28px rgba(155,221,253,.25)}
.btn-primary:hover{filter:brightness(1.05);box-shadow:0 12px 38px rgba(155,221,253,.4)}
.btn-ghost{border:2px solid rgba(129,183,240,.5);color:var(--ice)}
.btn-ghost:hover{background:rgba(129,183,240,.1);border-color:var(--ice)}
.kicker{display:inline-block;font-size:12.5px;font-weight:600;letter-spacing:2.2px;text-transform:uppercase;color:var(--cyan);background:rgba(88,202,254,.08);border:1px solid rgba(88,202,254,.3);padding:7px 16px;border-radius:100px;margin-bottom:18px}
h2.title{font-size:clamp(30px,4.4vw,50px);margin-bottom:16px;line-height:1.06}
p.lead{max-width:700px;font-size:18px;color:var(--ice)}
.center{text-align:center}
.center p.lead{margin:0 auto}
section{padding:96px 0}

/* ===== NAV ===== */
nav{position:sticky;top:0;z-index:50;background:rgba(0,13,30,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
nav .wrap{display:flex;align-items:center;justify-content:space-between;height:76px;gap:16px}
.brand{display:flex;align-items:center;text-decoration:none;flex:none}
.brand img{height:38px;width:auto;display:block}
.navlinks{display:flex;gap:30px;align-items:center;margin-left:auto;margin-right:8px}
.navlinks a{color:var(--ice);text-decoration:none;font-size:14.5px;font-weight:500;letter-spacing:.4px}
.navlinks a:hover{color:var(--white)}
nav .btn{padding:10px 22px;font-size:14px;white-space:nowrap;flex:none}
@media(max-width:860px){.navlinks{display:none}.brand img{height:30px}}

/* ===== HERO ===== */
.hero{position:relative;padding:96px 0 0;text-align:center;overflow:hidden;background:radial-gradient(ellipse 70% 55% at 50% 0%,rgba(68,155,241,.22),transparent 60%)}
.hero .inner{position:relative;z-index:3;max-width:1180px;margin:0 auto;padding:0 24px}
.hero h1{font-size:clamp(38px,5.2vw,72px);line-height:1.05;margin-bottom:24px}
.hero h1 span{background:linear-gradient(135deg,var(--ice2),var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p.sub{font-size:clamp(16.5px,2vw,21px);max-width:760px;margin:0 auto 18px;color:var(--ice)}
.hero .founder{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:34px;font-size:14px;color:var(--blue-soft)}
.hero .founder img{width:26px;height:26px}
.hero .ctas{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-bottom:24px}
.proofline span{font-size:13.5px;color:var(--blue-soft)}
.proofline b{color:var(--white)}
.citywrap{position:relative;z-index:2;margin-top:30px;pointer-events:none}
.citywrap img.city{display:block;width:min(1180px,88vw);margin:0 auto -2px;filter:drop-shadow(0 40px 90px rgba(68,155,241,.2))}
.pgem{position:absolute;z-index:1;pointer-events:none;will-change:transform}
.pgem img{width:100%;display:block;filter:drop-shadow(0 12px 30px rgba(88,202,254,.45));animation:bob var(--bd,7s) ease-in-out infinite alternate}
@keyframes bob{from{transform:translateY(-10px) rotate(-3deg)}to{transform:translateY(12px) rotate(3deg)}}
.pdot{position:absolute;border-radius:50%;background:#0d1f3a;z-index:1;will-change:transform}
@media(max-width:900px){.hero{padding:78px 0 0}}


/* ===== TRUSTBAR ===== */
.trustbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--navy2)}
.trustbar .wrap{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;padding:30px 24px}
.stat{text-align:center;padding:6px 4px}
.stat b{display:block;font-size:clamp(22px,2.8vw,34px);font-weight:700;color:var(--white)}
.stat span{font-size:12px;text-transform:uppercase;letter-spacing:1.2px;color:var(--blue-soft)}
@media(max-width:900px){.trustbar .wrap{grid-template-columns:repeat(2,1fr)}.trustbar .wrap .stat:last-child{grid-column:span 2}}

/* ===== TICKER ===== */
.ticker{overflow:hidden;border-bottom:1px solid var(--line);background:rgba(16,35,59,.5);padding:14px 0}
.ticker-track{display:flex;gap:14px;width:max-content;animation:scroll 110s linear infinite}
.ticker:hover .ticker-track{animation-play-state:paused}
@keyframes scroll{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.tick{flex:none;display:flex;align-items:center;gap:8px;background:rgba(68,155,241,.1);border:1px solid rgba(68,155,241,.3);border-radius:100px;padding:8px 18px;font-size:14px;font-weight:600;color:var(--ice2)}
.tick b{color:#39E58C;font-weight:700}
.tick span{color:var(--blue-soft);font-weight:400;font-size:12.5px}

/* ===== WINRATE ===== */
.years{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:50px}
.year{background:var(--navy2);border:1px solid var(--line);border-radius:20px;padding:32px;position:relative;overflow:hidden}
.year .yr{font-size:14px;letter-spacing:1.6px;color:var(--blue-soft);text-transform:uppercase;margin-bottom:10px;font-weight:600}
.year b{display:block;font-size:52px;font-weight:700;color:var(--white);line-height:1}
.year .calls{font-size:13.5px;color:var(--blue-soft);margin:10px 0 18px}
.bar{height:8px;background:rgba(129,183,240,.15);border-radius:100px;overflow:hidden}
.bar i{display:block;height:100%;border-radius:100px;background:linear-gradient(90deg,var(--blue),var(--cyan))}
.year.hot{border-color:rgba(88,202,254,.55);box-shadow:0 18px 60px rgba(88,202,254,.12)}
.year .badge{position:absolute;top:22px;right:22px;background:rgba(57,229,140,.12);border:1px solid rgba(57,229,140,.4);color:#39E58C;font-size:11px;font-weight:600;letter-spacing:1px;padding:5px 12px;border-radius:100px;text-transform:uppercase}
.method{margin-top:26px;font-size:13px;color:var(--blue-soft);max-width:860px;line-height:1.7}
@media(max-width:900px){.years{grid-template-columns:1fr}}

/* ===== PROOF SCREENSHOTS ===== */
#wins{background:radial-gradient(ellipse 80% 50% at 50% 10%,rgba(68,155,241,.14),transparent 60%)}
.bleed{width:100%;padding:0 28px}
.masonry{columns:4;column-gap:18px;margin-top:52px}
@media(max-width:1400px){.masonry{columns:3}}
.tgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:1100px;margin:0 auto;text-align:left}
.tcard{border-radius:16px;overflow:hidden;border:1px solid rgba(129,183,240,.16);background:#11151f;box-shadow:0 14px 34px rgba(0,0,0,.4)}
.tcard img{width:100%;height:auto;display:block}
@media(max-width:780px){.tgrid{grid-template-columns:1fr}}
.title.big{font-size:clamp(34px,6vw,76px);line-height:.98;letter-spacing:-.02em}
.title .accent{color:#39E58C;text-shadow:0 0 38px rgba(57,229,140,.35)}
.steps .step{position:relative;background:linear-gradient(180deg,rgba(30,40,66,.55),rgba(16,22,38,.55));border:1px solid rgba(129,183,240,.18);border-radius:18px;padding:30px 26px;overflow:hidden}
.steps .step::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 0% 0%,rgba(88,202,254,.14),transparent 60%);pointer-events:none}
.steps .step:hover{border-color:rgba(88,202,254,.45);transform:translateY(-3px);transition:.2s}
.sicon{position:relative;width:58px;height:58px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,rgba(88,202,254,.16),rgba(58,123,213,.08));border:1px solid rgba(88,202,254,.32);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 28px rgba(10,18,34,.5);margin-bottom:18px}
.sicon svg{width:28px;height:28px;color:#7fd2ff}


/* wins wall */
.winswall{margin-top:64px}
.winswall h3{font-size:clamp(20px,2.6vw,30px);margin-bottom:8px}
.winswall .sub2{font-size:14.5px;color:var(--blue-soft);margin-bottom:30px}
.wrow{overflow:hidden;padding:7px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.wtrack{display:flex;gap:12px;width:max-content;animation:scroll 340s linear infinite;will-change:transform;backface-visibility:hidden;transform:translateZ(0)}
.wrow:hover .wtrack,.wrow:focus-within .wtrack{animation-play-state:paused}
.wrow.rev .wtrack{animation-direction:reverse}
.wtrack i{font-style:normal;flex:none;display:flex;align-items:center;gap:8px;background:rgba(16,35,59,.85);border:1px solid rgba(129,183,240,.22);border-radius:100px;padding:9px 18px;font-size:13.5px}
.wtrack i b{color:var(--white);font-weight:600}
.wtrack i em{font-style:normal;color:#39E58C;font-weight:700}
.wtrack i s{text-decoration:none;color:var(--blue-soft);font-size:12px}
.shot{break-inside:avoid;margin-bottom:18px;background:var(--navy2);border:1px solid var(--line);border-radius:16px;overflow:hidden;position:relative;transition:transform .18s ease,border-color .18s ease}
.shot:hover{transform:translateY(-3px);border-color:rgba(88,202,254,.55)}
.shot img{display:block;width:100%}
.shot .lbl{position:absolute;top:12px;right:12px;background:rgba(0,13,30,.82);backdrop-filter:blur(6px);border:1px solid rgba(57,229,140,.45);color:#39E58C;font-weight:700;font-size:14px;padding:6px 13px;border-radius:100px}
@media(max-width:900px){.masonry{columns:2}}
@media(max-width:600px){.masonry{columns:1}}

/* ===== RECEIPTS ===== */
.receipts{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px}
.rcpt{background:var(--navy2);border:1px solid var(--line);border-radius:16px;padding:22px}
.rcpt .pair{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:8px}
.rcpt .tk{display:flex;align-items:center;gap:8px;min-width:0}
.rcpt .tk img{width:24px;height:24px;border-radius:50%;background:#fff;object-fit:cover;flex:none}
.rcpt .pair b{font-size:15.5px;color:var(--white);letter-spacing:.4px}
.rcpt .dir{font-size:10.5px;font-weight:600;letter-spacing:.8px;padding:4px 9px;border-radius:6px;background:rgba(68,155,241,.15);border:1px solid rgba(68,155,241,.35);color:var(--ice);white-space:nowrap}
.rcpt .gain{font-size:29px;font-weight:700;color:#39E58C;margin-bottom:10px}
.rcpt .route{font-size:12.5px;color:var(--blue-soft)}
.rcpt .route b{color:var(--ice);font-weight:600}
@media(max-width:900px){.receipts{grid-template-columns:repeat(2,1fr)}}

/* ===== ERAS ===== */
.eras{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:50px}
.era{background:var(--navy2);border:1px solid var(--line);border-radius:18px;padding:30px}
.era h3{font-size:30px;color:var(--cyan);margin-bottom:6px}
.era .lbl{font-size:13px;text-transform:uppercase;letter-spacing:1.4px;color:var(--blue-soft);margin-bottom:16px}
.era .coins{display:flex;flex-wrap:wrap;gap:8px}
.era .coins i{font-style:normal;font-weight:600;font-size:13px;color:var(--white);background:rgba(68,155,241,.16);border:1px solid rgba(68,155,241,.4);padding:5px 12px 5px 6px;border-radius:999px;display:inline-flex;align-items:center;gap:7px}
.era .coins i img{width:22px;height:22px;border-radius:50%;object-fit:cover;background:#fff;display:block}
@media(max-width:900px){.eras{grid-template-columns:1fr}}

/* ===== ETH BANNER ===== */
.ethb{padding:40px 0 0}
.ethb .card{position:relative;max-width:min(94vw,1640px);margin:0 auto;border-radius:28px;overflow:hidden;border:1px solid rgba(129,183,240,.3);background:linear-gradient(160deg,rgba(16,35,59,.92),rgba(0,13,30,.96));padding:90px 24px 100px;text-align:center}
.ethb .bgcity{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 78%;opacity:.22;filter:blur(6px) saturate(1.1)}
.ethb .veil{position:absolute;inset:0;background:radial-gradient(ellipse 70% 80% at 50% 50%,transparent 30%,rgba(0,13,30,.75))}
.ethb h2{position:relative;z-index:2;font-size:clamp(28px,4vw,52px);line-height:1.1;margin-bottom:30px}
.ethb h2 small{display:block;font-size:.62em;color:var(--ice)}
.ethb .btn{position:relative;z-index:2}
.ethb .bmascot{position:absolute;z-index:2;left:4%;bottom:0;width:clamp(130px,15vw,250px);filter:drop-shadow(0 18px 40px rgba(0,0,0,.6));transition:transform .12s linear}
.ethb .card:hover .bmascot{animation:none}
.ethb .bgem{position:absolute;z-index:2;pointer-events:none}
.ethb .bgem img{width:100%;display:block;filter:drop-shadow(0 10px 26px rgba(88,202,254,.5));animation:bob var(--bd,7s) ease-in-out infinite alternate}
@media(max-width:700px){.ethb .bmascot{display:none}}

/* ===== PRICING ===== */
#pricing{background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(68,155,241,.16),transparent 55%)}
.plans{display:grid;grid-template-columns:1fr 1.15fr;gap:26px;margin-top:56px;align-items:stretch;text-align:left}
.plan{background:var(--navy2);border:1px solid rgba(129,183,240,.22);border-radius:24px;padding:42px 38px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.plan.premium{background:linear-gradient(170deg,#0e2a4a,var(--navy2));border:2px solid var(--ice);box-shadow:0 24px 80px rgba(155,221,253,.14)}
.plan.premium .glow{position:absolute;right:-60px;top:-40px;width:280px;opacity:.16;pointer-events:none}
.plan .tag{position:absolute;top:20px;right:20px;background:linear-gradient(135deg,#B9F4FD,#9BDDFD);color:#10233B;font-weight:700;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;padding:7px 16px;border-radius:100px}
.plan h3{font-size:24px;margin-bottom:8px}
.plan .price{font-size:clamp(38px,4.5vw,54px);font-weight:700;color:var(--white);margin:8px 0 2px;line-height:1}
.plan .per{font-size:14px;color:var(--blue-soft);margin-bottom:26px}
.plan ul{list-style:none;margin-bottom:34px;flex:1}
.plan li{padding:10px 0;border-bottom:1px solid rgba(129,183,240,.1);font-size:15.5px;color:var(--mist);display:flex;gap:12px;align-items:flex-start}
.plan li svg{flex:none;margin-top:3px}
.plan .btn{width:100%}
@media(max-width:900px){.plans{grid-template-columns:1fr}}

/* ===== FEATURES ===== */
.feats{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:52px;text-align:left}
.feat{position:relative;background:linear-gradient(165deg,#0e2a4a 0%,var(--navy2) 60%);border:1px solid rgba(129,183,240,.22);border-radius:20px;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.feat:hover{transform:translateY(-5px);border-color:rgba(155,221,253,.6);box-shadow:0 24px 60px rgba(68,155,241,.18)}
.feat .art{position:relative;height:200px;display:flex;align-items:flex-end;justify-content:center;background:
  radial-gradient(ellipse 70% 60% at 50% 25%,rgba(88,202,254,.2),transparent 65%),
  repeating-linear-gradient(0deg,transparent 0 23px,rgba(129,183,240,.05) 23px 24px),
  repeating-linear-gradient(90deg,transparent 0 23px,rgba(129,183,240,.05) 23px 24px)}
.feat .art::after{content:'';position:absolute;left:50%;bottom:14px;transform:translateX(-50%);width:130px;height:16px;border-radius:50%;background:rgba(0,0,0,.45);filter:blur(7px)}
.feat .art img{position:relative;z-index:1;height:170px;width:auto;filter:drop-shadow(0 14px 30px rgba(0,0,0,.5));transition:transform .25s ease;margin-bottom:6px}
.feat:hover .art img{transform:translateY(-7px) scale(1.04)}
.feat .fnum{position:absolute;top:14px;right:18px;font-size:13px;font-weight:600;letter-spacing:1.5px;color:rgba(155,221,253,.45)}
.feat .body{padding:10px 26px 28px}
.feat h4{font-size:17px;margin-bottom:10px;display:flex;align-items:center;gap:10px}
.feat h4::before{content:'';width:18px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--cyan),var(--blue));flex:none}
.feat p{font-size:14.5px;color:var(--ice);line-height:1.6}
@media(max-width:900px){.feats{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.feats{grid-template-columns:1fr}}

/* ===== LOBBIES ===== */
.lobbies{background:var(--navy2);overflow:hidden}
.lobbies .wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center}
.lobchips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}
.lobchips i{font-style:normal;font-size:13.5px;font-weight:600;color:var(--ice2);background:rgba(68,155,241,.12);border:1px solid rgba(68,155,241,.35);padding:8px 15px;border-radius:100px}
.lobbies img.phone{width:100%;max-width:760px;margin:-30px auto;display:block;filter:drop-shadow(0 30px 80px rgba(68,155,241,.35))}
@media(max-width:900px){.lobbies .wrap{grid-template-columns:1fr}.lobbies img.phone{max-width:520px;margin:0 auto}}

/* ===== STEPS ===== */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:52px;text-align:left}
.step{background:linear-gradient(165deg,#0e2a4a,var(--navy2));border:1px solid rgba(129,183,240,.28);border-radius:20px;padding:34px;position:relative;overflow:hidden}
.step .badge2{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,#B9F4FD,#9BDDFD);color:#10233B;font-weight:700;font-size:19px;margin-bottom:18px}
.step h4{font-size:19px;color:var(--white);margin-bottom:10px;text-transform:none;letter-spacing:.3px}
.step p{font-size:15.5px;color:var(--mist);line-height:1.65}
@media(max-width:900px){.steps{grid-template-columns:1fr}}

/* ===== FAQ ===== */
.faq{max-width:800px;margin:52px auto 0;text-align:left}
.faqi{background:var(--navy2);border:1px solid var(--line);border-radius:14px;margin-bottom:12px;overflow:hidden;transition:border-color .25s ease,background .25s ease}
.faqi:hover{border-color:rgba(88,202,254,.4)}
.faqi.open{border-color:rgba(88,202,254,.5);background:#13294a}
.faqq{width:100%;text-align:left;background:none;border:0;padding:20px 24px;cursor:pointer;font-family:'Clash Display',sans-serif;font-weight:600;color:var(--white);font-size:16px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.faqic{position:relative;width:18px;height:18px;flex:none}
.faqic::before,.faqic::after{content:'';position:absolute;background:var(--cyan);border-radius:2px;transition:transform .35s cubic-bezier(.2,.7,.3,1),opacity .25s ease}
.faqic::before{top:8px;left:0;width:18px;height:2px}
.faqic::after{top:0;left:8px;width:2px;height:18px}
.faqi.open .faqic::after{transform:rotate(90deg);opacity:0}
.faqa{display:grid;grid-template-rows:0fr;transition:grid-template-rows .42s cubic-bezier(.2,.7,.3,1)}
.faqi.open .faqa{grid-template-rows:1fr}
.faqa-in{overflow:hidden}
.faqa p{padding:0 24px 22px;font-size:15px;color:var(--ice);line-height:1.6}

/* ===== FINAL ===== */
.final{text-align:center;position:relative;overflow:hidden;background:radial-gradient(ellipse 80% 70% at 50% 100%,rgba(68,155,241,.22),transparent 65%)}
.final img.m{width:300px;display:block;margin:0 auto 24px;filter:drop-shadow(0 6px 16px rgba(0,0,0,.4)) drop-shadow(0 0 26px rgba(88,202,254,.3))}

/* ===== FOOTER ===== */
footer{border-top:1px solid var(--line);padding:44px 0;text-align:center}
footer img{height:34px;margin-bottom:16px}
footer p{font-size:12px;color:var(--blue-soft);max-width:780px;margin:0 auto;line-height:1.7}

/* mobile sticky cta */
.mcta{display:none;position:fixed;bottom:0;left:0;right:0;z-index:60;background:rgba(0,13,30,.96);backdrop-filter:blur(10px);padding:12px 16px;border-top:1px solid rgba(155,221,253,.3)}
.mcta .btn{width:100%;padding:14px}
@media(max-width:600px){
  section{padding:64px 0}
  .mcta{display:block}
  body{padding-bottom:70px}
  .receipts{grid-template-columns:1fr 1fr}
}

/* ===== About Us (real gemhunters.co) ===== */
.about-sec{padding:70px 0}
.about-card{position:relative;background:linear-gradient(160deg,#0c1a30,#08111f);border:1px solid rgba(129,183,240,.16);border-radius:24px;padding:50px 56px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px);grid-template-rows:auto auto;column-gap:30px;align-items:center;overflow:hidden}
.about-copy{grid-column:1;grid-row:1}
.about-copy h2.title{margin-bottom:18px}
.about-copy p{color:#9fc4e8;font-size:16.5px;margin-bottom:16px;max-width:640px}
.coinrow{grid-column:1;grid-row:2;margin-top:14px;overflow:hidden;min-width:0;max-width:100%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.cointrack{display:flex;align-items:center;gap:34px;width:max-content;animation:coinscroll 32s linear infinite}
.cointrack img{height:34px;width:auto;opacity:.82;filter:grayscale(.1)}
@keyframes coinscroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.about-char{grid-column:2;grid-row:1/3;display:flex;align-items:center;justify-content:center}
.about-char img{width:100%;max-width:300px;filter:drop-shadow(0 24px 50px rgba(0,0,0,.5))}
@media(max-width:820px){.about-card{grid-template-columns:1fr;grid-template-rows:auto auto auto;padding:38px 26px}.about-copy{grid-column:1;grid-row:2}.about-char{grid-column:1;grid-row:1}.about-char img{max-width:190px}.coinrow{grid-column:1;grid-row:3}}

/* ===== Steps with characters + grid bg ===== */
.steps-sec{position:relative;background:#040c18 url('/home-v2-assets/getting-started-bg.svg') center/cover no-repeat;padding:80px 0 96px}
.steps-sec::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(68,155,241,.18),transparent 60%);pointer-events:none}
.gsteps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:46px;position:relative;z-index:2}
.gstep{position:relative;height:464px;border:1px solid #2A3746;border-radius:10px;padding:56px 44px 210px;overflow:hidden;background:#0a1422;transition:transform .28s cubic-bezier(.2,.7,.3,1),border-color .28s ease,box-shadow .28s ease}
.gstep:hover{transform:translateY(-8px);border-color:rgba(88,202,254,.55);box-shadow:0 26px 64px rgba(4,12,24,.65),0 0 0 1px rgba(88,202,254,.22)}
.gstep-num{position:absolute;top:12px;left:20px;font-family:fatfrank,'fatfrank-local',sans-serif;font-size:120px;line-height:1;color:rgba(213,237,255,.06);z-index:0;pointer-events:none}
.gstep h3{position:relative;z-index:2;font-size:26px;color:#D5EDFF;margin-bottom:12px}
.gstep p{position:relative;z-index:2;color:#9fc4e8;font-size:15px;line-height:1.55;max-width:96%}
.gstep .art{position:absolute;left:0;right:0;bottom:0;height:210px;z-index:1}
.gstep .art img{position:absolute;bottom:14px;left:50%;filter:drop-shadow(0 14px 28px rgba(0,0,0,.55));transition:transform .4s cubic-bezier(.2,.7,.3,1)}
.s1 .hammer{height:150px;transform:translateX(-92%) rotate(-3deg)}
.s1 .diamond{height:170px;transform:translateX(-8%)}
.s2 img{height:190px;transform:translateX(-50%)}
.s2 .laptop2{z-index:2}
.s3 .human3{height:192px;transform:translateX(-55%)}
.s3 .stone3{height:120px;bottom:8px;transform:translateX(52%);z-index:2}
.gstep:hover .s1 .hammer{transform:translateX(-92%) translateX(-22px) rotate(-10deg) translateY(-4px)}
.gstep:hover .s1 .diamond{transform:translateX(-8%) translateX(22px) translateY(-8px) rotate(6deg)}
.gstep:hover .s2 .miner2{transform:translateX(-50%) translateX(-14px) translateY(-4px)}
.gstep:hover .s2 .laptop2{transform:translateX(-50%) translateX(14px) translateY(-9px)}
.gstep:hover .s3 .human3{transform:translateX(-55%) translateX(-16px) translateY(-5px)}
.gstep:hover .s3 .stone3{transform:translateX(52%) translateX(18px) translateY(-9px) rotate(8deg)}
@media(max-width:820px){.gsteps{grid-template-columns:1fr}.gstep{height:420px}}

/* ===== What else do you get (space bg) ===== */
.what-sec{position:relative;background:#040a16;padding:84px 0 96px;overflow:hidden}
.what-sec::before{content:"";position:absolute;inset:0;background:url('/home-v2-assets/what-shape.svg') center top/cover no-repeat;opacity:.9;pointer-events:none}
.what-sec .wrap{position:relative;z-index:2}
.featgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:22px;margin-top:44px}
.featgrid .feat:nth-child(1){grid-column:1/3}
.featgrid .feat:nth-child(2){grid-column:3/5}
.featgrid .feat:nth-child(3){grid-column:5/7}
.featgrid .feat:nth-child(4){grid-column:2/4}
.featgrid .feat:nth-child(5){grid-column:4/6}
.feat{background:linear-gradient(180deg,rgba(16,35,59,.45),rgba(8,17,31,.5));border:1px solid rgba(129,183,240,.14);border-radius:18px;padding:30px 28px;transition:.2s}
.feat:hover{border-color:rgba(88,202,254,.5);transform:translateY(-6px);box-shadow:0 22px 50px rgba(4,12,24,.55)}
.feat-ic img{transition:transform .35s ease}
.feat:hover .feat-ic img{transform:scale(1.12) translateY(-2px)}
.feat-ic{width:64px;height:64px;margin-bottom:16px;display:flex;align-items:center;justify-content:center}
.feat-ic img{width:100%;height:100%;object-fit:contain}
.feat h3{font-size:21px;color:#D5EDFF;margin-bottom:10px}
.feat p{color:#9fc4e8;font-size:15px;line-height:1.55}
@media(max-width:900px){.featgrid{grid-template-columns:repeat(2,1fr)}.featgrid .feat:nth-child(n){grid-column:auto}}
@media(max-width:600px){.featgrid{grid-template-columns:1fr}}


/* scroll reveal */
.reveal{opacity:0;transform:translateY(38px);transition:opacity .7s cubic-bezier(.16,.8,.3,1),transform .7s cubic-bezier(.16,.8,.3,1)}
.reveal.in{opacity:1;transform:none}
.reveal-left{opacity:0;transform:translateX(-52px);transition:opacity .75s cubic-bezier(.16,.8,.3,1),transform .75s cubic-bezier(.16,.8,.3,1)}
.reveal-left.in{opacity:1;transform:none}
.reveal-right{opacity:0;transform:translateX(52px);transition:opacity .75s cubic-bezier(.16,.8,.3,1),transform .75s cubic-bezier(.16,.8,.3,1)}
.reveal-right.in{opacity:1;transform:none}
.about-char.reveal-right{opacity:0;transform:translateX(120px) scale(.97);transition:opacity .85s cubic-bezier(.16,.8,.3,1),transform .85s cubic-bezier(.16,.8,.3,1)}
.about-char.reveal-right.in{opacity:1;transform:none}
.reveal-stagger>*{opacity:0;transform:translateY(30px);transition:opacity .6s cubic-bezier(.16,.8,.3,1),transform .6s cubic-bezier(.16,.8,.3,1)}
.reveal-stagger.in>*{opacity:1;transform:none}
.reveal-stagger.in>*:nth-child(1){transition-delay:.05s}
.reveal-stagger.in>*:nth-child(2){transition-delay:.13s}
.reveal-stagger.in>*:nth-child(3){transition-delay:.21s}
.reveal-stagger.in>*:nth-child(4){transition-delay:.29s}
.reveal-stagger.in>*:nth-child(5){transition-delay:.37s}
.reveal-stagger.in>*:nth-child(6){transition-delay:.45s}
/* reduced-motion override removed: brand animations always play */


/* hero load glide */
.hero .inner>*{opacity:0;transform:translateY(26px);animation:heroGlide .8s cubic-bezier(.16,.8,.3,1) forwards}
.hero .inner>*:nth-child(1){animation-delay:.1s}
.hero .inner>*:nth-child(2){animation-delay:.22s}
.hero .inner>*:nth-child(3){animation-delay:.34s}
.hero .inner>*:nth-child(4){animation-delay:.46s}
.hero .inner>*:nth-child(5){animation-delay:.58s}
.hero .citywrap{opacity:0;animation:heroCity 1.1s cubic-bezier(.16,.8,.3,1) .35s forwards}
@keyframes heroGlide{to{opacity:1;transform:none}}
@keyframes heroCity{from{opacity:0;transform:translateY(40px) scale(.98)}to{opacity:1;transform:none}}
/* reduced-motion override removed: brand animations always play */


/* ===== mobile responsive + overflow kill ===== */
html{overflow-x:hidden}
body{overflow-x:hidden;width:100%;max-width:100%;position:relative}
section,.about-sec,.steps-sec,.what-sec{overflow-x:hidden}
@media(max-width:820px){
  .receipts{grid-template-columns:repeat(2,1fr)}
  .years{grid-template-columns:1fr}
  .eras{grid-template-columns:1fr}
  .plans{grid-template-columns:1fr}
  .featgrid{grid-template-columns:1fr!important}
  .featgrid .feat{grid-column:auto!important}
  .gsteps{grid-template-columns:1fr}
  .gstep{height:auto;min-height:360px;padding:48px 32px 200px}
  .about-card{grid-template-columns:1fr;grid-template-rows:auto auto auto}
  h2.title{font-size:clamp(26px,7vw,40px)}
  .title.big{font-size:clamp(30px,8vw,46px)}
}
@media(max-width:560px){
  .receipts{grid-template-columns:repeat(2,1fr);gap:10px}
  .rcpt{padding:16px 12px}
  .rcpt .gain{font-size:26px}
  .trustbar .wrap{grid-template-columns:repeat(2,1fr);gap:18px 12px;padding:26px 18px}
  .mcta .btn{font-size:13px;padding:13px 8px;white-space:nowrap}
  .hero h1{font-size:clamp(30px,8.5vw,44px)}
  .wrap{padding:0 18px}
  .about-card{padding:32px 22px}
  .gstep{padding:44px 26px 190px}
}


@media(max-width:700px){
  .hero .pgem,.hero .pdot{display:none}
  .hero .pgem.m-keep{display:block;top:6%!important;width:42px!important;opacity:.85}
  .hero .pgem.m-keep[style*="left"]{left:4%!important}
  .hero .pgem.m-keep[style*="right"]{right:4%!important}
}


@media(max-width:560px){
  .receipts{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:32px}
  .rcpt{padding:14px 10px;min-width:0;border-radius:13px}
  .rcpt .pair{gap:5px;margin-bottom:8px}
  .rcpt .pair b{font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis}
  .rcpt .dir{font-size:8.5px;padding:3px 6px;letter-spacing:.3px}
  .rcpt .gain{font-size:22px;margin-bottom:6px}
  .rcpt .route{font-size:11px}
  .wrap{padding:0 16px}
}
@media(max-width:380px){
  .receipts{grid-template-columns:1fr}
}

.price-per{font-family:'Clash Display',sans-serif;font-size:.34em;font-weight:600;color:var(--ice);letter-spacing:0;margin-left:4px;text-transform:lowercase}
.btn{text-align:center}
.plan .btn,.plan a.btn{text-align:center;white-space:normal}

.starfield{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.starfield .star{position:absolute;border-radius:50%;background:#cfeaff;box-shadow:0 0 6px 1px rgba(150,210,255,.55);animation:twinkle var(--tw,3.5s) ease-in-out infinite;animation-delay:var(--td,0s)}
@keyframes twinkle{0%,100%{opacity:.12;transform:scale(.7)}50%{opacity:.95;transform:scale(1.25)}}
.what-sec .wrap,.final .wrap{position:relative;z-index:2}


@media(max-width:560px){.final img.m{width:180px;margin-bottom:18px}}
@media(max-width:380px){.final img.m{width:155px}}