/*! Viralio critical bundle — auto-generat din scripts/build-css-bundle.js. NU edita aici. */
:root{--color-bg:#0a0a0c;--color-bg-elevated:#0f0f12;--color-surface:#14141a;--color-surface-2:#1a1a22;--color-surface-3:#22222b;--color-border:rgba(255,255,255,0.08);--color-border-strong:rgba(255,255,255,0.14);--color-border-subtle:rgba(255,255,255,0.04);--color-text:#fafaf5;--color-text-muted:rgba(250,250,245,0.62);--color-text-subtle:rgba(250,250,245,0.42);--color-text-faint:rgba(250,250,245,0.32);--color-accent:#65d69e;--color-accent-hover:#7de0a8;--color-accent-press:#4abf85;--color-accent-bg:rgba(101,214,158,0.10);--color-accent-bg-strong:rgba(101,214,158,0.18);--color-accent-border:rgba(101,214,158,0.30);--color-accent-glow:rgba(101,214,158,0.35);--color-success:#65d69e;--color-success-bg:rgba(101,214,158,0.10);--color-warning:#fbbf24;--color-warning-bg:rgba(251,191,36,0.10);--color-danger:#f87171;--color-danger-bg:rgba(248,113,113,0.10);--color-info:#7dd3fc;--color-info-bg:rgba(125,211,252,0.10);--color-selection-bg:rgba(101,214,158,0.30);--color-selection-fg:#fafaf5;--font-display:'Space Grotesk','Inter',system-ui,-apple-system,'Segoe UI',sans-serif;--font-body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;--font-mono:'JetBrains Mono','Fira Code',ui-monospace,Consolas,monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--text-5xl:3.25rem;--text-display:4.5rem;--text-mega:6rem;--leading-tight:1.1;--leading-snug:1.25;--leading-normal:1.5;--leading-relaxed:1.7;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:900;--tracking-tight:-0.03em;--tracking-snug:-0.015em;--tracking-normal:0;--tracking-wide:0.05em;--tracking-wider:0.1em;--tracking-widest:0.18em;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:2.5rem;--space-8:3rem;--space-10:4rem;--space-12:6rem;--space-16:8rem;--space-20:10rem;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-3xl:40px;--radius-full:9999px;--shadow-xs:0 1px 0 rgba(255,255,255,0.03) inset;--shadow-sm:0 2px 6px rgba(0,0,0,0.30);--shadow-md:0 8px 20px rgba(0,0,0,0.40);--shadow-lg:0 18px 50px rgba(0,0,0,0.55);--shadow-xl:0 32px 80px rgba(0,0,0,0.70);--shadow-glow:0 0 40px var(--color-accent-glow);--shadow-glow-strong:0 0 80px var(--color-accent-glow);--ease-snap:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-emphasized:cubic-bezier(0.2,0,0,1);--duration-instant:80ms;--duration-fast:150ms;--duration-base:250ms;--duration-slow:400ms;--duration-slower:600ms;--z-base:1;--z-raised:10;--z-sticky:50;--z-nav:100;--z-dropdown:500;--z-modal-bg:10000;--z-modal:10001;--z-popover:100000;--z-toast:999999;--container-max:1280px;--container-prose:720px;--container-narrow:480px}[data-theme="light"]{--color-bg:#fafaf5;--color-bg-elevated:#ffffff;--color-surface:#ffffff;--color-surface-2:#f4f4ed;--color-surface-3:#ebebe2;--color-border:rgba(10,10,12,0.08);--color-border-strong:rgba(10,10,12,0.14);--color-border-subtle:rgba(10,10,12,0.04);--color-text:#0a0a0c;--color-text-muted:rgba(10,10,12,0.65);--color-text-subtle:rgba(10,10,12,0.42);--color-text-faint:rgba(10,10,12,0.22);--color-accent:#10b981;--color-accent-hover:#059669;--color-accent-press:#047857;--color-accent-bg:rgba(16,185,129,0.08);--color-accent-bg-strong:rgba(16,185,129,0.16);--color-accent-border:rgba(16,185,129,0.28);--color-accent-glow:rgba(16,185,129,0.25);--color-success:#10b981;--color-success-bg:rgba(16,185,129,0.08);--color-warning:#d97706;--color-warning-bg:rgba(217,119,6,0.08);--color-danger:#dc2626;--color-danger-bg:rgba(220,38,38,0.08);--color-info:#0284c7;--color-info-bg:rgba(2,132,199,0.08);--color-selection-bg:rgba(16,185,129,0.20);--color-selection-fg:#0a0a0c;--shadow-xs:0 1px 2px rgba(10,10,12,0.04);--shadow-sm:0 2px 8px rgba(10,10,12,0.06);--shadow-md:0 6px 20px rgba(10,10,12,0.08);--shadow-lg:0 18px 40px rgba(10,10,12,0.10);--shadow-xl:0 32px 70px rgba(10,10,12,0.12);--shadow-glow:0 0 30px rgba(16,185,129,0.15);--shadow-glow-strong:0 0 60px rgba(16,185,129,0.20)}@media (prefers-reduced-motion:reduce){:root{--duration-instant:0ms;--duration-fast:0ms;--duration-base:0ms;--duration-slow:0ms;--duration-slower:0ms}*,*::before,*::after{animation-duration:0.01ms !important;animation-delay:0ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;transition-delay:0ms !important;scroll-behavior:auto !important}}*:focus{outline:none}button:focus-visible,a:focus-visible,[role="button"]:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}i[class*="fa-"],i[class^="fa-"]{display:inline-block;min-width:1em;text-align:center;font-style:normal}@font-face{font-family:'SpaceGrotesk-fallback';src:local('Arial');size-adjust:101%;ascent-override:95%;descent-override:24%;line-gap-override:0%}@font-face{font-family:'Inter-fallback';src:local('Arial');size-adjust:107%;ascent-override:90%;descent-override:22%;line-gap-override:0%}:root{--font-display:'Space Grotesk','SpaceGrotesk-fallback','Inter',system-ui,-apple-system,sans-serif;--font-body:'Inter','Inter-fallback',system-ui,-apple-system,'Segoe UI',sans-serif}:where(h1,h2,h3,.page-title,.title,.vtu-h1) em,:where(h1,h2,h3,.page-title,.title,.vtu-h1) i{font-style:normal}html{font-synthesis-weight:none}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}h1,.font-display{font-family:var(--font-display);font-optical-sizing:auto;letter-spacing:var(--tracking-snug)}.font-mono,code,pre,kbd,samp{font-family:var(--font-mono)}body::selection,body *::selection{background:var(--color-accent-bg-strong);color:var(--color-text)}.text-gradient{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-hover) 60%,#a8f0cc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bg-gradient-viralio{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-press) 100%)}.bg-gradient-dark{background:linear-gradient(to bottom,var(--color-bg) 0%,var(--color-bg-elevated) 100%)}.reveal{opacity:0;transform:translateY(40px);transition:all 1s cubic-bezier(0.16,1,0.3,1)}.reveal.active{opacity:1;transform:translateY(0)}#inapp-modal{display:none;position:fixed;inset:0;background:rgba(2,6,23,0.80);backdrop-filter:blur(12px);z-index:999999;align-items:center;justify-content:center;opacity:0;transition:.3s cubic-bezier(0.16,1,0.3,1)}#inapp-modal.show{display:flex;opacity:1}#inapp-modal .modal-content{max-width:340px;padding:32px 24px}.nav-link-pill{position:relative;padding:6px 12px;border-radius:999px;transition:color 0.25s ease}.nav-link-pill::before{content:'';position:absolute;inset:0;border-radius:999px;background:rgba(101,214,158,0.10);opacity:0;transform:scale(0.85);transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1)}.nav-link-pill:hover::before{opacity:1;transform:scale(1)}.nav-link-pill:hover{color:var(--color-accent-press) !important}.nav-link-pill.active-nav::before{opacity:1;transform:scale(1);background:rgba(101,214,158,0.12)}.nav-link-pill.active-nav{color:var(--color-accent-press) !important}@keyframes boltPulse{0%,100%{box-shadow:0 4px 12px rgba(0,0,0,0.08),0 0 0 1px var(--color-accent-press),0 0 0 0 rgba(101,214,158,0)}50%{box-shadow:0 4px 12px rgba(0,0,0,0.08),0 0 0 1px var(--color-accent-press),0 0 0 6px rgba(101,214,158,0.18)}}.logo-icon{animation:boltPulse 3s ease-in-out infinite}.logo-wordmark{color:#0a0a0c;background:none;-webkit-text-fill-color:currentColor;-webkit-background-clip:initial;background-clip:initial;animation:none;font-family:var(--font-display);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight)}@keyframes shineSweep{0%{transform:translateX(-120%) skewX(-15deg);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateX(220%) skewX(-15deg);opacity:0}}.btn-shine::after{content:'';position:absolute;top:-10%;left:0;width:35%;height:120%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.25),transparent);animation:shineSweep 3s cubic-bezier(0.4,0,0.2,1) infinite}.nav-wrapper{transition:all 0.4s cubic-bezier(0.16,1,0.3,1)}.nav-wrapper.scrolled{padding-top:0.5rem !important}.nav-wrapper.scrolled nav{padding-top:0.5rem;padding-bottom:0.5rem;box-shadow:0 8px 32px rgba(0,0,0,0.12);background:rgba(255,255,255,0.92) !important}#mobile-dropdown{transform-origin:top left;transition:all 0.35s cubic-bezier(0.34,1.56,0.64,1)}#mobile-dropdown.menu-visible{opacity:1 !important;transform:scale(1) !important;pointer-events:auto !important}#mobile-dropdown.opacity-0{opacity:0}#mobile-dropdown.opacity-100{opacity:1}#sticky-cta{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(120px);z-index:9999;transition:transform 0.6s cubic-bezier(0.34,1.56,0.64,1),opacity 0.4s ease;opacity:0;pointer-events:none;width:max-content;max-width:calc(100vw - 32px)}#sticky-cta.visible{transform:translateX(-50%) translateY(0);opacity:1;pointer-events:auto}.cta-pill{display:flex;align-items:center;gap:12px;background:rgba(9,9,11,0.88);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,0.10);border-radius:9999px;padding:6px 8px 6px 16px;box-shadow:0 0 0 1px var(--color-accent-border),0 20px 60px -10px rgba(0,0,0,0.55),0 0 40px var(--color-accent-glow),inset 0 1px 0 rgba(255,255,255,0.06)}@keyframes ctaOrb{0%,100%{transform:scale(1);opacity:0.7}50%{transform:scale(1.15);opacity:1}}.cta-pill-orb{width:6px;height:6px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 8px var(--color-accent),0 0 16px var(--color-accent-glow);animation:ctaOrb 2s ease-in-out infinite;flex-shrink:0}.cta-pill-text{color:rgba(255,255,255,0.85);font-size:0.8rem;font-weight:600;letter-spacing:-0.01em;white-space:nowrap}.cta-pill-text strong{color:#fff;font-weight:800}.cta-pill-badge{display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:0 !important;background:rgba(245,158,11,0.12);border:1px solid rgba(245,158,11,0.25);padding:5px 10px;border-radius:12px;letter-spacing:0.05em;text-transform:uppercase;flex-shrink:0}.cta-badge-row{display:flex;align-items:center;gap:4px;font-size:0.58rem;font-weight:800;color:#fbbf24;letter-spacing:0.04em;text-transform:uppercase;line-height:1.5}.cta-badge-row--voice{color:var(--color-accent)}.cta-badge-row--voice i{color:var(--color-accent)}.cta-badge-divider{width:100%;height:1px;background:rgba(255,255,255,0.08);margin:2px 0}@keyframes ctaBtnShine{0%{transform:translateX(-100%) skewX(-15deg)}100%{transform:translateX(300%) skewX(-15deg)}}.cta-pill-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:6px;background:var(--color-accent);color:#0a0a0c;font-size:0.8rem;font-weight:800;padding:10px 18px;border-radius:9999px;border:none;cursor:pointer;white-space:nowrap;box-shadow:0 0 20px var(--color-accent-glow),0 4px 15px var(--color-accent-glow);transition:transform 0.2s ease,box-shadow 0.2s ease;flex-shrink:0}.cta-pill-btn::after{content:'';position:absolute;top:-20%;left:0;width:30%;height:140%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);animation:ctaBtnShine 3s ease-in-out infinite}.cta-pill-btn:hover{transform:scale(1.04);background:var(--color-accent-hover);box-shadow:0 0 30px var(--color-accent-glow),0 4px 20px var(--color-accent-glow)}.cta-pill-close{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);color:rgba(255,255,255,0.4);font-size:0.65rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;flex-shrink:0}.cta-pill-close:hover{background:rgba(255,255,255,0.12);color:rgba(255,255,255,0.8)}@media (max-width:640px){#sticky-cta{bottom:148px}.cta-pill{padding:5px 6px 5px 12px;gap:8px;overflow:hidden;min-width:0}.cta-pill-badge{display:none !important}.cta-pill-text{font-size:0.72rem;min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis}.cta-pill-btn{padding:9px 14px;font-size:0.72rem;flex-shrink:0}.cta-pill-close{flex-shrink:0}}@media (max-width:640px){.floating-widgets-mobile{transition:bottom 0.35s cubic-bezier(0.4,0,0.2,1),opacity 0.3s ease}body.scrolling-down .floating-widgets-mobile{bottom:-160px !important;opacity:0 !important;pointer-events:none}body.scrolling-down #sticky-cta.visible{bottom:-160px !important;opacity:0 !important;pointer-events:none}}.hero-mesh{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.mesh-orb{position:absolute;border-radius:50%;filter:blur(80px);animation:meshFloat 8s ease-in-out infinite}.mesh-orb-1{width:600px;height:600px;background:radial-gradient(circle,var(--color-accent-glow) 0%,transparent 70%);top:-10%;left:10%;animation-delay:0s}.mesh-orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(101,214,158,0.10) 0%,transparent 70%);top:0%;right:5%;animation-delay:-3s}.mesh-orb-3{width:400px;height:400px;background:radial-gradient(circle,rgba(101,214,158,0.07) 0%,transparent 70%);bottom:10%;left:40%;animation-delay:-5s}@keyframes meshFloat{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,15px) scale(0.97)}}.mockup-3d-wrapper{perspective:1200px;cursor:pointer}.mockup-3d{transition:transform 0.15s ease-out;transform-style:preserve-3d;will-change:transform}.noise-texture::before{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:0.025;pointer-events:none;z-index:1}@keyframes slideGlow{0%{transform:translateX(-100%)}60%{transform:translateX(100%)}100%{transform:translateX(100%)}}@keyframes bounceZoom{0%{transform:scale(0.8);opacity:0}60%{transform:scale(1.05);opacity:1}80%{transform:scale(0.98)}100%{transform:scale(1)}}.progress-fill{height:100%;transform:scaleY(0);transform-origin:top;transition:transform 0.1s linear}.animate-progress{animation:fillProgress var(--animation-duration) linear forwards}@keyframes fillProgress{0%{transform:scaleY(0)}100%{transform:scaleY(1)}}.workflow-item{opacity:0.4;transition:all 0.4s cubic-bezier(0.16,1,0.3,1);border:1px solid transparent}.workflow-item.active{opacity:1;background-color:var(--color-surface-2);border-color:var(--color-accent-border);box-shadow:0 20px 40px -15px rgba(0,0,0,0.3),0 0 0 1px var(--color-border-subtle);transform:scale(1.03)}.video-fade{transition:opacity 0.5s ease}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-surface-3);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}#login-modal{display:none;position:fixed;inset:0;background:rgba(2,6,23,0.80);backdrop-filter:blur(12px);z-index:99999;align-items:center;justify-content:center;opacity:0;transition:0.4s cubic-bezier(0.16,1,0.3,1)}#login-modal.show{display:flex;opacity:1}.modal-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:2rem;padding:40px 24px;text-align:center;max-width:400px;width:90%;transform:translateY(30px) scale(0.95);transition:0.5s cubic-bezier(0.16,1,0.3,1);box-shadow:var(--shadow-xl),0 0 60px rgba(0,0,0,0.5)}#login-modal.show .modal-content{transform:translateY(0) scale(1)}.faq-content{max-height:0;overflow:hidden;transition:max-height 0.5s cubic-bezier(0.16,1,0.3,1)}.faq-content.open{max-height:500px}.faq-icon{transition:transform 0.4s ease}.faq-btn.open .faq-icon{transform:rotate(180deg);color:var(--color-accent)}@keyframes eqBite{0%,100%{transform:scaleY(0.25)}50%{transform:scaleY(1)}}.eq-bar{height:100%;animation:eqBite 1s ease-in-out infinite;transform-origin:bottom}@keyframes badgePop{0%,100%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.06)}}.badge-pop{animation:badgePop 2.5s ease-in-out infinite}@keyframes premiumShine{0%{transform:translateX(-150%) skewX(-20deg);opacity:0}20%{opacity:1}80%{opacity:1}100%{transform:translateX(250%) skewX(-20deg);opacity:0}}.animate-shine-fast{animation:premiumShine 2.5s infinite cubic-bezier(0.4,0,0.2,1)}.glass-premium-fin{box-shadow:0 10px 30px -10px rgba(0,0,0,0.2),inset 0 0 0 1px rgba(255,255,255,0.08)}.floating-widget{transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1)}.floating-widget:hover .widget-label{max-width:120px;opacity:1}.widget-label{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1)}.cancel-overlay{position:fixed;inset:0;z-index:100000;background:rgba(2,6,23,0.88);backdrop-filter:blur(20px) saturate(1.2);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.35s cubic-bezier(0.16,1,0.3,1);padding:16px}.cancel-overlay.cancel-visible{display:flex;opacity:1;pointer-events:auto}.cancel-glass{width:100%;max-width:440px;background:linear-gradient(165deg,rgba(15,23,42,0.97) 0%,rgba(20,20,30,0.96) 50%,rgba(15,23,42,0.97) 100%);border:1px solid var(--color-accent-border);border-radius:28px;box-shadow:0 0 0 1px rgba(255,255,255,0.03),0 25px 80px rgba(0,0,0,0.65),0 0 80px var(--color-accent-glow);position:relative;overflow:hidden;max-height:90vh;overflow-y:auto}.cancel-glass::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-accent-border),transparent)}.cancel-glass::-webkit-scrollbar{width:0}.cancel-close-btn{position:absolute;top:16px;right:16px;z-index:20;width:32px;height:32px;border-radius:10px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);color:rgba(255,255,255,0.4);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;font-size:0.8rem}.cancel-close-btn:hover{background:rgba(255,255,255,0.12);color:#fff}.cancel-step{padding:36px 32px 32px;display:none;animation:cancelFadeIn 0.35s cubic-bezier(0.16,1,0.3,1) forwards}.cancel-step--active{display:block}.cancel-step--exit{display:block;animation:cancelFadeOut 0.25s cubic-bezier(0.4,0,1,1) forwards}@keyframes cancelFadeIn{from{opacity:0;transform:translateY(16px) scale(0.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cancelFadeOut{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-12px) scale(0.97)}}.cancel-hero-icon{width:64px;height:64px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#fff;position:relative}.cancel-hero-icon::after{content:'';position:absolute;inset:-4px;border-radius:24px;opacity:0.3;filter:blur(16px);z-index:-1}.cancel-hero-icon--purple{background:var(--color-accent);box-shadow:0 8px 30px var(--color-accent-glow);color:#0a0a0c}.cancel-hero-icon--purple::after{background:var(--color-accent)}.cancel-hero-icon--gold{background:linear-gradient(135deg,#f59e0b,#ef4444);box-shadow:0 8px 30px rgba(245,158,11,0.35)}.cancel-hero-icon--gold::after{background:linear-gradient(135deg,#f59e0b,#ef4444)}.cancel-hero-icon--red{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 8px 30px rgba(239,68,68,0.35)}.cancel-hero-icon--red::after{background:linear-gradient(135deg,#ef4444,#dc2626)}.cancel-hero-icon--slate{background:linear-gradient(135deg,#475569,#334155);box-shadow:0 8px 30px rgba(71,85,105,0.35)}.cancel-hero-icon--green{background:var(--color-accent);box-shadow:0 8px 30px var(--color-accent-glow);color:#0a0a0c}.cancel-hero-icon--green::after{background:var(--color-accent)}.cancel-title{text-align:center;font-size:1.25rem;font-weight:900;color:var(--color-text);margin-bottom:6px;letter-spacing:-0.02em}.cancel-sub{text-align:center;font-size:0.8rem;font-weight:500;color:var(--color-text-muted);margin-bottom:24px}.cancel-reasons{display:flex;flex-direction:column;gap:8px}.cancel-reason{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:16px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);color:var(--color-text);font-size:0.875rem;font-weight:600;cursor:pointer;transition:all 0.25s cubic-bezier(0.16,1,0.3,1);text-align:left;font-family:var(--font-body)}.cancel-reason:hover{background:var(--color-accent-bg);border-color:var(--color-accent-border);transform:translateX(6px);box-shadow:0 4px 20px var(--color-accent-glow)}.cancel-reason.selected{background:var(--color-accent-bg);border-color:var(--color-accent-border)}.cancel-reason-emoji{font-size:1.3rem;width:28px;text-align:center}.cancel-reason-label{flex:1}.cancel-offer{position:relative;border-radius:20px;padding:28px 24px;background:var(--color-accent-bg);border:1.5px solid var(--color-accent-border);margin-bottom:16px;overflow:hidden}.cancel-offer::before{content:'';position:absolute;top:-60px;right:-60px;width:150px;height:150px;background:radial-gradient(circle,var(--color-accent-glow),transparent 70%);pointer-events:none}.cancel-offer::after{content:'';position:absolute;bottom:-40px;left:-40px;width:120px;height:120px;background:radial-gradient(circle,rgba(101,214,158,0.08),transparent 70%);pointer-events:none}.cancel-offer-tag{display:inline-block;font-size:0.55rem;font-weight:900;letter-spacing:0.15em;padding:4px 10px;border-radius:8px;color:#0a0a0c;margin-bottom:14px;background:var(--color-accent)}.cancel-offer-emoji{font-size:2.2rem;margin-bottom:12px}.cancel-offer-title{font-size:1.15rem;font-weight:800;color:var(--color-text);margin-bottom:8px;letter-spacing:-0.01em;position:relative;z-index:1}.cancel-offer-desc{font-size:0.8rem;color:var(--color-text-muted);line-height:1.6;margin-bottom:20px;position:relative;z-index:1}.cancel-offer-desc strong{color:var(--color-accent);font-weight:700}.cancel-offer-cta{width:100%;padding:14px;border-radius:14px;background:var(--color-accent);color:#0a0a0c;font-size:0.875rem;font-weight:800;border:none;cursor:pointer;box-shadow:0 6px 25px var(--color-accent-glow);transition:all 0.25s;position:relative;z-index:1;font-family:var(--font-body)}.cancel-offer-cta:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 10px 35px var(--color-accent-glow)}.cancel-offer-cta:disabled{opacity:0.7;cursor:wait;transform:none}.cancel-skip-btn{width:100%;padding:12px;border-radius:12px;background:transparent;border:1px solid rgba(255,255,255,0.06);color:var(--color-text-subtle);font-size:0.75rem;font-weight:600;cursor:pointer;transition:all 0.2s;font-family:var(--font-body)}.cancel-skip-btn:hover{background:rgba(255,255,255,0.03);color:var(--color-text-muted)}.cancel-lose-grid{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:18px;background:rgba(248,113,113,0.06);border:1px solid rgba(248,113,113,0.12);margin-bottom:24px}.cancel-lose-item{display:flex;align-items:center;gap:12px;font-size:0.82rem;font-weight:600;color:rgba(248,113,113,0.9)}.cancel-lose-icon{width:32px;height:32px;border-radius:10px;background:rgba(248,113,113,0.10);display:flex;align-items:center;justify-content:center;color:rgba(248,113,113,0.7);font-size:0.7rem;flex-shrink:0}.cancel-actions{display:flex;flex-direction:column;gap:10px}.cancel-btn-primary{width:100%;padding:14px;border-radius:14px;background:var(--color-accent);color:#0a0a0c;font-size:0.85rem;font-weight:800;border:none;cursor:pointer;box-shadow:0 6px 25px var(--color-accent-glow);transition:all 0.25s;font-family:var(--font-body);display:flex;align-items:center;justify-content:center;gap:8px}.cancel-btn-primary:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 10px 35px var(--color-accent-glow)}.cancel-btn-danger{width:100%;padding:12px;border-radius:12px;background:rgba(239,68,68,0.06);border:1px solid rgba(239,68,68,0.15);color:rgba(248,113,113,0.7);font-size:0.75rem;font-weight:600;cursor:pointer;transition:all 0.2s;font-family:var(--font-body)}.cancel-btn-danger:hover{background:rgba(239,68,68,0.12);color:rgba(248,113,113,1)}.cancel-btn-danger:disabled{opacity:0.6;cursor:wait}.cancel-btn-secondary{width:100%;padding:12px 20px;border-radius:14px;background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text-muted);font-size:0.85rem;font-weight:700;cursor:pointer;transition:all 0.2s;font-family:var(--font-body);display:flex;align-items:center;justify-content:center;gap:8px}.cancel-btn-secondary:hover{border-color:var(--color-border-strong);color:var(--color-text)}@media (max-width:480px){.cancel-step{padding:28px 20px 24px}.cancel-offer{padding:22px 18px}}.nav-dark-glass{background:rgba(10,10,15,0.80);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-color:rgba(255,255,255,0.07);box-shadow:0 0 0 1px rgba(101,214,158,0.06),0 8px 32px rgba(0,0,0,0.40),inset 0 1px 0 rgba(255,255,255,0.05)}#nav-container.scrolled .nav-dark-glass{background:rgba(8,8,12,0.92);box-shadow:0 0 0 1px rgba(101,214,158,0.09),0 8px 40px rgba(0,0,0,0.55),inset 0 1px 0 rgba(255,255,255,0.04)}.nav-logo-icon{background:rgba(101,214,158,0.10);border:1px solid rgba(101,214,158,0.20);animation:boltPulse 3s ease-in-out infinite}.nav-link-pill::before{background:rgba(101,214,158,0.08)}.nav-link-pill:hover::before,.nav-link-pill.active-nav::before{background:rgba(101,214,158,0.10)}.nav-cta-btn{background:#65d69e;color:#0a0a0c !important;box-shadow:0 4px 20px rgba(101,214,158,0.28);font-family:var(--font-body)}.nav-cta-btn::after{content:'';position:absolute;top:-10%;left:0;width:35%;height:120%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.22),transparent);animation:shineSweep 2.8s cubic-bezier(0.4,0,0.2,1) infinite}.nav-cta-btn:hover{background:#7de0a8;transform:translateY(-1px);box-shadow:0 6px 28px rgba(101,214,158,0.40)}.nav-user-btn{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);cursor:pointer;font-family:var(--font-body)}.nav-user-btn:hover{background:rgba(255,255,255,0.08);border-color:rgba(101,214,158,0.20)}.nav-user-btn.menu-open #nav-chevron{transform:rotate(180deg)}.nav-dropdown{background:rgba(11,11,17,0.96);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:1px solid rgba(255,255,255,0.08);box-shadow:0 0 0 1px rgba(101,214,158,0.05),0 20px 60px rgba(0,0,0,0.65),inset 0 1px 0 rgba(255,255,255,0.04)}#user-menu-dropdown.opacity-100{opacity:1 !important;pointer-events:auto !important;transform:scale(1) !important}.nav-drop-item{cursor:pointer;text-align:left;background:transparent;border:none;font-family:var(--font-body);width:100%;text-decoration:none;display:flex;align-items:center;transition:background 0.15s}.nav-drop-item:hover{background:rgba(255,255,255,0.05)}.nav-drop-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}#mobile-dropdown.menu-visible{opacity:1 !important;transform:scale(1) !important;pointer-events:auto !important}.hero-section{position:relative;background:var(--color-bg);color:var(--color-text);padding:clamp(5rem,8vw,8rem) 0 clamp(4rem,8vw,6rem);overflow:clip;border-bottom-left-radius:var(--radius-3xl);border-bottom-right-radius:var(--radius-3xl);z-index:10;isolation:isolate}.hero-bg-grid{position:absolute;inset:0;background-image:linear-gradient(to right,rgba(255,255,255,0.035) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,0.035) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 70% 50% at 50% 35%,black 30%,transparent 75%);mask-image:radial-gradient(ellipse 70% 50% at 50% 35%,black 30%,transparent 75%);pointer-events:none}.hero-glow{position:absolute;top:-8%;left:50%;transform:translateX(-50%);width:80%;height:70%;background:radial-gradient(circle,var(--color-accent-glow) 0%,transparent 60%);filter:blur(120px);pointer-events:none;opacity:0.55;z-index:-1}.hero-content{position:relative;z-index:1;max-width:64rem;margin:0 auto;padding:0 var(--space-4);text-align:center}.hero-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:5px 14px 5px 6px;border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);text-decoration:none;transition:all var(--duration-base) var(--ease-snap);margin-bottom:var(--space-6);backdrop-filter:blur(8px)}.hero-pill:hover{border-color:var(--color-accent-border);background:var(--color-surface-2);color:var(--color-text);transform:translateY(-1px)}.hero-pill-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-full);background:var(--color-accent-bg-strong);color:var(--color-accent);font-size:0.65rem;flex-shrink:0}.hero-pill-arrow{color:var(--color-accent);font-weight:var(--weight-bold);margin-left:var(--space-1);transition:transform var(--duration-base) var(--ease-spring)}.hero-pill:hover .hero-pill-arrow{transform:translateX(3px)}.hero-headline{font-family:var(--font-display);font-optical-sizing:auto;font-size:clamp(2.5rem,7vw,4.5rem);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);font-weight:var(--weight-medium);color:var(--color-text);margin:0 auto var(--space-5);max-width:18ch}.hero-accent{color:var(--color-accent);font-weight:var(--weight-regular);background-image:linear-gradient(to right,var(--color-accent),var(--color-accent));background-position:0 100%;background-repeat:no-repeat;background-size:0% 2px;transition:background-size 1.2s var(--ease-snap) 0.8s;padding-bottom:2px;display:inline-block}.hero-section.hero-loaded .hero-accent{background-size:100% 2px}.hero-sub{font-family:var(--font-body);font-size:clamp(1rem,1.6vw,1.2rem);line-height:var(--leading-relaxed);color:var(--color-text-muted);max-width:42rem;margin:0 auto var(--space-7)}.hero-sub-highlight{display:block;margin-top:var(--space-2);color:var(--color-text);font-weight:var(--weight-semibold)}.hero-ctas{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-7);padding:0 var(--space-4)}@media (min-width:640px){.hero-ctas{flex-direction:row}}.hero-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:14px 28px;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-snug);cursor:pointer;transition:all var(--duration-base) var(--ease-snap);border:1px solid transparent;text-decoration:none;width:100%;max-width:280px}@media (min-width:640px){.hero-btn{width:auto}}.hero-btn-primary{background:var(--color-accent);color:#0a0a0c;box-shadow:0 0 0 1px var(--color-accent-press),0 8px 30px var(--color-accent-glow)}.hero-btn-primary:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 0 0 1px var(--color-accent-press),0 14px 40px var(--color-accent-glow)}.hero-btn-primary:active{transform:translateY(0)}.hero-btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.hero-btn-secondary:hover{background:var(--color-surface-2);border-color:var(--color-text-subtle);transform:translateY(-2px)}.hero-social{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.hero-avatars{display:flex;align-items:center}.hero-avatars>img,.hero-avatars-counter{width:36px;height:36px;border-radius:var(--radius-full);border:2px solid var(--color-bg);object-fit:cover;box-shadow:var(--shadow-sm)}.hero-avatars>*+*{margin-left:-10px}.hero-avatars>img:hover{transform:scale(1.1) translateY(-2px);z-index:50;position:relative;transition:transform var(--duration-base) var(--ease-spring)}.hero-avatars-counter{background:var(--color-surface-2);color:var(--color-text);font-size:var(--text-xs);font-weight:var(--weight-bold);display:inline-flex;align-items:center;justify-content:center;border-color:var(--color-bg)}.hero-social-text{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-muted);text-align:left;line-height:var(--leading-snug);margin:0}.hero-social-text strong{color:var(--color-text);font-weight:var(--weight-bold);font-family:var(--font-mono);letter-spacing:-0.02em}.hero-mockup-wrapper{margin-top:clamp(3rem,6vw,5rem);padding:0 var(--space-4);position:relative;z-index:1;perspective:1500px}.hero-mockup{max-width:64rem;margin:0 auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:8px;box-shadow:var(--shadow-xl),0 0 80px rgba(101,214,158,0.07),0 0 0 1px var(--color-border-subtle);transform-style:preserve-3d;transition:transform 0.4s var(--ease-snap)}.hero-mockup-chrome{display:flex;align-items:center;gap:6px;padding:8px 12px}.hero-mockup-dot{width:12px;height:12px;border-radius:var(--radius-full)}.hero-mockup-dot--red{background:#ff5f56}.hero-mockup-dot--yellow{background:#ffbd2e}.hero-mockup-dot--green{background:#27c93f}.hero-mockup-url{flex:1;margin-left:var(--space-3);height:28px;display:flex;align-items:center;padding:0 var(--space-3);border-radius:var(--radius-sm);background:var(--color-bg);border:1px solid var(--color-border-subtle);font-family:var(--font-mono);font-size:0.7rem;color:var(--color-text-muted);gap:var(--space-2);letter-spacing:var(--tracking-wide)}.hero-mockup-url i{color:var(--color-text-faint)}.hero-mockup-screen{aspect-ratio:16 / 9;border-radius:var(--radius-xl);overflow:hidden;background:var(--color-bg);border:1px solid var(--color-border)}.hero-mockup-screen video{width:100%;height:100%;object-fit:cover;display:block}.vhs-wrapper{position:relative;width:100%;max-width:1100px;margin:32px auto 0;padding:36px 16px 32px;display:flex;justify-content:center;align-items:center;perspective:1600px;transform:translateZ(0);-webkit-transform:translateZ(0)}.vhs-wrapper::before{content:'';position:absolute;inset:10% 8% 18%;background:radial-gradient(ellipse at center,rgba(101,214,158,0.18) 0%,transparent 65%);filter:blur(60px);z-index:0;pointer-events:none;animation:vhsAmbient 6s ease-in-out infinite}@keyframes vhsAmbient{0%,100%{opacity:0.6;transform:scale(0.95)}50%{opacity:1;transform:scale(1.05)}}.vhs-deck{position:relative;width:100%;height:480px;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;z-index:1}.vhs-card{position:absolute;width:320px;height:380px;border-radius:26px;transform-style:preserve-3d;transition:transform 0.65s cubic-bezier(0.16,1,0.3,1),filter 0.45s ease,opacity 0.45s ease;cursor:pointer;will-change:transform,filter;-webkit-backface-visibility:hidden;backface-visibility:hidden}.vhs-card-inner{position:relative;width:100%;height:100%;border-radius:inherit;overflow:hidden;background:linear-gradient(180deg,#0f1117 0%,#08080d 100%);border:1px solid rgba(255,255,255,0.06);box-shadow:0 24px 60px -12px rgba(0,0,0,0.7),0 0 0 1px rgba(255,255,255,0.02),inset 0 1px 0 rgba(255,255,255,0.04)}.vhs-card-inner::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,transparent 58%,rgba(0,0,0,0.5) 100%),repeating-linear-gradient(0deg,rgba(255,255,255,0.006) 0px,rgba(255,255,255,0.006) 1px,transparent 1px,transparent 4px);pointer-events:none;z-index:3}.vhs-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;transition:transform 1.2s cubic-bezier(0.16,1,0.3,1)}.vhs-card:hover .vhs-video{transform:scale(1.06)}.vhs-card--left{transform:translateX(-190px) translateZ(-30px) rotateY(12deg) rotateZ(-2deg) scale(0.88);filter:brightness(0.5) saturate(0.65) blur(2px);opacity:1;z-index:3}.vhs-card--left:hover{transform:translateX(-190px) translateZ(10px) rotateY(12deg) rotateZ(-2deg) scale(0.92);filter:brightness(0.9) saturate(0.9) blur(0px);z-index:5}.vhs-card--right{transform:translateX(190px) translateZ(-30px) rotateY(-12deg) rotateZ(2deg) scale(0.88);filter:brightness(0.5) saturate(0.65) blur(2px);opacity:1;z-index:3}.vhs-card--right:hover{transform:translateX(190px) translateZ(10px) rotateY(-12deg) rotateZ(2deg) scale(0.92);filter:brightness(0.9) saturate(0.9) blur(0px);z-index:5}.vhs-deck:has(.vhs-card--left:hover) .vhs-card--center{filter:brightness(0.85) saturate(0.85) blur(0px);transition:filter 0.35s ease}.vhs-deck:has(.vhs-card--left:hover) .vhs-card--right{filter:brightness(0.4) saturate(0.55) blur(2px);transition:filter 0.35s ease}.vhs-deck:has(.vhs-card--right:hover) .vhs-card--center{filter:brightness(0.85) saturate(0.85) blur(0px);transition:filter 0.35s ease}.vhs-deck:has(.vhs-card--right:hover) .vhs-card--left{filter:brightness(0.4) saturate(0.55) blur(2px);transition:filter 0.35s ease}.vhs-card--center{transform:translateZ(40px) scale(1.02);filter:brightness(1) saturate(1) blur(0px);opacity:1;z-index:4}.vhs-card--center:hover{transform:translateZ(55px) scale(1.04)}.vhs-card--center .vhs-card-inner{border:1px solid rgba(101,214,158,0.28);box-shadow:0 32px 80px -20px rgba(0,0,0,0.85),0 0 0 1px rgba(101,214,158,0.08),0 0 80px -20px rgba(101,214,158,0.55),inset 0 1px 0 rgba(255,255,255,0.08)}@media (min-width:769px){.vhs-card--center{width:540px !important;height:304px !important}.vhs-card--left{transform:translateX(-310px) translateZ(-30px) rotateY(12deg) rotateZ(-2deg) scale(0.88)}.vhs-card--left:hover{transform:translateX(-310px) translateZ(10px) rotateY(12deg) rotateZ(-2deg) scale(0.92)}.vhs-card--right{transform:translateX(310px) translateZ(-30px) rotateY(-12deg) rotateZ(2deg) scale(0.88)}.vhs-card--right:hover{transform:translateX(310px) translateZ(10px) rotateY(-12deg) rotateZ(2deg) scale(0.92)}.vhs-deck{height:420px !important}.vhs-wrapper{max-width:1200px}}.vhs-ring{position:absolute;inset:-2px;border-radius:30px;pointer-events:none;z-index:0;background:conic-gradient(from 0deg,rgba(101,214,158,0) 0deg,rgba(101,214,158,0.85) 60deg,rgba(125,224,168,0.4) 130deg,rgba(101,214,158,0) 200deg,rgba(101,214,158,0) 360deg);animation:vhsRingSpin 4.5s linear infinite;-webkit-mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;filter:drop-shadow(0 0 12px rgba(101,214,158,0.5))}@keyframes vhsRingSpin{to{transform:rotate(360deg)}}.vhs-badge{position:absolute;top:16px;left:50%;transform:translateX(-50%);z-index:5;display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:100px;font-family:var(--font-body,system-ui);font-size:0.7rem;font-weight:800;letter-spacing:0.04em;text-transform:uppercase;white-space:nowrap;background:rgba(8,8,13,0.85);backdrop-filter:blur(14px) saturate(180%);-webkit-backdrop-filter:blur(14px) saturate(180%);border:1px solid rgba(255,255,255,0.1)}.vhs-badge i{font-size:0.65rem}.vhs-badge--amber{color:#fbbf24;border-color:rgba(251,191,36,0.32);box-shadow:0 4px 16px rgba(0,0,0,0.4),0 0 20px rgba(251,191,36,0.18)}.vhs-badge--green{color:#65d69e;border-color:rgba(101,214,158,0.4);box-shadow:0 4px 16px rgba(0,0,0,0.4),0 0 24px rgba(101,214,158,0.3)}.vhs-badge--voice{color:#7de0a8;border-color:rgba(129,140,248,0.3);box-shadow:0 4px 16px rgba(0,0,0,0.4),0 0 20px rgba(129,140,248,0.18)}.vhs-speed-pill{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;display:inline-flex;align-items:center;gap:10px;padding:9px 16px;border-radius:100px;font-family:var(--font-body,system-ui);font-size:0.75rem;font-weight:800;letter-spacing:0.02em;background:rgba(8,8,13,0.82);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);border:1px solid rgba(101,214,158,0.3);box-shadow:0 10px 30px rgba(0,0,0,0.6),0 0 32px rgba(101,214,158,0.2),inset 0 1px 0 rgba(255,255,255,0.06);animation:vhsSpeedFloat 4s ease-in-out infinite}@keyframes vhsSpeedFloat{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-4px)}}.vhs-speed-before{color:#64748b;text-decoration:line-through;text-decoration-color:rgba(100,116,139,0.6)}.vhs-speed-after{color:#65d69e}.vhs-speed-pill i{animation:vhsBoltPulse 1.4s ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(101,214,158,0.7))}@keyframes vhsBoltPulse{0%,100%{transform:scale(1);opacity:0.8}50%{transform:scale(1.2);opacity:1}}.vhs-card-footer{position:absolute;left:0;right:0;bottom:0;padding:56px 18px 18px;z-index:4;display:flex;flex-direction:column;gap:4px;background:linear-gradient(to top,rgba(0,0,0,0.92) 0%,rgba(0,0,0,0.65) 50%,transparent 100%)}.vhs-card-label{font-family:var(--font-display,var(--font-body,system-ui));font-size:1rem;font-weight:800;letter-spacing:-0.015em;color:#ffffff;line-height:1.2}.vhs-card-time{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body,system-ui);font-size:0.72rem;font-weight:700;letter-spacing:0.01em;color:#65d69e}.vhs-card-time s{color:#64748b;text-decoration:line-through;text-decoration-color:rgba(100,116,139,0.55);font-weight:600}.vhs-tenx{position:absolute;top:-24px;right:-32px;z-index:10;width:92px;height:92px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#0a0a0c;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,0.4) 0%,transparent 50%),linear-gradient(135deg,#7de0a8 0%,#65d69e 45%,#34d399 100%);box-shadow:0 14px 40px rgba(101,214,158,0.5),0 0 0 5px rgba(10,10,15,0.95),inset 0 2px 0 rgba(255,255,255,0.5),inset 0 -2px 0 rgba(0,0,0,0.18);animation:vhsTenxBob 3.5s ease-in-out infinite;transform-origin:center;font-family:var(--font-display,var(--font-body,system-ui))}.vhs-tenx-icon{display:inline-flex;align-items:center;justify-content:center;font-size:1.7rem;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.15))}.vhs-tenx-icon i{animation:vhsWandTwinkle 2.4s ease-in-out infinite;transform-origin:center}@keyframes vhsWandTwinkle{0%,100%{transform:rotate(-4deg) scale(1);filter:brightness(1)}50%{transform:rotate(6deg) scale(1.1);filter:brightness(1.15)}}.vhs-tenx small{font-size:0.58rem;font-weight:900;text-transform:uppercase;letter-spacing:0.12em;margin-top:3px;opacity:0.92}@keyframes vhsTenxBob{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-8px) rotate(-3deg)}}@media (max-width:900px){.vhs-wrapper{padding:24px 12px 32px}.vhs-deck{height:340px}.vhs-card{width:280px;height:320px;border-radius:22px}.vhs-card--left{transform:translateX(-170px) translateZ(-40px) rotateY(14deg) rotateZ(-2deg) scale(0.88)}.vhs-card--right{transform:translateX( 170px) translateZ(-40px) rotateY(-14deg) rotateZ(2deg) scale(0.88)}.vhs-card--left:hover{transform:translateX(-160px) translateZ(20px) rotateY(8deg) rotateZ(-1deg) scale(0.94)}.vhs-card--right:hover{transform:translateX( 160px) translateZ(20px) rotateY(-8deg) rotateZ(1deg) scale(0.94)}.vhs-tenx{width:76px;height:76px;top:-18px;right:-14px}.vhs-tenx-icon{font-size:1.45rem}}@media (max-width:640px){.vhs-wrapper{padding:16px 16px 28px;perspective:none;overflow:visible;max-width:100%}.vhs-wrapper::before{display:none}.vhs-deck{position:relative;width:100%;height:auto;transform-style:flat;display:flex;align-items:center;justify-content:center}.vhs-card--left,.vhs-card--right{display:none !important}.vhs-card--center{position:relative !important;width:100% !important;max-width:420px !important;height:auto !important;aspect-ratio:16 / 9;border-radius:20px;transform:none !important;filter:none !important;z-index:1}.vhs-card--center .vhs-card-inner{border-color:rgba(101,214,158,0.32);box-shadow:0 20px 50px -14px rgba(0,0,0,0.7),0 0 60px -22px rgba(101,214,158,0.4),inset 0 1px 0 rgba(255,255,255,0.08)}.vhs-tenx{width:58px;height:58px;top:-10px;right:-10px}.vhs-tenx-icon{font-size:1.1rem}.vhs-tenx small{font-size:0.46rem;letter-spacing:0.08em}.vhs-speed-pill{font-size:0.7rem;padding:7px 13px;gap:7px}.vhs-card-label{font-size:0.92rem}.vhs-pipeline{gap:8px;padding:52px 10px 78px}.vhs-pipe-stage{gap:7px;max-width:200px}.vhs-pipe-icon{width:28px;height:28px;font-size:0.75rem;border-radius:8px}.vhs-pipe-bubble{padding:6px 9px;font-size:0.66rem}.vhs-pipe-url{font-size:0.62rem}.vhs-pipe-core{width:44px;height:44px;font-size:1rem}.vhs-pipe-line{height:22px}.vhs-pipe-label{font-size:0.55rem;letter-spacing:0.1em}.vhs-photo-counter{font-size:0.62rem;padding:4px 9px 4px 7px;top:12px;right:12px}.vhs-photo-counter-num{font-size:0.7rem}}@media (max-width:420px){.vhs-card--center{max-width:100% !important}.vhs-badge{font-size:0.62rem;padding:5px 11px}}.vhs-photo-stack{position:absolute;inset:0;z-index:1;overflow:hidden;border-radius:inherit;pointer-events:none}.vhs-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:vhsPhotoCycle 10s infinite;will-change:opacity,transform;pointer-events:none}.vhs-photo:nth-child(1){animation-delay:0s}.vhs-photo:nth-child(2){animation-delay:1s}.vhs-photo:nth-child(3){animation-delay:2s}.vhs-photo:nth-child(4){animation-delay:3s}.vhs-photo:nth-child(5){animation-delay:4s}.vhs-photo:nth-child(6){animation-delay:5s}.vhs-photo:nth-child(7){animation-delay:6s}.vhs-photo:nth-child(8){animation-delay:7s}.vhs-photo:nth-child(9){animation-delay:8s}.vhs-photo:nth-child(10){animation-delay:9s}@keyframes vhsPhotoCycle{0%{opacity:0;transform:scale(1.06);filter:blur(4px)}6%{opacity:1;transform:scale(1.03);filter:blur(0)}14%{opacity:1;transform:scale(1.01);filter:blur(0)}20%{opacity:0;transform:scale(1);filter:blur(0)}100%{opacity:0;transform:scale(1);filter:blur(0)}}.vhs-photo-counter{position:absolute;top:14px;right:14px;z-index:6;display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 8px;background:rgba(8,8,13,0.85);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(251,191,36,0.32);border-radius:100px;font-family:var(--font-body,system-ui);font-size:0.68rem;font-weight:900;color:#fbbf24;letter-spacing:0.02em;box-shadow:0 4px 16px rgba(0,0,0,0.4),0 0 18px rgba(251,191,36,0.18)}.vhs-photo-counter-dot{width:6px;height:6px;border-radius:50%;background:#fbbf24;box-shadow:0 0 8px 2px rgba(251,191,36,0.65);animation:vhsCounterPulse 0.9s ease-in-out infinite}@keyframes vhsCounterPulse{0%,100%{opacity:0.45;transform:scale(0.75)}50%{opacity:1;transform:scale(1.15)}}.vhs-photo-counter-num{font-size:0.78rem;font-weight:900;letter-spacing:-0.01em}.vhs-photo-counter-label{font-weight:700;text-transform:lowercase;opacity:0.85}.vhs-pipeline{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:56px 14px 86px;background:radial-gradient(circle at 50% 35%,rgba(101,214,158,0.08) 0%,transparent 55%),linear-gradient(180deg,#0e1018 0%,#07070d 60%,#0a0a13 100%)}.vhs-pipe-stage{display:flex;align-items:center;gap:9px;width:100%;max-width:240px}.vhs-pipe-stage--ai{flex-direction:column;align-items:center;gap:6px;text-align:center}.vhs-pipe-icon{width:32px;height:32px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:0.85rem;color:white;flex-shrink:0}.vhs-pipe-icon--tt{background:linear-gradient(135deg,#ff0050 0%,#25f4ee 100%);box-shadow:0 4px 14px rgba(255,0,80,0.35),inset 0 1px 0 rgba(255,255,255,0.18)}.vhs-pipe-icon--check{background:linear-gradient(135deg,#7de0a8,#34d399);color:#052e1a;box-shadow:0 4px 14px rgba(101,214,158,0.45),inset 0 1px 0 rgba(255,255,255,0.25);animation:vhsCheckBloom 4.8s ease-in-out infinite}@keyframes vhsCheckBloom{0%,60%,100%{transform:scale(1);box-shadow:0 4px 14px rgba(101,214,158,0.45)}72%{transform:scale(1.18);box-shadow:0 4px 28px rgba(101,214,158,0.85)}}.vhs-pipe-bubble{flex:1;background:rgba(255,255,255,0.035);border:1px solid rgba(255,255,255,0.09);border-radius:10px;padding:7px 11px;font-family:var(--font-body,system-ui);font-size:0.72rem;font-weight:700;color:#cbd5e1;white-space:nowrap;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,0.02)}.vhs-pipe-bubble--out{background:rgba(101,214,158,0.08);border-color:rgba(101,214,158,0.28);box-shadow:inset 0 1px 0 rgba(255,255,255,0.04),0 0 20px rgba(101,214,158,0.12)}.vhs-pipe-url{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:0.68rem;color:#94a3b8;letter-spacing:-0.01em}.vhs-pipe-caret{display:inline-block;width:1.5px;height:0.85em;background:#65d69e;vertical-align:middle;margin-left:3px;animation:vhsCaretBlink 0.7s steps(2) infinite}@keyframes vhsCaretBlink{0%,50%{opacity:1}50.01%,100%{opacity:0}}.vhs-pipe-out-text{color:#65d69e;font-weight:800;font-size:0.72rem;letter-spacing:0.01em}.vhs-pipe-line{position:relative;width:2px;height:28px;background:linear-gradient(180deg,rgba(101,214,158,0.04) 0%,rgba(101,214,158,0.3) 50%,rgba(101,214,158,0.04) 100%);border-radius:100px;overflow:visible}.vhs-pipe-dot{position:absolute;left:50%;transform:translateX(-50%);width:6px;height:6px;border-radius:50%;background:#65d69e;box-shadow:0 0 10px 2px rgba(101,214,158,0.65);top:-8px;opacity:0;animation:vhsPipeFlow 2.4s ease-in-out infinite}.vhs-pipe-dot:nth-child(2){animation-delay:0.4s}.vhs-pipe-dot:nth-child(3){animation-delay:0.8s}.vhs-pipe-line--delay .vhs-pipe-dot:nth-child(1){animation-delay:1.2s}.vhs-pipe-line--delay .vhs-pipe-dot:nth-child(2){animation-delay:1.6s}.vhs-pipe-line--delay .vhs-pipe-dot:nth-child(3){animation-delay:2.0s}@keyframes vhsPipeFlow{0%{top:-8px;opacity:0}15%{opacity:1}85%{opacity:1}100%{top:101%;opacity:0}}.vhs-pipe-core{position:relative;width:52px;height:52px;border-radius:13px;background:radial-gradient(circle at 30% 25%,rgba(101,214,158,0.25),transparent 60%),linear-gradient(135deg,rgba(101,214,158,0.15),rgba(101,214,158,0.04));border:1px solid rgba(101,214,158,0.38);display:flex;align-items:center;justify-content:center;color:#7de0a8;font-size:1.15rem;box-shadow:0 0 28px rgba(101,214,158,0.35),inset 0 1px 0 rgba(255,255,255,0.08)}.vhs-pipe-core i{position:relative;z-index:2;animation:vhsCorePulse 1.8s ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(101,214,158,0.7))}@keyframes vhsCorePulse{0%,100%{transform:scale(1);opacity:0.85}50%{transform:scale(1.18);opacity:1}}.vhs-pipe-orbit{position:absolute;inset:-5px;border-radius:16px;border:1px dashed rgba(101,214,158,0.5);animation:vhsOrbitSpin 5s linear infinite;pointer-events:none}@keyframes vhsOrbitSpin{to{transform:rotate(360deg)}}.vhs-pipe-label{font-family:var(--font-body,system-ui);font-size:0.6rem;font-weight:900;color:#65d69e;text-transform:uppercase;letter-spacing:0.14em;text-shadow:0 0 12px rgba(101,214,158,0.4)}.vhs-card--left,.vhs-card--right{cursor:pointer}.vhs-card--center{cursor:default}.vhs-card[role="button"]:focus-visible{outline:2px solid #65d69e;outline-offset:4px;border-radius:inherit}.vhs-card:not(.vhs-card--center) .vhs-tenx,.vhs-card:not(.vhs-card--center) .vhs-ring,.vhs-card:not(.vhs-card--center) .vhs-speed-pill{opacity:0;pointer-events:none;transition:opacity 0.45s ease}.vhs-card .vhs-tenx,.vhs-card .vhs-ring,.vhs-card .vhs-speed-pill{transition:opacity 0.55s cubic-bezier(0.16,1,0.3,1) 0.15s}@media (prefers-reduced-motion:reduce){.vhs-ring,.vhs-tenx,.vhs-speed-pill,.vhs-speed-pill i,.vhs-photo,.vhs-photo-counter-dot,.vhs-pipe-dot,.vhs-pipe-core i,.vhs-pipe-orbit,.vhs-pipe-icon--check,.vhs-pipe-caret,.vhs-wrapper::before{animation:none}.vhs-photo:nth-child(1){opacity:1}.vhs-card,.vhs-video{transition:none}}.vhs-card--left .vhs-card-inner,.vhs-card--right .vhs-card-inner,.vhs-card--left .vhs-badge,.vhs-card--right .vhs-badge,.vhs-card--left .vhs-card-footer,.vhs-card--right .vhs-card-footer,.vhs-card--left .vhs-photo-counter,.vhs-card--right .vhs-photo-counter,.vhs-pipeline,.vhs-pipe-stage,.vhs-pipe-line,.vhs-pipe-bubble,.vhs-pipe-core,.vhs-pipe-orbit,.vhs-pipe-dot,.vhs-pipe-label,.vhs-pipe-icon,.vhs-pipe-url,.vhs-pipe-caret,.vhs-pipe-out-text{pointer-events:none}.vhs-pl-demo{position:absolute;inset:0;overflow:hidden;background:linear-gradient(160deg,#0d0d1f 0%,#080810 55%,#070d0a 100%);display:flex;flex-direction:column;padding:14px 12px 12px;gap:9px;font-family:'Inter',system-ui,sans-serif;border-radius:inherit;z-index:0}.vhs-card:hover .vhs-pl-demo{transform:none}.vpl-header{display:flex;align-items:center;gap:5px;position:relative;z-index:1;animation:vplFadeIn 0.6s ease both}.vpl-status-dot{width:5px;height:5px;border-radius:50%;background:#65d69e;box-shadow:0 0 8px rgba(101,214,158,0.8);flex-shrink:0;animation:vplPulse 2s ease-in-out infinite}.vpl-title{font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#65d69e}.vpl-subdomain{font-size:6px;color:rgba(255,255,255,0.22);font-weight:600;margin-left:auto}.vpl-input{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:9px;padding:7px 9px;display:flex;align-items:center;gap:6px;position:relative;z-index:1;animation:vplFadeIn 0.6s ease 0.15s both}.vpl-link-icon{color:rgba(255,255,255,0.3);flex-shrink:0}.vpl-url-text{font-size:8.5px;font-weight:500;color:rgba(255,255,255,0.6);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vpl-url-text::after{content:'|';color:#65d69e;animation:vplBlink 0.8s step-end infinite;margin-left:1px}.vpl-run-btn{background:#65d69e;border-radius:5px;padding:3.5px 8px;font-size:7px;font-weight:900;color:#07270f;white-space:nowrap;flex-shrink:0;box-shadow:0 0 8px rgba(101,214,158,0.3)}.vpl-steps{display:flex;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,0.07);position:relative;z-index:1;animation:vplFadeIn 0.4s ease 0.3s both}.vpl-step{flex:1;padding:6px 2px;display:flex;flex-direction:column;align-items:center;gap:3px;background:rgba(255,255,255,0.02);border-right:1px solid rgba(255,255,255,0.06);transition:background 0.4s}.vpl-step:last-child{border-right:none}.vpl-step-label{font-size:6px;font-weight:700;color:rgba(255,255,255,0.3);text-transform:uppercase;letter-spacing:.05em}.vpl-step-dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,0.1);transition:background 0.4s,box-shadow 0.4s;display:block}.vpl-step-dot.vpl-active{background:#f5c842;box-shadow:0 0 8px rgba(245,200,66,0.7)}.vpl-step-dot.vpl-done{background:#34d399;box-shadow:0 0 8px rgba(52,211,153,0.6)}.vpl-step-dot.vpl-done-voice{background:#7de0a8;box-shadow:0 0 8px rgba(165,168,255,0.6)}.vpl-results{display:flex;flex-direction:column;gap:7px;position:relative;z-index:1}.vpl-result{opacity:0;transform:translateY(8px);background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:8px 10px;display:flex;align-items:center;gap:8px;transition:opacity 0.5s cubic-bezier(0.16,1,0.3,1),transform 0.5s cubic-bezier(0.16,1,0.3,1)}.vpl-result--voice{background:rgba(101,214,158,0.05);border-color:rgba(101,214,158,0.15)}.vpl-result--green{background:rgba(52,211,153,0.04);border-color:rgba(52,211,153,0.12)}.vpl-result.vpl-visible{opacity:1;transform:translateY(0)}.vpl-result-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.vpl-icon-yt{background:rgba(239,68,68,0.12);border:1px solid rgba(239,68,68,0.25);color:#f87171}.vpl-icon-voice{background:rgba(101,214,158,0.15);border:1px solid rgba(101,214,158,0.25);color:#7de0a8}.vpl-icon-cut{background:rgba(52,211,153,0.1);border:1px solid rgba(52,211,153,0.2);color:#34d399}.vpl-result-body{flex:1;min-width:0}.vpl-result-name{font-size:8.5px;font-weight:700;color:rgba(255,255,255,0.82);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vpl-progress-track{height:3px;background:rgba(255,255,255,0.06);border-radius:99px;overflow:hidden}.vpl-progress-fill{height:100%;width:0%;border-radius:99px;background:linear-gradient(90deg,#2f9c73,#65d69e);transition:width 1.4s cubic-bezier(0.16,1,0.3,1)}.vpl-waveform{display:flex;align-items:center;gap:1.5px;height:14px}.vpl-wave-bar{width:3px;background:rgba(165,168,255,0.55);border-radius:2px;transform-origin:bottom;animation:vplWaveBar 0.5s ease-in-out infinite alternate}.vpl-cut-timeline{display:flex;gap:1.5px;height:7px;align-items:stretch}.vpl-result-ck{font-size:9px;font-weight:900;color:#34d399;opacity:0;transition:opacity 0.3s;flex-shrink:0}.vpl-ck--voice{color:#7de0a8}.vpl-result-ck.vpl-visible{opacity:1}.vpl-platforms{opacity:0;transform:translateY(5px);display:flex;align-items:center;justify-content:center;gap:5px;margin-top:auto;position:relative;z-index:1;transition:opacity 0.5s,transform 0.5s}.vpl-platforms.vpl-visible{opacity:1;transform:translateY(0)}.vpl-plat{padding:3px 7px;border-radius:6px;font-size:7px;font-weight:700;display:flex;align-items:center;gap:3px}.vpl-plat-yt{background:rgba(239,68,68,0.12);border:1px solid rgba(239,68,68,0.2);color:#f87171}.vpl-plat-tt{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.12);color:rgba(255,255,255,0.65)}.vpl-plat-ig{background:rgba(244,114,182,0.1);border:1px solid rgba(244,114,182,0.2);color:#f472b6}@keyframes vplFadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes vplPulse{0%,100%{box-shadow:0 0 6px rgba(101,214,158,0.6)}50%{box-shadow:0 0 12px rgba(101,214,158,0.95)}}@keyframes vplBlink{0%,100%{opacity:1}50%{opacity:0}}@keyframes vplWaveBar{from{transform:scaleY(0.2)}to{transform:scaleY(1)}}.logo-icon{background:var(--color-accent) !important;box-shadow:0 4px 12px rgba(0,0,0,0.08),0 0 0 1px var(--color-accent-press),0 0 24px var(--color-accent-glow) !important}.logo-icon i{color:#0a0a0c !important}@keyframes boltPulse{0%,100%{box-shadow:0 4px 12px rgba(0,0,0,0.08),0 0 0 1px var(--color-accent-press),0 0 0 0 rgba(101,214,158,0)}50%{box-shadow:0 4px 12px rgba(0,0,0,0.08),0 0 0 1px var(--color-accent-press),0 0 0 6px rgba(101,214,158,0.18)}}.logo-wordmark{color:#0a0a0c;background:none !important;-webkit-text-fill-color:currentColor !important;-webkit-background-clip:initial !important;background-clip:initial !important;animation:none !important;font-family:var(--font-display);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight)}.nav-link-pill::before{background:rgba(101,214,158,0.10) !important}.nav-link-pill:hover{color:var(--color-accent-press) !important}.nav-link-pill.active-nav{color:var(--color-accent-press) !important}.nav-link-pill.active-nav::before{background:rgba(101,214,158,0.15) !important}.nav-link-pill.text-indigo-500{color:var(--color-accent-press) !important}button[onclick="toggleMobileMenu()"]:hover{color:var(--color-accent-press) !important}#mobile-dropdown a:hover{color:var(--color-accent-press) !important}#mobile-dropdown a.text-indigo-600,#mobile-dropdown a.hover\:bg-indigo-50\/50{color:var(--color-accent-press) !important}#user-menu-trigger:hover{border-color:var(--color-accent-border) !important;box-shadow:0 4px 12px rgba(101,214,158,0.10) !important}#nav-plan-badge{background:var(--color-accent) !important;color:#0a0a0c !important;background-image:none !important;-webkit-text-fill-color:#0a0a0c !important}#user-menu-trigger .text-indigo-500{color:var(--color-accent-press) !important}#user-menu-dropdown .bg-indigo-500\/20{background:rgba(101,214,158,0.22) !important}#user-menu-dropdown .text-indigo-300{color:var(--color-accent) !important}#dropdown-plan-badge{background:rgba(101,214,158,0.20) !important;color:var(--color-accent) !important;border-color:rgba(101,214,158,0.35) !important}#user-menu-dropdown .bg-emerald-100{background:rgba(101,214,158,0.18) !important}#user-menu-dropdown .text-emerald-600{color:var(--color-accent-press) !important}#user-menu-dropdown button:hover .group-hover\:bg-emerald-500{background:var(--color-accent) !important}#user-menu-dropdown .bg-indigo-50{background:rgba(101,214,158,0.10) !important}#user-menu-dropdown .text-indigo-500{color:var(--color-accent-press) !important}#user-menu-dropdown button:hover.hover\:bg-indigo-50{background:rgba(101,214,158,0.08) !important}#user-menu-dropdown button:hover .group-hover\:bg-indigo-500{background:var(--color-accent) !important}#user-menu-dropdown button:hover .group-hover\:bg-indigo-500+div .text-slate-800,#user-menu-dropdown .group-hover\:text-indigo-600:hover{color:var(--color-accent-press) !important}#nav-container nav,#mobile-dropdown,#user-menu-dropdown{font-family:var(--font-body)}.nav-link-pill,#mobile-dropdown a{font-weight:var(--weight-semibold);letter-spacing:var(--tracking-snug)}.nav-link-pricing{background:linear-gradient(135deg,rgba(236,72,153,0.10) 0%,rgba(236,72,153,0.04) 100%);border:1px solid rgba(236,72,153,0.25);color:#fff;box-shadow:0 0 0 1px rgba(236,72,153,0.05) inset,0 4px 14px rgba(236,72,153,0.12);transition:all 0.25s cubic-bezier(0.16,1,0.3,1);position:relative;overflow:hidden}.nav-link-pricing::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.10),transparent);transform:translateX(-110%);transition:transform 0.7s cubic-bezier(0.16,1,0.3,1);pointer-events:none}.nav-link-pricing:hover{border-color:rgba(236,72,153,0.45);transform:translateY(-1px);box-shadow:0 0 0 1px rgba(236,72,153,0.10) inset,0 10px 28px rgba(236,72,153,0.22)}.nav-link-pricing:focus-visible{outline:2px solid #ec4899;outline-offset:3px}.nav-link-pricing:hover::before{transform:translateX(110%)}.nav-link-pricing .fa-gem{filter:drop-shadow(0 0 6px rgba(236,72,153,0.55));animation:gemSparkle 2.4s ease-in-out infinite}@keyframes gemSparkle{0%,100%{transform:scale(1) rotate(0deg);filter:drop-shadow(0 0 4px rgba(236,72,153,0.45))}50%{transform:scale(1.12) rotate(-6deg);filter:drop-shadow(0 0 10px rgba(236,72,153,0.75))}}.nav-pricing-badge{background:linear-gradient(135deg,#ec4899 0%,#f472b6 100%);color:#fff;text-transform:uppercase;box-shadow:0 0 0 1px rgba(255,255,255,0.15) inset,0 4px 10px rgba(236,72,153,0.35);line-height:1;display:inline-flex;align-items:center;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,100%{box-shadow:0 0 0 1px rgba(255,255,255,0.15) inset,0 4px 10px rgba(236,72,153,0.35),0 0 0 0 rgba(236,72,153,0)}50%{box-shadow:0 0 0 1px rgba(255,255,255,0.20) inset,0 4px 14px rgba(236,72,153,0.55),0 0 0 4px rgba(236,72,153,0.10)}}.nav-dark-glass{background:rgba(10,10,15,0.82) !important;backdrop-filter:blur(24px) saturate(180%) !important;-webkit-backdrop-filter:blur(24px) saturate(180%) !important;border-color:rgba(255,255,255,0.07) !important;box-shadow:0 0 0 1px rgba(101,214,158,0.06),0 8px 32px rgba(0,0,0,0.45),inset 0 1px 0 rgba(255,255,255,0.05) !important}#nav-container.scrolled .nav-dark-glass{background:rgba(8,8,12,0.93) !important;box-shadow:0 0 0 1px rgba(101,214,158,0.09),0 8px 40px rgba(0,0,0,0.55) !important}.nav-logo-icon{background:rgba(101,214,158,0.10) !important;border:1px solid rgba(101,214,158,0.22) !important}.nav-cta-btn{background:#65d69e !important;color:#0a0a0c !important;box-shadow:0 4px 20px rgba(101,214,158,0.28);font-family:var(--font-body);position:relative;overflow:hidden}.nav-cta-btn:hover{background:#7de0a8 !important;transform:translateY(-1px);box-shadow:0 6px 28px rgba(101,214,158,0.4)}.nav-user-btn{background:rgba(255,255,255,0.05) !important;border:1px solid rgba(255,255,255,0.08) !important;cursor:pointer;font-family:var(--font-body)}.nav-user-btn:hover{background:rgba(255,255,255,0.09) !important;border-color:rgba(101,214,158,0.20) !important}.nav-dropdown{background:rgba(11,11,17,0.97) !important;border:1px solid rgba(255,255,255,0.08) !important;box-shadow:0 0 0 1px rgba(101,214,158,0.05),0 20px 60px rgba(0,0,0,0.7) !important}#user-menu-dropdown.opacity-100{opacity:1 !important;pointer-events:auto !important;transform:scale(1) !important}.nav-drop-item{cursor:pointer;text-align:left;background:transparent;border:none;font-family:var(--font-body);width:100%;text-decoration:none;display:flex;align-items:center;transition:background 0.15s}.nav-drop-item:hover{background:rgba(255,255,255,0.05) !important}.nav-drop-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}#mobile-dropdown.menu-visible{opacity:1 !important;transform:scale(1) !important;pointer-events:auto !important}@keyframes navShine{0%{left:-60%}100%{left:120%}}.nav-cta-btn::after{content:'';position:absolute;top:-10%;left:-60%;width:35%;height:120%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.22),transparent);animation:navShine 2.5s linear infinite}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body)}::selection{background:var(--color-selection-bg);color:var(--color-selection-fg)}.reveal{opacity:0;transform:translateY(24px);transition:opacity 0.7s cubic-bezier(0.16,1,0.3,1),transform 0.7s cubic-bezier(0.16,1,0.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.noise-texture::after{content:'';position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");opacity:0.4;z-index:0}@keyframes badgePop{0%{transform:translateX(-50%) translateY(-6px);opacity:0}100%{transform:translateX(-50%) translateY(0);opacity:1}}.badge-pop{animation:badgePop 0.5s cubic-bezier(0.34,1.56,0.64,1) 0.3s both}@keyframes shine{0%{left:-100%}100%{left:100%}}.btn-shine::before{content:'';position:absolute;top:0;left:-100%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.15),transparent);animation:shine 2.5s ease infinite}@keyframes shineFast{0%{left:-100%}100%{left:100%}}.animate-shine-fast{animation:shineFast 1.5s ease infinite}.price-monthly{display:inline}.price-yearly{display:none}.billing-yearly .price-monthly{display:none}.billing-yearly .price-yearly{display:inline}.yearly-badge{display:none}.billing-yearly .yearly-badge{display:flex}.billing-toggle-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.billing-toggle-btn{color:var(--color-text-subtle);background:transparent;border-radius:var(--radius-md);font-family:var(--font-body);transition:all 0.25s}.billing-toggle-btn.active{color:var(--color-text);background:var(--color-surface-2);box-shadow:0 1px 4px rgba(0,0,0,0.35)}.faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color 0.2s}.faq-item:hover{border-color:var(--color-border-strong)}.faq-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;text-align:left;background:transparent;border:none;cursor:pointer;color:var(--color-text);font-weight:700;font-family:var(--font-body);font-size:1rem;transition:background 0.15s}.faq-btn:hover{background:var(--color-surface-2)}.faq-icon{color:var(--color-text-subtle);transition:transform 0.25s;flex-shrink:0}.faq-btn.open .faq-icon{transform:rotate(180deg)}.faq-content{display:none;padding:0 1.5rem;background:var(--color-surface-2);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:0.875rem;line-height:1.7}.faq-content.open{display:block}.faq-content>div{padding:1rem 0 1.5rem}.feature-tag{color:var(--color-accent);background:var(--color-accent-bg);border:1px solid var(--color-accent-border);font-size:0.6rem;font-weight:700;padding:4px 10px;border-radius:6px;text-transform:uppercase;letter-spacing:0.1em}.workflow-item{border-radius:var(--radius-lg);border:1px solid transparent;transition:all 0.3s cubic-bezier(0.16,1,0.3,1)}.workflow-item:hover{background:var(--color-surface)}.workflow-item.active{background:var(--color-surface-2);border-color:var(--color-accent-border)}.workflow-item h3{color:var(--color-text-subtle);transition:color 0.2s}.workflow-item.active h3{color:var(--color-text)}.workflow-item p{color:var(--color-text-faint)}.workflow-item.active p{color:var(--color-text-muted)}.progress-fill{background:var(--color-accent) !important}.ms-card{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 0.8s ease}.ms-card.ms-active{opacity:1}.ms-scanline{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);box-shadow:0 0 12px 2px var(--color-accent-glow);animation:msScan 3s linear infinite;z-index:15;pointer-events:none}@keyframes msScan{0%{top:-2px;opacity:0}5%{opacity:1}95%{opacity:1}100%{top:100%;opacity:0}}.ms-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(101,214,158,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(101,214,158,0.05) 1px,transparent 1px);background-size:20px 20px;z-index:2;pointer-events:none}.ms-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(5,5,16,0.85) 100%);z-index:3;pointer-events:none}.ms-overlay-top{position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(to bottom,rgba(5,5,16,0.5),transparent);z-index:4;pointer-events:none}.ms-overlay-bot{position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,rgba(5,5,16,0.95),transparent);z-index:4;pointer-events:none}.ms-counter{font-family:monospace;font-size:0.5rem;letter-spacing:0.15em}@keyframes msCountUp{0%{opacity:0.3}50%{opacity:1}100%{opacity:0.3}}.ms-blink{animation:msCountUp 1s ease infinite}@keyframes msBarGrow{from{width:0}to{width:100%}}.ms-progress-bar{animation:msBarGrow 4s linear forwards}@keyframes eqBounce{0%,100%{transform:scaleY(0.3)}50%{transform:scaleY(1)}}.eq-bar{animation:eqBounce 0.8s ease-in-out infinite;transform-origin:bottom}.footer-link{color:var(--color-text-subtle);font-size:0.875rem;font-weight:500;transition:color 0.2s;text-decoration:none;display:block}.footer-link:hover{color:var(--color-text)}#cookie-banner{position:fixed;bottom:1.25rem;left:50%;transform:translateX(-50%) translateY(120%);z-index:190000;width:calc(100% - 2rem);max-width:680px;border-radius:1.5rem;padding:1.1rem 1.25rem 1.1rem 1.4rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;transition:transform 0.45s cubic-bezier(.22,1,.36,1),opacity 0.35s ease;opacity:0;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 20px 60px rgba(0,0,0,0.45),0 0 0 1px rgba(255,255,255,0.04)}#cookie-banner.cb-visible{transform:translateX(-50%) translateY(0);opacity:1}.cb-text{flex:1;min-width:200px;font-size:0.78rem;font-weight:500;line-height:1.5;color:var(--color-text-muted)}.cb-text strong{color:var(--color-text);font-weight:700}.cb-text a{color:var(--color-accent);text-decoration:none}.cb-text a:hover{text-decoration:underline}.cb-actions{display:flex;gap:0.5rem;flex-shrink:0}.cb-btn-accept{padding:0.55rem 1.1rem;border-radius:0.75rem;border:none;cursor:pointer;font-size:0.78rem;font-weight:800;background:var(--color-accent);color:#0a0a0c;transition:transform 0.15s,box-shadow 0.15s;box-shadow:0 4px 14px var(--color-accent-glow);white-space:nowrap}.cb-btn-accept:hover{transform:scale(1.04)}.cb-btn-reject{padding:0.55rem 1rem;border-radius:0.75rem;border:1px solid var(--color-border);cursor:pointer;font-size:0.78rem;font-weight:600;background:transparent;color:var(--color-text-subtle);transition:color 0.2s;white-space:nowrap}.cb-btn-reject:hover{color:var(--color-text)}.vp-chip{font-size:0.6rem;font-weight:700;padding:4px 10px;border-radius:6px;color:var(--color-accent);background:var(--color-accent-bg);border:1px solid var(--color-accent-border);letter-spacing:.06em;white-space:nowrap;flex-shrink:0}@keyframes vpScroll1{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes vpScroll2{0%{transform:translateX(-30%)}100%{transform:translateX(-80%)}}@keyframes exitPulse{0%{transform:scale(0.7);opacity:0}60%{transform:scale(1.1)}100%{transform:scale(1);opacity:1}}.hero-spotlight{position:absolute;width:400px;height:400px;pointer-events:none;z-index:0;background:radial-gradient(circle at center,rgba(101,214,158,0.18) 0%,rgba(101,214,158,0.06) 30%,transparent 65%);border-radius:50%;opacity:0;transition:opacity 0.5s ease;mix-blend-mode:screen;will-change:transform,opacity;filter:blur(20px)}.fx-ripple{position:absolute;border-radius:50%;transform:translate(-50%,-50%) scale(0);width:220px;height:220px;background:radial-gradient(circle,rgba(255,255,255,0.45) 0%,rgba(255,255,255,0.0) 70%);pointer-events:none;animation:fxRipple 0.7s cubic-bezier(0.22,1,0.36,1) forwards;z-index:50}@keyframes fxRipple{0%{transform:translate(-50%,-50%) scale(0);opacity:0.9}100%{transform:translate(-50%,-50%) scale(2.2);opacity:0}}.hero-section{padding-bottom:clamp(2rem,4vw,3rem) !important}.vhs-wrapper{margin-top:16px !important;padding:12px 16px 16px !important}.vhs-wrapper::before{display:none !important}.hero-avatar-stub{display:inline-block;width:32px;height:32px;border-radius:50%;border:2px solid var(--color-bg);margin-left:-10px;position:relative;box-shadow:0 2px 8px rgba(0,0,0,0.4);transition:transform 0.25s ease,z-index 0s}.hero-avatar-stub:first-child{margin-left:0}.hero-avatar-stub:hover{transform:translateY(-3px) scale(1.1);z-index:5}.hero-avatar-1{background:linear-gradient(135deg,#f87171,#fbbf24)}.hero-avatar-2{background:linear-gradient(135deg,#65d69e,#38bdf8)}.hero-avatar-3{background:linear-gradient(135deg,#a78bfa,#f472b6)}.hero-avatar-4{background:linear-gradient(135deg,#fb923c,#f87171)}.hero-avatar-5{background:linear-gradient(135deg,#38bdf8,#65d69e)}.hero-avatar-stub::after{content:'';position:absolute;inset:30% 30% 50% 30%;border-radius:50%;background:rgba(255,255,255,0.7)}.hero-main-card{position:relative;width:100%;max-width:720px;margin:clamp(0.75rem,1.5vw,1.25rem) auto 0;aspect-ratio:16 / 10;border-radius:clamp(1.5rem,3vw,2.25rem);overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 30px 80px rgba(0,0,0,0.55),0 0 0 1px rgba(255,255,255,0.04),inset 0 1px 0 rgba(255,255,255,0.04);isolation:isolate;transform:translateY(0);transition:transform 0.6s cubic-bezier(0.16,1,0.3,1),box-shadow 0.6s ease}.hero-main-card::before{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient( from var(--hmcAngle,0deg),transparent 0deg,var(--color-accent) 50deg,transparent 110deg,transparent 250deg,var(--color-accent) 310deg,transparent 360deg );-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0.5;animation:hmcSpin 9s linear infinite;pointer-events:none;z-index:3}@property --hmcAngle{syntax:'<angle>';initial-value:0deg;inherits:false}@keyframes hmcSpin{to{--hmcAngle:360deg}}@supports not (background:conic-gradient(from 0deg,red 0deg)){.hero-main-card::before{background:linear-gradient(135deg,var(--color-accent-border),transparent 45%,transparent 55%,var(--color-accent-border));animation:none}}.hero-main-card-inner{position:absolute;inset:0;border-radius:inherit;overflow:hidden}.hero-main-card-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;border-radius:inherit}@media (prefers-reduced-motion:reduce){.hero-main-card::before{animation:none !important}}.qsr-section{position:relative;background:var(--color-bg);padding:clamp(2rem,4vw,3rem) 0 clamp(2.5rem,5vw,3.5rem);overflow:hidden;isolation:isolate}.qs-bg-glow{position:absolute;top:0;left:50%;transform:translateX(-50%);width:60%;height:80%;background:radial-gradient(ellipse at center,var(--color-accent-glow) 0%,transparent 60%);filter:blur(110px);opacity:0.18;pointer-events:none;z-index:-1}.qsr-wrap{position:relative;z-index:1;max-width:1100px;margin:0 auto}.qsr-rail{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;padding:0.25rem 1rem 0.5rem;scroll-padding-inline:1rem}.qsr-rail::-webkit-scrollbar{display:none}.qsr-track{--qsr-gap:1rem;display:flex;gap:var(--qsr-gap);list-style:none;margin:0;padding:0}@media (min-width:900px){.qsr-track{--qsr-gap:1.25rem}}.qsr-item{flex:0 0 78%;min-width:0;scroll-snap-align:start}@media (min-width:640px){.qsr-item{flex-basis:calc((100% - 2 * var(--qsr-gap)) / 2.5)}}@media (min-width:900px){.qsr-item{flex-basis:calc((100% - 3 * var(--qsr-gap)) / 3.5)}}.qsr-card{display:block;text-decoration:none;-webkit-tap-highlight-color:transparent}.qsr-card:active{filter:brightness(0.75)}.qsr-media{position:relative;margin:0;aspect-ratio:16 / 9;border-radius:0.75rem;overflow:hidden;isolation:isolate;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:inset 0 1px 0 rgba(255,255,255,0.08),var(--shadow-md);transition:transform 0.45s cubic-bezier(0.16,1,0.3,1),border-color 0.3s ease}.qsr-card:hover .qsr-media{transform:translateY(-3px);border-color:var(--color-accent-border)}.qsr-media .sh-card-video{z-index:1;transform:none}.qsr-blur{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.25);filter:blur(22px);opacity:0.55;z-index:0}.qsr-media--contain .sh-card-video{object-fit:contain}.qsr-views{position:absolute;left:0.6rem;bottom:0.6rem;z-index:2;display:inline-flex;align-items:center;gap:0.4rem;padding:0.34rem 0.6rem;border-radius:0.6rem;background:rgba(0,0,0,0.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,0.15);box-shadow:inset 0 1px 0 rgba(255,255,255,0.14);color:#fff;font-size:0.7rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.qsr-views i{font-size:0.72rem}.qsr-tag{position:absolute;left:0.6rem;bottom:0.6rem;z-index:2;display:inline-flex;align-items:center;padding:0.36rem 0.6rem;border-radius:999px;background:rgba(10,10,12,0.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--color-accent-border);color:var(--color-accent);font-size:0.58rem;font-weight:800;letter-spacing:0.14em;text-transform:uppercase;line-height:1}.qsr-meta{padding:0.4rem 0.15rem 0;text-align:left;min-width:0}.qsr-name{margin:0;font-size:0.92rem;font-weight:800;letter-spacing:0.01em;text-transform:uppercase;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color 0.25s ease}.qsr-card:hover .qsr-name{color:var(--color-accent)}.qsr-desc{margin:0.2rem 0 0;font-size:0.78rem;font-weight:500;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qsr-fade{position:absolute;top:0;height:100%;width:4.5rem;z-index:2;pointer-events:none;opacity:0;transition:opacity 0.3s ease;display:none}@media (min-width:1024px){.qsr-fade{display:block}}.qsr-fade--left{left:0;background:linear-gradient(to right,var(--color-bg),transparent)}.qsr-fade--right{right:0;background:linear-gradient(to left,var(--color-bg),transparent)}.qsr-fade.is-on{opacity:1}.qsr-arrow{position:absolute;top:calc(50% - 1.9rem);transform:translateY(-50%);z-index:3;display:none;width:34px;height:34px;align-items:center;justify-content:center;border-radius:999px;background:rgba(20,20,24,0.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,0.16);box-shadow:0 8px 24px -6px rgba(0,0,0,0.55);color:var(--color-text);font-size:0.8rem;cursor:pointer;opacity:0;pointer-events:none;transition:opacity 0.3s ease,background 0.2s ease,border-color 0.2s ease,transform 0.18s ease}@media (min-width:1024px){.qsr-arrow{display:inline-flex}}.qsr-wrap:hover .qsr-arrow,.qsr-arrow:focus-visible{opacity:1;pointer-events:auto}.qsr-arrow:hover{background:rgba(101,214,158,0.9);color:#07120d;border-color:transparent}.qsr-arrow:active{transform:translateY(-50%) scale(0.9)}.qsr-arrow--left{left:0}.qsr-arrow--right{right:0}.qsr-arrow.is-off{opacity:0 !important;pointer-events:none}@media (prefers-reduced-motion:reduce){.qsr-media,.qsr-name{transition:none !important}.qsr-rail{scroll-behavior:auto !important}}.trust-row{display:grid;grid-template-columns:repeat(2,1fr);gap:0.6rem;max-width:56rem;width:100%;margin:0 auto 2.5rem;padding:0 0.5rem}@media (min-width:768px){.trust-row{grid-template-columns:repeat(4,1fr);gap:0.75rem}}.trust-chip{display:flex;align-items:center;gap:0.7rem;padding:0.7rem 0.85rem;border-radius:0.95rem;background:var(--color-surface);border:1px solid var(--color-border);transition:border-color 0.25s,transform 0.25s,background 0.25s}.trust-chip:hover{border-color:var(--color-accent-border);background:var(--color-surface-2);transform:translateY(-1px)}.trust-chip-ico{flex-shrink:0;width:30px;height:30px;border-radius:9px;background:var(--color-accent-bg);border:1px solid var(--color-accent-border);color:var(--color-accent);display:flex;align-items:center;justify-content:center;font-size:0.72rem}.trust-chip-body{display:flex;flex-direction:column;min-width:0;line-height:1.2}.trust-chip-lbl{font-size:0.55rem;font-weight:700;text-transform:uppercase;letter-spacing:0.12em;color:var(--color-text-faint);margin-bottom:2px}.trust-chip-body strong{font-size:0.78rem;font-weight:700;color:var(--color-text);white-space:nowrap}.apps-section{position:relative;isolation:isolate;width:100%;max-width:min(1720px,96vw);margin:0 auto;padding:clamp(1.5rem,3vw,2.5rem) 0 clamp(2rem,4vw,3rem)}.apps-head{margin-bottom:1.1rem}.apps-title{font-family:var(--font-display,'Space Grotesk',sans-serif);font-size:clamp(1.45rem,2.6vw,2.05rem);line-height:1.1;letter-spacing:-0.02em;font-weight:600;color:var(--color-text);margin:0 0 0.35rem}.apps-title em{font-style:normal;color:var(--color-accent);font-weight:500}.apps-sub{font-size:clamp(0.8rem,1.3vw,0.92rem);color:var(--color-text-muted);font-weight:500;margin:0}.apps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0.625rem}@media (min-width:640px){.apps-grid{grid-template-columns:repeat(2,1fr);gap:0.75rem}}@media (min-width:1024px){.apps-grid{grid-template-columns:repeat(4,1fr);gap:0.85rem}}.apps-card{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:0.5rem;min-width:0;padding:0.5rem;border-radius:1.35rem;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 2px 6px rgba(0,0,0,0.15),inset 0 -4px 16px rgba(255,255,255,0.04);text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent;transition:transform 0.4s cubic-bezier(0.16,1,0.3,1),border-color 0.3s ease,box-shadow 0.4s ease}@media (hover:hover){.apps-card:hover{transform:translateY(-4px);border-color:var(--color-accent-border);box-shadow:0 18px 44px rgba(0,0,0,0.45),0 0 0 1px var(--color-accent-border)}}@media (hover:none){.apps-card:active{transform:scale(0.98)}}.apps-card-media{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:308 / 203;border-radius:1rem;background:var(--color-surface-2)}.apps-card-footer{display:flex;align-items:center;gap:0.7rem;min-width:0;padding:0.1rem 0.35rem 0.25rem}.apps-card-logo{flex:0 0 auto;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--color-accent-bg);border:1px solid var(--color-accent-border);color:var(--color-accent);font-size:1rem}.apps-card-name{flex:1;min-width:0;display:flex;align-items:center;gap:0.4rem;margin:0;font-size:0.92rem;font-weight:700;letter-spacing:-0.01em;color:var(--color-text)}.apps-card-name span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.apps-verified{flex:0 0 auto;color:var(--color-accent);font-size:0.85rem}.apps-card-open{display:none}@media (hover:hover) and (min-width:1024px){.apps-card-open{display:inline-flex;align-items:center;flex:0 0 auto;padding:0.5rem 0.9rem;border-radius:10px;background:var(--color-accent);color:#0a0a0c;font-size:0.78rem;font-weight:800;box-shadow:inset 0 -3px 0 0 var(--color-accent-press),0 6px 16px rgba(0,0,0,0.25);opacity:0;transition:opacity 0.15s ease-out}.apps-card:hover .apps-card-open,.apps-card:focus-visible .apps-card-open{opacity:1}}@media (prefers-reduced-motion:reduce){.apps-card,.apps-card-open{transition:none !important}}.apps-card--soon{cursor:default}@media (min-width:640px){.apps-card--soon{display:none}}@media (hover:hover){.apps-card--soon:hover{transform:none;border-color:var(--color-border);box-shadow:0 2px 6px rgba(0,0,0,0.15),inset 0 -4px 16px rgba(255,255,255,0.04)}}.apps-soon-ph{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;font-size:1.9rem;color:var(--color-text-muted);background:linear-gradient(135deg,var(--color-surface-2),var(--color-surface));opacity:0.85}.apps-soon-badge{position:absolute;top:0.5rem;right:0.5rem;z-index:2;display:inline-flex;align-items:center;gap:0.35em;padding:0.24rem 0.55rem;border-radius:999px;background:var(--color-accent-bg);border:1px solid var(--color-accent-border);color:var(--color-accent);font-size:0.68rem;font-weight:700;letter-spacing:0.01em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@media (max-width:639px){.apps-card{padding:0;gap:0.375rem;border-radius:0;background:none;border:none;box-shadow:none}.apps-card-media{aspect-ratio:3 / 4;border-radius:0.75rem}.apps-card-footer{gap:0;padding:0 0.125rem}.apps-card-logo{display:none}.apps-verified{display:none}.apps-card-name{font-size:0.75rem;font-weight:500;color:var(--color-text-muted)}}.sh-card-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}.card-try-btn{display:inline-flex;align-items:center;gap:0.35rem;padding:0.45rem 0.85rem;border-radius:0.65rem;background:var(--color-accent-bg);color:var(--color-accent);border:1px solid var(--color-accent-border);font-size:0.7rem;font-weight:800;transition:all 0.2s;cursor:pointer;font-family:var(--font-body);white-space:nowrap}.card-try-btn:hover{background:var(--color-accent);color:#0a0a0c;transform:translateY(-1px)}.card-try-btn i{font-size:0.62rem}.hero-main-card::before,.nav-cta-btn::after{animation:none !important}.qsr-views,.qsr-tag{-webkit-backdrop-filter:none !important;backdrop-filter:none !important}.nav-dark-glass{-webkit-backdrop-filter:blur(14px) !important;backdrop-filter:blur(14px) !important}.hf-seo-h1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.qsr-section{padding-top:clamp(2px,0.5vw,6px) !important;padding-bottom:clamp(0.75rem,1.8vw,1.4rem) !important}.qsr-wrap{max-width:min(1720px,96vw)}@media (min-width:900px){.qsr-item{flex-basis:calc((100% - 3 * var(--qsr-gap)) / 3.3)}}.hf-promo-sec{position:relative;z-index:1;max-width:min(1720px,96vw);margin:0 auto;padding:0 0 clamp(1.75rem,3.5vw,2.5rem)}.hf-promo-wrap{display:flex;flex-direction:column;gap:0.9rem}@media (min-width:1024px){.hf-promo-wrap{flex-direction:row;align-items:stretch;gap:1.4rem}}.hf-promo-card{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:1.4rem;min-height:236px;border-radius:1.25rem;border:1px solid rgba(255,255,255,0.10);background:var(--color-surface);padding:1.35rem;text-align:left;cursor:pointer;transition:border-color 0.25s ease,transform 0.3s ease;-webkit-tap-highlight-color:transparent}@media (min-width:1024px){.hf-promo-card{width:600px;flex:0 0 600px;min-height:340px;border-radius:1.5rem;padding:1.9rem}}.hf-promo-card:hover{border-color:rgba(255,255,255,0.22);transform:translateY(-2px)}.hf-promo-bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}.hf-promo-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(to right,rgba(10,10,12,0.96) 24%,rgba(10,10,12,0.62) 60%,rgba(10,10,12,0.28) 100%),linear-gradient(to top,rgba(10,10,12,0.92),transparent 55%)}.hf-promo-badge{display:inline-flex;align-items:center;gap:6px;font-size:0.6rem;font-weight:800;letter-spacing:0.14em;text-transform:uppercase;color:var(--color-accent);background:rgba(10,10,12,0.6);border:1px solid var(--color-accent-border);padding:0.38rem 0.66rem;border-radius:999px;line-height:1;margin-bottom:0.8rem}.hf-promo-txt{display:flex;flex-direction:column;align-items:flex-start}.hf-promo-title{margin:0 0 0.4rem;font-size:clamp(1.5rem,2.6vw,2rem);font-weight:800;letter-spacing:-0.015em;line-height:1.08;text-transform:uppercase;color:#fff}.hf-promo-title span{color:var(--color-accent)}.hf-promo-sub{margin:0;font-size:0.85rem;color:rgba(255,255,255,0.7);max-width:36ch;line-height:1.5}.hf-promo-btn{display:inline-flex;align-items:center;gap:9px;height:48px;padding:0 1.35rem;border-radius:0.8rem;background:var(--color-accent);color:#07120d;font-weight:800;font-size:0.9rem;box-shadow:0 10px 20px -4px rgba(0,0,0,0.35),inset 0 1px 0 rgba(255,255,255,0.35),inset 0 -3px 0 rgba(7,80,48,0.55);transition:transform 0.2s ease,filter 0.2s ease}.hf-promo-card:hover .hf-promo-btn{filter:brightness(1.05)}.hf-promo-card:active .hf-promo-btn{transform:scale(0.98)}@property --hf-shine-angle{syntax:'<angle>';initial-value:0deg;inherits:false}.hf-promo-card::after{content:'';position:absolute;inset:0;z-index:4;border-radius:inherit;padding:1.5px;background:conic-gradient( from var(--hf-shine-angle),transparent 0deg,transparent 54deg,rgba(101,214,158,0.5) 78deg,#eafff6 90deg,rgba(101,214,158,0.5) 102deg,transparent 126deg,transparent 360deg );-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:hf-shine-spin 8s linear infinite}@keyframes hf-shine-spin{to{--hf-shine-angle:360deg}}@media (prefers-reduced-motion:reduce){.hf-promo-card::after{animation:none;opacity:0.55}}.hf-promo-card[hidden]{display:none !important}.hf-promo-card--unl{text-decoration:none;justify-content:flex-start}.unl-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(to right,rgba(10,10,12,0.94) 18%,rgba(10,10,12,0.66) 62%,rgba(10,10,12,0.34) 100%),linear-gradient(to top,rgba(10,10,12,0.95) 4%,rgba(10,10,12,0.30) 58%,transparent 100%)}.unl-body{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;width:100%;flex:1 1 auto}.unl-title{margin:0 0 0.55rem;font-size:clamp(1.45rem,3.2vw,2.25rem);font-weight:800;line-height:1.12;letter-spacing:-0.04em;text-transform:uppercase;color:#fff;background-image:linear-gradient(#fff 0%,#999 100%);-webkit-background-clip:text;background-clip:text}@supports (-webkit-background-clip:text) or (background-clip:text){.unl-title{color:transparent}}.unl-line{display:block}.unl-hi{color:var(--color-accent);-webkit-text-fill-color:var(--color-accent);white-space:nowrap}.unl-sub{margin:0;font-size:0.85rem;line-height:1.5;color:rgba(255,255,255,0.5);max-width:34ch}.unl-cta-wrap{position:relative;display:inline-block;margin-top:auto;padding-top:1.15rem;padding-bottom:0.85rem}.unl-cta{position:relative;display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 1.35rem;border-radius:0.7rem;background:var(--color-accent);color:#07120d;font-weight:800;font-size:0.95rem;white-space:nowrap;box-shadow:inset 0 -3px 0 0 rgba(7,80,48,0.6),inset 0 1px 0 rgba(255,255,255,0.35),0 6px 4px rgba(0,0,0,0.25),0 32px 24px rgba(0,0,0,0.15);transition:filter 0.2s ease,transform 0.2s ease}.hf-promo-card--unl:hover .unl-cta{filter:brightness(1.06)}.hf-promo-card--unl:active .unl-cta{transform:scale(0.985)}.unl-chip{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;padding:3px 7px;border-radius:6px;border:1px solid rgba(255,255,255,0.05);overflow:hidden;white-space:nowrap}.unl-chip-bg{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(55% 95% at 73% 50%,rgba(239,29,186,0.6) 0%,rgba(237,21,114,0) 100%),radial-gradient(25% 42% at 85% 37%,rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 100%),radial-gradient(33% 70% at 12% 76%,rgba(176,29,239,0.6) 0%,rgba(206,25,176,0.5) 50%,rgba(237,21,114,0) 100%),linear-gradient(90deg,#ff005b 0%,#ff005b 100%)}.unl-chip-gloss{position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 -2px 2px rgba(255,255,255,0.4),inset 0 2px 2px rgba(255,255,255,0.4)}.unl-chip-txt{position:relative;font-size:0.625rem;font-weight:700;line-height:1.1;letter-spacing:0.02em;color:#fff;font-variant-numeric:tabular-nums}.unl-chip-txt em{font-style:normal;font-weight:500;color:rgba(255,255,255,0.65)}@media (min-width:520px){.unl-line{white-space:nowrap}}@media (max-width:519px){.unl-title{font-size:1.5rem}.unl-cta-wrap{width:100%}.unl-cta{width:100%}}@media (prefers-reduced-motion:reduce){.unl-cta{transition:none !important}}.hf-tiles{flex:1;min-width:0;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;gap:0.7rem}@media (min-width:1024px){.hf-tiles{grid-template-columns:repeat(3,1fr);gap:0.95rem}}.hf-tile{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:0.8rem;min-height:166px;padding:1.2rem;border-radius:1rem;background:var(--color-surface);border:1px solid var(--color-border-subtle);text-decoration:none;transition:background 0.25s ease,border-color 0.25s ease;-webkit-tap-highlight-color:transparent}@media (min-width:1024px){.hf-tile{padding:1.15rem}}.hf-tile:hover{background:var(--color-surface-2);border-color:var(--color-border-strong)}.hf-tile:active{filter:brightness(0.9)}.hf-tile-ico{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.04);border:1px solid var(--color-border-subtle);color:#fff;font-size:0.95rem;flex-shrink:0}.hf-tile-ico svg{width:20px;height:20px}.hf-tile-body{min-width:0;width:100%}.hf-tile-name{margin:0 0 2px;font-size:0.95rem;font-weight:700;color:var(--color-text);letter-spacing:-0.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hf-tile-desc{margin:0;font-size:0.73rem;color:var(--color-text-muted);line-height:1.4}.hf-tile-chip{position:absolute;top:0.7rem;right:0.7rem;z-index:2;display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;line-height:1;background:rgba(255,255,255,0.05);color:rgba(255,255,255,0.8);font-size:0.64rem;font-weight:600}.hf-tile-chip i{font-size:0.6rem}.hf-tile-badge{position:absolute;top:0.7rem;right:0.7rem;z-index:2;transform:skewX(-12deg);font-size:0.58rem;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;padding:4px 7px;border-radius:5px;line-height:1;background:var(--color-accent);color:#0a0a0c}.hf-tile-badge--hot{background:radial-gradient(39.71% 136.54% at 51.64% 117.31%,#f920d1 0%,#ed1572 100%);color:#fff}.hf-tile--photo{grid-column:1 / -1;min-height:170px;justify-content:flex-end;border-color:var(--color-border)}@media (min-width:1024px){.hf-tile--photo{grid-column:3;grid-row:1 / span 2;min-height:0}}.hf-tile-photo-img{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;transition:transform 0.5s cubic-bezier(0.16,1,0.3,1)}.hf-tile--photo:hover .hf-tile-photo-img{transform:scale(1.05)}.hf-tile-photo-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(10,10,12,0.94) 0%,rgba(10,10,12,0.4) 46%,transparent 78%)}.hf-tile--photo .hf-tile-body{position:relative;z-index:2}.hf-tile--photo .hf-tile-desc{color:rgba(255,255,255,0.75)}@media (prefers-reduced-motion:reduce){.hf-promo-card,.hf-promo-btn,.hf-tile,.hf-tile-photo-img{transition:none !important}}.cc-wrap{padding:0 clamp(0.9rem,2vw,1.5rem) clamp(2rem,4vw,3rem)}.cc-section{position:relative;isolation:isolate;overflow:hidden;max-width:min(1720px,96vw);margin:0 auto;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;border-radius:1.75rem;box-shadow:0 24px 60px -24px rgba(0,0,0,0.6)}@media (min-width:1024px){.cc-section{grid-template-columns:24rem 1fr;grid-template-rows:1fr}}.cc-bg{position:absolute;inset:0;z-index:-1;border-radius:inherit;border:1px solid rgba(101,214,158,0.14);background:radial-gradient(120% 85% at 0% 0%,rgba(101,214,158,0.12) 0%,transparent 52%),radial-gradient(90% 90% at 100% 100%,rgba(101,214,158,0.06) 0%,transparent 58%),linear-gradient(158deg,#15181d 0%,#0b0c0f 100%)}.cc-section::after{content:'';position:absolute;inset:0;z-index:4;border-radius:inherit;padding:1.5px;background:conic-gradient( from var(--hf-shine-angle),transparent 0deg,transparent 54deg,rgba(101,214,158,0.5) 78deg,#eafff6 90deg,rgba(101,214,158,0.5) 102deg,transparent 126deg,transparent 360deg );-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:hf-shine-spin 8s linear infinite}.cc-head{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0.55rem;padding:1.35rem 1.1rem 0.5rem}@media (min-width:1024px){.cc-head{padding:2.25rem;gap:0.7rem}}.cc-eyebrow{display:inline-flex;align-items:center;gap:0.4rem;font-size:0.6rem;font-weight:800;letter-spacing:0.16em;text-transform:uppercase;color:var(--color-accent);background:rgba(101,214,158,0.10);border:1px solid var(--color-accent-border);padding:0.34rem 0.7rem;border-radius:999px;line-height:1}.cc-eyebrow i{font-size:0.6rem;animation:cc-twinkle 2.4s ease-in-out infinite}@keyframes cc-twinkle{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.45;transform:scale(0.82)}}.cc-title{margin:0;font-family:var(--font-display,'Space Grotesk',sans-serif);font-size:1.55rem;font-weight:600;line-height:1.05;letter-spacing:-0.02em;color:#fff}@media (min-width:1024px){.cc-title{font-size:2.4rem}}.cc-title span{background:linear-gradient(100deg,var(--color-accent) 0%,#eafff6 45%,var(--color-accent) 90%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:cc-shimmer 3.6s linear infinite}@keyframes cc-shimmer{to{background-position:-220% 0}}.cc-title-br{display:none}@media (min-width:1024px){.cc-title-br{display:block}}.cc-sub{margin:0;font-size:0.85rem;color:rgba(255,255,255,0.62);line-height:1.5;max-width:30ch;display:none}@media (min-width:768px){.cc-sub{display:block}}.cc-body{position:relative;padding:0.5rem 0}@media (min-width:768px){.cc-body{padding:1.5rem 1.5rem 1.5rem 0}}.cc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0.75rem;padding:0 1rem 1rem;margin:0;list-style:none}@media (min-width:768px){.cc-grid{padding:0}}@media (min-width:1024px){.cc-grid{grid-template-columns:repeat(4,1fr);gap:1rem}}.cc-cell{display:grid}.cc-card{display:block;width:100%;border-radius:1.1rem;padding:1px;background:linear-gradient(158deg,rgba(101,214,158,0.34) 0%,rgba(255,255,255,0.06) 38%,rgba(255,255,255,0.03) 100%);text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent;transition:transform 0.4s cubic-bezier(0.16,1,0.3,1)}.cc-card-inner{display:grid;grid-template-rows:1fr auto;border-radius:1.05rem;padding:0.3rem;background:rgba(17,19,24,0.82);box-shadow:inset 0 1px 0 rgba(255,255,255,0.05);transition:box-shadow 0.3s ease}@media (min-width:768px){.cc-card-inner{padding:0.4rem}}@media (hover:hover){.cc-card:hover{transform:translateY(-5px)}.cc-card:hover .cc-card-inner{box-shadow:inset 0 1px 0 rgba(255,255,255,0.08),0 0 0 1px rgba(101,214,158,0.35),0 20px 44px -16px rgba(0,0,0,0.65)}}.cc-card:active{transform:translateY(-2px)}.cc-card-media{position:relative;isolation:isolate;overflow:hidden;margin:0;aspect-ratio:16 / 9;border-radius:0.85rem;background:var(--color-surface-2)}@media (min-width:768px){.cc-card-media{aspect-ratio:1 / 1}}.cc-card-media::after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(114deg,transparent 32%,rgba(255,255,255,0.16) 47%,rgba(234,255,246,0.42) 50%,rgba(255,255,255,0.16) 53%,transparent 68%);transform:translateX(-130%);transition:transform 0.75s cubic-bezier(0.22,1,0.36,1)}@media (hover:hover){.cc-card:hover .cc-card-media::after{transform:translateX(130%)}}.cc-card-foot{padding:0.6rem 0.5rem 0.4rem}@media (min-width:768px){.cc-card-foot{padding:0.72rem 0.7rem 0.5rem}}.cc-card-row{display:grid;grid-template-columns:1fr auto;gap:0.35rem;align-items:center}.cc-card-name{margin:0;font-size:0.85rem;font-weight:700;color:#fff;letter-spacing:-0.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (min-width:768px){.cc-card-name{font-size:1rem}}.cc-card-arrow{width:16px;height:16px;flex-shrink:0;color:var(--color-text-subtle);transition:transform 0.25s ease,color 0.25s ease}@media (min-width:768px){.cc-card-arrow{width:20px;height:20px}}@media (hover:hover){.cc-card:hover .cc-card-arrow{color:var(--color-accent);transform:translate(2px,-2px)}}.cc-card-desc{margin:0;font-size:0.72rem;color:var(--color-text-subtle);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (min-width:768px){.cc-card-desc{display:none}}@media (prefers-reduced-motion:reduce){.cc-section::after,.cc-title span,.cc-eyebrow i{animation:none !important}.cc-title span{color:var(--color-accent);-webkit-text-fill-color:var(--color-accent)}.cc-card,.cc-card-inner,.cc-card-arrow,.cc-card-media::after{transition:none !important}}.vh-wrap{padding:0 clamp(0.9rem,2vw,1.5rem) clamp(2.5rem,5vw,4rem)}.vh-section{position:relative;isolation:isolate;overflow:hidden;max-width:min(1720px,100%);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:clamp(0.8rem,1.8vw,1.4rem);padding:clamp(0.5rem,1.2vw,1.25rem) 0}.vh-bg{display:none}.vh-laptop{position:relative;width:100%;max-width:1140px;margin:0 auto;z-index:2}.vh-lid{position:relative;border-radius:clamp(14px,1.8vw,22px) clamp(14px,1.8vw,22px) 7px 7px;padding:clamp(9px,1.1vw,14px);padding-top:clamp(15px,1.7vw,24px);background:linear-gradient(180deg,#2b2d34 0%,#17181c 52%,#0f1013 100%);border:1px solid rgba(255,255,255,0.10);box-shadow:0 2px 0 rgba(255,255,255,0.06) inset,0 -14px 30px -26px rgba(0,0,0,0.9) inset,0 34px 80px -34px rgba(0,0,0,0.75),0 0 0 1px rgba(0,0,0,0.4)}.vh-cam{position:absolute;top:clamp(6px,0.7vw,10px);left:50%;transform:translateX(-50%);width:6px;height:6px;border-radius:50%;background:#06070a;box-shadow:0 0 0 2px rgba(255,255,255,0.05),inset 0 0 2px rgba(130,224,178,0.6)}.vh-hinge{position:relative;width:101%;left:-0.5%;height:clamp(7px,0.85vw,12px);margin-top:-1px;background:linear-gradient(180deg,#0b0c0f 0%,#1b1d22 48%,#0b0c0f 100%);border-radius:0 0 5px 5px;box-shadow:0 1px 0 rgba(255,255,255,0.05) inset,0 12px 20px -10px rgba(0,0,0,0.7)}.vh-screen{position:relative;overflow:hidden;aspect-ratio:16 / 9;border-radius:clamp(8px,1.2vw,14px);background:#05070a;box-shadow:0 0 0 1px rgba(0,0,0,0.7),0 10px 30px -10px rgba(0,0,0,0.85) inset}.vh-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.vh-screen::before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,0.06) 0%,transparent 14%)}.vh-screen::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 80% at 50% 40%,transparent 42%,rgba(0,0,0,0.34) 100%),linear-gradient(180deg,rgba(0,0,0,0.30) 0%,transparent 26%,transparent 60%,rgba(0,0,0,0.52) 100%)}.vh-overlay{position:absolute;inset:0;z-index:4;pointer-events:none}.vh-titlewrap{position:absolute;left:0;right:0;top:32%;display:flex;flex-direction:column;align-items:center;gap:clamp(0.5rem,1.1vw,0.8rem);text-align:center;padding:0 1rem}.vh-title{margin:0;font-family:var(--font-display,'Space Grotesk',sans-serif);font-weight:600;line-height:0.95;letter-spacing:-0.03em;font-size:clamp(2.6rem,9vw,6rem);color:#fff;text-shadow:0 2px 18px rgba(0,0,0,0.5)}.vh-title span{display:inline-block;padding-right:0.06em;margin-right:-0.06em;background:linear-gradient(100deg,var(--color-accent) 0%,#eafff6 45%,var(--color-accent) 90%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:cc-shimmer 3.6s linear infinite}.vh-pill{display:inline-flex;align-items:center;font-family:var(--font-body);font-weight:700;font-size:clamp(0.58rem,1.3vw,0.85rem);letter-spacing:0.12em;text-transform:uppercase;color:#fff;padding:0.5em 1.1em;border-radius:999px;background:linear-gradient(to bottom,rgba(255,255,255,0.12),rgba(255,255,255,0.04));border:1px solid rgba(255,255,255,0.20);-webkit-backdrop-filter:blur(6px) saturate(140%);backdrop-filter:blur(6px) saturate(140%);box-shadow:inset 0 1px 2px rgba(255,255,255,0.22)}.vh-cta{pointer-events:auto;position:absolute;left:50%;transform:translateX(-50%);bottom:clamp(16px,6%,44px);display:inline-flex;align-items:center;gap:0.5rem;font-family:var(--font-body);font-weight:800;font-size:clamp(0.75rem,1.5vw,0.98rem);color:#072215;text-decoration:none;padding:0.72em 1.5em;border-radius:12px;background:linear-gradient(180deg,var(--color-accent-hover),var(--color-accent));box-shadow:0 10px 26px -8px var(--color-accent-glow),inset 0 1px 0 rgba(255,255,255,0.4);transition:transform var(--duration-fast,150ms) var(--ease-snap,ease),filter var(--duration-fast,150ms) ease}.vh-cta svg{width:1em;height:1em}@media (hover:hover){.vh-cta:hover{transform:translateX(-50%) translateY(-2px);filter:brightness(1.05)}}.vh-cta:active{transform:translateX(-50%) translateY(0)}.vh-deck{--flare:clamp(20px,2.6vw,40px);position:relative;width:100%;max-width:min(1480px,100%);margin:-3px auto 0;padding:clamp(20px,2.4vw,34px) clamp(8px,1vw,18px) 0;clip-path:polygon(6% 0,94% 0,100% var(--flare),100% 100%,0 100%,0 var(--flare));background:linear-gradient(180deg,#23252b 0%,#16171b 26%,#101115 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.07)}.vh-deck-head{text-align:center;margin:0 auto clamp(18px,2.2vw,30px);max-width:46rem}.vh-deck-title{margin:0 0 0.25rem;font-family:var(--font-display,'Space Grotesk',sans-serif);font-weight:600;letter-spacing:-0.02em;line-height:1.05;font-size:clamp(1.5rem,3.6vw,2.5rem);color:var(--color-text,#fff)}.vh-deck-sub{margin:0;font-family:var(--font-body);font-weight:500;font-size:clamp(0.82rem,1.6vw,1rem);color:var(--color-text-muted,rgba(255,255,255,0.62))}.vh-tray{position:relative;overflow:hidden;max-height:clamp(560px,61vw,940px);border-radius:clamp(10px,1.4vw,18px) clamp(10px,1.4vw,18px) 0 0;padding:clamp(6px,0.9vw,12px) clamp(6px,0.9vw,12px) 0;background:linear-gradient(180deg,#0c0d10,#0a0b0e);box-shadow:inset 0 2px 12px rgba(0,0,0,0.7)}.vh-masonry{display:grid;grid-template-columns:1fr 1fr 1fr;gap:clamp(8px,1vw,15px);align-items:start}.vh-col{display:flex;flex-direction:column;gap:clamp(8px,1vw,15px);min-width:0}.vh-card{display:block;position:relative;overflow:hidden;margin:0;width:100%;aspect-ratio:16 / 9;border-radius:clamp(9px,0.9vw,14px);border:1px solid var(--color-border);background:#05070a;box-shadow:0 8px 20px -14px rgba(0,0,0,0.7);transition:transform var(--duration-base,250ms) var(--ease-snap,ease),border-color var(--duration-base,250ms) ease,box-shadow var(--duration-base,250ms) ease}.vh-card--wide{aspect-ratio:21 / 9}.vh-card video,.vh-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.vh-card::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,0.28) 100%)}@media (hover:hover){.vh-card:hover{transform:translateY(-3px);border-color:var(--color-accent-border);box-shadow:0 16px 36px -18px rgba(0,0,0,0.8),0 0 0 1px rgba(101,214,158,0.32)}}.vh-card-user{position:absolute;left:0;right:0;top:0;z-index:2;display:flex;align-items:center;gap:0.4rem;padding:0.5rem 0.6rem;opacity:0;transition:opacity var(--duration-fast,150ms) ease;background:linear-gradient(180deg,rgba(0,0,0,0.55),transparent)}.vh-card:hover .vh-card-user{opacity:1}.vh-card-user img{position:static;inset:auto;width:22px;height:22px;border-radius:50%;object-fit:cover;flex:none}.vh-card-user span{font:600 0.72rem/1 var(--font-body);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vh-card-model{margin-left:auto;font:700 0.6rem/1 var(--font-body);font-style:normal;text-transform:uppercase;letter-spacing:0.05em;color:var(--color-accent);flex:none}.vh-fade{position:absolute;left:0;right:0;bottom:0;z-index:3;pointer-events:none;height:clamp(130px,18vw,220px);display:flex;justify-content:center;align-items:flex-end;padding-bottom:clamp(14px,2vw,26px);background:linear-gradient(180deg,transparent 0%,rgba(16,17,21,0.65) 55%,#101115 96%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 55%);mask-image:linear-gradient(180deg,transparent 0%,#000 55%)}.vh-seeall{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;gap:0.45rem;font-family:var(--font-body);font-weight:700;font-size:clamp(0.8rem,1.5vw,0.95rem);color:#fff;text-decoration:none;white-space:nowrap;padding:0.78em 1.7em;border-radius:999px;border:0;background:rgba(255,255,255,0.08);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset -0.5px -0.5px 1px rgba(255,255,255,0.3),inset 0.8px 0.5px 0.5px rgba(255,255,255,0.6);transition:background var(--duration-fast,150ms) ease,transform var(--duration-fast,150ms) var(--ease-snap,ease)}.vh-seeall svg{width:1em;height:1em}@media (hover:hover){.vh-seeall:hover{background:rgba(255,255,255,0.24);transform:translateY(-2px)}}.vh-seeall:active{transform:translateY(0)}@media (max-width:900px){.vh-col{display:contents}.vh-masonry{grid-template-columns:1fr 1fr}.vh-card--wide{aspect-ratio:16 / 9}.vh-tray{max-height:clamp(420px,86vw,640px)}.vh-deck{--flare:clamp(14px,3vw,26px);clip-path:polygon(5% 0,95% 0,100% var(--flare),100% 100%,0 100%,0 var(--flare))}}@media (max-width:460px){.vh-masonry{gap:8px}.vh-deck{clip-path:none;padding-top:clamp(14px,4vw,22px);border-radius:14px 14px 0 0}}@media (prefers-reduced-motion:reduce){.vh-title span{animation:none !important;color:var(--color-accent);-webkit-text-fill-color:var(--color-accent)}.vh-cta,.vh-card,.vh-seeall{transition:none !important}}.subs-overlay{position:fixed;inset:0;z-index:100001;background:rgba(2,6,23,0.88);backdrop-filter:blur(20px) saturate(1.3);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.35s cubic-bezier(0.16,1,0.3,1);padding:16px}.subs-overlay.subs-visible{opacity:1;pointer-events:auto}.subs-glass{width:100%;max-width:480px;background:linear-gradient(165deg,rgba(15,23,42,0.98) 0%,rgba(23,25,80,0.96) 50%,rgba(15,23,42,0.98) 100%);border:1px solid rgba(101,214,158,0.18);border-radius:28px;box-shadow:0 0 0 1px rgba(255,255,255,0.03),0 30px 90px rgba(0,0,0,0.65),0 0 140px rgba(101,214,158,0.09);position:relative;max-height:90vh;overflow-y:auto;overflow-x:hidden;padding:32px;transform:translateY(20px) scale(0.97);transition:transform 0.4s cubic-bezier(0.16,1,0.3,1)}.subs-overlay.subs-visible .subs-glass{transform:translateY(0) scale(1)}.subs-glass::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(101,214,158,0.5),rgba(101,214,158,0.4),transparent)}.subs-glass::-webkit-scrollbar{width:0}.subs-close-btn{position:absolute;top:16px;right:16px;z-index:20;width:32px;height:32px;border-radius:10px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);color:rgba(255,255,255,0.4);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;font-size:0.8rem}.subs-close-btn:hover{background:rgba(255,255,255,0.12);color:#fff}.subs-header{display:flex;align-items:center;gap:14px;margin-bottom:24px}.subs-header-icon{width:48px;height:48px;border-radius:16px;flex-shrink:0;background:linear-gradient(135deg,#65d69e,#2f9c73);box-shadow:0 8px 24px rgba(101,214,158,0.35);display:flex;align-items:center;justify-content:center;color:#fff}.subs-title{font-size:1.2rem;font-weight:900;color:#f1f5f9;letter-spacing:-0.02em;margin:0}.subs-subtitle{font-size:0.75rem;font-weight:500;color:rgba(148,163,184,0.7);margin:2px 0 0}.subs-loading{display:flex;flex-direction:column;align-items:center;gap:14px;padding:40px 0;color:rgba(148,163,184,0.7);font-size:0.8rem;font-weight:500}.subs-spinner{width:36px;height:36px;border-radius:50%;border:3px solid rgba(101,214,158,0.15);border-top-color:#65d69e;animation:subsSpin 0.8s linear infinite}@keyframes subsSpin{to{transform:rotate(360deg)}}.subs-empty{text-align:center;padding:32px 0}.subs-empty-icon{width:64px;height:64px;border-radius:20px;margin:0 auto 16px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:rgba(148,163,184,0.4)}.subs-empty h3{font-size:1rem;font-weight:800;color:#e2e8f0;margin-bottom:6px}.subs-empty p{font-size:0.8rem;color:rgba(148,163,184,0.6)}.subs-section-label{font-size:0.6rem;font-weight:700;letter-spacing:0.15em;color:rgba(148,163,184,0.5);text-transform:uppercase;display:flex;align-items:center;gap:6px;margin-bottom:10px}.subs-list{display:flex;flex-direction:column;gap:10px}.subs-card{position:relative;border-radius:18px;padding:18px 20px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);overflow:hidden;transition:border-color 0.25s,box-shadow 0.25s}.subs-card:hover{border-color:rgba(101,214,158,0.2);box-shadow:0 4px 20px rgba(101,214,158,0.07)}.subs-card--primary{background:linear-gradient(145deg,rgba(101,214,158,0.09) 0%,rgba(101,214,158,0.06) 100%);border-color:rgba(101,214,158,0.22)}.subs-card--primary::before{content:'';position:absolute;top:-40px;right:-40px;width:120px;height:120px;background:radial-gradient(circle,rgba(101,214,158,0.15),transparent 70%);pointer-events:none}.subs-card--canceling{border-color:rgba(245,158,11,0.2);background:rgba(245,158,11,0.04)}.subs-card--canceled{opacity:0.55}.subs-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.subs-card-left{display:flex;align-items:center;gap:12px}.subs-plan-icon{width:40px;height:40px;border-radius:13px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.subs-plan-icon--starter{background:rgba(101,214,158,0.15)}.subs-plan-icon--creator{background:rgba(101,214,158,0.15)}.subs-plan-icon--studio{background:rgba(125,211,252,0.15)}.subs-plan-icon--agency{background:rgba(125,211,252,0.15)}.subs-plan-icon--unknown{background:rgba(255,255,255,0.06)}.subs-plan-name{font-size:0.95rem;font-weight:800;color:#f1f5f9;letter-spacing:-0.01em;line-height:1.2}.subs-plan-interval{font-size:0.65rem;font-weight:600;color:rgba(148,163,184,0.6);margin-top:1px}.subs-badge{font-size:0.55rem;font-weight:800;letter-spacing:0.1em;padding:4px 9px;border-radius:8px;text-transform:uppercase;flex-shrink:0;line-height:1}.subs-badge--active{background:rgba(34,197,94,0.15);color:#4ade80;border:1px solid rgba(34,197,94,0.2)}.subs-badge--canceling{background:rgba(245,158,11,0.15);color:#fbbf24;border:1px solid rgba(245,158,11,0.2)}.subs-badge--canceled,.subs-badge--incomplete_expired{background:rgba(148,163,184,0.08);color:rgba(148,163,184,0.6);border:1px solid rgba(148,163,184,0.12)}.subs-badge--past_due,.subs-badge--unpaid{background:rgba(239,68,68,0.12);color:#f87171;border:1px solid rgba(239,68,68,0.2)}.subs-badge--trialing{background:rgba(101,214,158,0.15);color:#7de0a8;border:1px solid rgba(101,214,158,0.2)}.subs-badge--primary{background:linear-gradient(135deg,rgba(101,214,158,0.25),rgba(101,214,158,0.2));color:#c4b5fd;border:1px solid rgba(101,214,158,0.3);margin-left:4px}.subs-card-details{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.subs-detail{background:rgba(255,255,255,0.025);border:1px solid rgba(255,255,255,0.05);border-radius:10px;padding:10px 12px}.subs-detail-label{font-size:0.55rem;font-weight:600;letter-spacing:0.1em;color:rgba(148,163,184,0.45);text-transform:uppercase;margin-bottom:3px}.subs-detail-value{font-size:0.82rem;font-weight:700;color:#e2e8f0}.subs-period-bar{height:3px;border-radius:99px;background:rgba(255,255,255,0.05);margin-bottom:14px;overflow:hidden}.subs-period-bar-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#65d69e,#2f9c73);transition:width 0.8s cubic-bezier(0.16,1,0.3,1)}.subs-card-actions{display:flex;gap:8px}.subs-btn-cancel-sub{flex:1;padding:9px 14px;border-radius:11px;font-size:0.75rem;font-weight:700;background:rgba(239,68,68,0.06);border:1px solid rgba(239,68,68,0.15);color:rgba(248,113,113,0.75);cursor:pointer;transition:all 0.2s;display:flex;align-items:center;justify-content:center;gap:6px}.subs-btn-cancel-sub:hover{background:rgba(239,68,68,0.12);color:#f87171;border-color:rgba(239,68,68,0.25)}.subs-btn-reactivate{flex:1;padding:9px 14px;border-radius:11px;font-size:0.75rem;font-weight:700;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:1px solid rgba(16,185,129,0.4);color:#fff;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 4px 14px rgba(16,185,129,0.25)}.subs-btn-reactivate:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(16,185,129,0.4)}.subs-btn-reactivate:disabled{opacity:0.7;cursor:wait;transform:none}.subs-btn-manage{flex:1;padding:9px 14px;border-radius:11px;font-size:0.75rem;font-weight:700;background:rgba(101,214,158,0.1);border:1px solid rgba(101,214,158,0.2);color:#7de0a8;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;justify-content:center;gap:6px}.subs-btn-manage:hover{background:rgba(101,214,158,0.18);border-color:rgba(101,214,158,0.35)}.subs-invoices{display:flex;flex-direction:column;gap:8px}.subs-invoice-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,0.025);border:1px solid rgba(255,255,255,0.05);transition:border-color 0.2s}.subs-invoice-row:hover{border-color:rgba(255,255,255,0.08)}.subs-invoice-left{display:flex;flex-direction:column;gap:2px}.subs-invoice-num{font-size:0.75rem;font-weight:700;color:#e2e8f0}.subs-invoice-date{font-size:0.6rem;font-weight:500;color:rgba(148,163,184,0.5)}.subs-invoice-right{display:flex;align-items:center;gap:10px}.subs-invoice-amount{font-size:0.8rem;font-weight:800;color:#f1f5f9}.subs-invoice-dl{width:28px;height:28px;border-radius:9px;background:rgba(101,214,158,0.12);border:1px solid rgba(101,214,158,0.18);color:#7de0a8;display:flex;align-items:center;justify-content:center;font-size:0.65rem;cursor:pointer;transition:all 0.2s;text-decoration:none}.subs-invoice-dl:hover{background:rgba(101,214,158,0.22);color:#c4b5fd}.subs-invoice-badge-paid{font-size:0.5rem;font-weight:700;padding:3px 7px;border-radius:6px;background:rgba(34,197,94,0.1);color:#4ade80;border:1px solid rgba(34,197,94,0.15)}.subs-invoice-badge-open{font-size:0.5rem;font-weight:700;padding:3px 7px;border-radius:6px;background:rgba(245,158,11,0.1);color:#fbbf24;border:1px solid rgba(245,158,11,0.15)}.subs-confirm-overlay{position:absolute;inset:0;z-index:30;border-radius:28px;background:rgba(2,6,23,0.92);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:28px;animation:subsFadeIn 0.25s ease forwards}@keyframes subsFadeIn{from{opacity:0}to{opacity:1}}.subs-confirm-box{text-align:center;max-width:300px}.subs-confirm-icon{width:56px;height:56px;border-radius:18px;margin:0 auto 16px;background:rgba(239,68,68,0.12);border:1px solid rgba(239,68,68,0.2);display:flex;align-items:center;justify-content:center;color:#f87171;font-size:1.3rem}.subs-confirm-title{font-size:1.05rem;font-weight:900;color:#f1f5f9;margin-bottom:8px;letter-spacing:-0.01em}.subs-confirm-sub{font-size:0.78rem;color:rgba(148,163,184,0.75);margin-bottom:22px;line-height:1.5}.subs-confirm-actions{display:flex;flex-direction:column;gap:8px}.subs-btn-primary{padding:13px 20px;border-radius:13px;background:linear-gradient(135deg,#65d69e,#2f9c73);color:#fff;font-size:0.85rem;font-weight:800;border:none;cursor:pointer;box-shadow:0 6px 20px rgba(101,214,158,0.3);transition:all 0.25s;display:inline-flex;align-items:center;gap:8px}.subs-btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(101,214,158,0.4)}.subs-btn-danger{width:100%;padding:13px;border-radius:13px;background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.2);color:#f87171;font-size:0.82rem;font-weight:700;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;justify-content:center;gap:8px}.subs-btn-danger:hover{background:rgba(239,68,68,0.18)}.subs-btn-danger:disabled{opacity:0.6;cursor:wait}.subs-btn-secondary{width:100%;padding:11px;border-radius:12px;background:transparent;border:1px solid rgba(255,255,255,0.07);color:rgba(148,163,184,0.6);font-size:0.75rem;font-weight:600;cursor:pointer;transition:all 0.2s}.subs-btn-secondary:hover{background:rgba(255,255,255,0.03);color:rgba(148,163,184,0.9)}.subs-footer-note{font-size:0.65rem;color:rgba(148,163,184,0.35);text-align:center;margin-top:20px;display:flex;align-items:center;justify-content:center;gap:5px}.subs-canceling-chip{display:flex;align-items:center;gap:8px;background:rgba(245,158,11,0.08);border:1px solid rgba(245,158,11,0.15);border-radius:10px;padding:9px 12px;margin-bottom:14px;font-size:0.72rem;font-weight:600;color:rgba(251,191,36,0.85);line-height:1.4}.subs-canceling-chip i{color:#fbbf24;font-size:0.8rem;flex-shrink:0}@media (max-width:480px){.subs-glass{padding:24px 18px}.subs-card-details{grid-template-columns:1fr}}#topup-modal.show{opacity:1 !important;pointer-events:auto !important}#topup-modal.show>div{transform:translateY(0) !important}#referral-modal.show{opacity:1 !important;pointer-events:auto !important}#referral-modal.show>div{transform:translateY(0) !important}#early-access-modal.show{opacity:1 !important;pointer-events:auto !important}#early-access-modal.show>div{transform:scale(1) !important}.ref-scroll{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.08) transparent}.ref-scroll::-webkit-scrollbar{width:4px}.ref-scroll::-webkit-scrollbar-track{background:transparent}.ref-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.08);border-radius:99px}.ref-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}.ref-orb-1{width:200px;height:200px;background:rgba(16,185,129,0.12);top:-60px;right:-40px;animation:refFloat 8s ease-in-out infinite}.ref-orb-2{width:180px;height:180px;background:rgba(101,214,158,0.10);bottom:-50px;left:-40px;animation:refFloat 10s ease-in-out infinite reverse}@keyframes refFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.05)}}.ref-icon-wrap{position:relative}.ref-icon-ring{position:absolute;inset:-4px;border-radius:1.1rem;background:conic-gradient(from 0deg,rgba(16,185,129,0.4),rgba(101,214,158,0.4),rgba(16,185,129,0.4));animation:refRingSpin 3s linear infinite;opacity:0.6}@keyframes refRingSpin{to{transform:rotate(360deg)}}.ref-reward-card{position:relative;overflow:hidden;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:1.2rem;padding:1rem 0.8rem;transition:all 0.3s ease}.ref-reward-card:hover{border-color:rgba(255,255,255,0.12);transform:translateY(-2px)}.ref-reward-glow{position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:80px;height:80px;border-radius:50%;filter:blur(40px);opacity:0;transition:opacity 0.3s}.ref-reward-card:hover .ref-reward-glow{opacity:1}.ref-reward-divider{display:flex;align-items:center;justify-content:center;flex-shrink:0}.ref-link-container{position:relative;border-radius:1rem;overflow:hidden;background:rgba(255,255,255,0.03)}.ref-link-border{position:absolute;inset:0;border-radius:1rem;padding:1px;background:linear-gradient(135deg,rgba(16,185,129,0.3),rgba(101,214,158,0.1),rgba(16,185,129,0.3));background-size:200% 200%;animation:refBorderShift 4s ease infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@keyframes refBorderShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.ref-copy-btn{position:relative;overflow:hidden}.ref-copy-btn::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.15),transparent);transition:left 0.5s}.ref-copy-btn:hover::after{left:100%}.ref-share-btn{position:relative;overflow:hidden}.ref-share-btn::before{content:'';position:absolute;inset:0;opacity:0;background:radial-gradient(circle at center,currentColor,transparent 70%);transition:opacity 0.3s}.ref-share-btn:hover::before{opacity:0.05}.ref-roadmap-item{display:flex;align-items:flex-start;gap:12px;position:relative;padding:0 0 0 0}.ref-roadmap-line{position:absolute;left:15px;top:32px;bottom:-2px;width:2px;background:rgba(255,255,255,0.06)}.ref-roadmap-line.active{background:linear-gradient(to bottom,#10b981,rgba(16,185,129,0.2))}.ref-roadmap-dot{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:0.85rem;z-index:2;position:relative;background:rgba(255,255,255,0.04);border:2px solid rgba(255,255,255,0.08);transition:all 0.3s}.ref-roadmap-dot.reached{background:rgba(16,185,129,0.15);border-color:#10b981}.ref-roadmap-dot.current{background:rgba(16,185,129,0.25);border-color:#10b981;box-shadow:0 0 12px rgba(16,185,129,0.4);animation:refPulse 2s ease infinite}.ref-roadmap-dot.locked{opacity:0.4}@keyframes refPulse{0%,100%{box-shadow:0 0 8px rgba(16,185,129,0.3)}50%{box-shadow:0 0 16px rgba(16,185,129,0.5)}}.ref-roadmap-content{flex:1;min-width:0;padding:4px 0 16px 0}.ref-roadmap-rewards{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.ref-roadmap-reward-tag{font-size:0.55rem;font-weight:700;padding:2px 8px;border-radius:6px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.06);color:rgba(255,255,255,0.4)}.ref-roadmap-reward-tag.reached{background:rgba(16,185,129,0.1);border-color:rgba(16,185,129,0.2);color:#10b981}.ref-roadmap-reward-tag.current{background:rgba(16,185,129,0.15);border-color:rgba(16,185,129,0.3);color:#10b981}:root{--vm-edge:linear-gradient(180deg,rgba(255,255,255,0.16) 0%,rgba(255,255,255,0.05) 45%,rgba(255,255,255,0.28) 100%);--vm-edge-on:linear-gradient(180deg,rgba(101,214,158,0.55) 0%,rgba(101,214,158,0.12) 48%,rgba(255,255,255,0.36) 100%);--vm-bevel:rgba(7,80,48,0.6);--vm-lift:0 6px 4px rgba(0,0,0,0.25),0 32px 24px rgba(0,0,0,0.15)}.vm-edge,.apps-card-media,.qsr-media,.hf-tile{position:relative}.vm-edge::after,.apps-card-media::after,.qsr-media::after,.hf-tile::after{content:'';position:absolute;inset:0;z-index:9;pointer-events:none;border-radius:inherit;padding:1px;background:var(--vm-edge);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:background 0.3s ease}.hf-tile{border-color:transparent}.qsr-media{border-color:transparent}@media (hover:hover){.qsr-card:hover .qsr-media::after,.hf-tile:hover::after,.apps-card:hover .apps-card-media::after{background:var(--vm-edge-on)}.qsr-card:hover .qsr-media{border-color:transparent}.hf-tile:hover{border-color:transparent}}@media (min-width:640px){.apps-card{border-color:transparent}.apps-card::after{content:'';position:absolute;inset:0;z-index:9;pointer-events:none;border-radius:inherit;padding:1px;background:var(--vm-edge);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:background 0.3s ease}.apps-card:hover{border-color:transparent;box-shadow:0 18px 44px rgba(0,0,0,0.45)}.apps-card:hover::after{background:var(--vm-edge-on)}.apps-card--soon:hover::after{background:var(--vm-edge)}.apps-card--soon:hover{box-shadow:0 2px 6px rgba(0,0,0,0.15),inset 0 -4px 16px rgba(255,255,255,0.04)}}.hf-promo-btn,.v-btn-accent,.apps-card-open{box-shadow:inset 0 -3px 0 0 var(--vm-bevel),inset 0 1px 0 rgba(255,255,255,0.35),var(--vm-lift)}.hf-promo-btn:active,.v-btn-accent:active,.apps-card:active .apps-card-open{box-shadow:inset 0 -1px 0 0 var(--vm-bevel),inset 0 1px 0 rgba(255,255,255,0.25),0 2px 3px rgba(0,0,0,0.3);transform:translateY(2px)}.v-btn-accent{transition:transform 0.18s ease,filter 0.18s ease,box-shadow 0.18s ease}.v-btn-accent:hover{filter:brightness(1.06);transform:translateY(-1px)}.hf-tile-chip,.apps-soon-badge,.cc-eyebrow,.hf-promo-badge{box-shadow:inset 0 -2px 6px rgba(255,255,255,0.16)}.cc-eyebrow,.hf-promo-badge{position:relative}.hf-tile-chip::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;padding:1px;background:linear-gradient(180deg,rgba(255,255,255,0.30) 0%,rgba(255,255,255,0.08) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.hf-tile-badge{box-shadow:inset 0 -2px 0 rgba(0,0,0,0.18),inset 0 1px 0 rgba(255,255,255,0.35),0 4px 10px rgba(0,0,0,0.3)}@media (hover:hover){.apps-card-media .sh-card-video,.apps-card-media img{transition:transform 0.55s cubic-bezier(0.16,1,0.3,1)}.apps-card:hover .apps-card-media .sh-card-video,.apps-card:hover .apps-card-media img{transform:scale(1.045)}.apps-card--soon:hover .apps-card-media .sh-card-video{transform:none}}.apps-card:focus-visible,.qsr-card:focus-visible,.hf-tile:focus-visible,.cc-card:focus-visible,.hf-promo-card:focus-visible,.vp-cta:focus-visible,.v-btn-accent:focus-visible,.vh-seeall:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:inherit}@media (prefers-reduced-motion:reduce){.vm-edge::after,.apps-card::after,.apps-card-media::after,.qsr-media::after,.hf-tile::after,.apps-card-media .sh-card-video,.apps-card-media img,.v-btn-accent{transition:none !important}.apps-card:hover .apps-card-media .sh-card-video,.apps-card:hover .apps-card-media img{transform:none !important}}