.landing{--grad-top:#17bd97;--grad-mid:#1cc7a1;--grad-bottom:#35d9b4;--ink:#0b3b36;--ink-soft:#35635c;--cloud:#eafff7;--cloud-2:#d2f8ea;--white:#fff;--accent:#ffb545;--accent-2:#7c6cf6;--accent-3:#ff7a6e;--radius-pill:999px;--maxw:1180px;color:var(--ink);background:var(--white);overflow-x:hidden}.landing h1,.landing h2,.landing .display{font-family:var(--font-archivo), system-ui, sans-serif;text-transform:uppercase;letter-spacing:.01em;font-weight:800;line-height:.95}.landing .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.landing [id]{scroll-margin-top:118px}.landing .landing-section-nav{z-index:4;scrollbar-width:none;background:var(--white);border-bottom:1px solid #dcefe8;width:100%;position:relative;overflow-x:auto}.landing .landing-section-nav::-webkit-scrollbar{display:none}.landing .landing-section-nav-inner{max-width:var(--maxw);justify-content:center;align-items:center;gap:28px;min-width:max-content;margin:0 auto;padding:11px 24px;display:flex}.landing .landing-section-nav span{color:var(--ink);font-size:13px;font-weight:800}.landing .landing-section-nav a{color:var(--ink-soft);white-space:nowrap;font-size:13px;font-weight:600;text-decoration:none}.landing .landing-section-nav a:hover,.landing .landing-section-nav a:focus-visible{color:var(--ink)}.landing .hero{background-color:var(--grad-mid);background-image:url(/assets/hero-desktop.png);background-position:bottom;background-repeat:no-repeat;background-size:cover;flex-direction:column;height:calc(100svh - 121px);min-height:610px;display:flex;position:relative;overflow:hidden}@media (max-width:700px){.landing .hero{background-image:url(/assets/hero-mobile.png)}}.landing .hero:after{content:"";pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");position:absolute;inset:0}.landing .logo{font-family:var(--font-archivo), sans-serif;text-transform:uppercase;letter-spacing:.02em;color:var(--white);align-items:center;gap:10px;font-size:22px;font-weight:800;text-decoration:none;display:flex}.landing .logo-mark{background:var(--white);border-radius:12px;place-items:center;width:40px;height:40px;display:grid;overflow:hidden;box-shadow:0 6px 18px #043c3240}.landing .logo-mark img{object-fit:cover;width:100%;height:100%;display:block}.landing .hero-content{z-index:4;text-align:center;color:var(--white);padding:clamp(10px,min(5vh,4vw),80px) 24px 0;position:relative}.landing .hero h1{text-wrap:balance;max-width:1020px;color:var(--white);text-shadow:0 4px #07463a59,0 14px 40px #04322a40;margin-inline:auto;margin-bottom:clamp(10px,2.4vh,26px);font-size:clamp(32px,min(6.4vw,7.5vh),86px)}.landing .hero p.sub{color:#fffffff0;max-width:620px;margin:0 auto clamp(12px,3vh,34px);font-size:clamp(14px,min(1.6vw,2vh),21px);font-weight:400;line-height:1.55}.landing .hero-ctas{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:clamp(4px,1.2vh,10px);display:flex}.landing .btn{border-radius:var(--radius-pill);align-items:center;gap:10px;padding:15px 30px;font-size:17px;font-weight:600;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex}.landing .btn:hover{transform:translateY(-2px)}.landing .btn-primary{background:var(--white);color:var(--ink);box-shadow:0 12px 30px #03362c47}.landing .btn-ghost{color:var(--white);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff14;border:1.5px solid #ffffff8c}.landing .btn-store{justify-content:center;min-width:184px;padding-block:12px}.landing .btn-store svg{flex:none;width:23px;height:23px}.landing .store-copy{flex-direction:column;align-items:flex-start;line-height:1.05;display:flex}.landing .store-copy small{letter-spacing:.04em;text-transform:uppercase;opacity:.72;margin-bottom:3px;font-size:10px;font-weight:600}.landing .hero-floaters{z-index:4;height:clamp(90px,min(22vh,20vw),220px);margin-top:clamp(2px,min(2vh,2vw),24px);position:relative}.landing .hero-floater{background:var(--white);opacity:1;border-radius:20px;place-items:center;transition:opacity .2s;animation:5.2s ease-in-out infinite heroBob;display:grid;position:absolute;box-shadow:0 16px 34px #04322a4d}.landing .hero-floater.mid-flight{opacity:0}.landing .hf-1{--tilt:-9deg;width:60px;height:60px;font-size:28px;animation-duration:4.9s;animation-delay:-.5s;top:12%;left:3%}.landing .hf-2{--tilt:7deg;width:50px;height:50px;font-size:22px;animation-duration:5.7s;animation-delay:-2.4s;top:66%;left:19%}.landing .hf-3{--tilt:-4deg;width:72px;height:72px;font-size:34px;animation-duration:5.1s;animation-delay:-1.6s;top:40%;left:9%}.landing .hf-4{--tilt:8deg;width:64px;height:64px;font-size:30px;animation-duration:4.7s;animation-delay:-3.3s;top:9%;right:29%}.landing .hf-5{--tilt:-6deg;width:56px;height:56px;font-size:25px;animation-duration:5.4s;animation-delay:-.9s;top:50%;right:5%}.landing .hf-6{--tilt:5deg;width:68px;height:68px;font-size:32px;animation-duration:5s;animation-delay:-2.1s;top:76%;right:17%}@keyframes heroBob{0%,to{transform:translateY(0) rotate(var(--tilt,0deg))}50%{transform:translateY(-14px) rotate(var(--tilt,0deg))}}.landing .scene{z-index:3;height:clamp(140px,min(42vh,36vw),470px);margin-top:auto;position:relative}.landing .cloud{background:radial-gradient(circle at 30% 25%, #fff 0%, var(--cloud) 55%, var(--cloud-2) 100%);filter:drop-shadow(0 -18px 40px #ffffff59);border-radius:50%;position:absolute}@keyframes spinSlow{to{rotate:360deg}}.landing section.light{background:linear-gradient(180deg, var(--cloud) 0%, #fff 32%);position:relative}.landing .section-pad{padding:96px 0}.landing .kicker{color:#067a5b;letter-spacing:.12em;text-transform:uppercase;border-radius:var(--radius-pill);background:#dcfce7;margin-bottom:18px;padding:8px 18px;font-size:14px;font-weight:600;display:inline-block}.landing h2.section-title{margin-bottom:16px;font-size:clamp(32px,4.4vw,56px)}.landing .section-head{text-align:center;max-width:720px;margin:0 auto 60px}.landing .section-head p{color:var(--ink-soft);font-size:18px;line-height:1.6}.landing .steps{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.landing .step{background:var(--white);border:1px solid #e3f5ec;border-radius:28px;padding:38px 30px 34px;transition:transform .2s,box-shadow .2s;box-shadow:0 14px 40px #0a504012}.landing .step:hover{transform:translateY(-6px);box-shadow:0 22px 50px #0a50401f}.landing .step-num{width:54px;height:54px;font-family:var(--font-archivo), sans-serif;color:var(--white);border-radius:18px;place-items:center;margin-bottom:22px;font-size:22px;font-weight:800;display:grid}.landing .step:first-child .step-num{background:var(--grad-mid)}.landing .step:nth-child(2) .step-num{background:var(--accent-2)}.landing .step:nth-child(3) .step-num{background:var(--accent)}.landing .step h3{margin-bottom:10px;font-size:21px}.landing .step p{color:var(--ink-soft);font-size:16px;line-height:1.6}.landing .swap-demo{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(16px,4vw,46px);margin-top:70px;display:flex;position:relative}.landing .swap-card{background:var(--white);text-align:center;border:1px solid #e3f5ec;border-radius:24px;width:240px;padding:22px;box-shadow:0 18px 44px #0a50401a}.landing .swap-card .thumb{border-radius:16px;place-items:center;height:130px;margin-bottom:16px;font-size:64px;transition:opacity .2s;display:grid}.landing .swap-card:first-child .thumb{background:linear-gradient(150deg,#ede9fe,#ddd6fe)}.landing .swap-card:last-child .thumb{background:linear-gradient(150deg,#fef3c7,#fde68a)}.landing .swap-card .tag{letter-spacing:.03em;text-transform:uppercase;color:#067a5b;background:#dcfce7;border-radius:999px;margin-bottom:8px;padding:3px 10px;font-size:10.5px;font-weight:700;display:inline-block}.landing .swap-card h4{margin-bottom:4px;font-size:17px}.landing .swap-card small{color:var(--ink-soft);font-size:14px}.landing .swap-demo .mid{background:linear-gradient(160deg, var(--grad-top), var(--grad-bottom));border-radius:50%;flex:none;place-items:center;width:84px;height:84px;display:grid;box-shadow:0 16px 36px #09785f59}.landing .swap-demo .mid svg{width:40px;height:40px;animation:12s linear infinite spinSlow}.landing .swap-card .thumb span{display:inline-block}.landing .swap-card .thumb span,.landing .swap-card h4,.landing .swap-card small{transition:opacity .35s,transform .35s}.landing .swap-card.changing .thumb span{opacity:0;transform:translateY(14px)scale(.7)rotate(-8deg)}.landing .swap-card.changing h4,.landing .swap-card.changing small{opacity:0;transform:translateY(8px)}.landing .swap-demo .mid.pulse{animation:.7s midPulse}@keyframes midPulse{0%{transform:scale(1)rotate(0)}50%{transform:scale(1.18)rotate(180deg)}to{transform:scale(1)rotate(360deg)}}.landing .swap-fly{z-index:6;background:var(--white);opacity:0;pointer-events:none;border-radius:16px;place-items:center;width:56px;height:56px;font-size:28px;display:grid;position:absolute;top:0;left:0;box-shadow:0 14px 30px #05423652}.landing .swap-card .thumb.mid-flight{opacity:0}.landing .deal-bubble{z-index:7;opacity:0;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.4)}.landing .deal-bubble.show{animation:1.38s cubic-bezier(.34,1.56,.64,1) forwards bubblePop}.landing .deal-bubble-inner{background:var(--white);color:var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:12px 22px 13px;font-size:15px;font-weight:700;display:flex;position:relative;box-shadow:0 16px 34px #0650404d}.landing .deal-bubble-inner:before,.landing .deal-bubble-inner:after{content:"";background:var(--white);border-radius:50%;position:absolute}.landing .deal-bubble-inner:before{width:15px;height:15px;bottom:-7px;left:30px}.landing .deal-bubble-inner:after{width:8px;height:8px;bottom:-15px;left:22px}@keyframes bubblePop{0%{opacity:0;transform:translate(-50%,-50%)scale(.35)}18%{opacity:1;transform:translate(-50%,-78%)scale(1.1)}30%{opacity:1;transform:translate(-50%,-70%)scale(1)}78%{opacity:1;transform:translate(-50%,-70%)scale(1)}to{opacity:0;transform:translate(-50%,-86%)scale(.85)}}.landing .cats{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.landing .cat{color:var(--white);border-radius:24px;flex-direction:column;gap:12px;min-height:150px;padding:30px 24px;text-decoration:none;transition:transform .2s;display:flex}.landing .cat:hover{transform:translateY(-5px)scale(1.01)}.landing .cat .emoji{font-size:40px}.landing .cat h3{font-size:19px}.landing .cat p{opacity:.92;font-size:14px;line-height:1.45}.landing .cat-1{background:linear-gradient(150deg,#10b981,#059669)}.landing .cat-2{background:linear-gradient(150deg,#7c6cf6,#6350e8)}.landing .cat-3{background:linear-gradient(150deg,#ffb545,#f59e0b)}.landing .cat-4{background:linear-gradient(150deg,#ff7a6e,#f05252)}.landing .cat-5{background:linear-gradient(150deg,#38bdf8,#0ea5e9)}.landing .cat-6{background:linear-gradient(150deg,#f472b6,#ec4899)}.landing .cat-7{background:linear-gradient(150deg,#a3e635,#65a30d)}.landing .cat-8{background:linear-gradient(150deg,#0f766e,#115e59)}.landing .cats-more{text-align:center;color:var(--ink-soft);max-width:720px;margin:32px auto 0;font-size:15px;line-height:1.6}.landing .benefits{grid-template-columns:repeat(4,1fr);gap:26px;display:grid}.landing .benefit{text-align:center;padding:20px 18px}.landing .benefit .icon{background:linear-gradient(150deg, var(--cloud), var(--cloud-2));border-radius:28px;place-items:center;width:86px;height:86px;margin:0 auto 20px;font-size:40px;display:grid;box-shadow:inset 0 -5px #095a4a0f}.landing .benefit h3{margin-bottom:10px;font-size:20px}.landing .benefit p{color:var(--ink-soft);font-size:16px;line-height:1.6}.landing .final-cta{background:var(--ink);max-width:var(--maxw);text-align:left;color:var(--white);border-radius:40px;margin:0 auto 100px;padding:74px 64px;position:relative;overflow:hidden}.landing .final-cta h2{max-width:590px;margin-bottom:18px;font-size:clamp(32px,4.2vw,54px)}.landing .final-cta p{color:#ffffffd1;max-width:540px;margin:0 0 24px;font-size:17px;line-height:1.6}.landing .early-access-layout{grid-template-columns:minmax(0,1fr) minmax(400px,.9fr);align-items:center;gap:70px;display:grid}.landing .early-access-copy,.landing .early-access-form-wrap{z-index:1;position:relative}.landing .early-access-more{color:var(--white);text-underline-offset:4px;align-items:center;gap:9px;font-size:15px;font-weight:700;text-decoration:underline;display:inline-flex}.landing .early-access-more span{color:var(--grad-mid);font-size:20px}.landing footer{color:var(--ink-soft);padding:40px 0 50px}.landing .foot-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.landing footer .logo{color:var(--ink);font-size:19px}.landing footer .logo-mark{box-shadow:none}.landing .foot-links{gap:26px;list-style:none;display:flex}.landing .foot-links a{color:var(--ink-soft);font-size:15px;text-decoration:none}.landing .foot-links a:hover{color:var(--ink)}.landing .copyright{font-size:14px}.landing .reveal{opacity:0;transition:opacity .7s,translate .7s;translate:0 26px}.landing .reveal.in{opacity:1;translate:0}@media (max-width:900px){.landing .steps,.landing .benefits{grid-template-columns:1fr;max-width:480px;margin:0 auto}.landing .early-access-layout{grid-template-columns:1fr;gap:36px}.landing .cats{grid-template-columns:repeat(2,1fr)}.landing .scene{height:clamp(160px,min(34vh,30vw),380px)}}@media (max-width:700px){.landing .scene{height:clamp(200px,min(58vh,50vw),560px)}}@media (max-width:560px){.landing .landing-section-nav-inner{justify-content:flex-start;gap:20px;padding-inline:16px}.landing .landing-section-nav span{display:none}.landing .hero{height:calc(100svh - 105px);min-height:650px}.landing .hero-ctas{margin-bottom:26px}.landing .hero-floaters{height:clamp(120px,20vh,180px)}.landing .hf-1{width:47px;height:47px;font-size:22px}.landing .hf-2{width:39px;height:39px;font-size:17px}.landing .hf-3{width:56px;height:56px;font-size:26px}.landing .hf-4{width:50px;height:50px;font-size:23px}.landing .hf-5{width:44px;height:44px;font-size:19px}.landing .hf-6{width:53px;height:53px;font-size:25px}.landing .cats{grid-template-columns:1fr}.landing .final-cta{border-radius:28px;margin:0 16px 70px;padding:50px 26px}}@media (max-height:640px){.landing .hero-content{padding-top:8px}.landing .hero h1{margin-bottom:8px}.landing .hero p.sub{margin-bottom:10px}.landing .btn{padding:11px 22px;font-size:15px}.landing .hero-floaters{height:64px;margin-top:2px}.landing .scene{height:110px}}@media (prefers-reduced-motion:reduce){.landing .swap-demo .mid svg,.landing .hero-floater{animation:none}.landing .reveal{opacity:1;transition:none;translate:0}}