/* Reference finish: vector artwork, luminous edges and continuous dark canvas. */
:root { --edge: #0575c8; --electric: #00c9fa; }
.network-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; max-width:950px; margin-top:32px; }
.network-card { display:block; padding:26px; border:1px solid #057bc7; border-radius:13px; background:linear-gradient(145deg,#051832,#020918); color:white; text-decoration:none; transition:transform .2s,border-color .2s; }
.network-card:hover { transform:translateY(-4px); border-color:#00dcff; }
.network-card h3 { margin:20px 0 6px; font-size:17px; }.network-card p { font-size:12px; margin:0; color:#9abbd9; }.network-card>span { display:block; margin-top:22px; color:#04c8fa; font-size:13px; }.network-card b { float:right; }
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:35px; padding:30px 0; }.footer-grid h3 { font-size:13px; margin:0 0 18px; }.footer-grid>div>a:not(.brand) { display:block; color:#9fb9d2; text-decoration:none; font-size:12px; margin:12px 0; }.footer-grid>div:not(:first-child) { border-left:1px solid #153254; padding-left:25px; }.footer-bottom { display:flex; justify-content:space-between; border-top:1px solid #153254; padding:24px 0 10px; }.footer-bottom a { color:#65aace; font-size:11px; text-decoration:none; }
@media(max-width:780px) { .footer-grid { grid-template-columns:1fr 1fr; }.network-grid { gap:14px; }.network-card { padding:18px; } }
@media(max-width:450px) { .network-grid { grid-template-columns:1fr; }.footer-grid { gap:28px 16px; }.footer-grid>div:not(:first-child) { padding-left:12px; }.footer-bottom { gap:16px; align-items:center; }.reference-showcase .dashboard { right:0; }.reference-showcase .cashback { right:0; }.proof-grid b { font-size:20px; } }
html { scroll-padding-top:24px; }
.vector-icon { width:28px; height:28px; flex:none; vertical-align:middle; }
.landing { background:#020817; }
.wrap { width:min(1320px,calc(100% - 80px)); }
.hero { position:relative; min-height:700px; }
.hero::before,.landing-section::before {
  content:""; pointer-events:none; position:absolute; inset:0; z-index:-1;
  background:repeating-linear-gradient(137deg,transparent 0 75px,#057bea18 76px,transparent 77px 145px),
  radial-gradient(ellipse at 85% 30%,#00327870,transparent 55%);
}
.hero::after {
  content:""; position:absolute; height:110px; bottom:0; left:-10%; right:-10%; pointer-events:none;
  background:linear-gradient(0deg,#020817,transparent),repeating-linear-gradient(90deg,transparent 0 90px,#007dff45 91px,transparent 92px),repeating-linear-gradient(0deg,transparent 0 24px,#007dff38 25px,transparent 26px);
  transform:perspective(180px) rotateX(35deg); transform-origin:bottom; z-index:-1;
}
.nav { gap:20px; height:90px; }
.brand { font-size:22px; letter-spacing:1px; color:white; white-space:nowrap; }
.brand span span { color:#00beff; }
.brand svg { width:36px; height:42px; color:#00c0fa; }
.nav-links { gap:25px; margin-left:auto; }
.nav-actions { gap:20px; white-space:nowrap; }
.hero-content { grid-template-columns:46% 54%; min-height:490px; margin:10px 0 0; }
.copy h1 { font-size:clamp(38px,4.35vw,64px); line-height:1.02; letter-spacing:-2px; max-width:610px; }
.copy p { font-size:16px; line-height:1.55; max-width:500px; margin-top:20px; }
.eyebrow { box-shadow:inset 0 0 10px #0087ff24,0 0 13px #0087ff26; background:#03102b; }
.primary,.secondary { min-height:48px; min-width:0; padding:16px 25px; }
.primary { border:1px solid #01d7ff; box-shadow:0 0 12px #00b8ff55,0 7px 28px #0046ff4a,inset 0 1px 1px #b8f7ff6a; }
.buttons { flex-wrap:wrap; }
.reference-showcase { height:490px; transform:none; width:100%; margin:0; }
.phone { border:4px solid #08111b; box-shadow:0 0 0 1px #9bc5e4,0 0 0 3px #035b9f,0 0 0 5px #021324,0 0 18px #00b5ff8a,14px 16px 22px #000b; }
.phone-back { left:18%; top:90px; width:170px; height:347px; transform:rotate(2deg); }
.phone-main { left:40%; top:34px; width:205px; height:420px; transform:rotate(4deg); }
.phone::after,.cash-phone::after { content:""; position:absolute; bottom:7px; left:35%; width:30%; height:3px; background:#b8d5ee; border-radius:3px; }
.phone .speaker { background:#010613; height:9px; width:66px; box-shadow:0 1px 0 #31699a; }
.phone-tabs { bottom:22px; }
.phone-logo { padding-top:6px; color:#29c7ff; }
.balance { margin-top:20px; }
.phone .mock-button { font-size:9px; margin-top:10px; }
.mock-button { display:block; text-align:center; border:1px solid #05c5fa; border-radius:8px; padding:10px; font-size:11px; font-weight:700; color:white; background:linear-gradient(#00c8f9,#007aff); box-shadow:0 4px 14px #0065ff45; }
.available { padding:14px 10px; margin-top:15px; }
.orders-mini i { padding:12px 5px; }
.dashboard { width:260px; height:267px; right:-4%; bottom:50px; transform:perspective(600px) rotateY(-16deg) rotateZ(-5deg); }
.cashback { top:0; right:-5%; min-width:180px; padding:14px 12px; z-index:1; }
.cashback b { color:#ffca24; }
.cashback small { font-size:10px; }
.social { width:56px; height:56px; border:1px solid #77bdff65; box-shadow:inset 2px 3px 4px #ffffff72,inset -4px -5px 7px #01031788,0 0 20px #086fff8a,6px 8px 7px #010817; }
.social .vector-icon { width:37px; height:37px; }
.instagram { left:1%; top:37%; }.tiktok { left:-4%; bottom:27%; }.youtube { left:16%; bottom:25%; }.telegram { left:6%; bottom:8%; }
.stats { position:relative; margin-top:0; padding:0 0 42px; border:0; max-width:650px; }
.stats>div { min-width:0; flex:1; padding-right:18px; }
.stats i { flex:none; width:44px; height:44px; box-shadow:0 0 12px #009dff50,inset 0 0 13px #008cff22; }
.stats b { font-size:21px; }.stats small { font-size:10px; line-height:1.5; }
.trust { border-bottom:1px solid #0759a444; background:#020c20; padding:22px; }
.landing-section { isolation:isolate; border:0; padding:96px 0; background:transparent; }
.landing-section h2 { line-height:1.08; letter-spacing:-1.3px; font-size:clamp(30px,3.3vw,46px); }
.landing-section p { line-height:1.65; }
.section-kicker { font-size:11px; letter-spacing:1.4px; margin-bottom:22px; }
.services-section { overflow:visible; }
.services-layout { position:relative; display:block; }
.service-grid { width:75%; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-top:35px; }
.service-card { min-height:188px; padding:22px 18px; background:linear-gradient(145deg,#05132c,#030a1c); border:1px solid #0a6dad; box-shadow:inset 0 1px 0 #1e81be40; transition:transform .2s,border-color .2s; }
.service-card:hover,.differential-grid article:hover { transform:translateY(-5px); border-color:#00ceff; }
.service-card h3 { font-size:15px; margin:15px 0 9px; }.service-card span { font-size:12px; line-height:1.7; }.service-icon { width:40px; height:40px; }
.service-card.more { background:linear-gradient(140deg,#062249,#020b1b); }.service-card.more p { font-size:12px; }
.service-orbit { position:absolute; right:-3%; top:-160px; width:35%; height:400px; min-width:0; pointer-events:none; }
.orbit-icon { width:76px; height:76px; border:1px solid #71a9fc; transform:rotate(-15deg); box-shadow:inset 3px 3px 5px #ffffff78,inset -4px -5px 5px #010827a0,0 0 32px #003cff,10px 15px 22px #000; }.orbit-icon .vector-icon { width:49px; height:49px; }
.ig { left:34%; top:20px; }.tk { left:68%; top:103px; }.tg { left:28%; top:189px; }.yt { left:61%; top:285px; }
.cashback-section { background:radial-gradient(ellipse at 76% 64%,#0045a459,transparent 54%),#020a1b; border-block:1px solid #12467550; }
.cashback-layout { grid-template-columns:1fr 1.15fr; gap:60px; }.cashback-layout h2 { font-size:clamp(32px,3.9vw,53px); }
.cashback-steps { gap:23px; margin:30px 0; }.cashback-steps b { width:42px; height:42px; flex:none; }.cashback-steps strong { font-size:14px; margin-bottom:5px; }.cashback-steps span { font-size:12px; }
.cashback-visual { height:455px; }.cashback-card { width:53%; bottom:25px; padding:22px; background:linear-gradient(135deg,#071b42,#02091b); z-index:3; }
.cashback-card>strong { font-size:15px; }.cashback-card>div { margin:23px 0; }.cashback-card>small { font-size:12px; }.cashback-card h3 { font-size:25px; margin:7px 0 22px; }.cashback-card p { font-size:10px; }
.cash-phone { right:0; width:205px; height:421px; top:0; transform:rotate(3deg); border:5px solid #010919; border-radius:30px; box-shadow:0 0 0 1px #86c2ef,0 0 0 4px #0557a7,0 0 30px #006aff88; padding:38px 17px; }
.cash-phone-brand { font-size:12px; }.cash-phone>div { padding:18px 10px; }.cash-phone>div small { font-size:10px; }.cash-phone>div strong { font-size:19px; }.cash-phone>small { font-size:12px; }.cash-phone>b { font-size:23px; }.coin { right:225px; width:57px; height:57px; top:28px; }
.platform-section { gap:45px; grid-template-columns:.8fr 1.2fr; }.platform-copy li { font-size:14px; line-height:2.5; }
.platform-window { height:400px; border-radius:20px; border:2px solid #00afff; background:#020c20; transform:perspective(1000px) rotateY(-8deg) rotateZ(-2deg); box-shadow:0 3px 0 #83eaff,0 8px 0 #001d48,0 22px 40px #0065ff66; }
.platform-window header { height:58px; padding:20px; font-size:12px; background:#04142e; border-bottom:1px solid #134780; }
.platform-window aside { width:115px; height:340px; font-size:10px; line-height:3.1; background:#031028; }
.window-main { margin-left:115px; padding:20px 14px; }.window-main>p { margin:0 0 12px; font-size:12px; }.window-stats i { padding:15px 12px; font-size:10px; }.window-stats b { font-size:21px; }
.window-content { margin-top:15px; }.window-content>div { font-size:9px; padding:12px 8px; }.window-content span { padding:12px 5px; line-height:1.7; }.window-graph svg { height:160px; background:repeating-linear-gradient(0deg,transparent 0 24px,#1373c333 25px,transparent 26px); }
.how-section { text-align:left; background:#020a1b; }.how-section .wrap>p { margin:0; }
.how-steps { position:relative; gap:28px; margin-top:50px; }.how-steps::before { content:""; position:absolute; top:90px; height:1px; background:#00b7ff; width:100%; box-shadow:0 0 10px #00aeff; z-index:-1; }
.how-steps article { min-height:230px; background:linear-gradient(150deg,#061c3d,#020817); padding:27px 10px; text-align:center; }
.how-steps i { width:60px; height:60px; }.how-steps b { font-size:21px; margin:20px 0 12px; }.how-steps h3 { font-size:14px; }.how-steps p { font-size:11px; }.how-steps article:not(:last-child)::after { top:74px; right:-23px; }
.social-proof { text-align:left; }.social-proof>p { margin:0; }.proof-grid { margin:40px 0 22px; gap:22px; text-align:center; }.proof-grid article { padding:28px 14px; background:linear-gradient(145deg,#04152f,#02091b); }.proof-grid i { width:55px; height:55px; margin-bottom:22px; box-shadow:0 0 18px #005cff4d; }.proof-grid b { font-size:28px; }.proof-grid span { font-size:12px; }blockquote { max-width:none; text-align:center; font-size:12px; padding:24px; }
.differentials-section { background:#020a1b; }.differential-grid { gap:20px; }.differential-grid article { min-height:180px; padding:25px; background:linear-gradient(145deg,#06152f,#02091b); transition:.2s; }.differential-grid i { width:46px; height:46px; }.differential-grid h3 { font-size:15px; }.differential-grid p { font-size:12px; }
.final-cta { background:radial-gradient(ellipse at 73% 55%,#0047aa65,transparent 50%),#020a1b; }.cta-layout h2 { font-size:clamp(38px,4vw,56px); }
.rocket { width:430px; height:460px; background:none; transform:none; font-size:0; filter:drop-shadow(0 0 16px #00a8ff99); }.rocket-art { width:290px; height:420px; transform:rotate(32deg); }.rocket span { transform:rotate(-12deg); width:58px; height:58px; border:1px solid #087ce0; box-shadow:inset 2px 2px 4px #4897e9,0 0 17px #004cff; }.rocket span:nth-of-type(1) { top:30px; left:75px; background:#ab168e; }.rocket span:nth-of-type(2) { top:155px; left:15px; background:#020a17; }.rocket span:nth-of-type(3) { top:215px; right:0; background:#ed1639; }.rocket span:nth-of-type(4) { bottom:25px; right:55px; left:auto; background:#009ad9; }
a:focus-visible { outline:2px solid #3bdbff; outline-offset:5px; }
@media(min-width:1600px) { .wrap { width:min(1600px,calc(100% - 150px)); }.hero { min-height:740px; }.reference-showcase { transform:scale(1.12); transform-origin:left center; width:90%; }.hero-content { min-height:540px; }.copy h1 { font-size:70px; } }
@media(max-width:1100px) { .nav-links { gap:15px; }.nav-links a { font-size:12px; }.brand { font-size:17px; }.nav { gap:16px; }.nav-actions { gap:12px; }.signup { padding:12px; }.hero-content { grid-template-columns:44% 56%; }.copy h1 { font-size:40px; }.copy p { font-size:14px; }.reference-showcase { transform:scale(.88); transform-origin:left center; width:113%; }.stats { max-width:600px; }.platform-section { grid-template-columns:1fr; }.platform-window { max-width:760px; width:100%; margin:auto; }.cashback-layout { gap:30px; }.cash-phone { width:175px; }.cashback-card { padding:15px; }.service-grid { width:82%; }.nav-links a:nth-last-child(-n+2) { display:none; } }
@media(max-width:780px) {
 .wrap { width:calc(100% - 36px); }.nav { height:76px; }.nav-links { display:none; }.login { display:inline; }.nav-actions { gap:14px; }.brand { font-size:15px; letter-spacing:.3px; }.brand svg { width:26px; }
 .hero-content { display:flex; flex-direction:column; }.copy { width:100%; }.copy h1 { font-size:clamp(36px,6.9vw,54px); letter-spacing:-1.5px; }.copy p { max-width:500px; }.reference-showcase { width:570px; flex:none; transform:scale(.85); transform-origin:top center; margin-top:35px; margin-bottom:-60px; }.stats { padding-bottom:32px; }.stats b { font-size:17px; }.stats small { font-size:9px; }.stats>div { gap:8px; margin:0; padding-right:10px; }.stats i { width:33px; height:33px; }.stats .vector-icon { width:23px; height:23px; }
 .landing-section { padding:66px 0; }.service-grid { width:100%; grid-template-columns:repeat(3,1fr); }.service-orbit { display:none; }.cashback-layout { grid-template-columns:1fr; }.cashback-visual { width:100%; max-width:570px; transform:none; margin:0 auto; }.cash-phone { width:205px; }.cashback-card { padding:22px; }
 .how-steps { grid-template-columns:repeat(2,1fr); gap:16px; }.how-steps::before { display:none; }.how-steps article { min-height:210px; }.proof-grid { grid-template-columns:repeat(2,1fr); }.cta-layout { grid-template-columns:1fr; }.rocket { margin:20px auto 0; }.window-graph { display:block; }
}
@media(max-width:450px) {
 .nav-actions { gap:9px; }.login { font-size:12px; }.signup { font-size:10px; padding:10px; }.brand { font-size:12px; }.brand svg { width:22px; }.copy h1 { font-size:36px; }.buttons { gap:10px; }.primary,.secondary { padding:14px 16px; font-size:12px; }
 .reference-showcase { transform:scale(.59); margin-bottom:-170px; margin-left:0; }.stats { flex-wrap:wrap; gap:18px; }.stats>div { flex:1 1 120px; }.stats>div:last-child { flex-basis:100%; }.stats b { font-size:17px; }.stats small { font-size:10px; }
 .service-grid { grid-template-columns:repeat(2,1fr); gap:12px; }.service-card { padding:16px; }.cashback-visual { height:395px; }.cashback-card { width:59%; bottom:0; padding:13px; }.cashback-card>strong { font-size:12px; }.cashback-card>div { gap:3px; }.cashback-card>div span,.cashback-card>div em { padding:7px; }.cashback-card>div b,.cashback-card>div em { font-size:12px; }.cash-phone { width:155px; height:350px; padding:30px 12px; }.coin { right:165px; width:40px; height:40px; font-size:20px; }
 .platform-window { transform:none; height:355px; }.platform-window aside { width:70px; padding:10px 5px; font-size:7px; }.window-main { margin-left:70px; padding:10px; }.window-stats i { padding:12px 7px; font-size:8px; }.window-stats b { font-size:16px; }.window-content { grid-template-columns:1fr; }.window-graph { display:none; }.platform-window header { font-size:9px; }.differential-grid { gap:12px; }.differential-grid article { padding:17px; }.differential-grid h3 { font-size:13px; }.differential-grid p { font-size:11px; }.proof-grid b { font-size:22px; }.rocket { width:100%; height:400px; }.rocket-art { width:240px; height:370px; }.rocket span { width:44px; height:44px; }
}
@media(max-width:360px) {
 .copy h1 { font-size:31px; letter-spacing:-1.4px; }
 .reference-showcase { transform:scale(.46); margin-bottom:-244px; }
 .eyebrow { padding:7px 9px; font-size:10px; }
 .cashback-card { padding:10px; }.cash-phone { width:140px; }.coin { right:150px; }
 .proof-grid b { font-size:17px; }.proof-grid span { font-size:10px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation:none!important; transition:none!important; } }