:root{--bg:#08090b;--bg-2:#0e1014;--surface:#13161c;--surface-2:#181c24;--border:#232934;--border-strong:#2e3644;--text:#f5f7fa;--text-dim:#9aa3b2;--text-faint:#5a6273;--accent:#22e07a;--accent-2:#16a34a;--accent-soft:#22e07a1f;--red:#ef4444;--shadow:0 1px 0 #ffffff0a inset, 0 24px 60px -20px #0009}html[data-theme=light]{--bg:#f7f7f5;--bg-2:#fff;--surface:#fff;--surface-2:#f1f1ee;--border:#e6e6e0;--border-strong:#d6d6cf;--text:#0a0a0a;--text-dim:#555a64;--text-faint:#8a8f99;--accent:#0f9d58;--accent-2:#0c7a44;--accent-soft:#0f9d581f;--shadow:0 1px 0 #00000005 inset, 0 20px 50px -28px #0f172a26}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100vh;font-family:Manrope,system-ui,sans-serif;font-size:15px;line-height:1.55}.mono{font-feature-settings:"tnum" 1;font-family:JetBrains Mono,ui-monospace,monospace}.display{letter-spacing:-.02em;font-family:Space Grotesk,system-ui,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:0;font-family:inherit}input,select{color:inherit;font-family:inherit}.container{max-width:1240px;margin:0 auto;padding:0 32px}nav.top{z-index:50;background:color-mix(in oklab, var(--bg) 80%, transparent);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);position:sticky;top:0}nav.top .row{justify-content:space-between;align-items:center;height:68px;display:flex}.logo{letter-spacing:-.01em;align-items:center;gap:10px;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700;display:flex}.logo-mark{background:var(--accent);color:#001b0e;width:28px;height:28px;box-shadow:0 6px 18px -8px var(--accent);border-radius:8px;place-items:center;font-size:14px;font-weight:800;display:grid}nav.top ul{color:var(--text-dim);gap:36px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}nav.top ul a:hover{color:var(--text)}.nav-actions{align-items:center;gap:10px;display:flex}.btn{border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:14px;font-weight:600;transition:transform 80ms,background .15s,border-color .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-ghost{color:var(--text-dim)}.btn-ghost:hover{color:var(--text)}.btn-secondary{background:var(--surface);border-color:var(--border);color:var(--text)}.btn-secondary:hover{border-color:var(--border-strong)}.btn-primary{background:var(--accent);color:#001b0e;font-weight:700}.btn-primary:hover{background:color-mix(in oklab, var(--accent) 88%, white)}.btn-lg{border-radius:12px;height:48px;padding:0 22px;font-size:15px}section.hero{padding:80px 0 60px;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(60% 50% at 80% 0%, color-mix(in oklab, var(--accent) 18%, transparent) 0%, transparent 60%), radial-gradient(40% 40% at 0% 100%, color-mix(in oklab, var(--accent) 8%, transparent) 0%, transparent 60%);pointer-events:none;z-index:0;position:absolute;inset:0}.hero .grid{z-index:1;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;display:grid;position:relative}.eyebrow{border:1px solid var(--border);color:var(--text-dim);background:var(--surface);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:inline-flex}.eyebrow .dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 4px var(--accent-soft);border-radius:50%;animation:1.8s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}h1.hero-title{text-wrap:balance;margin:18px 0;font-size:clamp(40px,5vw,64px);font-weight:700;line-height:1.02}h1.hero-title .em{color:var(--accent);font-style:normal}.hero-sub{color:var(--text-dim);text-wrap:pretty;max-width:520px;margin-bottom:28px;font-size:18px}.hero-ctas{flex-wrap:wrap;gap:12px;display:flex}.hero-badges{color:var(--text-faint);flex-wrap:wrap;align-items:center;gap:22px;margin-top:36px;font-size:12px;display:flex}.hero-badges .b{align-items:center;gap:8px;display:flex}.hero-badges svg{width:14px;height:14px;color:var(--accent)}.quoter{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;padding:8px;position:relative}.quoter-inner{padding:22px 22px 18px}.quoter-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.quoter-tabs{background:var(--surface-2);border-radius:10px;gap:4px;padding:4px;display:flex}.quoter-tab{color:var(--text-dim);border-radius:7px;padding:8px 16px;font-size:13px;font-weight:600}.quoter-tab.active{background:var(--bg-2);color:var(--text);box-shadow:0 1px #ffffff0a,0 4px 10px -4px #0000004d}html[data-theme=light] .quoter-tab.active{box-shadow:0 1px 2px #00000014}.live-tag{color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;font-size:11px;display:inline-flex}.live-tag .dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite pulse}.field{background:var(--bg-2);border:1px solid var(--border);border-radius:14px;grid-template-columns:1fr auto;gap:6px;padding:14px 16px;transition:border-color .15s;display:grid}.field:focus-within{border-color:var(--accent)}.field-label{color:var(--text-faint);grid-column:1/-1;font-size:12px}.field input.amount{color:var(--text);background:0 0;border:0;outline:0;width:100%;padding:0;font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:600}.field input.amount::placeholder{color:var(--text-faint)}.asset-pick{background:var(--surface-2);border:1px solid var(--border);cursor:pointer;border-radius:999px;align-self:end;align-items:center;gap:8px;height:40px;padding:6px 12px 6px 6px;font-size:14px;font-weight:600;display:inline-flex;position:relative}.asset-pick:hover{border-color:var(--border-strong)}.asset-pick .ico{border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.asset-pick .chev{color:var(--text-faint)}.asset-pick select{opacity:0;cursor:pointer;appearance:none;background:0 0;border:0;position:absolute;inset:0}.swap-row{z-index:2;place-items:center;height:10px;margin:-2px 0;display:grid;position:relative}.swap-btn{background:var(--surface);border:1px solid var(--border);width:36px;height:36px;color:var(--text-dim);border-radius:10px;place-items:center;transition:transform .2s,color .15s;display:grid}.swap-btn:hover{color:var(--accent)}.swap-btn.spin{transform:rotate(180deg)}.stack>*+*{margin-top:10px}.quoter-rate{color:var(--text-dim);justify-content:space-between;align-items:center;padding:14px 6px 6px;font-size:13px;display:flex}.quoter-rate .mono{color:var(--text)}.rate-delta{color:var(--accent);font-size:12px}.quoter-footer{background:var(--bg-2);border-radius:14px;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px;padding:14px;display:grid}.quoter-footer .meta{flex-direction:column;gap:4px;display:flex}.meta-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.meta-val{color:var(--text);font-size:13px;font-weight:600}.meta-val.mono{font-weight:500}.cta-row{gap:10px;margin-top:12px;display:flex}.cta-row .btn{flex:1;justify-content:center}.tk-USDT{color:#fff;background:#26a17b}.tk-USDC{color:#fff;background:#2775ca}.tk-BTC{color:#fff;background:#f7931a}.tk-ETH{color:#fff;background:#232b3a}html[data-theme=light] .tk-ETH{background:#232b3a}.tk-PEN{color:#fff;background:#d91e18}.tk-ico{font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:700}.tk-ico.lg{font-size:12px}section.stats{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-2)}.stats .row{grid-template-columns:repeat(4,1fr);gap:0;padding:28px 0;display:grid}.stat{border-left:1px solid var(--border);padding:4px 24px}.stat:first-child{border-left:0;padding-left:0}.stat-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.stat-value{letter-spacing:-.02em;margin-top:6px;font-family:Space Grotesk;font-size:32px;font-weight:600}.stat-delta{color:var(--accent);margin-top:4px;font-size:12px}section{padding:96px 0}.sec-head{max-width:720px;margin-bottom:44px}.sec-eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-family:JetBrains Mono;font-size:12px}.sec-title{letter-spacing:-.02em;text-wrap:balance;margin:0 0 14px;font-family:Space Grotesk;font-size:clamp(28px,3.4vw,44px);font-weight:700;line-height:1.08}.sec-sub{color:var(--text-dim);text-wrap:pretty;max-width:600px;font-size:17px}.offers{background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:hidden}.offers-head,.offer{grid-template-columns:1.4fr 1fr 1fr 1.4fr 1fr;align-items:center;gap:16px;padding:16px 22px;display:grid}.offers-head{background:var(--surface-2);color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);font-size:12px}.offer{border-bottom:1px solid var(--border);transition:background .12s}.offer:last-child{border-bottom:0}.offer:hover{background:var(--surface-2)}.trader{align-items:center;gap:12px;display:flex}.avatar{background:linear-gradient(135deg, var(--accent), #0e7a45);color:#001b0e;border-radius:10px;place-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:grid}.trader-meta{flex-direction:column;gap:2px;display:flex}.trader-name{align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.verified{width:14px;height:14px;color:var(--accent)}.trader-stats{color:var(--text-faint);gap:10px;font-size:12px;display:flex}.trader-stats .star{color:#fbbf24}.rate-cell{font-family:JetBrains Mono;font-size:16px;font-weight:500}.limit-cell{color:var(--text-dim);font-size:13px}.methods{flex-wrap:wrap;gap:6px;display:flex}.method{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;align-items:center;height:24px;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex}.method.bcp{color:#0066a4;background:#0066a414;border-color:#0066a44d}.method.bbva{color:#4a93d9;background:#4a93d914;border-color:#4a93d94d}.method.yape{color:#a04bd1;background:#a04bd114;border-color:#a04bd14d}.method.plin{color:#00b3aa;background:#00b3aa14;border-color:#00b3aa4d}.buy-btn{background:var(--accent);color:#001b0e;border-radius:8px;justify-self:end;height:36px;padding:0 16px;font-size:13px;font-weight:700}.steps{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.step{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:28px;position:relative;overflow:hidden}.step-num{color:var(--accent);opacity:.18;font-family:Space Grotesk;font-size:56px;font-weight:700;line-height:1;position:absolute;top:16px;right:22px}.step-icon{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);border-radius:12px;place-items:center;margin-bottom:18px;display:grid}.step-title{letter-spacing:-.01em;margin:0 0 8px;font-family:Space Grotesk;font-size:20px;font-weight:600}.step-desc{color:var(--text-dim);font-size:14px}.features-grid{grid-template-columns:repeat(12,1fr);gap:16px;display:grid}.feature{background:var(--surface);border:1px solid var(--border);border-radius:18px;grid-column:span 4;padding:28px;position:relative}.feature.wide{grid-column:span 6}.feature-icon{width:36px;height:36px;color:var(--accent);margin-bottom:16px}.feature h3{letter-spacing:-.01em;margin:0 0 8px;font-family:Space Grotesk;font-size:19px}.feature p{color:var(--text-dim);margin:0;font-size:14px}.liq-visual{gap:4px;height:48px;margin-top:20px;display:flex}.liq-bar{background:var(--accent-soft);border-radius:4px;flex:1;position:relative}.liq-bar:after{content:"";height:var(--h,30%);background:var(--accent);border-radius:4px;position:absolute;inset:auto 0 0}.cta-band{background:linear-gradient(135deg, var(--surface) 0%, var(--surface-2) 100%);border:1px solid var(--border);text-align:center;border-radius:24px;padding:56px;position:relative;overflow:hidden}.cta-band:before{content:"";background:radial-gradient(50% 80% at 50% 0%, color-mix(in oklab, var(--accent) 20%, transparent), transparent 70%);pointer-events:none;position:absolute;inset:0}.cta-band>*{position:relative}.cta-band h2{letter-spacing:-.02em;margin:0 0 14px;font-family:Space Grotesk;font-size:clamp(28px,4vw,44px);font-weight:700}.cta-band p{color:var(--text-dim);max-width:540px;margin:0 auto 28px;font-size:17px}.cta-band .btn{margin:0 6px}footer{border-top:1px solid var(--border);color:var(--text-dim);padding:48px 0 32px;font-size:13px}footer .row{grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;margin-bottom:36px;display:grid}footer h4{color:var(--text);margin:0 0 14px;font-family:Space Grotesk;font-size:14px;font-weight:600}footer ul{margin:0;padding:0;list-style:none}footer li{margin-bottom:8px}footer li a:hover{color:var(--text)}footer .legal{border-top:1px solid var(--border);color:var(--text-faint);justify-content:space-between;padding-top:24px;font-size:12px;display:flex}.tweaks-trigger{z-index:100;background:var(--surface);border:1px solid var(--border-strong);width:44px;height:44px;color:var(--text);border-radius:12px;justify-content:center;align-items:center;display:none;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 30px -10px #00000080}.tweaks-trigger.show{display:flex}.tweaks-panel{z-index:100;background:var(--surface);border:1px solid var(--border-strong);border-radius:16px;width:280px;padding:18px;display:none;position:fixed;bottom:84px;right:24px;box-shadow:0 20px 60px -20px #0009}.tweaks-panel.open{display:block}.tweaks-panel h4{justify-content:space-between;align-items:center;margin:0 0 14px;font-family:Space Grotesk;font-size:14px;font-weight:600;display:flex}.tweaks-panel h4 button{color:var(--text-faint);font-size:18px;line-height:1}.tweak-row{margin-bottom:14px}.tweak-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:12px}.theme-segment{background:var(--bg-2);border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.theme-segment button{height:34px;color:var(--text-dim);border-radius:7px;font-size:13px;font-weight:600}.theme-segment button.active{background:var(--surface);color:var(--text);box-shadow:0 1px #ffffff0a,0 4px 10px -4px #0000004d}.spark-wrap{border-top:1px dashed var(--border);margin:6px 0 8px;padding:10px 4px 6px;position:relative}#spark-canvas{width:100%;height:52px;display:block}.spark-meta{color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;margin-top:4px;font-size:11px;display:flex}.spark-meta .mono{color:var(--accent)}#rate-display.flash{animation:.6s ease-out rate-flash}@keyframes rate-flash{0%{color:var(--accent);text-shadow:0 0 12px var(--accent-soft)}to{color:var(--text);text-shadow:none}}.reveal,.step,.feature,.offer,.stat{opacity:0;transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0s);transform:translateY(14px)}.reveal.is-visible,.step.is-visible,.feature.is-visible,.offer.is-visible,.stat.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal,.step,.feature,.offer,.stat{opacity:1;transition:none;transform:none}}.feature.is-visible .liq-bar:after{animation:.9s cubic-bezier(.2,.7,.2,1) backwards liq-grow}.feature.is-visible .liq-bar:first-child:after{animation-delay:50ms}.feature.is-visible .liq-bar:nth-child(2):after{animation-delay:.1s}.feature.is-visible .liq-bar:nth-child(3):after{animation-delay:.15s}.feature.is-visible .liq-bar:nth-child(4):after{animation-delay:.2s}.feature.is-visible .liq-bar:nth-child(5):after{animation-delay:.25s}.feature.is-visible .liq-bar:nth-child(6):after{animation-delay:.3s}.feature.is-visible .liq-bar:nth-child(7):after{animation-delay:.35s}.feature.is-visible .liq-bar:nth-child(8):after{animation-delay:.4s}.feature.is-visible .liq-bar:nth-child(9):after{animation-delay:.45s}.feature.is-visible .liq-bar:nth-child(10):after{animation-delay:.5s}.feature.is-visible .liq-bar:nth-child(11):after{animation-delay:.55s}.feature.is-visible .liq-bar:nth-child(12):after{animation-delay:.6s}@keyframes liq-grow{0%{height:0%}to{height:var(--h,30%)}}.swap-btn{transition:transform .35s cubic-bezier(.2,.7,.2,1),color .15s}.hero:before{animation:14s ease-in-out infinite alternate hero-drift}@keyframes hero-drift{0%{transform:translate(0)}to{transform:translate(-3%,2%)}}@media (width<=980px){.hero .grid{grid-template-columns:1fr;gap:40px}.stats .row{grid-template-columns:repeat(2,1fr)}.stat{border-left:0;padding:12px 0}.features-grid .feature,.features-grid .feature.wide{grid-column:span 12}.steps{grid-template-columns:1fr}footer .row{grid-template-columns:1fr 1fr}nav.top ul{display:none}.offers-head,.offer{grid-template-columns:1.4fr 1fr 1fr}.offer .limit-cell,.offer .methods,.offers-head>div:nth-child(4),.offers-head>div:nth-child(5){display:none}}
