.landing-page--subscription{--color-primary:#059669;--color-primary-dark:#0e7490;--color-success:#10b981;--color-success-rgb:16, 185, 129;--cta-bg:linear-gradient(135deg, var(--color-primary) 0%, #047857 100%);--cta-shadow:0 20px 50px -10px #10b98180;--cta-border:#ffffff26;--cta-glow:radial-gradient(circle at center, #ffffff26 0%, transparent 60%);--cta-trust:#d1fae5}.landing-hero--subscription{--landing-hero-bg:linear-gradient(to bottom, #f8fafc 0%, #ecfdf5 100%);--landing-hero-bg-dark:radial-gradient(circle at top right, #022c22 0%, #0f172a 60%, #020617 100%);--landing-hero-pattern-color:#10b9811a;--landing-hero-pattern-color-dark:#ffffff1a;--landing-hero-glow-color:#10b98140;--landing-hero-glow-color-dark:#14b8a60d;--landing-hero-text-gradient:linear-gradient(135deg, #059669 0%, #0891b2 100%);--landing-hero-feature-text:var(--text-color-main)}.landing-plans-mockup{justify-content:center;align-items:center;width:100%;max-width:600px;margin:0 auto;padding:2rem 0;display:flex;position:relative}.landing-plans-mockup .plans-cards{z-index:5;align-items:center;gap:1.5rem;width:100%;padding:1rem;display:flex;position:relative}.landing-plans-mockup .plans-card{background:var(--background-color-paper);border:1px solid var(--border-color-light);border-radius:20px;flex:1;padding:1.5rem;transition:all .3s;position:relative;box-shadow:0 10px 30px #0000000d}.landing-plans-mockup .plans-card--standard{opacity:1;z-index:1;transform:scale(.95)}.landing-plans-mockup .plans-card--pro{z-index:2;border-color:var(--color-primary);background:linear-gradient(to bottom, var(--background-color-paper), #f0fdf4);transform:scale(1.1);box-shadow:0 20px 50px #86868626}.dark .landing-plans-mockup .plans-card--pro{background:linear-gradient(#18181b,#064e3b);border-color:#059669}.landing-plans-mockup .plans-card__header{text-align:center;margin-bottom:1.5rem}.landing-plans-mockup .plans-card__name{color:var(--text-color-main);margin-bottom:.5rem;font-size:1.125rem;font-weight:800;display:block}.landing-plans-mockup .plans-card__price{color:var(--text-color-main);margin-bottom:.75rem;font-size:2.25rem;font-weight:900}.landing-plans-mockup .plans-card__price span{color:var(--text-color-muted);font-size:.875rem;font-weight:500}.landing-plans-mockup .plans-card__badge-popular{background:var(--color-primary);color:#fff;text-transform:uppercase;white-space:nowrap;z-index:5;border-radius:99px;padding:.25rem .75rem;font-size:.625rem;font-weight:800;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.landing-plans-mockup .plans-card__description-skeleton{border-bottom:1px solid var(--border-color-light);margin-bottom:1.5rem;padding-bottom:1.5rem}.landing-plans-mockup .plans-card__description-skeleton .skeleton-line{background:var(--background-color-disabled);border-radius:99px;width:100%;height:8px;margin-bottom:.5rem}.landing-plans-mockup .plans-card__description-skeleton .skeleton-line:last-child{width:70%;margin-bottom:0}.landing-plans-mockup .plans-card__features{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.landing-plans-mockup .plans-card__feature-skeleton{background:var(--background-color-disabled);border-radius:99px;width:100%;height:6px}.landing-plans-mockup .plans-card__feature-skeleton:nth-child(2){width:70%}.landing-plans-mockup .plans-card__feature-skeleton:nth-child(3){width:85%}.landing-plans-mockup .plans-card__feature-skeleton--active{background:var(--color-primary);opacity:.4}.landing-plans-mockup:hover .plans-card--standard{transform:scale(1.05)}.landing-plans-mockup:hover .plans-card--pro{transform:scale(1.15)}@media (width<=1023px){.landing-plans-mockup{max-width:100%}.landing-plans-mockup .plans-cards{gap:1rem}.landing-plans-mockup .plans-card{padding:1rem}.landing-plans-mockup .plans-card--standard{display:none}.landing-plans-mockup .plans-card--pro{flex:1;transform:none!important}}.paywall-mockup{position:relative;overflow:visible}.paywall-mockup__overlay{background:linear-gradient(to bottom, transparent 0%, var(--background-color-main) 100%);z-index:2;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;padding-bottom:2rem;display:flex;position:absolute;inset:0}.dark .paywall-mockup__overlay{background:linear-gradient(to bottom, transparent 0%, var(--background-color-main) 100%)}.paywall-mockup__content{-webkit-user-select:none;user-select:none;pointer-events:none}.paywall-mockup__content .skeleton-line{background:var(--background-color-disabled);border-radius:var(--radius-sm);height:12px;margin-bottom:.75rem}.paywall-mockup__content .skeleton-line--sm{width:40%}.paywall-mockup__content .skeleton-line--md{width:70%}.paywall-mockup__content .skeleton-line--lg{width:100%}.paywall-mockup__box{background:var(--color-white);border:1px solid var(--border-color-light);text-align:center;z-index:3;border-radius:16px;width:100%;max-width:400px;padding:2rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.dark .paywall-mockup__box{background:#18181b;border-color:#27272a}.paywall-mockup__icon{margin-bottom:1rem}.paywall-mockup__title{color:var(--text-color-main);margin-bottom:.5rem;font-size:1.25rem;font-weight:800}.paywall-mockup__text{color:var(--text-color-muted);margin-bottom:1.5rem;font-size:.9375rem;line-height:1.5}.paywall-mockup__footer{color:var(--text-color-muted);margin-top:1rem;font-size:.8125rem}.paywall-mockup__footer a{color:var(--color-primary);font-weight:600;text-decoration:none}.paywall-mockup__footer a:hover{text-decoration:underline}.subscriber-perks-mockup{flex-direction:column;gap:1.5rem;width:100%;margin-top:2rem;padding:1rem 0;display:flex;position:relative}.subscriber-perks-mockup__card{background:var(--background-color-main);border:1px solid var(--border-color-light);border-radius:1rem;min-width:260px;padding:1.5rem;transition:all .3s;position:relative;box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000006}.dark .subscriber-perks-mockup__card{background:#0f172a;border-color:#1e293b}@media (width>=1024px){.subscriber-perks-mockup__card{position:absolute}}.subscriber-perks-mockup__card:hover{border-color:var(--color-primary);transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a;z-index:50!important}@media (width>=1024px){.subscriber-perks-mockup--profile{z-index:10;width:320px;top:20px;left:20px}}.subscriber-perks-mockup--profile .perk-profile{align-items:center;gap:1rem;display:flex}.subscriber-perks-mockup--profile .perk-profile__avatar{border:2px solid #fff;border-radius:50%;width:56px;height:56px;box-shadow:0 2px 4px #0000001a}.subscriber-perks-mockup--profile .perk-profile__name{color:var(--text-color-main);flex-direction:column;gap:.25rem;font-size:1.1rem;font-weight:700;display:flex}.subscriber-perks-mockup--profile .perk-profile .perk-badge{width:max-content;display:inline-flex}.subscriber-perks-mockup--profile .perk-profile__meta{color:var(--text-color-muted);font-size:.8125rem;font-weight:400}@media (width>=1024px){.subscriber-perks-mockup--toggle{z-index:20;width:340px;top:200px;right:0}}.subscriber-perks-mockup--toggle .perk-toggle{align-items:center;gap:1.25rem;display:flex}.subscriber-perks-mockup--toggle .perk-toggle__icon{color:var(--text-color-muted);background:var(--background-color-alt);border-radius:.75rem;padding:.75rem}.subscriber-perks-mockup--toggle .perk-toggle__content{flex:1}.subscriber-perks-mockup--toggle .perk-toggle__label{color:var(--text-color-main);margin-bottom:.25rem;font-size:1rem;font-weight:700}.subscriber-perks-mockup--toggle .perk-toggle__status{color:var(--color-success);font-size:.8125rem;font-weight:500}.subscriber-perks-mockup--toggle .perk-toggle .perk-switch{background:var(--color-success);border-radius:99px;flex-shrink:0;width:52px;height:32px;position:relative}.subscriber-perks-mockup--toggle .perk-toggle .perk-switch__thumb{background:#fff;border-radius:50%;width:26px;height:26px;position:absolute;top:3px;right:3px;box-shadow:0 2px 4px #0003}@media (width>=1024px){.subscriber-perks-mockup--download{z-index:30;width:300px;bottom:60px;left:40px}}.subscriber-perks-mockup--download .perk-download{align-items:center;gap:1rem;display:flex}.subscriber-perks-mockup--download .perk-download__icon{color:var(--color-primary);background:#eff6ff;border-radius:.75rem;padding:.75rem}.dark .subscriber-perks-mockup--download .perk-download__icon{background:#0596691a}.subscriber-perks-mockup--download .perk-download__info{flex:1;min-width:0}.subscriber-perks-mockup--download .perk-download__title{color:var(--text-color-main);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.25rem;font-size:.9375rem;font-weight:600;overflow:hidden}.subscriber-perks-mockup--download .perk-download__meta{color:var(--color-primary);font-size:.75rem;font-weight:500}.media-paywalls-mockup{justify-content:center;align-items:center;width:100%;height:480px;display:flex;position:relative}.media-paywalls-mockup .mockup-card{background:var(--background-color-paper);border-radius:var(--radius-xl);border:1px solid var(--border-color-light);transition:all .4s var(--transition-easing-ease);position:absolute;box-shadow:0 20px 50px #0000001a}.media-paywalls-mockup .mockup-card:hover{transform:translateY(-5px)scale(1.02);box-shadow:0 30px 60px #00000026;z-index:50!important}.media-paywalls-mockup .mockup-card--video{z-index:10;width:320px;top:40px;right:0;overflow:hidden}.media-paywalls-mockup .mockup-card--video .mockup-video-inner{background:var(--background-color-alt)}.media-paywalls-mockup .mockup-card--video .mockup-lock-overlay{background:#0f172a;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:180px;display:flex}.media-paywalls-mockup .mockup-card--video .mockup-lock-icon{color:#fff;opacity:.8}.media-paywalls-mockup .mockup-card--video .mockup-lock-btn{color:#fff;text-transform:uppercase;letter-spacing:.05em;border:1px solid #fff6;border-radius:4px;padding:6px 12px;font-size:11px}.media-paywalls-mockup .mockup-card--video .mockup-video-info{padding:16px}.media-paywalls-mockup .mockup-card--video .mockup-video-title{color:var(--text-color-main);margin-bottom:4px;font-size:14px;font-weight:700}.media-paywalls-mockup .mockup-card--video .mockup-video-meta{color:var(--text-color-muted);font-size:11px}.media-paywalls-mockup .mockup-card--image{z-index:20;width:240px;height:180px;padding:8px;bottom:120px;left:0}.media-paywalls-mockup .mockup-card--image .mockup-image-inner{border-radius:var(--radius-lg);width:100%;height:100%;position:relative;overflow:hidden}.media-paywalls-mockup .mockup-card--image .mockup-image-bg{filter:blur(15px);background:linear-gradient(135deg,#6366f1,#a855f7);width:100%;height:100%}.media-paywalls-mockup .mockup-card--image .mockup-image-overlay{color:#fff;background:#0000001a;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.media-paywalls-mockup .mockup-card--download{z-index:15;align-items:center;gap:12px;width:280px;padding:16px;display:flex;bottom:40px;right:5%}.media-paywalls-mockup .mockup-card--download .mockup-download-inner{align-items:center;gap:12px;width:100%;display:flex}.media-paywalls-mockup .mockup-card--download .mockup-download-icon{background:rgba(var(--color-primary-rgb), .1);border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:40px;display:flex}.media-paywalls-mockup .mockup-card--download .mockup-download-info{flex:1}.media-paywalls-mockup .mockup-card--download .mockup-download-name{color:var(--text-color-main);font-size:13px;font-weight:600}.media-paywalls-mockup .mockup-card--download .mockup-download-size{color:var(--text-color-muted);font-size:11px}.media-paywalls-mockup .mockup-card--download .mockup-download-lock{color:var(--text-color-muted)}@media (width<=991px){.media-paywalls-mockup{height:400px;margin-bottom:40px}.media-paywalls-mockup .mockup-card--video{width:280px;right:0}.media-paywalls-mockup .mockup-card--image{width:200px;left:0}.media-paywalls-mockup .mockup-card--download{width:240px;bottom:20px;right:10%}}.ai-limits-mockup{width:100%;max-width:480px;padding:var(--space-20) 0;margin:0 auto;position:relative}.ai-limits-mockup .ai-limits-card{background:var(--background-color-paper);border:1px solid var(--border-color-light);border-radius:var(--radius-xl);padding:var(--space-24);z-index:10;position:relative;box-shadow:0 20px 40px -10px #0000001a}.dark .ai-limits-mockup .ai-limits-card{background:#18181b;border-color:#27272a}.ai-limits-mockup .ai-limits-card .ai-limits-header{margin-bottom:var(--space-24);padding-bottom:var(--space-16);border-bottom:1px solid var(--border-color-light);justify-content:space-between;align-items:center;display:flex}.ai-limits-mockup .ai-limits-card .ai-limits-header .plan-name{color:var(--text-color-main);font-size:1.125rem;font-weight:700}.ai-limits-mockup .ai-limits-card .ai-limits-header .plan-badge{color:var(--color-primary);background:#10b9811a;border-radius:99px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.ai-limits-mockup .ai-limits-card .limit-item{margin-bottom:var(--space-20)}.ai-limits-mockup .ai-limits-card .limit-item:last-child{margin-bottom:0}.ai-limits-mockup .ai-limits-card .limit-item .limit-info{margin-bottom:var(--space-8);justify-content:space-between;font-size:.875rem;display:flex}.ai-limits-mockup .ai-limits-card .limit-item .limit-info .limit-label{color:var(--text-color-main);font-weight:500}.ai-limits-mockup .ai-limits-card .limit-item .limit-info .limit-value{color:var(--text-color-muted)}.ai-limits-mockup .ai-limits-card .limit-item .limit-progress{background:var(--background-color-disabled);border-radius:4px;height:8px;overflow:hidden}.ai-limits-mockup .ai-limits-card .limit-item .limit-progress .limit-bar{background:var(--color-primary);border-radius:4px;height:100%;transition:width 1s}.ai-limits-mockup .ai-limits-card .limit-upsell{margin-top:var(--space-24);padding-top:var(--space-16);border-top:1px solid var(--border-color-light);align-items:center;gap:var(--space-8);color:var(--text-color-muted);font-size:.8125rem;display:flex}.ai-limits-mockup .ai-limits-card .limit-upsell a{color:var(--color-primary);font-weight:600;text-decoration:underline}.ai-limits-mockup .ai-config-card{background:var(--background-color-paper);border:1px solid var(--border-color-light);border-radius:var(--radius-lg);padding:var(--space-16);z-index:20;min-width:220px;animation:8s ease-in-out infinite float-y-delayed;position:absolute;top:-15px;right:0;box-shadow:0 10px 25px -5px #0000001a}.dark .ai-limits-mockup .ai-config-card{background:#27272a;border-color:#3f3f46}.ai-limits-mockup .ai-config-card .config-row{justify-content:space-between;align-items:center;display:flex}.ai-limits-mockup .ai-config-card .config-row .label{color:var(--text-color-main);font-size:.875rem;font-weight:600}.ai-limits-mockup .ai-config-card .config-row .toggle{align-items:center;gap:var(--space-8);display:flex}.ai-limits-mockup .ai-config-card .config-row .toggle .value{color:var(--color-primary);text-transform:uppercase;font-size:.75rem;font-weight:700}.revenue-benefits-mockup{perspective:1000px;justify-content:center;align-items:center;width:100%;height:480px;display:flex;position:relative}.revenue-benefits-mockup .revenue-benefits-card{background:var(--background-color-paper);border-radius:var(--radius-xl);border:1px solid var(--border-color-light);transition:all .4s var(--transition-easing-ease);position:absolute;box-shadow:0 20px 50px #0000001a}.dark .revenue-benefits-mockup .revenue-benefits-card{background:#18181b;border-color:#27272a}.revenue-benefits-mockup .revenue-benefits-card--main{width:340px;padding:var(--space-24);z-index:10}.revenue-benefits-mockup .revenue-benefits-card--main .revenue-stat-grid{gap:var(--space-20);flex-direction:column;display:flex}.revenue-benefits-mockup .revenue-benefits-card--main .revenue-stat-item{padding-bottom:var(--space-16);border-bottom:1px dashed var(--border-color-light);flex-direction:column;gap:4px;display:flex}.revenue-benefits-mockup .revenue-benefits-card--main .revenue-stat-item:last-child{border-bottom:none;padding-bottom:0}.revenue-benefits-mockup .revenue-benefits-card--main .revenue-stat-label{color:var(--text-color-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8125rem;font-weight:600}.revenue-benefits-mockup .revenue-benefits-card--main .revenue-stat-value{color:var(--text-color-main);font-size:2rem;font-weight:800;font-family:var(--font-family-heading)}.revenue-benefits-mockup .revenue-benefits-card--main .revenue-stat-value.text-success{color:var(--color-success)}.revenue-benefits-mockup .revenue-benefits-card--main .revenue-stat-trend{color:var(--color-success);background:rgba(var(--color-success-rgb), .1);border-radius:99px;align-items:center;gap:4px;width:max-content;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.revenue-benefits-mockup .revenue-benefits-card--float{z-index:20;width:280px;padding:var(--space-16);background:rgba(var(--background-color-paper-rgb), .9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);bottom:40px;right:-20px}.revenue-benefits-mockup .revenue-benefits-card--float .churn-prevention-alert{align-items:center;gap:var(--space-12);display:flex}.revenue-benefits-mockup .revenue-benefits-card--float .churn-icon{background:rgba(var(--color-warning-rgb), .1);width:40px;height:40px;color:var(--color-warning);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.revenue-benefits-mockup .revenue-benefits-card--float .churn-content{flex-direction:column;flex:1;display:flex}.revenue-benefits-mockup .revenue-benefits-card--float .churn-title{color:var(--text-color-main);font-size:.875rem;font-weight:700}.revenue-benefits-mockup .revenue-benefits-card--float .churn-desc{color:var(--text-color-muted);font-size:.75rem}.revenue-benefits-mockup .revenue-benefits-card--float .churn-badge{background:rgba(var(--color-success-rgb), .1);color:var(--color-success);border-radius:99px;padding:4px 8px;font-size:.75rem;font-weight:600}.revenue-benefits-mockup .revenue-benefits-card:hover{transform:translateY(-5px)scale(1.02)}.security-compliance-mockup{perspective:1200px;width:100%;height:420px;transform-style:preserve-3d;justify-content:center;align-items:center;display:flex;position:relative}.security-compliance-mockup .security-dashboard{border:1px solid var(--border-color-light);width:100%;max-width:440px;height:100%;transform-style:preserve-3d;background:radial-gradient(circle,#10b9810d 0%,#0000 70%);border-radius:24px;justify-content:center;align-items:center;transition:transform .5s;display:flex;position:relative;overflow:visible;transform:rotateX(15deg)rotateY(12deg)rotate(-3deg);box-shadow:0 15px 45px #0000000a}.dark .security-compliance-mockup .security-dashboard{background:radial-gradient(circle,#10b98114 0%,#0000 70%);border-color:#27272a;box-shadow:0 25px 60px #00000040}.security-compliance-mockup .security-dashboard:hover{transform:rotateX(12deg)rotateY(8deg)rotate(-2deg)}.security-compliance-mockup .network-grid{background-size:20px 20px;background-image:linear-gradient(to right, var(--border-color-light) 1px, transparent 1px), linear-gradient(to bottom, var(--border-color-light) 1px, transparent 1px);opacity:.15;pointer-events:none;border-radius:24px;position:absolute;inset:0}.dark .security-compliance-mockup .network-grid{opacity:.25;background-image:linear-gradient(90deg,#27272a 1px,#0000 1px),linear-gradient(#27272a 1px,#0000 1px)}.security-compliance-mockup .portal-core{z-index:2;width:120px;height:120px;transform-style:preserve-3d;justify-content:center;align-items:center;display:flex;position:relative}.security-compliance-mockup .pulse-ring{pointer-events:none;border:1.5px solid #10b98126;border-radius:50%;animation:4s cubic-bezier(.215,.61,.355,1) infinite pulse-ring-scale;position:absolute;transform:translateZ(10px)}.security-compliance-mockup .pulse-ring.ring-1{width:160px;height:160px;animation-delay:0s}.security-compliance-mockup .pulse-ring.ring-2{width:240px;height:240px;animation-delay:1.3s}.security-compliance-mockup .pulse-ring.ring-3{width:320px;height:320px;animation-delay:2.6s}.security-compliance-mockup .shield-hub{background:linear-gradient(135deg, var(--color-primary) 0%, #047857 100%);z-index:5;border:1px solid #ffffff26;border-radius:28px;justify-content:center;align-items:center;width:108px;height:108px;display:flex;transform:rotate(45deg)translateZ(20px);box-shadow:0 15px 35px #10b98166}.security-compliance-mockup .shield-hub .shield-inner{justify-content:center;align-items:center;display:flex;transform:rotate(-45deg)}.security-compliance-mockup .shield-hub .shield-inner .ui-icon{color:#fff;font-size:56px}.security-compliance-mockup .floating-trust-badge{border:1px solid var(--border-color-light);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-lg);z-index:10;transform-style:preserve-3d;background:#ffffffd9;border-radius:16px;align-items:center;gap:12px;padding:.625rem .875rem;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex;position:absolute}.dark .security-compliance-mockup .floating-trust-badge{box-shadow:var(--shadow-lg);background:#18181bd9;border-color:#27272a}.security-compliance-mockup .floating-trust-badge:hover{box-shadow:var(--shadow-xl);z-index:25;transform:translateZ(55px)translateY(-4px)scale(1.03)!important}.security-compliance-mockup .floating-trust-badge .badge-icon{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.security-compliance-mockup .floating-trust-badge .badge-icon--green{color:#10b981;background:#10b9811a}.security-compliance-mockup .floating-trust-badge .badge-icon--gold{color:#f59e0b;background:#f59e0b1a}.security-compliance-mockup .floating-trust-badge .badge-icon--blue{color:#3b82f6;background:#3b82f61a}.security-compliance-mockup .floating-trust-badge .badge-icon .ui-icon{font-size:16px}.security-compliance-mockup .floating-trust-badge .badge-text{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.security-compliance-mockup .floating-trust-badge .badge-title{color:var(--text-color-main);margin-bottom:2px;font-size:.75rem;font-weight:800;line-height:1.2}.security-compliance-mockup .floating-trust-badge .badge-desc{color:var(--text-color-muted);font-size:.625rem;line-height:1}.security-compliance-mockup .ssl-badge{animation:6s ease-in-out infinite float-3d-tr;top:35px;left:20px;transform:translateZ(35px)}.security-compliance-mockup .pci-badge{animation:6s ease-in-out 2s infinite float-3d-ml;top:155px;right:-25px;transform:translateZ(35px)}.security-compliance-mockup .gdpr-badge{animation:6s ease-in-out 4s infinite float-3d-br;bottom:35px;left:35px;transform:translateZ(35px)}@keyframes pulse-ring-scale{0%{opacity:.8;transform:scale(.95)}to{opacity:0;transform:scale(1.3)}}@keyframes float-3d-tr{0%,to{transform:translateZ(35px)translateY(0)}50%{transform:translateZ(35px)translateY(-8px)}}@keyframes float-3d-ml{0%,to{transform:translateZ(35px)translateY(0)}50%{transform:translateZ(35px)translateY(-8px)}}@keyframes float-3d-br{0%,to{transform:translateZ(35px)translateY(0)}50%{transform:translateZ(35px)translateY(-8px)}}.use-case-mockup{margin-bottom:var(--space-24);background:var(--background-color-paper);border:1px solid var(--border-color-light);border-radius:16px;height:156px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000008}.dark .use-case-mockup{background:#18181b;border-color:#27272a}.use-case-mockup:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000000f}.use-case-mockup--article{flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:1.25rem}.use-case-mockup--article .use-case-mockup__article-content{text-align:left;flex-direction:column;align-items:flex-start;width:100%;display:flex}.use-case-mockup--article .use-case-badge{letter-spacing:.05em;color:var(--color-primary);background:#10b9811a;border-radius:99px;margin-bottom:.5rem;padding:.25rem .625rem;font-size:.625rem;font-weight:800}.use-case-mockup--article .use-case-title{color:var(--text-color-main);letter-spacing:-.01em;margin-bottom:.375rem;font-size:.9375rem;font-weight:800;line-height:1.35}.use-case-mockup--article .use-case-author{color:var(--text-color-muted);align-items:center;gap:6px;font-size:.75rem;display:flex}.use-case-mockup--article .use-case-author .author-dot{background:#cbd5e1;border-radius:50%;width:6px;height:6px;display:inline-block}.dark .use-case-mockup--article .use-case-author .author-dot{background:#4b5563}.use-case-mockup--article .use-case-premium-lock{color:var(--color-primary);pointer-events:none;background:linear-gradient(#fff0 10%,#fffffff2 70%);flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;padding-bottom:1.25rem;font-size:.8125rem;font-weight:700;display:flex;position:absolute;inset:0}.dark .use-case-mockup--article .use-case-premium-lock{background:linear-gradient(#18181b00 10%,#18181bf2 70%)}.use-case-mockup--article .use-case-premium-lock .lock-circle{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 4px 12px #10b9814d}.use-case-mockup--article .use-case-premium-lock .lock-circle .ui-icon{font-size:16px}.use-case-mockup--video{background:#090d16;border-color:#1e293b}.use-case-mockup--video .use-case-video-backdrop{z-index:1;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:1rem;display:flex;position:relative}.use-case-mockup--video .video-overlay-gradient{z-index:-1;background:linear-gradient(#090d161a 0%,#090d16d9 100%);position:absolute;inset:0}.use-case-mockup--video .video-badge{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #ffffff1a;border-radius:4px;width:max-content;padding:.25rem .5rem;font-size:.5625rem;font-weight:800}.use-case-mockup--video .video-info-box{flex-direction:column;gap:6px;display:flex}.use-case-mockup--video .video-title{color:#fff;opacity:.95;letter-spacing:-.01em;text-align:left;font-size:.8125rem;font-weight:700}.use-case-mockup--video .video-progress{align-items:center;gap:8px;width:100%;display:flex}.use-case-mockup--video .video-progress-bar{background:#fff3;border-radius:2px;flex:1;height:4px;position:relative}.use-case-mockup--video .video-progress-bar:after{content:"";background:var(--color-primary);border-radius:2px;width:35%;height:100%;position:absolute;top:0;left:0}.use-case-mockup--video .video-time{color:#fff9;font-size:.625rem;font-weight:600}.use-case-mockup--video .use-case-premium-lock{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;z-index:2;background:#090d168c;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:.8125rem;font-weight:700;display:flex;position:absolute;inset:0}.use-case-mockup--video .use-case-premium-lock .lock-circle{color:#fff;background:#fff3;border:1px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 15px #0003}.use-case-mockup--video .use-case-premium-lock .lock-circle .ui-icon{font-size:18px}.use-case-mockup--community{flex-direction:column;justify-content:space-between;padding:1.25rem}.use-case-mockup--community .community-chat{opacity:.4;filter:blur(.5px);text-align:left;flex-direction:column;gap:6px;width:100%;display:flex}.use-case-mockup--community .community-chat-header{color:var(--text-color-muted);align-items:center;gap:6px;margin-bottom:2px;font-size:.6875rem;font-weight:700;display:flex}.use-case-mockup--community .community-chat-header .status-indicator{background:#10b981;border-radius:50%;width:6px;height:6px}.use-case-mockup--community .chat-message{flex-direction:column;gap:1px;display:flex}.use-case-mockup--community .chat-user{font-size:.625rem;font-weight:800}.use-case-mockup--community .chat-user.text-primary{color:var(--color-primary)}.use-case-mockup--community .chat-user.text-secondary{color:var(--color-primary-dark,#0891b2)}.use-case-mockup--community .chat-text{color:var(--text-color-main);font-size:.6875rem;line-height:1.2}.use-case-mockup--community .use-case-community-overlay{z-index:2;background:linear-gradient(#fff0 10%,#fffffffa 60%);flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;padding-bottom:1.25rem;display:flex;position:absolute;inset:0}.dark .use-case-mockup--community .use-case-community-overlay{background:linear-gradient(#18181b00 10%,#18181bfa 60%)}.use-case-mockup--community .avatar-stack{justify-content:center;align-items:center;display:flex}.use-case-mockup--community .avatar-circle{border:2px solid var(--background-color-paper);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-right:-8px;font-size:.6875rem;font-weight:800;display:flex;box-shadow:0 2px 4px #0000000d}.dark .use-case-mockup--community .avatar-circle{border-color:#18181b}.use-case-mockup--community .avatar-circle:first-child{background:#3b82f6}.use-case-mockup--community .avatar-circle:nth-child(2){background:#ec4899}.use-case-mockup--community .avatar-circle:nth-child(3){background:#8b5cf6}.use-case-mockup--community .avatar-circle--plus{letter-spacing:-.02em;background:#10b981;margin-right:0;font-size:.5625rem}.use-case-mockup--community .community-lock-text{color:var(--color-primary);font-size:.8125rem;font-weight:700}.zero-code-mockup{perspective:1000px;z-index:10;width:100%;max-width:440px;margin:0 auto;position:relative}.zero-code-mockup .landing-browser-card{background:var(--background-color-paper);border-radius:var(--radius-xl);border:1px solid var(--border-color-light);transition:transform .4s var(--transition-easing-ease);overflow:hidden;box-shadow:0 25px 50px -12px #00000026}.dark .zero-code-mockup .landing-browser-card{background:#18181b;border-color:#27272a}.zero-code-mockup .landing-browser-card:hover{transform:translateY(-5px)scale(1.02);box-shadow:0 30px 60px -15px #0003}.zero-code-mockup .landing-browser-card__header{background:var(--background-color-main);border-bottom:1px solid var(--border-color-light);align-items:center;padding:12px 16px;display:flex}.dark .zero-code-mockup .landing-browser-card__header{background:#0f172a}.zero-code-mockup .landing-browser-card__dots{gap:6px;margin-right:16px;display:flex}.zero-code-mockup .landing-browser-card__dots span{border-radius:50%;width:10px;height:10px}.zero-code-mockup .landing-browser-card__dots span:first-child{background:#ff5f56}.zero-code-mockup .landing-browser-card__dots span:nth-child(2){background:#ffbd2e}.zero-code-mockup .landing-browser-card__dots span:nth-child(3){background:#27c93f}.zero-code-mockup .landing-browser-card__address{background:var(--background-color-paper);color:var(--text-color-muted);text-align:center;border:1px solid var(--border-color-light);border-radius:6px;flex:1;padding:4px 12px;font-size:11px}.dark .zero-code-mockup .landing-browser-card__address{background:#1e293b}.zero-code-mockup .settings-mockup-body{padding:var(--space-24,24px);gap:var(--space-16,16px);background:var(--background-color-paper,#fff);flex-direction:column;display:flex}.dark .zero-code-mockup .settings-mockup-body{background:#1e293b}.zero-code-mockup .settings-mockup-body .setting-item{padding-bottom:var(--space-16,16px);border-bottom:1px dashed var(--border-color-light,#e2e8f0);justify-content:space-between;align-items:center;display:flex}.zero-code-mockup .settings-mockup-body .setting-item:last-of-type{border-bottom:none;padding-bottom:0}.zero-code-mockup .settings-mockup-body .setting-info{flex-direction:column;gap:2px;display:flex}.zero-code-mockup .settings-mockup-body .setting-label{color:var(--text-color-main,#0f172a);font-size:.875rem;font-weight:600}.dark .zero-code-mockup .settings-mockup-body .setting-label{color:#f8fafc}.zero-code-mockup .settings-mockup-body .setting-desc{color:var(--text-color-muted,#64748b);font-size:.75rem}.dark .zero-code-mockup .settings-mockup-body .setting-desc{color:#94a3b8}.zero-code-mockup .settings-mockup-body .setting-select{background:var(--background-color-main,#f8fafc);border:1px solid var(--border-color-light,#e2e8f0);border-radius:var(--radius-md,6px);color:var(--text-color-main,#0f172a);align-items:center;gap:8px;padding:6px 12px;font-size:.8125rem;display:flex}.dark .zero-code-mockup .settings-mockup-body .setting-select{color:#f8fafc;background:#0f172a;border-color:#334155}.zero-code-mockup .settings-mockup-body .perk-switch{background:var(--background-color-disabled,#cbd5e1);border-radius:99px;width:44px;height:24px;transition:background-color .3s;position:relative}.dark .zero-code-mockup .settings-mockup-body .perk-switch{background:#475569}.zero-code-mockup .settings-mockup-body .perk-switch__thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0000001a}.zero-code-mockup .settings-mockup-body .perk-switch--on{background:var(--color-success,#10b981)!important}.zero-code-mockup .settings-mockup-body .perk-switch--on .perk-switch__thumb{transform:translate(20px)}.zero-code-mockup .settings-mockup-body .provider-toggles-grid{gap:var(--space-12,12px);margin-top:var(--space-8,8px);grid-template-columns:repeat(3,1fr);display:grid}.zero-code-mockup .settings-mockup-body .provider-toggle{padding:var(--space-12,12px);background:var(--background-color-main,#f8fafc);border:1px solid var(--border-color-light,#e2e8f0);border-radius:var(--radius-md,6px);color:var(--text-color-muted,#64748b);flex-direction:column;align-items:center;gap:8px;font-size:.8125rem;font-weight:600;transition:all .3s;display:flex}.dark .zero-code-mockup .settings-mockup-body .provider-toggle{color:#94a3b8;background:#0f172a;border-color:#334155}.zero-code-mockup .settings-mockup-body .provider-toggle .toggle-circle{border:2px solid var(--border-color-main,#cbd5e1);border-radius:50%;width:16px;height:16px}.dark .zero-code-mockup .settings-mockup-body .provider-toggle .toggle-circle{border-color:#475569}.zero-code-mockup .settings-mockup-body .provider-toggle--active{color:var(--text-color-main,#0f172a);border-color:var(--color-success,#10b981)!important;background:rgba(var(--color-success-rgb,16, 185, 129), .05)!important}.dark .zero-code-mockup .settings-mockup-body .provider-toggle--active{color:#f8fafc;background:#10b9811a!important}.zero-code-mockup .settings-mockup-body .provider-toggle:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000000d}.landing-download-subscriptions-mockup-outer{position:relative}.landing-download-subscriptions-mockup-outer .ai-usage-overlay{z-index:12!important;position:absolute!important;inset:-2rem -2rem auto auto!important;transform:none!important}.landing-download-subscriptions-mockup-outer .ai-usage-overlay:hover{transform:translateY(-6px)scale(1.02)!important}@media (width<=991px){.landing-download-subscriptions-mockup-outer .ai-usage-overlay{margin-top:1rem!important;position:relative!important;top:0!important;right:0!important;transform:none!important}}.landing-download-subscriptions-mockup-browser{min-height:340px;position:relative}.landing-download-subscriptions-mockup__page-title{font-size:var(--text-lg);color:var(--text-color-main);margin:0 0 1rem;font-weight:800}.landing-download-subscriptions-mockup__plan-name{font-size:var(--text-xl);color:var(--text-color-main);margin:0;font-weight:800}.landing-download-subscriptions-mockup__plan-price,.landing-download-subscriptions-mockup__stripe-hint{font-size:var(--text-sm);color:var(--text-color-muted)}.landing-download-subscriptions-mockup__meta-value{font-size:var(--text-sm);color:var(--text-color-main);font-weight:700}.landing-download-subscriptions-mockup__plan-meta{border-top:1px solid var(--border-color-light);grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:.75rem;padding-top:1rem;display:grid}.landing-download-subscriptions-mockup__meta-label{font-size:var(--text-xs);color:var(--text-color-muted);text-transform:uppercase;margin-bottom:.25rem;font-weight:800}.download-usage-overlay{background:var(--background-color-paper);border:1px solid var(--border-color-light);z-index:10;border-radius:16px;width:360px;max-width:calc(100% - 2rem);padding:1.25rem;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;position:absolute;bottom:-2rem;left:-2rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.dark .download-usage-overlay{background:#0f172ad9;border-color:#ffffff14;box-shadow:0 10px 30px #0006}.download-usage-overlay:hover{transform:translateY(-6px)scale(1.02);box-shadow:0 30px 60px #0000002e}@media (width<=991px){.download-usage-overlay{background:var(--background-color-alt);-webkit-backdrop-filter:none;backdrop-filter:none;border-color:var(--border-color-light);width:100%;max-width:none;margin-top:-3rem;position:relative;inset:0 0 auto;transform:none}.download-usage-overlay:hover{transform:none}}.download-usage-overlay__header{border-bottom:1px solid var(--border-color-light);align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.625rem;display:flex}.dark .download-usage-overlay__header{border-color:#ffffff14}.download-usage-overlay__title{color:var(--text-color-main);font-size:.9375rem;font-weight:800}.download-usage-overlay__panel{background:var(--background-color-main);border:1px solid var(--border-color-light);border-radius:10px;flex-direction:column;gap:.5rem;padding:.875rem 1rem;display:flex}.dark .download-usage-overlay__panel{background:#0c0a0999;border-color:#ffffff14}.download-usage-overlay__label-group{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.download-usage-overlay__stat{color:var(--text-color-main);font-size:.8125rem;font-weight:700}.download-usage-overlay__badge{border-radius:99px;flex-shrink:0;padding:.125rem .5rem;font-size:.6875rem;font-weight:800}.download-usage-overlay__badge--muted{border:1px solid var(--border-color-light);color:var(--text-color-muted);background:var(--background-color-paper)}.dark .download-usage-overlay__badge--muted{background:#ffffff0a;border-color:#ffffff1f}.download-usage-overlay__progress-bar{background:var(--border-color-light);border-radius:99px;height:8px;overflow:hidden}.download-usage-overlay__progress-fill{background:var(--color-primary,#059669);border-radius:99px;width:0;max-width:100%;height:100%}.download-usage-overlay__footnote{color:var(--text-color-muted);margin:0;font-size:.75rem;line-height:1.3}.ai-usage-overlay{background:var(--background-color-paper);border:1px solid var(--border-color-light);width:360px;max-width:calc(100% - 2rem);box-shadow:var(--shadow-lg);z-index:10;border-radius:16px;padding:1.25rem;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;position:absolute;bottom:-2rem;left:50%;transform:translate(-50%)}.dark .ai-usage-overlay{box-shadow:var(--shadow-lg);background:#0f172ad9;border-color:#ffffff14}.ai-usage-overlay:hover{box-shadow:var(--shadow-xl);transform:translate(-50%,-6px)scale(1.02)}@media (width<=991px){.ai-usage-overlay{background:var(--background-color-alt);-webkit-backdrop-filter:none;backdrop-filter:none;border-color:var(--border-color-light);width:100%;max-width:none;margin-top:-3rem;position:relative;inset:0 0 auto;transform:none}.ai-usage-overlay:hover{transform:none}}.ai-usage-overlay__header{border-bottom:1px solid var(--border-color-light);align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.625rem;display:flex}.dark .ai-usage-overlay__header{border-color:#ffffff14}.ai-usage-overlay__title{color:var(--text-color-main);font-size:.9375rem;font-weight:800}.ai-usage-overlay__panel{background:var(--background-color-main);border:1px solid var(--border-color-light);border-radius:10px;flex-direction:column;gap:.5rem;padding:.875rem 1rem;display:flex}.dark .ai-usage-overlay__panel{background:#0c0a0999;border-color:#ffffff14}.ai-usage-overlay__label-group{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.ai-usage-overlay__stat{color:var(--text-color-main);font-size:.8125rem;font-weight:700}.ai-usage-overlay__badge{border-radius:99px;flex-shrink:0;padding:.125rem .5rem;font-size:.6875rem;font-weight:800}.ai-usage-overlay__badge--muted{border:1px solid var(--border-color-light);color:var(--text-color-muted);background:var(--background-color-paper)}.dark .ai-usage-overlay__badge--muted{background:#ffffff0a;border-color:#ffffff1f}.ai-usage-overlay__progress-bar{background:var(--border-color-light);border-radius:99px;height:8px;overflow:hidden}.ai-usage-overlay__progress-fill{background:var(--color-info,#3b82f6);border-radius:99px;width:0;max-width:100%;height:100%}.ai-usage-overlay__footnote{color:var(--text-color-muted);margin:0;font-size:.75rem;line-height:1.3}.smart-notifications{flex-direction:column;gap:1.5rem;display:flex;position:relative}@media (width>=1024px){.smart-notifications{min-height:600px;padding-bottom:2rem;display:block}}.smart-notifications__list-wrapper{z-index:10;transition:all .3s z-index 0s;position:relative}@media (width>=1024px){.smart-notifications__list-wrapper{z-index:10;width:70%;position:absolute;top:2rem;left:0}.smart-notifications__list-wrapper:hover{z-index:30}}.smart-notifications__email-wrapper{z-index:5;transition:all .3s z-index 0s;position:relative}@media (width>=1024px){.smart-notifications__email-wrapper{z-index:20;width:70%;position:absolute;top:0;right:0}.smart-notifications__email-wrapper:hover{z-index:30}}.smart-notifications__email{height:100%;padding:2rem}.smart-notifications__email .email-brand{text-align:center;color:var(--text-color-main);margin-bottom:1.5rem;font-size:1.25rem;font-weight:700}.smart-notifications__email .email-body{color:var(--text-color-main);margin-bottom:1.5rem;font-size:.875rem}.smart-notifications__email .email-body p{margin-bottom:1rem}.smart-notifications__email .email-kv{margin-bottom:1.5rem;font-size:.875rem}.smart-notifications__email .email-kv div{border-bottom:1px dashed var(--border-color-light);justify-content:space-between;margin-bottom:.5rem;padding-bottom:.25rem;display:flex}.smart-notifications__email .email-kv .k{color:var(--text-color-muted)}.smart-notifications__email .email-kv .v{color:var(--text-color-main);font-weight:500}.smart-notifications__email .email-btn{color:#fff;text-align:center;cursor:pointer;background:#0f172a;border-radius:.375rem;width:100%;margin-bottom:1.5rem;padding:.625rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background-color .2s;display:block}.smart-notifications__email .email-btn:hover{background:#1e293b}.dark .smart-notifications__email .email-btn{color:#0f172a;background:#fff}.dark .smart-notifications__email .email-btn:hover{background:#f1f5f9}.smart-notifications__email .email-footer{color:var(--text-color-muted);border-top:1px solid var(--border-color-light);text-align:center;padding-top:1rem;font-size:.75rem;line-height:1.5}