.brand-logos{list-style:none;padding:0;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:6px;width:100%}@media(min-width:768px){.brand-logos{gap:1px}}.brand-logo{display:inline-flex;align-items:center;justify-content:center;min-width:0;flex:1 1 0}.brand-logo img{height:16px;width:auto;max-width:100%;object-fit:contain;display:block;filter:grayscale(100%);opacity:.55;transition:filter .28s ease,opacity .28s ease,transform .28s ease}@media(min-width:640px){.brand-logo img{height:20px}}@media(min-width:768px){.brand-logo img{height:24px}}.brand-logo:hover img,.brand-logo:focus-within img{filter:grayscale(0%);opacity:1;transform:translateY(-1px)}@media(prefers-reduced-motion:reduce){.brand-logo img{transition:filter .2s ease,opacity .2s ease}.brand-logo:hover img{transform:none}}.paddle-seal{box-shadow:0 1px 2px #0f172a14,0 8px 24px -8px #ca8a048c;transform:rotate(-2deg) scale(1.03)}.feature-chip{box-shadow:inset 0 0 0 1px #ffffffe6,0 1px 2px #0f172a0d,0 4px 16px -4px #2049e11f}.hero-vid-wrap{position:relative;padding:6px;border-radius:22px;background:#ffffff4d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px #fff3,0 0 0 1px #11182729,0 2px 2px -2px #1118270d,0 4px 4px #1118270d,0 8px 8px #1118270d,0 16px 16px #1118270d,0 32px 32px #1118270d;transition:transform .52s cubic-bezier(.22,1,.36,1),box-shadow .52s ease}.hero-vid-wrap:before{content:"";position:absolute;inset:-28px;border-radius:40px;background:radial-gradient(ellipse 60% 80% at 15% 50%,rgba(32,73,225,.55),transparent 65%),radial-gradient(ellipse 55% 75% at 45% 30%,rgba(124,58,237,.45),transparent 65%),radial-gradient(ellipse 55% 75% at 70% 70%,rgba(236,72,153,.35),transparent 65%),radial-gradient(ellipse 60% 80% at 90% 50%,rgba(96,165,250,.5),transparent 65%);filter:blur(36px);opacity:0;z-index:-1;pointer-events:none;transition:opacity .6s ease}.hero-vid-wrap:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px #fff5,0 0 0 1px #11182729,0 24px 48px -12px #2049e14d,0 40px 64px -20px #0f172a4d}.hero-vid-wrap:hover:before{opacity:.7}@media(prefers-reduced-motion:reduce){.hero-vid-wrap{transition:none!important}}.vid-badge{position:absolute;top:14px;z-index:6;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:#0f172a8c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px #ffffff1f}.vid-badge--live{left:14px}.vid-badge--time{right:14px;background:#ffffff24;font-variant-numeric:tabular-nums;letter-spacing:.06em}.vid-badge-dot{width:7px;height:7px;border-radius:50%;background:#ef4444;box-shadow:0 0 #ef44448c;animation:vidLiveDot 1.6s ease-out infinite}@keyframes vidLiveDot{0%{box-shadow:0 0 #ef44448c}70%{box-shadow:0 0 0 8px #ef444400}to{box-shadow:0 0 #ef444400}}.vid-center{z-index:5}.vid-play-wrap{isolation:isolate}.vid-play-halo{position:absolute;inset:-22px;border-radius:50%;background:radial-gradient(circle at center,rgba(124,58,237,.55) 0%,rgba(32,73,225,.35) 35%,transparent 70%);filter:blur(20px);z-index:-1;pointer-events:none;animation:vidHaloBreath 3.2s ease-in-out infinite}@keyframes vidHaloBreath{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.85;transform:scale(1.08)}}.group:hover .vid-play-halo{opacity:1}.vid-play-btn{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;width:78px;height:78px;border-radius:50%;color:#fff;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.45) 0%,transparent 55%),linear-gradient(135deg,#2049e1,#6d51e0 55%,#a855f7);box-shadow:inset 0 0 0 1.5px #ffffff52,0 0 0 6px #ffffff24,0 0 0 1px #0f172a33,0 14px 40px #2049e18c,0 8px 24px #7c3aed73;transition:transform .32s cubic-bezier(.22,1,.36,1),box-shadow .32s ease}@media(min-width:768px){.vid-play-btn{width:92px;height:92px}}.vid-play-icon{width:30px;height:30px;margin-left:4px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}@media(min-width:768px){.vid-play-icon{width:36px;height:36px;margin-left:5px}}.group:hover .vid-play-btn{transform:scale(1.1);box-shadow:inset 0 0 0 1.5px #ffffff73,0 0 0 10px #ffffff2e,0 0 0 1px #0f172a33,0 20px 56px #2049e1b3,0 10px 32px #7c3aed99}.group:active .vid-play-btn{transform:scale(1.04);transition-duration:.12s}.vid-ripple{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(255,255,255,.45);background:transparent;pointer-events:none;animation:vidRipple 2.6s ease-out infinite}.vid-ripple-2{animation-delay:.9s}.vid-ripple-3{animation-delay:1.8s}@keyframes vidRipple{0%{transform:scale(1);opacity:.85;border-width:2px}to{transform:scale(2.6);opacity:0;border-width:.5px}}@media(prefers-reduced-motion:reduce){.vid-ripple,.vid-play-halo,.vid-badge-dot{animation:none!important}}.vid-cta-label{position:relative;display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;background:#fffffff0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--color-headline);font-weight:700;font-size:13px;letter-spacing:-.005em;box-shadow:inset 0 0 0 1px #0f172a0f,0 8px 24px #0000004d;transition:transform .32s cubic-bezier(.22,1,.36,1),box-shadow .32s ease}.vid-cta-label svg{transition:transform .28s cubic-bezier(.22,1,.36,1);color:var(--color-accent)}.group:hover .vid-cta-label{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #0f172a14,0 12px 32px #0000005c}.group:hover .vid-cta-label svg{transform:translate(4px)}.vid-scanline{position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.18) 50%,transparent 70%);transform:translate(-100%);opacity:0}.group:hover .vid-scanline{opacity:1;animation:vidScan 1.8s ease-in-out infinite}@keyframes vidScan{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.group:hover .vid-scanline{animation:none!important}}#video-modal.is-open{display:flex}.vid-mock{position:absolute;inset:0;overflow:hidden}.vid-mock-bg{position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 20% 0%,rgba(96,165,250,.18),transparent 60%),radial-gradient(ellipse 80% 60% at 80% 100%,rgba(167,139,250,.2),transparent 60%),linear-gradient(135deg,#1b2c60,#182347 45%,#0d1630)}.vid-mock-grid{position:absolute;inset:0;opacity:.35;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:38px 38px;-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%);mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%)}.vid-glow{position:absolute;border-radius:50%;filter:blur(48px);opacity:.55;pointer-events:none}.vid-glow-1{top:-12%;left:8%;width:38%;height:70%;background:#60a5faa6}.vid-glow-2{bottom:-18%;right:4%;width:42%;height:80%;background:#a78bfa8c}.vid-glow-3{top:35%;left:45%;width:28%;height:45%;background:#22c55e4d}.vid-card{position:absolute;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;background:#fffffff5;box-shadow:inset 0 0 0 1px #0f172a14,0 14px 36px -10px #0000008c;color:var(--color-headline);white-space:nowrap;font-size:11px;line-height:1.2;animation:vidCardFloat 6s ease-in-out infinite;will-change:transform}@keyframes vidCardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.vid-card-revenue{top:10%;left:5%;flex-direction:column;align-items:flex-start;gap:2px;animation-delay:0s}.vid-card-paid{top:12%;right:6%;animation-delay:1.2s}.vid-card-subs{bottom:14%;left:6%;flex-direction:column;align-items:flex-start;gap:6px;animation-delay:2.4s}.vid-card-refund{top:56%;left:56%;padding:6px 12px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-weight:700;font-size:10px;letter-spacing:.06em;text-transform:uppercase;box-shadow:inset 0 0 0 1px #fff3,0 12px 30px -6px #22c55e80;animation-delay:.6s}.vid-card-pay{bottom:12%;right:6%;gap:6px;padding:8px 12px;animation-delay:1.8s}.vc-label{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted)}.vc-amount{font-size:22px;font-weight:700;color:var(--color-headline);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.vc-trend{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:700;color:#16a34a;margin-top:2px}.vc-big{font-size:20px;font-weight:700;color:var(--color-headline);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.vc-spark{display:flex;align-items:flex-end;gap:3px;height:18px}.vc-spark span{display:inline-block;width:4px;border-radius:2px;background:linear-gradient(to top,var(--color-accent),#60a5fa)}.vc-pulse{flex:none;width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 #22c55e80;animation:vidPulse 1.8s ease-out infinite}@keyframes vidPulse{0%{box-shadow:0 0 #22c55e8c}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}.vc-paid-meta{display:flex;flex-direction:column;gap:1px}.vc-paid-name{font-size:11px;font-weight:600;color:var(--color-headline)}.vc-paid-sub{font-size:10px;color:var(--color-muted)}.vc-time{font-size:10px;color:var(--color-muted);margin-left:4px;font-variant-numeric:tabular-nums}.vc-logo{display:inline-flex;align-items:center;justify-content:center;padding:3px 6px;border-radius:5px;background:#0f172a0f;font-size:9px;font-weight:800;letter-spacing:.05em;color:var(--color-headline)}.vid-blur-overlay{position:absolute;inset:0;background:radial-gradient(ellipse 60% 55% at center,transparent 0%,rgba(13,22,48,.3) 65%,rgba(13,22,48,.65) 100%),linear-gradient(180deg,#0d163038,#0d163066);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);transition:background .42s ease,backdrop-filter .42s ease,-webkit-backdrop-filter .42s ease}.group:hover .vid-blur-overlay{background:radial-gradient(ellipse 60% 55% at center,transparent 0%,rgba(13,22,48,.2) 65%,rgba(13,22,48,.5) 100%),linear-gradient(180deg,#0d163024,#0d163047);backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)}@media(prefers-reduced-motion:reduce){.vid-card,.vc-pulse{animation:none!important}}.howit-section{position:relative;isolation:isolate;overflow:hidden;padding-block:56px;background:#fff}@media(min-width:768px){.howit-section{padding-block:120px}}.howit-blobs{position:absolute;inset:28% 0 0;z-index:0;pointer-events:none;filter:blur(60px) saturate(1.08);-webkit-mask-image:linear-gradient(to top,#000 35%,transparent 100%);mask-image:linear-gradient(to top,#000 35%,transparent 100%)}.howit-blob{position:absolute;border-radius:50%;opacity:.55;will-change:transform}.howit-blob-a{left:-6%;bottom:-18%;width:48%;height:110%;background:radial-gradient(circle at 50% 50%,rgba(253,224,71,.85) 0%,rgba(253,224,71,.25) 45%,transparent 70%);animation:howitFloatA 18s ease-in-out infinite}.howit-blob-b{left:22%;bottom:-25%;width:50%;height:120%;background:radial-gradient(circle at 50% 50%,rgba(244,114,182,.7) 0%,rgba(244,114,182,.25) 45%,transparent 70%);animation:howitFloatB 22s ease-in-out infinite}.howit-blob-c{right:6%;bottom:-20%;width:50%;height:115%;background:radial-gradient(circle at 50% 50%,rgba(96,165,250,.75) 0%,rgba(96,165,250,.25) 45%,transparent 70%);animation:howitFloatC 26s ease-in-out infinite}.howit-blob-d{left:55%;bottom:-10%;width:38%;height:95%;background:radial-gradient(circle at 50% 50%,rgba(125,211,252,.55) 0%,rgba(125,211,252,.18) 50%,transparent 75%);animation:howitFloatA 24s ease-in-out infinite reverse}@keyframes howitFloatA{0%,to{transform:translate(0) scale(1)}50%{transform:translate(8%,-6%) scale(1.08)}}@keyframes howitFloatB{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-10%,-8%) scale(1.1)}}@keyframes howitFloatC{0%,to{transform:translate(0) scale(1)}40%{transform:translate(12%,4%) scale(1.06)}75%{transform:translate(-6%,-8%) scale(.96)}}@media(prefers-reduced-motion:reduce){.howit-blob{animation:none!important}}.howit-flow{margin-top:56px}@media(min-width:768px){.howit-flow{margin-top:72px}}.howit-markers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.howit-marker{justify-self:center;padding:7px 16px;border-radius:8px;background:#ffffff8c;box-shadow:inset 0 0 0 1px #0f172a0f;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--color-headline);font-size:13px;font-weight:500;letter-spacing:-.005em;transition:background .28s ease,box-shadow .28s ease}.howit-marker-active{background:#fff;font-weight:700;box-shadow:inset 0 0 0 1px #0f172a14,0 6px 18px -6px #0f172a24}.howit-track{position:relative;display:grid;grid-template-columns:repeat(3,1fr);height:14px;margin-bottom:32px}.howit-line{position:absolute;left:16.66%;right:16.66%;top:50%;height:1px;background:#0f172a29;transform:translateY(-50%)}.howit-dot{justify-self:center;align-self:center;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1.5px #0f172a2e;position:relative;z-index:1;transition:box-shadow .28s ease,background .28s ease}.howit-dot-active{background:var(--color-secondary);box-shadow:inset 0 0 0 1.5px var(--color-secondary),0 0 0 5px #45a1462e}.howit-steps{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:768px){.howit-steps{grid-template-columns:repeat(3,1fr);gap:20px}}.howit-step{padding:24px;border-radius:16px;background:#ffffff8c;box-shadow:inset 0 0 0 1px #0f172a0f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .36s cubic-bezier(.22,1,.36,1),box-shadow .36s ease,background .36s ease}.howit-step[data-active=true]{background:#fff;box-shadow:inset 0 0 0 1px #0f172a0d,0 18px 44px -16px #0f172a2e}.howit-step:hover{transform:translateY(-3px);background:#fff;box-shadow:inset 0 0 0 1px #0f172a0f,0 14px 36px -14px #0f172a2e}.howit-step-title{font-size:18px;font-weight:700;color:var(--color-headline);margin-bottom:16px;letter-spacing:-.01em}.howit-step-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px}.howit-step-item{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.45;color:var(--color-muted)}.howit-step[data-active=true] .howit-step-item{color:var(--color-headline)}.howit-check{flex:none;margin-top:1px;color:var(--color-secondary)}.bento-card{position:relative;isolation:isolate;display:flex;flex-direction:column;overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 0 0 1px #0f172a0f,0 1px 2px #0f172a0a;transition:transform .36s cubic-bezier(.22,1,.36,1),box-shadow .36s cubic-bezier(.22,1,.36,1);min-height:280px}@media(min-width:768px){.bento-card{min-height:320px}}.bento-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(to top,var(--bento-tint, transparent) 0%,transparent 65%);opacity:.55;pointer-events:none;z-index:0;transition:opacity .52s cubic-bezier(.22,1,.36,1),transform .52s cubic-bezier(.22,1,.36,1);transform-origin:bottom center}.bento-card:hover:before{opacity:.9;transform:scaleY(1.08)}.bento-card>*{position:relative;z-index:1}.bento-card:hover{transform:translateY(-4px);box-shadow:0 0 0 1px #2049e12e,0 12px 40px -8px #0f172a2e,0 4px 12px -4px #2049e11a}@media(prefers-reduced-motion:reduce){.bento-card:before{transition:opacity .2s ease}.bento-card:hover:before{transform:none}}.bento-text{padding:20px 20px 0}@media(min-width:768px){.bento-text{padding:28px 28px 0}}.bento-text h3{font-size:1.05rem;font-weight:600;color:var(--color-headline);line-height:1.3}@media(min-width:768px){.bento-text h3{font-size:1.125rem}}.bento-text p{margin-top:6px;font-size:.875rem;line-height:1.55;color:var(--color-muted)}.bento-stage{position:relative;flex:1;min-height:180px;margin-top:20px;overflow:hidden;opacity:.85;transition:opacity .36s cubic-bezier(.22,1,.36,1)}.bento-card:hover .bento-stage{opacity:1}@media(prefers-reduced-motion:reduce){.bento-card,.bento-card *{transition:none!important;animation:none!important}}.store-page{position:absolute;inset:12px 24px 0;border-radius:12px 12px 0 0;background:#fff;box-shadow:0 0 0 1px #0f172a0f,0 6px 20px -8px #0f172a1a;overflow:hidden;display:flex;flex-direction:column;transition:transform .5s cubic-bezier(.22,1,.36,1)}.group:hover .store-page{transform:translateY(-2px) scale(.985)}.store-nav{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid rgba(15,23,42,.06);background:#fafbfc;font-size:11px;color:var(--color-muted)}.store-brand{font-weight:700;color:var(--color-headline)}.store-icons{display:inline-flex;align-items:center;gap:10px;color:var(--color-muted)}.store-product{flex:1;display:grid;grid-template-columns:90px 1fr;gap:14px;padding:14px}.product-media{border-radius:10px;background:radial-gradient(120% 80% at 30% 20%,rgba(255,255,255,.7),transparent 60%),linear-gradient(135deg,#6366f1,#2049e1);box-shadow:inset 0 0 0 1px #0f172a0f}.product-meta{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0}.product-tag{font-family:ui-monospace,monospace;font-size:9px;font-weight:700;letter-spacing:.12em;color:var(--color-accent)}.product-title{font-size:13px;font-weight:600;color:var(--color-headline)}.product-price{font-size:18px;font-weight:700;color:var(--color-headline);letter-spacing:-.01em}.product-per{margin-left:2px;font-size:11px;font-weight:500;color:var(--color-muted)}.checkout-dim{position:absolute;inset:12px 24px 0;border-radius:12px 12px 0 0;background:#0f172a00;pointer-events:none;transition:background .36s ease}.group:hover .checkout-dim{background:#0f172a2e}.checkout-popover{position:absolute;right:36px;bottom:0;width:min(54%,280px);padding:12px 14px 14px;border-radius:14px 14px 0 0;background:#fff;box-shadow:0 0 0 1px #0f172a14,0 24px 50px -16px #0f172a47,0 8px 16px -8px #2049e12e;transform:translateY(18px);opacity:.96;transition:transform .52s cubic-bezier(.175,.885,.32,1.275),opacity .32s ease,box-shadow .36s ease}.group:hover .checkout-popover{transform:translateY(-6px);opacity:1;box-shadow:0 0 0 1px #2049e133,0 32px 60px -20px #0f172a5c,0 10px 20px -10px #2049e140}.popover-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid rgba(15,23,42,.06);font-size:10px;color:var(--color-muted)}.popover-lock{display:inline-flex;align-items:center;gap:4px;color:var(--color-headline);font-weight:600}.popover-by{font-weight:500}.popover-row{display:flex;align-items:center;gap:6px;padding:7px 10px;margin-bottom:6px;border-radius:8px;background:#fafbfc;box-shadow:inset 0 0 0 1px #0f172a14;font-size:11px}.popover-label{color:var(--color-muted);min-width:34px}.popover-value{color:var(--color-headline);font-weight:500}.popover-row-card{justify-content:space-between;font-family:ui-monospace,monospace;color:var(--color-headline)}.popover-card-num{flex:1}.popover-card-exp,.popover-card-cvc{color:var(--color-muted);font-size:10px}.popover-pay{position:relative;width:100%;margin-top:2px;padding:9px 12px;border-radius:9px;background:var(--color-accent);color:#fff;font-size:12px;font-weight:700;border:none;overflow:hidden;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.pay-label{position:relative;z-index:1}.pay-shine{position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);transform:translate(-110%);transition:transform 1.1s cubic-bezier(.22,1,.36,1)}.group:hover .pay-shine{transform:translate(110%)}.popover-foot{margin-top:8px;text-align:center;font-size:10px;color:var(--color-muted)}.sub-card{position:absolute;left:24px;right:24px;bottom:-1px;padding:14px 16px 18px;border-radius:14px 14px 0 0;background:#fff;box-shadow:0 0 0 1px #0f172a0f,0 18px 36px -16px #0f172a33;transition:transform .36s cubic-bezier(.22,1,.36,1)}.group:hover .sub-card{transform:translateY(-4px)}.sub-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid rgba(15,23,42,.06)}.sub-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.sub-title{font-size:12px;font-weight:600;color:var(--color-headline)}.sub-price{font-size:18px;font-weight:700;color:var(--color-headline);letter-spacing:-.01em}.sub-per{margin-left:2px;font-size:11px;font-weight:500;color:var(--color-muted)}.sub-status{display:inline-flex;align-items:center;gap:5px;padding:3px 8px 3px 7px;border-radius:999px;background:#22c55e1a;color:#15803d;font-size:10px;font-weight:700;letter-spacing:.02em}.sub-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 #22c55e73;animation:subPulse 2s ease-out infinite}@keyframes subPulse{0%{box-shadow:0 0 #22c55e73}70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 #22c55e00}}.sub-charges{margin-top:10px;display:flex;flex-direction:column;gap:6px;list-style:none;padding:0}.sub-charge{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:8px;font-size:11px;transition:transform .36s cubic-bezier(.22,1,.36,1)}.sub-charge-past{background:#fafbfc;color:var(--color-muted)}.sub-charge-next{background:#2049e10f;box-shadow:inset 0 0 0 1px #2049e12e;color:var(--color-headline)}.group:hover .sub-charge-1{transform:translate(2px)}.group:hover .sub-charge-2{transform:translate(2px);transition-delay:60ms}.group:hover .sub-charge-3{transform:translate(2px) scale(1.02);transition-delay:.12s}.charge-mark{flex:none;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%}.charge-paid{background:#22c55e26;color:#15803d}.charge-pending{background:#2049e11f;color:var(--color-accent)}.group:hover .charge-pending svg{animation:chargeSpin 1.4s cubic-bezier(.22,1,.36,1) infinite}@keyframes chargeSpin{to{transform:rotate(360deg)}}.charge-date{flex:1;display:inline-flex;align-items:center;gap:6px;font-weight:600}.charge-tag{padding:1px 6px;border-radius:999px;background:#2049e11f;color:var(--color-accent);font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.charge-amount{font-family:ui-monospace,monospace;font-weight:600;color:var(--color-headline)}.sub-charge-past .charge-amount{color:var(--color-muted)}.license-chip{position:absolute;left:28px;right:28px;top:28px;display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:12px;background:#0f1a2e;color:#fff;box-shadow:0 10px 30px -8px #0f1a2e73;transition:transform .36s cubic-bezier(.22,1,.36,1)}.group:hover .license-chip{transform:translateY(-3px)}.license-key{flex:1;font-family:ui-monospace,monospace;font-size:12px;letter-spacing:.04em}.license-copy{color:#ffffffa6;background:transparent;border:none;cursor:pointer;transition:color .2s ease}.license-copy:hover{color:#fff}.license-row{position:absolute;left:28px;right:28px;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:#fff;box-shadow:0 0 0 1px #0f172a0f;font-size:12px;transition:transform .36s cubic-bezier(.22,1,.36,1)}.license-row-1{top:92px;transform:translate(0)}.license-row-2{top:140px;transform:translate(0)}.group:hover .license-row-1{transform:translate(4px)}.group:hover .license-row-2{transform:translate(8px)}.license-pill{padding:3px 8px;border-radius:999px;background:#2049e11a;color:var(--color-accent);font-weight:600;font-size:11px}.license-meta{margin-left:auto;color:var(--color-muted)}.pay-marquee{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:12px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%)}.pay-track{display:flex;width:max-content;will-change:transform}.pay-row{display:flex;align-items:center;gap:10px;padding-right:10px;flex:none}.pay-track-left{animation:payScrollLeft 38s linear infinite}.pay-track-right{animation:payScrollRight 32s linear infinite}@keyframes payScrollLeft{to{transform:translate(-50%)}}@keyframes payScrollRight{0%{transform:translate(-50%)}to{transform:translate(0)}}.group:hover .pay-track-left{animation-duration:14s}.group:hover .pay-track-right{animation-duration:12s}@media(prefers-reduced-motion:reduce){.pay-track{animation:none!important}}.pay-card{display:inline-flex;align-items:center;justify-content:center;width:76px;height:44px;padding:9px 12px;border-radius:11px;background:#fff;box-shadow:inset 0 0 0 1px #0f172a12,0 6px 16px -6px #0f172a24;transition:transform .32s cubic-bezier(.22,1,.36,1),box-shadow .32s ease;flex:none}.pay-card img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.pay-card:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px #2049e133,0 10px 22px -6px #0f172a33}.refund-mirror{position:absolute;inset:8px 22px 20px;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:center}.mirror-panel{position:relative;padding:10px 12px 12px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px #0f172a14,0 6px 18px -8px #0f172a24;transition:box-shadow .36s ease,transform .36s cubic-bezier(.22,1,.36,1)}.group:hover .mirror-woo{transform:translate(-2px)}.group:hover .mirror-paddle{transform:translate(2px)}.group:hover .mirror-panel{box-shadow:inset 0 0 0 1px #dc262638,0 10px 26px -8px #dc26262e}.mirror-head{display:flex;align-items:center;gap:6px;padding-bottom:8px;margin-bottom:8px;border-bottom:1px dashed rgba(15,23,42,.1)}.mirror-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:5px;color:#fff;font-size:10px;font-weight:800;line-height:1}.mirror-name{font-size:10px;font-weight:700;color:var(--color-headline);letter-spacing:.01em}.mirror-body{display:flex;flex-direction:column;gap:4px}.mirror-order{font-size:9px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted)}.mirror-amount{position:relative;align-self:flex-start;font-size:17px;font-weight:700;color:var(--color-headline);letter-spacing:-.01em;font-variant-numeric:tabular-nums;transition:color .32s ease}.mirror-amount:after{content:"";position:absolute;left:-2px;right:-2px;top:52%;height:1.5px;background:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform .36s cubic-bezier(.22,1,.36,1)}.group:hover .mirror-amount{color:var(--color-muted)}.group:hover .mirror-amount:after{transform:scaleX(1)}.mirror-state{position:relative;height:20px;margin-top:2px}.state-pill{position:absolute;inset:0 auto 0 0;display:inline-flex;align-items:center;gap:4px;padding:0 8px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;line-height:1;transition:opacity .32s ease,transform .32s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.state-pill .state-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.state-paid{background:#22c55e1f;color:#15803d;opacity:1;transform:translateY(0)}.state-refunded{background:#dc26261f;color:#dc2626;opacity:0;transform:translateY(6px)}.group:hover .state-paid{opacity:0;transform:translateY(-6px)}.group:hover .state-refunded{opacity:1;transform:translateY(0);transition-delay:80ms}.sync-bridge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.85);display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:999px;background:#fff;color:var(--color-accent);font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;box-shadow:inset 0 0 0 1px #2049e133,0 6px 16px -4px #2049e140;white-space:nowrap;opacity:0;transition:opacity .36s ease,transform .42s cubic-bezier(.175,.885,.32,1.275);z-index:2}.group:hover .sync-bridge{opacity:1;transform:translate(-50%,-50%) scale(1);transition-delay:.22s}.sync-bridge svg{animation:bridgeSpin 1.6s linear infinite paused}.group:hover .sync-bridge svg{animation-play-state:running}@keyframes bridgeSpin{to{transform:rotate(360deg)}}.invoice-doc{position:absolute;left:28px;right:28px;bottom:-14px;padding:16px;border-radius:12px 12px 0 0;background:#fff;box-shadow:0 0 0 1px #0f172a14,0 18px 36px -12px #0f172a38;font-size:12px;transition:transform .36s cubic-bezier(.22,1,.36,1)}.group:hover .invoice-doc{transform:translateY(-10px) rotate(-1deg)}.invoice-head{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:8px;border-bottom:1px solid rgba(15,23,42,.08)}.invoice-title{font-weight:700;letter-spacing:.15em;color:var(--color-headline);font-size:10px}.invoice-num{font-family:ui-monospace,monospace;color:var(--color-muted);font-size:10px}.invoice-line{display:flex;justify-content:space-between;padding:6px 0;color:var(--color-muted);font-size:11px}.invoice-total{display:flex;justify-content:space-between;margin-top:6px;padding-top:8px;border-top:1px solid rgba(15,23,42,.08);font-weight:700;color:var(--color-headline)}.coupon-tag{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-6deg);display:flex;align-items:center;gap:12px;padding:14px 18px 14px 26px;border-radius:12px;background:linear-gradient(135deg,#fef9c3,#fde68a);color:#78350f;box-shadow:0 10px 30px -8px #f59e0b73,inset 0 0 0 1px #f59e0b4d;transition:transform .5s cubic-bezier(.175,.885,.32,1.275)}.group:hover .coupon-tag{transform:translate(-50%,-50%) rotate(2deg) scale(1.06)}.coupon-hole{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #f59e0b66}.coupon-code{margin-left:14px;font-family:ui-monospace,monospace;font-weight:700;font-size:16px;letter-spacing:.08em}.coupon-pct{padding:4px 10px;border-radius:999px;background:#b45309;color:#fff;font-weight:700;font-size:13px}.popup-scene{position:absolute;inset:8px 22px 20px;display:grid;grid-template-columns:1fr 1.05fr;gap:18px;align-content:center}.popup-store{display:flex;flex-direction:column;gap:6px}.popup-tile{position:relative;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px #0f172a14;transition:box-shadow .32s ease,transform .32s cubic-bezier(.22,1,.36,1)}.popup-thumb{flex:none;width:26px;height:26px;border-radius:7px;box-shadow:inset 0 0 0 1px #0f172a14}.popup-tile-meta{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.popup-tile-name{font-size:11px;font-weight:600;color:var(--color-headline);line-height:1.2}.popup-tile-price{font-size:10px;color:var(--color-muted);font-variant-numeric:tabular-nums}.popup-add{flex:none;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:7px;background:#2049e11a;color:var(--color-accent);border:none;cursor:pointer;transition:background .24s ease,transform .24s cubic-bezier(.175,.885,.32,1.275)}.group:hover .popup-tile-1{box-shadow:inset 0 0 0 1px #22c55e80;transition-delay:0ms}.group:hover .popup-tile-2{box-shadow:inset 0 0 0 1px #22c55e80;transition-delay:.4s}.group:hover .popup-tile-3{box-shadow:inset 0 0 0 1px #22c55e80;transition-delay:.8s}.group:hover .popup-tile-1 .popup-add{background:#22c55e;color:#fff;transform:scale(1.12) rotate(45deg);transition-delay:0ms}.group:hover .popup-tile-2 .popup-add{background:#22c55e;color:#fff;transform:scale(1.12) rotate(45deg);transition-delay:.4s}.group:hover .popup-tile-3 .popup-add{background:#22c55e;color:#fff;transform:scale(1.12) rotate(45deg);transition-delay:.8s}.popup-cart{position:relative;padding:10px 12px 12px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px #0f172a14,0 16px 36px -12px #0f172a38,0 4px 10px -4px #2049e11f;transition:transform .36s cubic-bezier(.22,1,.36,1),box-shadow .36s ease}.group:hover .popup-cart{transform:translateY(-3px);box-shadow:inset 0 0 0 1px #2049e12e,0 22px 44px -14px #0f172a47,0 6px 14px -4px #2049e12e}.popup-cart-head{display:flex;align-items:center;gap:6px;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid rgba(15,23,42,.06)}.popup-cart-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:7px;background:#2049e11a;color:var(--color-accent)}.popup-cart-title{flex:1;font-size:11px;font-weight:700;color:var(--color-headline)}.popup-cart-count{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;border-radius:999px;background:var(--color-accent);color:#fff;font-size:10px;font-weight:700}.count-state{position:absolute;inset:0;display:inline-flex;align-items:center;justify-content:center;transition:opacity .28s ease}.count-full{opacity:0}.group:hover .count-empty{opacity:0;transition-delay:.7s}.group:hover .count-full{opacity:1;transition-delay:.8s}.popup-cart-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px;min-height:84px}.popup-cart-empty{padding:22px 4px;text-align:center;font-size:10px;color:var(--color-muted);font-style:italic;transition:opacity .24s ease}.group:hover .popup-cart-empty{opacity:0;transition-delay:0ms}.popup-cart-line{position:absolute;left:12px;right:12px;display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:7px;background:#fafbfc;font-size:10px;opacity:0;transform:translate(18px) scale(.96);transition:opacity .36s ease,transform .48s cubic-bezier(.175,.885,.32,1.275)}.group:hover .line-1{opacity:1;transform:translate(0) scale(1);transition-delay:.12s}.group:hover .line-2{opacity:1;transform:translate(0) scale(1);transition-delay:.52s}.group:hover .line-3{opacity:1;transform:translate(0) scale(1);transition-delay:.92s}.popup-cart .line-1{top:38px}.popup-cart .line-2{top:66px}.popup-cart .line-3{top:94px}.line-thumb{flex:none;width:18px;height:18px;border-radius:5px}.line-name{flex:1;color:var(--color-headline);font-weight:500}.line-price{color:var(--color-muted);font-variant-numeric:tabular-nums}.popup-cart-total{display:flex;justify-content:space-between;align-items:baseline;margin-top:10px;padding-top:8px;border-top:1px solid rgba(15,23,42,.06);font-size:11px;color:var(--color-muted)}.popup-cart-amount{position:relative;display:inline-block;min-width:38px;text-align:right;font-size:14px;font-weight:700;color:var(--color-headline);font-variant-numeric:tabular-nums}.amt-state{transition:opacity .28s ease}.amt-full{position:absolute;right:0;opacity:0}.group:hover .amt-empty{opacity:0;transition-delay:1s}.group:hover .amt-full{opacity:1;transition-delay:1.1s}.popup-cart-pay{position:relative;margin-top:10px;width:100%;padding:9px 12px;border-radius:9px;background:var(--color-headline);color:#fff;font-size:11px;font-weight:700;border:none;cursor:pointer;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:6px;opacity:.6;transition:opacity .32s ease,background .32s ease}.group:hover .popup-cart-pay{opacity:1;background:var(--color-accent);transition-delay:1.3s}.popup-pay-label{position:relative;z-index:1}.popup-pay-shine{position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);transform:translate(-110%);transition:transform 1.1s cubic-bezier(.22,1,.36,1)}.group:hover .popup-pay-shine{transform:translate(110%);transition-delay:1.4s}.fraud-scan{position:absolute;inset:8px 22px 18px;padding:12px 14px 14px;border-radius:12px;background:radial-gradient(120% 80% at 50% 0%,rgba(32,73,225,.05),transparent 60%),#0f1a2e;color:#e5edff;box-shadow:inset 0 0 0 1px #2049e133,0 12px 28px -10px #0f172a38;overflow:hidden;transition:box-shadow .36s ease}.group:hover .fraud-scan{box-shadow:inset 0 0 0 1px #22c55e66,0 12px 28px -10px #22c55e4d}.scan-beam{position:absolute;left:0;right:0;top:-8%;height:28%;pointer-events:none;background:linear-gradient(to bottom,transparent 0%,rgba(96,165,250,0) 30%,rgba(96,165,250,.45) 55%,rgba(96,165,250,0) 70%,transparent 100%);opacity:0;transform:translateY(0);z-index:2}.scan-beam:after{content:"";position:absolute;left:0;right:0;top:55%;height:1px;background:linear-gradient(90deg,transparent,rgba(96,165,250,.95),transparent);box-shadow:0 0 12px #60a5fad9,0 0 24px #60a5fa8c}.group:hover .scan-beam{animation:scanSweep 2s cubic-bezier(.65,0,.35,1) forwards}@keyframes scanSweep{0%{opacity:0;transform:translateY(0)}8%{opacity:1}85%{opacity:1;transform:translateY(320%)}to{opacity:0;transform:translateY(360%)}}.scan-tx{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid rgba(96,165,250,.15);position:relative;z-index:1}.scan-amount{font-size:18px;font-weight:700;color:#fff;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.scan-tx-meta{font-size:10px;color:#e5edff8c;font-family:ui-monospace,monospace}.scan-checks{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:5px;position:relative;z-index:1}.scan-check{position:relative;display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:7px;font-size:11px;color:#e5edffc7;transition:background .32s ease,color .32s ease}.check-track{flex:none;width:4px;height:14px;border-radius:999px;background:#60a5fa40;transition:background .28s ease}.check-name{flex:1;font-weight:500;letter-spacing:.01em}.check-status{position:relative;flex:none;width:16px;height:16px}.check-pending,.check-pass{position:absolute;inset:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;transition:opacity .28s ease,transform .28s cubic-bezier(.175,.885,.32,1.275)}.check-pending{box-shadow:inset 0 0 0 1.5px #60a5fa59}.check-pending:after{content:"";width:4px;height:4px;border-radius:50%;background:#60a5fa73;animation:dotPulse 1.6s ease-in-out infinite}@keyframes dotPulse{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.check-pass{background:#22c55e;color:#fff;box-shadow:0 0 #22c55e00;opacity:0;transform:scale(.6)}.group:hover .check-1 .check-pending{opacity:0;transition-delay:.36s}.group:hover .check-2 .check-pending{opacity:0;transition-delay:.72s}.group:hover .check-3 .check-pending{opacity:0;transition-delay:1.08s}.group:hover .check-4 .check-pending{opacity:0;transition-delay:1.44s}.group:hover .check-1 .check-pass{opacity:1;transform:scale(1);transition-delay:.4s;box-shadow:0 0 0 4px #22c55e2e}.group:hover .check-2 .check-pass{opacity:1;transform:scale(1);transition-delay:.76s;box-shadow:0 0 0 4px #22c55e2e}.group:hover .check-3 .check-pass{opacity:1;transform:scale(1);transition-delay:1.12s;box-shadow:0 0 0 4px #22c55e2e}.group:hover .check-4 .check-pass{opacity:1;transform:scale(1);transition-delay:1.48s;box-shadow:0 0 0 4px #22c55e2e}.group:hover .check-1 .check-track{background:#22c55e;transition-delay:.4s}.group:hover .check-2 .check-track{background:#22c55e;transition-delay:.76s}.group:hover .check-3 .check-track{background:#22c55e;transition-delay:1.12s}.group:hover .check-4 .check-track{background:#22c55e;transition-delay:1.48s}.group:hover .check-1,.group:hover .check-2,.group:hover .check-3,.group:hover .check-4{color:#fff}.group:hover .check-1{transition-delay:.4s}.group:hover .check-2{transition-delay:.76s}.group:hover .check-3{transition-delay:1.12s}.group:hover .check-4{transition-delay:1.48s}.scan-verdict{position:absolute;bottom:14px;right:14px;display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;background:#22c55e29;color:#4ade80;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;border:1px solid rgba(34,197,94,.45);opacity:0;transform:scale(1.6) rotate(-6deg);transition:opacity .28s ease,transform .36s cubic-bezier(.175,.885,.32,1.275);z-index:3}.group:hover .scan-verdict{opacity:1;transform:scale(1) rotate(-4deg);transition-delay:1.7s}