.paybis-canvas{isolation:isolate;background:var(--background);min-height:100svh;position:relative;overflow:clip}.paybis-mesh{z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 12% 8%, color-mix(in srgb, var(--chart-1) 18%, transparent), transparent 48%), radial-gradient(ellipse at 85% 24%, color-mix(in srgb, var(--chart-2) 22%, transparent), transparent 45%), radial-gradient(ellipse at 45% 75%, color-mix(in srgb, var(--chart-3) 18%, transparent), transparent 55%);position:absolute;inset:0;overflow:hidden}.paybis-mesh:before{content:"";background:radial-gradient(ellipse at 28% 30%, color-mix(in srgb, var(--chart-1) 22%, transparent), transparent 40%), radial-gradient(ellipse at 75% 65%, color-mix(in srgb, var(--chart-2) 16%, transparent), transparent 40%);animation:18s ease-in-out infinite alternate mesh-drift;position:absolute;inset:-15%}.paybis-glass{background:color-mix(in srgb, var(--card) 78%, transparent);border:1px solid color-mix(in srgb, var(--border) 80%, var(--card));backdrop-filter:blur(24px);box-shadow:var(--shadow-sm)}.paybis-orbit{aspect-ratio:1;width:min(100%,470px);position:relative}.paybis-orbit:before,.paybis-orbit:after{content:"";border:1px solid color-mix(in srgb, var(--primary) 24%, transparent);border-radius:50%;position:absolute;inset:7%;transform:rotate(-22deg)scaleY(.72)}.paybis-orbit:after{border-color:color-mix(in srgb, var(--chart-2) 30%, transparent);inset:0;transform:rotate(35deg)scaleY(.78)}.paybis-orbit-core{background:linear-gradient(145deg, var(--primary), var(--chart-2));box-shadow:var(--shadow-lg);border:1px solid color-mix(in srgb, var(--card) 45%, transparent);border-radius:32%;place-items:center;display:grid;position:absolute;inset:22%;transform:rotate(-12deg)}.paybis-orbit-core>span{color:var(--primary-foreground);font-family:var(--font-heading);font-size:clamp(5rem,9vw,8rem);font-weight:600;transform:rotate(12deg)}.paybis-ripple{pointer-events:none;background:color-mix(in srgb, var(--primary-foreground) 35%, transparent);border-radius:50%;animation:.4s ease-out forwards cta-ripple;position:absolute;transform:scale(0)}.paybis-cta{transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast)}.paybis-cta:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.paybis-cta:active{transform:translateY(0)}@keyframes mesh-drift{0%{transform:translate(-2%,-2%)scale(1)}to{transform:translate(4%,3%)scale(1.08)}}@keyframes cta-ripple{to{opacity:0;transform:scale(2)}}@media (prefers-reduced-motion:reduce){.paybis-mesh:before,.paybis-ripple{animation:none}.paybis-cta,.paybis-cta:hover{transition:none;transform:none}}