:root{--bg:#08090d;--panel:#101116;--muted:#a1a1ac;--white:#f8f8fc;--pink:#fa0b8c;--line:#24252c;--gold:#ffcd20;--green:#27ef3b;--blue:#2fb8ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:"DM Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}main{overflow:hidden}.container{max-width:1280px;margin:0 auto;padding:0 62px}header{position:relative;z-index:20;border-bottom:1px solid #16171e;background:rgba(8,9,13,.9)}.nav{height:96px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;gap:12px;align-items:center;font-size:26px;font-weight:790;letter-spacing:-1.3px}.logo{width:44px;height:44px;display:block}.navlinks{display:flex;gap:42px;align-items:center;color:#dedee4;font-size:14px}.navlinks a:hover,.footer a:hover{color:var(--pink)}.store-top{background:var(--pink);padding:14px 20px;border:0;border-radius:10px;font-size:13px;font-weight:700;color:white;cursor:pointer;white-space:nowrap}.store-top:hover{background:#ff3ea2}.hero{position:relative;min-height:650px;display:flex;align-items:center;padding-top:52px;padding-bottom:50px}.hero:before{content:"";position:absolute;right:-155px;top:40px;width:650px;height:540px;background:radial-gradient(ellipse,#ac087544,transparent 68%);filter:blur(24px);pointer-events:none}.hero-copy{position:relative;z-index:3;width:43%;padding-bottom:28px}.eyebrow{text-transform:uppercase;color:#b6b6c0;letter-spacing:3.2px;font-size:12px;font-weight:650}.hero h1{font-size:clamp(66px,6.7vw,103px);line-height:.995;letter-spacing:-5px;margin:22px 0 26px;font-weight:830}.pink{color:var(--pink)}.hero-desc{font-size:19px;line-height:1.62;color:#b8bac5;max-width:465px;margin:0 0 26px}.app-btn{display:inline-flex;align-items:center;gap:12px;background:#0b0c10;border:1px solid #d1d2d7;border-radius:10px;color:white;padding:9px 18px;min-height:62px;cursor:pointer;text-align:left}.app-btn:hover{border-color:var(--pink);box-shadow:0 0 22px #fa0b8c27}.store-buttons{display:flex;flex-wrap:wrap;gap:14px}.end-cta .store-buttons{justify-content:center}.store-icon{width:28px;height:28px;flex:none}.app-btn small{display:block;font-size:11px;line-height:1.2}.app-btn strong{display:block;font-size:23px;line-height:1.1;letter-spacing:-.5px}.micro{font-size:13px;color:#a6a7b2;margin-top:19px}.hero-phones{width:57%;height:600px;position:relative;z-index:2}.phone{position:absolute;border:5px solid #282934;background:#000;border-radius:44px;padding:9px;box-shadow:0 25px 65px #000e,0 0 1px 2px #5c5b6b;overflow:hidden;aspect-ratio: .49;}.phone img{display:block;width:100%;height:100%;object-fit:fill;border-radius:31px}.phone:after{content:"";position:absolute;left:35%;right:35%;top:9px;height:13px;background:#010102;border-radius:0 0 14px 14px}.hero-one{width:285px;top:0;left:12%;z-index:3;transform:rotate(-2deg)}.hero-two{width:268px;right:2%;top:44px;z-index:2;transform:rotate(4deg);filter:brightness(.84)}.feature-strip{border-top:1px solid #181921;border-bottom:1px solid #181921;padding:30px 0 32px;background:#090a0e}.features{display:grid;grid-template-columns:repeat(4,1fr)}.mini-feature{display:flex;gap:17px;align-items:center;padding:8px 26px;border-right:1px solid #31313b}.mini-feature:first-child{padding-left:0}.mini-feature:last-child{border:0}.symbol{font-size:29px;font-weight:800}.mini-feature b{display:block;text-transform:uppercase;font-size:13px;letter-spacing:.35px}.mini-feature p{color:#9a9ca7;font-size:12px;margin:7px 0 0}.how{padding-top:112px;text-align:center}.section-tag{font-size:11px;text-transform:uppercase;letter-spacing:3px;color:#a4a4af;font-weight:700}.how h2,.end-cta h2{font-size:clamp(36px,4.2vw,57px);letter-spacing:-2.4px;line-height:1.1;margin:15px 0 47px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:left}.step{border:1px solid #2e2f38;background:linear-gradient(160deg,#111218,#090a0e);border-radius:15px;padding:35px 32px 38px;min-height:264px}.step-icon{width:58px;height:58px;border:1px solid currentColor;border-radius:15px;display:grid;place-items:center;font-size:28px;margin-bottom:22px}.step h3{font-size:22px;margin:0 0 12px;letter-spacing:-.6px}.step p{font-size:15px;line-height:1.7;margin:0;color:#b0b0bb;max-width:295px}.showcase{height:755px;position:relative;margin-top:44px}.showcase:before{content:"";position:absolute;inset:100px -220px 10px;background:radial-gradient(ellipse at 23% 60%,#cb0c905e,transparent 36%),radial-gradient(ellipse at 83% 60%,#164fff68,transparent 32%),radial-gradient(ellipse at 50% 60%,#780c8240,transparent 48%);filter:blur(47px)}.showcase .phone{top:44px;width:305px}.showcase-left{left:14%;z-index:2;transform:rotate(-6deg) translateY(39px);filter:brightness(.87)}.showcase-mid{left:50%;width:348px!important;transform:translateX(-50%);z-index:5}.showcase-right{right:14%;z-index:2;transform:rotate(6deg) translateY(39px);filter:brightness(.87)}.end-cta{text-align:center;padding:26px 0 100px}.end-cta h2{margin-bottom:18px}.end-cta p{color:#b5b5c1;font-size:19px;margin:0 0 29px}.footer{border-top:1px solid #24252b;padding:35px 0 45px;background:#090a0d}.footer-wrap{display:grid;grid-template-columns:1fr 1.25fr 1fr;align-items:start;gap:30px}.footer .brand{font-size:20px}.footer .logo{width:32px;height:32px}.footer-links{display:flex;gap:24px;justify-content:center;font-size:13px;color:#c3c3cb;padding-top:12px}.company{font-size:12px;line-height:1.8;color:#999ba7;text-align:right}.copyright{text-align:center;color:#666874;font-size:11px;margin:28px 0 0}.note{color:#858792;font-size:11px}.dialog{border:1px solid #393a43;border-radius:16px;background:#12131b;color:white;max-width:450px;padding:26px;box-shadow:0 24px 100px #000a}.dialog::backdrop{background:#000b}.dialog h3{margin:0 0 14px}.dialog p{color:#b3b4bf;line-height:1.6}.dialog button{border:0;background:var(--pink);color:white;border-radius:8px;padding:12px 22px;cursor:pointer}@media(max-width:1100px){.container{padding-left:36px;padding-right:36px}.hero h1{font-size:75px}.hero-one{left:0}.hero-two{right:-3%}.showcase-left{left:8%}.showcase-right{right:8%}.mini-feature{padding:8px 15px}.step{padding:28px}}@media(max-width:900px){.nav{height:78px}.store-top{font-size:12px;padding:12px}.container{padding-left:22px;padding-right:22px}.hero{padding-top:80px;display:block;min-height:0;text-align:center}.hero-copy{width:100%}.hero h1{font-size:64px;letter-spacing:-3px}.hero-desc{margin-left:auto;margin-right:auto;font-size:17px}.hero .store-buttons{justify-content:center}.hero-phones{width:100%;height:490px;margin-top:45px}.hero-one{width:220px;left:calc(50% - 160px)}.hero-two{width:205px;right:calc(50% - 160px)}.features{grid-template-columns:1fr 1fr;gap:12px}.mini-feature{padding:12px 0;border:0}.how{padding-top:75px}.steps{grid-template-columns:1fr}.step{min-height:0}.showcase{height:510px;margin-top:45px}.showcase .phone{width:175px;top:40px;border-radius:29px;padding:5px;border-width:3px}.showcase .phone img{border-radius:22px}.showcase-left{left:3%;transform:rotate(-9deg) translateY(40px)}.showcase-mid{width:205px!important}.showcase-right{right:3%;transform:rotate(9deg) translateY(40px)}.end-cta{padding:20px 0 75px}.footer-wrap{display:flex;align-items:center;flex-direction:column;text-align:center}.company{text-align:center}.footer-links{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Legal pages (privacy, terms) */
.legal{max-width:820px;margin:0 auto;padding:72px 32px 96px}
.legal .eyebrow{color:var(--pink)}
.legal h1{font-size:clamp(38px,5vw,56px);letter-spacing:-2px;line-height:1.08;margin:14px 0 10px}
.legal .updated{color:#8a8b96;font-size:14px;margin:0 0 36px}
.legal .summary{border:1px solid #2e2f38;background:linear-gradient(160deg,#111218,#090a0e);border-radius:12px;padding:22px 24px;margin:0 0 40px;color:#c8c9d2;font-size:15px;line-height:1.7}
.legal .summary strong{color:var(--white)}
.legal .toc{border:1px solid #24252c;border-radius:12px;padding:20px 24px;margin:0 0 48px}
.legal .toc b{display:block;font-size:11px;text-transform:uppercase;letter-spacing:2.5px;color:#a4a4af;margin-bottom:12px}
.legal .toc ol{margin:0;padding-left:20px;columns:2;column-gap:32px;font-size:14px;line-height:1.9;color:#c3c3cb}
.legal .toc a:hover{color:var(--pink)}
.legal h2{font-size:24px;letter-spacing:-.6px;margin:48px 0 14px;scroll-margin-top:24px}
.legal h3{font-size:17px;margin:26px 0 8px}
.legal p,.legal li{color:#b8bac5;font-size:16px;line-height:1.75}
.legal ul{padding-left:22px}
.legal li{margin-bottom:6px}
.legal li strong,.legal p strong{color:var(--white)}
.legal a.inline{color:var(--pink);text-decoration:underline;text-underline-offset:3px}
.legal .caps{text-transform:uppercase;font-size:14px;letter-spacing:.2px}
.legal address{font-style:normal;color:#c8c9d2;line-height:1.8;border-left:2px solid var(--pink);padding-left:16px}
.notfound{min-height:60vh;display:grid;place-items:center;text-align:center;padding:80px 22px}
.notfound h1{font-size:clamp(48px,8vw,96px);letter-spacing:-4px;margin:10px 0}
.notfound p{color:#b8bac5;font-size:18px;margin:0 0 28px}
.notfound .store-top{display:inline-block}
@media(max-width:760px){.legal{padding:48px 22px 72px}.legal .toc ol{columns:1}}

/* Mobile menu (hidden on desktop) */
.menu-toggle{display:none;width:42px;height:42px;border:1px solid #2e2f38;border-radius:10px;background:#0b0c10;color:var(--white);cursor:pointer;padding:0;place-items:center}
.menu-toggle span,.menu-toggle span:before,.menu-toggle span:after{display:block;width:18px;height:2px;background:currentColor;border-radius:2px;position:relative;transition:transform .2s,opacity .2s}
.menu-toggle span:before,.menu-toggle span:after{content:"";position:absolute;left:0}
.menu-toggle span:before{top:-6px}.menu-toggle span:after{top:6px}
header.open .menu-toggle span{background:transparent}
header.open .menu-toggle span:before{transform:translateY(6px) rotate(45deg)}
header.open .menu-toggle span:after{transform:translateY(-6px) rotate(-45deg)}
.st-short{display:none}

/* Tablet and phone */
@media(max-width:900px){
  .nav{gap:10px}
  .brand{margin-right:auto}
  .menu-toggle{display:grid}
  .navlinks{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#0b0c10f7;border-bottom:1px solid #24252c;padding:8px 22px 16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
  .navlinks a{padding:15px 2px;border-bottom:1px solid #1b1c23;font-size:16px}
  .navlinks a:last-child{border-bottom:0}
  header.open .navlinks{display:flex}
  .hero{padding-top:56px}
  .hero-desc{max-width:520px}
  .features{max-width:560px;margin:0 auto}
  .steps{grid-template-columns:1fr;max-width:560px;margin:0 auto}
  .step{min-height:0}
  .how h2,.end-cta h2{letter-spacing:-1.2px}
  .end-cta h2 .pink{white-space:nowrap}
  .store-buttons{justify-content:center;gap:10px}
  .app-btn{min-height:54px;padding:8px 14px;gap:10px;min-width:158px}
  .app-btn strong{font-size:19px}
  .app-btn small{font-size:10px}
  .store-icon{width:24px;height:24px}
  .dialog{width:calc(100% - 32px)}
}
/* Tablet only: give the phones and headline more room */
@media(min-width:601px) and (max-width:900px){
  .hero h1{font-size:88px;letter-spacing:-4px}
  .hero-phones{height:620px}
  .hero-one{width:280px;left:calc(50% - 250px)}
  .hero-two{width:262px;right:calc(50% - 250px)}
  .showcase{height:720px}
  .showcase .phone{width:250px;border-radius:38px;padding:8px;border-width:4px}
  .showcase .phone img{border-radius:28px}
  .showcase-mid{width:290px!important}
  .showcase-left{left:6%}
  .showcase-right{right:6%}
}
/* Small phones */
@media(max-width:420px){
  .container{padding-left:16px;padding-right:16px}
  .brand{font-size:22px;gap:9px}
  .logo{width:36px;height:36px}
  .st-full{display:none}.st-short{display:inline}
  .hero{padding-top:44px}
  .hero h1{font-size:clamp(48px,15vw,60px);letter-spacing:-2.5px}
  .hero-phones{height:420px;margin-top:36px}
  .hero-one{width:190px;left:calc(50% - 150px)}
  .hero-two{width:178px;right:calc(50% - 150px)}
  .store-buttons{flex-wrap:nowrap}
  .app-btn{min-width:0;flex:1 1 0;max-width:172px;padding:8px 10px;gap:8px}
  .app-btn strong{font-size:17px}
  .store-icon{width:22px;height:22px}
  .how h2,.end-cta h2{font-size:34px}
  .step{padding:26px 22px}
  .showcase{height:440px}
  .showcase .phone{width:150px}
  .showcase-mid{width:178px!important}
  .legal{padding:40px 16px 64px}
}
@media(max-width:420px){.legal .summary,.legal .toc{padding:18px}}
/* Very narrow phones: stack the store buttons at equal width */
@media(max-width:360px){
  .store-buttons{flex-direction:column;align-items:center;flex-wrap:nowrap}
  .app-btn{flex:none;width:100%;max-width:230px}
}

/* Head-to-head + Trader Cards */
.versus{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:64px;align-items:center;padding-top:40px;padding-bottom:110px;scroll-margin-top:20px}
.versus .section-tag{display:flex;align-items:center;gap:12px}
.plt-tag{color:var(--gold);border:1px solid #f7c41866;background:#f7c41814;border-radius:4px;padding:4px 8px;letter-spacing:1px;font-size:10px}
.versus h2{font-size:clamp(36px,4.2vw,57px);letter-spacing:-2.4px;line-height:1.08;margin:15px 0 20px}
.versus-copy>p{font-size:18px;line-height:1.65;color:#b8bac5;margin:0 0 22px;max-width:520px}
.versus-points{list-style:none;padding:0;margin:0 0 32px;display:grid;gap:10px;color:#b8bac5;font-size:15px}
.versus-points li{position:relative;padding-left:20px}
.versus-points li:before{content:"◆";color:var(--pink);font-size:10px;position:absolute;left:0;top:4px}
.versus-points b{color:var(--white)}
.duel{border:1px solid #2e2f38;background:linear-gradient(160deg,#121319,#0a0b0f);border-radius:15px;padding:20px 22px;max-width:520px;box-shadow:0 30px 80px #0008}
.duel-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#a4a4af;margin-bottom:16px}
.duel-head .live{color:var(--gold);border:1px solid #f7c41855;background:#f7c41812;border-radius:4px;padding:4px 8px;letter-spacing:1px}
.duel-row{display:flex;align-items:center;gap:12px;padding:6px 0}
.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;flex:none}
.duel-row.me .avatar{box-shadow:0 0 0 2px var(--gold)}
.handle{flex:1;font-size:15px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis}
.duel-row.me .handle{color:var(--pink)}
.pct{font-family:"Space Mono",ui-monospace,monospace;font-weight:700;font-size:13px;border-radius:4px;padding:4px 10px;border:1px solid}
.pct.pos{color:#3afe16;border-color:#3afe1666;background:#3afe1612}
.pct.neg{color:#e73d56;border-color:#e73d5666;background:#e73d5612}
.duel-bar{height:6px;border-radius:6px;background:#e73d5640;margin:6px 0 6px 46px;overflow:hidden}
.duel-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--pink),#ff5fb0);border-radius:6px}
.duel-feed{list-style:none;margin:16px 0 0;padding:14px 0 0;border-top:1px solid #24252c;display:grid;gap:10px;font-size:13px;line-height:1.5;color:#a6a7b2}
.duel-feed li{display:grid;grid-template-columns:18px 1fr;gap:10px}
.duel-feed b{color:var(--white);font-weight:600}
.feed-icon{flex:none;width:18px;text-align:center}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tcard{position:relative;border:1px solid #26272e;background:#111216;border-radius:16px;padding:30px 16px 26px;text-align:center;overflow:hidden;transition:transform .15s,box-shadow .15s,border-color .15s}
.tcard:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--c)}
.tcard:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--c) 45%,#26272e);box-shadow:0 18px 40px #0009,0 0 30px color-mix(in srgb,var(--c) 18%,transparent)}
.rarity{display:block;font-size:11px;font-weight:700;letter-spacing:2.2px;text-transform:uppercase;color:#8d8e99}
.tc-icon{display:block;font-size:40px;line-height:1;margin:18px 0 16px}
.tc-icon.tri{color:var(--c);font-size:36px}
.tcard h3{font-size:18px;letter-spacing:-.3px;margin:0 0 8px}
.tcard p{font-size:13px;line-height:1.45;color:#8d8e99;margin:0}
@media(max-width:1100px){.versus{gap:40px}.card-grid{gap:12px}.tcard{padding:26px 12px 22px}}
@media(max-width:900px){
  .versus{grid-template-columns:1fr;gap:44px;padding-top:20px;padding-bottom:80px;text-align:center}
  .versus .section-tag{justify-content:center}
  .versus h2{letter-spacing:-1.2px}
  .versus-copy>p,.duel{margin-left:auto;margin-right:auto}
  .versus-points{justify-content:center;text-align:left}
  .duel{text-align:left}
  .card-grid{max-width:600px;margin:0 auto;width:100%}
}
@media(max-width:600px){.card-grid{grid-template-columns:repeat(2,1fr)}.versus-copy>p{font-size:17px}}
@media(max-width:420px){.versus h2{font-size:34px}.tc-icon{font-size:34px;margin:14px 0 12px}.tcard h3{font-size:16px}.duel{padding:18px 16px}.duel-bar{margin-left:46px}}
.navlinks a{white-space:nowrap}
@media(min-width:901px) and (max-width:1100px){.navlinks{gap:24px}}