.swap-stage{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;padding:0 0 6rem;min-height:560px;max-width:1440px;margin:0 auto;gap:2rem}.swap-text{flex:0 0 auto;max-width:380px;padding-left:4rem}.swap-text__heading{font-family:var(--font-rajdhani),sans-serif;font-size:clamp(2rem,3.2vw,2.8rem);font-weight:700;line-height:1.12;color:var(--text-primary,#0f172a);letter-spacing:-.01em}.swap-text__sub{margin-top:.75rem;font-family:var(--font-outfit),sans-serif;font-size:1rem;line-height:1.6;color:var(--text-tertiary,#94a3b8)}.swap-right{margin-right:-3rem}.swap-container,.swap-right{position:relative;flex-shrink:0}.swap-container{perspective:1000px;overflow:visible}.swap-summary{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:max-content;max-width:640px;text-align:center;padding:1.25rem 1.5rem 0;margin-top:1rem;will-change:transform,opacity,filter;z-index:10}.swap-summary__line{font-family:var(--font-outfit),sans-serif;font-size:1.05rem;line-height:1.7;color:var(--text-secondary,#64748b);margin:0;letter-spacing:.005em}.swap-card{position:absolute;top:50%;left:50%;display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:#fff;border:1px solid var(--border,#e2e8f0);box-shadow:0 1px 3px rgba(15,23,42,.04),0 8px 24px -4px rgba(15,23,42,.08);transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;cursor:pointer;user-select:none;transition:box-shadow .3s ease,border-color .3s ease}.swap-card:hover{border-color:var(--primary,#165dfa);box-shadow:0 1px 3px rgba(15,23,42,.04),0 12px 32px -4px rgba(22,93,250,.18)}.swap-card__hero-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:.5rem;background:rgba(15,23,42,.45);opacity:0;transition:opacity .3s ease;z-index:2;pointer-events:none}.swap-card:hover .swap-card__hero-overlay{opacity:1}.swap-card__hero-overlay span{font-family:var(--font-outfit),sans-serif;font-size:1rem;font-weight:600;color:#fff;letter-spacing:.02em}.swap-card__hero-overlay svg{transition:transform .3s ease}.swap-card:hover .swap-card__hero-overlay svg{transform:translateX(3px)}.swap-card__bar{display:flex;align-items:center;gap:.55rem;padding:.7rem 1rem;border-bottom:1px solid var(--border,#e2e8f0);background:#fff}.swap-card__bar-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;color:var(--text-secondary,#64748b)}.swap-card__bar-label{font-family:var(--font-outfit),sans-serif;font-size:.88rem;font-weight:500;color:var(--text-primary,#0f172a)}.swap-card__content{display:block;flex:1;text-decoration:none;position:relative}.swap-card__hero{position:relative;width:100%;height:100%;min-height:0;flex:1;overflow:hidden;background:linear-gradient(135deg,var(--gradient-start,#165dfa) 0,#4f46e5 50%,var(--gradient-end,#7c3aed) 100%)}.swap-card__hero-glow{position:absolute;inset:0;background:radial-gradient(circle at 60% 30%,hsla(0,0%,100%,.2),transparent 55%);pointer-events:none}.swap-card__hero-glow--alt{background:radial-gradient(circle at 25% 80%,hsla(0,0%,100%,.08),transparent 45%)}.swap-card__hero-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 28px rgba(255,255,255,.28))}.swap-card__hero-icon svg{width:96px;height:96px}.swap-card__hero-img{object-fit:contain;object-position:center;background:#0a0e1a}.swap-empty{text-align:center;padding:5rem 2rem;color:var(--text-secondary,#64748b);font-family:var(--font-outfit),sans-serif;font-size:1rem;position:relative;z-index:1}@media (max-width:1024px){.swap-stage{flex-direction:column;align-items:center;text-align:center;gap:2.5rem;padding:0 2rem 4rem;min-height:auto}.swap-text{padding-left:0;max-width:480px}.swap-right{margin-right:0;align-items:center}.swap-summary{max-width:480px;padding-top:1.5rem}}@media (max-width:768px){.swap-container{transform:scale(.78);transform-origin:center center}.swap-summary{max-width:360px;padding-top:1rem}.swap-summary__line{font-size:.875rem}}@media (max-width:480px){.swap-container{transform:scale(.58);transform-origin:center center}.swap-stage{padding:0 1rem 2rem;gap:1.5rem}.swap-text__heading{font-size:1.8rem}.swap-summary{max-width:280px;padding-top:.75rem}.swap-summary__line{font-size:.8125rem}}