:root{--home-here-section-bg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');--color-white: #faf9f6;--white: #faf9f6;--black: #000;--header-color: #faf9f6;--primary-color: #181717;--brand-btn-primary-color: #181717;--popover-background-color: #181717;--create-form-background-color: #181717;--single-card-background-color: #181717;--single-card-side-action-bg-color: #202123;--single-card-side-action-font-weight: 500;--single-card-action-button-hover-color: #2b2c2d;--single-card-text-color: rgba(255, 255, 255, 0.8);--brand-color: #0966ff;--secondary-brand-color: #38a801;--secondary-brand-color-rgb: 56, 168, 1;--button-disabled-color: #0966ff9c;--hover-brand-color: #0966ff9c;--brand-hover-bg-color: rgba(11, 102, 255, 0.0509803922);--selected-option-text-color: #0b66ff;--select-option-hover-background: #0b66ff0d;--outline-color: #242526;--secondary-outline-color: #242526;--editor-outline-color: #44444475;--focus-outline-color: var(--brand-color);--input-border-color: #242526;--element-border-radius: 6px;--editor-border-radius: 8px;--input-background-color: #181717;--popover-border-color: #242526;--popover-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);--primary-text-header-color: rgba(255, 255, 255, 0.9);--primary-text-color: rgba(255, 255, 255, 0.8);--secondary-text-color: #9aa0a6;--muted-text-color: #6c757d;--primary-font-family: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-weight-thin: 100;--font-weight-extralight: 200;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--primary-text-link-color: #0079bf;--workspace-background-color: #121217;--workspace-icon-background-color: #242628;--border-color: var(--input-border-color);--bg-primary: var(--input-background-color);--bg-secondary: var(--popover-background-color);--bg-hover: rgba(255, 255, 255, 0.05);--editor-placeholder-color: #9aa0a661;--price-table-border: #27272a;--box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.05), 0px 0px 1px rgba(255, 255, 255, 0.08);--success-color: #10b981;--success-background-color: rgba(16, 185, 129, 0.1);--warning-color: #f59e0b;--warning-background-color: rgba(245, 158, 11, 0.1);--error-color: #ef4444;--error-background-color: rgba(239, 68, 68, 0.1);--bf-bg-primary: #000000;--bf-bg-secondary: #0a0a0a;--bf-border-subtle: #1a1a1a;--bf-text-primary: #ffffff;--bf-text-secondary: #a0a0a0;--bf-gold-primary: #ffd700;--bf-gold-secondary: #ffed4e;--bf-gold-tertiary: #ffc107;--sp-bg-primary: #000000;--sp-text-primary: #ffffff;--sp-brand-secondary: #38a801;--sp-bf-gold-primary: #ffd700;--sp-bf-gold-secondary: #ffed4e;--sp-bf-gold-shadow: rgba(255, 215, 0, 0.3);--sp-bf-gold-shadow-hover: rgba(255, 215, 0, 0.5);--sp-white: #ffffff;--sp-overlay-medium: rgba(0, 0, 0, 0.5);--background-color: var(--primary-color);--text-color: var(--primary-text-color);--brand-color-hover: var(--hover-brand-color)}.dark-mode{--home-here-section-bg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');--color-white: #faf9f6;--primary-color: #181717;--primary-text-color: rgba(255, 255, 255, 0.8);--primary-text-header-color: rgba(255, 255, 255, 0.9);--background-color: #181717;--text-color: rgba(255, 255, 255, 0.8)}html.dark-mode{background-color:var(--primary-color);color:var(--primary-text-color)}body.dark-mode{background-color:var(--primary-color);color:var(--primary-text-color);overflow-x:hidden}html{scroll-behavior:smooth}body{margin:0;padding:0}.landing-page{--sp-brand-primary: var(--brand-color);--sp-brand-secondary: var(--secondary-brand-color);--sp-brand-rgb: var(--secondary-brand-color-rgb);--sp-text-primary: var(--single-card-text-color);--sp-text-secondary: var(--secondary-text-color);--sp-bg-primary: var(--primary-color);--sp-bg-secondary: var(--single-card-side-action-bg-color);--sp-border-subtle: var(--outline-color);--sp-white: var(--white);--sp-shadow-sm: 0 2px 8px color-mix(in srgb, var(--brand-color) 30%, transparent);--sp-shadow-md: 0 4px 12px color-mix(in srgb, var(--brand-color) 40%, transparent);--sp-shadow-lg: 0 10px 30px color-mix(in srgb, var(--brand-color) 20%, transparent);--sp-shadow-xl: 0 20px 60px color-mix(in srgb, var(--black) 50%, transparent);--sp-overlay-light: color-mix(in srgb, var(--sp-white) 10%, transparent);--sp-overlay-medium: color-mix(in srgb, var(--sp-white) 30%, transparent);--sp-overlay-dark: color-mix(in srgb, var(--black) 90%, transparent);--sp-overlay-blur: color-mix(in srgb, var(--black) 50%, transparent);--sp-border-light: color-mix(in srgb, var(--sp-white) 10%, transparent);--sp-border-medium: color-mix(in srgb, var(--sp-white) 30%, transparent);--sp-border-strong: color-mix(in srgb, var(--sp-white) 50%, transparent);--sp-bf-gold-primary: #ffd700;--sp-bf-gold-secondary: #ffa500;--sp-bf-gold-shadow: color-mix(in srgb, #ffd700 30%, transparent);--sp-bf-gold-shadow-hover: color-mix(in srgb, #ffd700 40%, transparent);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell",sans-serif;line-height:1.6;color:var(--sp-text-primary);background:var(--sp-bg-primary);position:relative}.landing-page .container{max-width:1200px;margin:0 auto;padding:0 2rem}@media(max-width: 768px){.landing-page .container{padding:0 1rem}}.landing-page .section-header{text-align:center;margin-bottom:4rem}.landing-page .section-header h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--single-card-text-color)}@media(max-width: 768px){.landing-page .section-header h2{font-size:2rem}}.landing-page .section-header p{font-size:1.25rem;color:var(--single-card-text-color);opacity:.8;max-width:600px;margin:0 auto}@media(max-width: 768px){.landing-page .section-header p{font-size:1.1rem}}.landing-page .hero{background:radial-gradient(1200px 600px at 10% -10%, color-mix(in srgb, var(--sp-brand-secondary) 18%, transparent), transparent 60%),radial-gradient(1200px 600px at 110% 10%, color-mix(in srgb, var(--brand-color) 18%, transparent), transparent 60%),var(--sp-bg-primary);min-height:calc(100vh - 70px);display:flex;align-items:center;position:relative;overflow:hidden}.landing-page .hero::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:.3}.landing-page .hero::after{content:"";position:absolute;inset:-20% -10% auto -10%;background:radial-gradient(600px 300px at 20% 10%, color-mix(in srgb, var(--brand-color) 12%, transparent), transparent 60%);filter:blur(20px);pointer-events:none}.landing-page .hero__container{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 2rem;width:100%}.landing-page .hero__content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;min-height:600px}@media(max-width: 1100px){.landing-page .hero__content{grid-template-columns:1fr;gap:3rem;text-align:center}}@media(max-width: 768px){.landing-page .hero__content{gap:2rem;min-height:auto}}@media(max-width: 1100px){.landing-page .hero__text{order:2}}.landing-page .hero__image{display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer;height:100%}@media(max-width: 1100px){.landing-page .hero__image{order:1}}.landing-page .hero__screenshot{width:100%;height:100%;border-radius:12px;transition:transform .3s ease;object-fit:cover}@media(max-width: 768px){.landing-page .hero__screenshot{max-width:100%;border-radius:8px}}.landing-page .hero__title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--color-white);line-height:1.2}@media(max-width: 1100px){.landing-page .hero__title{text-align:center}}@media(max-width: 768px){.landing-page .hero__title{font-size:2.5rem}}@media(max-width: 480px){.landing-page .hero__title{font-size:2rem}}.landing-page .hero__title-accent{background:linear-gradient(90deg, var(--brand-color), var(--secondary-brand-color));-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0)}.landing-page .hero__subtitle{font-size:1.25rem;margin-bottom:2.5rem;color:var(--single-card-text-color);line-height:1.6}@media(max-width: 1100px){.landing-page .hero__subtitle{text-align:center;max-width:600px;margin-left:auto;margin-right:auto}}@media(max-width: 768px){.landing-page .hero__subtitle{font-size:1.1rem;margin-bottom:2rem}}.landing-page .hero__actions{display:flex;gap:1rem;margin-bottom:1rem;justify-content:center}@media(max-width: 1100px){.landing-page .hero__actions{justify-content:center}}@media(max-width: 480px){.landing-page .hero__actions{flex-direction:column;align-items:center}}.landing-page .hero__play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;border-radius:12px;pointer-events:none;background:rgba(10,102,255,.2509803922)}.landing-page .hero__play-button{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--brand-color);border:none;border-radius:50%;color:var(--white);cursor:pointer;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 10px 25px rgba(9,102,255,.3),0 0 0 0 rgba(9,102,255,.4);pointer-events:auto;animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.landing-page .hero__play-button:hover{box-shadow:0 15px 35px rgba(9,102,255,.4),0 0 0 8px rgba(9,102,255,.1)}.landing-page .hero__play-button:active{transform:scale(1.05)}@media(max-width: 768px){.landing-page .hero__play-button{width:64px;height:64px}}.landing-page .hero__play-icon{margin-left:4px}@keyframes pulse{0%,100%{box-shadow:0 10px 25px rgba(9,102,255,.3),0 0 0 0 rgba(9,102,255,.4)}50%{box-shadow:0 10px 25px rgba(9,102,255,.3),0 0 0 12px rgba(9,102,255,0)}}.landing-page .hero__play-icon{width:30px;height:30px}.landing-page .hero__cta{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.25rem;border-radius:var(--element-border-radius);font-weight:600;color:var(--white);background:var(--brand-color);text-decoration:none;box-shadow:0 2px 8px rgba(9,102,255,.3);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.landing-page .hero__cta:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(9,102,255,.4);background:var(--hover-brand-color)}.landing-page .hero__cta.hero__cta--secondary{background:rgba(0,0,0,0);border:1px solid var(--outline-color);color:var(--single-card-text-color);backdrop-filter:blur(6px)}.landing-page .hero__cta.hero__cta--secondary:hover{border-color:var(--brand-color);color:var(--white);background:var(--brand-hover-bg-color)}.landing-page .hero__signup-form{margin-bottom:1rem}@media(max-width: 1100px){.landing-page .hero__signup-form{display:flex;justify-content:center}}.landing-page .hero__signup-input-group{display:flex;gap:.5rem;max-width:450px}@media(max-width: 1100px){.landing-page .hero__signup-input-group{max-width:500px;margin:0 auto}}@media(max-width: 480px){.landing-page .hero__signup-input-group{flex-direction:column;gap:.75rem}}.landing-page .hero__email-input{flex:1;padding:.75rem 1rem;border:1px solid var(--outline-color);border-radius:var(--element-border-radius);background:rgba(0,0,0,0);color:var(--white);font-size:1rem;backdrop-filter:blur(10px);transition:all .3s ease;border-color:var(--brand-color)}.landing-page .hero__email-input::placeholder{color:var(--editor-placeholder-color)}.landing-page .hero__email-input:focus{outline:none;background:rgba(0,0,0,0);box-shadow:0 0 0 2px rgba(9,102,255,.2)}.landing-page .hero__signup-btn{background:var(--brand-color);color:var(--white);padding:.75rem 1.5rem;border:none;border-radius:var(--element-border-radius);font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 2px 8px rgba(9,102,255,.3)}.landing-page .hero__signup-btn:hover{background:var(--hover-brand-color);transform:translateY(-1px);box-shadow:0 4px 12px rgba(9,102,255,.4)}.landing-page .hero__signup-btn:active{transform:translateY(0)}@media(max-width: 480px){.landing-page .hero__signup-btn{width:100%;padding:.875rem 1.5rem}}.landing-page .hero__note{color:var(--primary-text-color);font-size:.9rem;margin-top:1rem}@media(max-width: 1100px){.landing-page .hero__note{text-align:center}}.landing-page .hero__social-proof{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}@media(max-width: 1100px){.landing-page .hero__social-proof{justify-content:center}}.landing-page .hero__social-proof .hero__avatars{display:flex;align-items:center}.landing-page .hero__social-proof .hero__avatar{width:28px;height:28px;border-radius:50%;background:var(--brand-color);color:var(--white);display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;border:2px solid var(--primary-color);box-shadow:0 2px 6px rgba(0,0,0,.2);margin-left:-8px}.landing-page .hero__social-proof .hero__avatar:first-child{margin-left:0}.landing-page .hero__social-proof .hero__avatar:nth-child(2){background:var(--secondary-brand-color)}.landing-page .hero__social-proof .hero__avatar:nth-child(3){background:#6f42c1}.landing-page .hero__social-proof .hero__social-text{color:var(--primary-text-color);font-size:.95rem;opacity:.9}.landing-page .features{padding:6rem 0;background:var(--primary-color)}.landing-page .features .features-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:2rem}@media(max-width: 768px){.landing-page .features .features-grid{grid-template-columns:1fr;gap:1.5rem}}.landing-page .features .feature-card{background:var(--single-card-background-color);padding:2rem;border-radius:12px;text-align:center;transition:all .3s ease;border:1px solid var(--outline-color)}.landing-page .features .feature-card:hover{transform:translateY(-5px);border-color:var(--brand-color)}.landing-page .features .feature-card .feature-icon{width:64px;height:64px;margin:0 auto 1.5rem;background:var(--brand-hover-bg-color, rgba(9, 102, 255, 0.1));border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--brand-color)}.landing-page .features .feature-card h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--single-card-text-color)}.landing-page .features .feature-card p{color:var(--single-card-text-color);opacity:.8;line-height:1.6}.landing-page .key-features{padding:5rem 0;background:var(--primary-color);background:#110f0f}.landing-page .key-features .key-features-list{display:grid;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));gap:1.5rem;max-width:1200px;margin:0 auto}@media(max-width: 768px){.landing-page .key-features .key-features-list{grid-template-columns:1fr;gap:1.25rem}}.landing-page .key-features .key-feature-item{display:flex;gap:1rem;align-items:flex-start;background:#151414;border:1px solid var(--outline-color);padding:1.25rem;border-radius:10px;transition:all .3s ease;cursor:default}@media(max-width: 768px){.landing-page .key-features .key-feature-item{padding:1.1rem}}.landing-page .key-features .key-feature-item:hover{background:rgba(9,102,255,.05);border-color:var(--brand-color);transform:translateY(-2px);box-shadow:0 4px 12px rgba(9,102,255,.1)}.landing-page .key-features .key-feature-item .feature-check{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--secondary-brand-color);color:var(--white);border-radius:50%;font-weight:700;font-size:.9rem;flex-shrink:0;margin-top:1px}.landing-page .key-features .key-feature-item .feature-text{flex:1;color:var(--single-card-text-color);font-size:.95rem;line-height:1.5}.landing-page .key-features .key-feature-item .feature-text strong{color:var(--color-white);font-weight:600}@media(max-width: 768px){.landing-page .key-features{padding:4rem 0}.landing-page .key-features .section-header h2{font-size:2rem}}.landing-page .key-features-highlight{padding:5rem 0;background:var(--primary-color)}.landing-page .key-features-highlight .section-header h2{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:2.2rem}.landing-page .key-features-highlight .section-header h2 .feature-emoji{font-size:2.5rem}.landing-page .key-features-highlight .key-features-list{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:1.75rem;max-width:1200px;margin:0 auto}@media(max-width: 768px){.landing-page .key-features-highlight .key-features-list{grid-template-columns:1fr;gap:1.5rem}}.landing-page .key-features-highlight .key-feature-item{display:flex;gap:1.25rem;align-items:flex-start;background:rgba(9,102,255,.05);border:1px solid var(--outline-color);padding:1.5rem;border-radius:10px;transition:all .3s ease;cursor:default}.landing-page .key-features-highlight .key-feature-item:hover{background:rgba(9,102,255,.08);border-color:var(--brand-color);transform:translateY(-2px)}.landing-page .key-features-highlight .key-feature-item .feature-check{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--secondary-brand-color);color:var(--white);border-radius:50%;font-weight:700;font-size:.9rem;flex-shrink:0;margin-top:2px}.landing-page .key-features-highlight .key-feature-item .feature-content{flex:1}.landing-page .key-features-highlight .key-feature-item .feature-content strong{display:block;color:var(--single-card-text-color);font-size:1rem;font-weight:600;margin-bottom:.5rem}.landing-page .key-features-highlight .key-feature-item .feature-content .feature-emoji{display:inline-block;margin-right:.5rem;font-size:1.1rem}.landing-page .key-features-highlight .key-feature-item .feature-content .feature-icons{display:block;color:var(--primary-text-color);font-size:.95rem;line-height:1.5}@media(max-width: 768px){.landing-page .key-features-highlight .key-feature-item{padding:1.25rem}.landing-page .key-features-highlight .section-header h2{font-size:2rem}}.landing-page .how-it-works{padding:6rem 0;background:#151414}.landing-page .how-it-works .steps-container{max-width:800px;margin:0 auto}.landing-page .how-it-works .steps-timeline{position:relative;padding:2rem 0}.landing-page .how-it-works .steps-timeline::before{content:"";position:absolute;left:50%;transform:translateX(-50%);width:3px;height:100%;background:linear-gradient(180deg, var(--brand-color) 0%, var(--secondary-brand-color) 100%);border-radius:2px}@media(max-width: 768px){.landing-page .how-it-works .steps-timeline::before{left:20px;display:none}}.landing-page .how-it-works .step-card{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;margin-bottom:3rem;position:relative}@media(max-width: 768px){.landing-page .how-it-works .step-card{grid-template-columns:60px 1fr;gap:1.5rem}}.landing-page .how-it-works .step-card:nth-child(odd) .step-icon-wrapper{grid-column:1}.landing-page .how-it-works .step-card:nth-child(odd) .step-details{grid-column:2;text-align:left}@media(max-width: 768px){.landing-page .how-it-works .step-card:nth-child(odd) .step-details{grid-column:2}}.landing-page .how-it-works .step-card:nth-child(even) .step-icon-wrapper{grid-column:2;order:2}@media(max-width: 768px){.landing-page .how-it-works .step-card:nth-child(even) .step-icon-wrapper{grid-column:1;order:unset}}.landing-page .how-it-works .step-card:nth-child(even) .step-details{grid-column:1;text-align:right;order:1}@media(max-width: 768px){.landing-page .how-it-works .step-card:nth-child(even) .step-details{grid-column:2;text-align:left;order:unset}}.landing-page .how-it-works .step-icon-wrapper{display:flex;justify-content:center;align-items:center;position:relative;z-index:2}@media(max-width: 768px){.landing-page .how-it-works .step-icon-wrapper{justify-content:flex-start}}.landing-page .how-it-works .step-icon{width:80px;height:80px;background:linear-gradient(135deg, rgba(9, 102, 255, 0.15), rgba(56, 168, 1, 0.15));border:2px solid var(--brand-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 4px 15px rgba(9,102,255,.2);transition:all .3s ease}@media(max-width: 768px){.landing-page .how-it-works .step-icon{width:60px;height:60px;font-size:2rem}}.landing-page .how-it-works .step-card:hover .step-icon{box-shadow:0 8px 25px rgba(9,102,255,.35);background:linear-gradient(135deg, rgba(9, 102, 255, 0.25), rgba(56, 168, 1, 0.25))}.landing-page .how-it-works .step-details{padding:1.5rem;background:hsla(0,0%,100%,.02);border:1px solid var(--outline-color);border-radius:12px;transition:all .3s ease}@media(max-width: 768px){.landing-page .how-it-works .step-details{padding:1rem}}.landing-page .how-it-works .step-details h3{font-size:1.4rem;font-weight:600;margin-bottom:.75rem;color:var(--single-card-text-color);margin-top:0}@media(max-width: 768px){.landing-page .how-it-works .step-details h3{font-size:1.2rem}}.landing-page .how-it-works .step-details p{color:var(--primary-text-color);line-height:1.6;margin:0;font-size:.95rem}@media(max-width: 768px){.landing-page .how-it-works .step-details p{font-size:.9rem}}.landing-page .how-it-works .step-card:hover .step-details{background:hsla(0,0%,100%,.05);border-color:var(--brand-color);box-shadow:0 4px 15px rgba(9,102,255,.1)}.landing-page .how-it-works .step-connector{position:absolute;left:50%;transform:translateX(-50%);width:2px;height:40px;background:linear-gradient(180deg, transparent, var(--brand-color));pointer-events:none}@media(max-width: 768px){.landing-page .how-it-works .step-connector{left:20px}}.landing-page .pricing{padding:6rem 0;background:var(--primary-color)}.landing-page .pricing .container{max-width:calc(100% - 60px);margin:0 auto;padding:0;width:100%}.landing-page .pricing .billing-toggle-container{display:flex;justify-content:center;margin-bottom:3rem}.landing-page .pricing .billing-toggle-container .billing-toggle-wrapper{display:flex;align-items:center;gap:1rem;padding:1.25rem 2rem;border-radius:50px;background:var(--single-card-background-color);border:1px solid var(--outline-color)}.landing-page .pricing .billing-toggle-container .billing-toggle-wrapper .billing-period-label{font-size:18px;font-weight:500;color:var(--secondary-text-color);transition:all .3s ease;white-space:nowrap;background:rgba(0,0,0,0);border:none;cursor:pointer;padding:0;font-family:var(--primary-font-family)}.landing-page .pricing .billing-toggle-container .billing-toggle-wrapper .billing-period-label.active{color:var(--primary-text-color);font-weight:600}.landing-page .pricing .billing-toggle-container .billing-toggle-wrapper .billing-period-label:hover{color:var(--primary-text-color)}.landing-page .pricing .billing-toggle-container .billing-toggle-wrapper .toggle{position:relative;display:inline-block;width:48px;height:28px;margin:0 .5rem}.landing-page .pricing .billing-toggle-container .billing-toggle-wrapper .toggle input{opacity:0;width:0;height:0}.landing-page .pricing .billing-toggle-container .billing-toggle-wrapper .toggle .toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-white);transition:.3s;border-radius:34px}.landing-page .pricing .billing-toggle-container .billing-toggle-wrapper .toggle .toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:var(--black);transition:.3s;border-radius:50%}.landing-page .pricing .billing-toggle-container .billing-toggle-wrapper .toggle input:checked+.toggle-slider:before{transform:translateX(20px)}.landing-page .pricing .billing-toggle-container .billing-toggle-wrapper .discount-badge{background:var(--brand-color);color:#fff;padding:6px 12px;font-size:.75rem;border-radius:20px;margin-left:.5rem;font-weight:700;letter-spacing:.5px}.landing-page .pricing .pricing-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:2rem;max-width:1400px;margin:0 auto}@media(max-width: 1400px){.landing-page .pricing .pricing-grid{max-width:1200px;gap:1.5rem}}@media(max-width: 1200px){.landing-page .pricing .pricing-grid{grid-template-columns:repeat(2, 1fr);max-width:800px}}@media(max-width: 768px){.landing-page .pricing .pricing-grid{grid-template-columns:1fr;max-width:400px;gap:1rem}}.landing-page .pricing .pricing-card{background:var(--single-card-background-color);border-radius:16px;padding:2.5rem 2rem;text-align:center;position:relative;border:1px solid var(--outline-color);transition:all .3s ease}@media(max-width: 768px){.landing-page .pricing .pricing-card{padding:2rem 1.5rem;border-radius:12px}}.landing-page .pricing .pricing-card:hover{transform:translateY(-5px);border-color:var(--brand-color)}@media(max-width: 768px){.landing-page .pricing .pricing-card:hover{transform:translateY(-3px)}}.landing-page .pricing .pricing-card.premium{border-color:var(--brand-color);box-shadow:0 10px 30px rgba(9,102,255,.2);transform:scale(1.05);background:var(--single-card-background-color)}@media(max-width: 768px){.landing-page .pricing .pricing-card.premium{transform:scale(1.02)}}.landing-page .pricing .pricing-card.premium:hover{transform:scale(1.05) translateY(-5px)}@media(max-width: 768px){.landing-page .pricing .pricing-card.premium:hover{transform:scale(1.02) translateY(-3px)}}.landing-page .pricing .pricing-card.featured{border-color:var(--brand-color);box-shadow:0 10px 30px rgba(9,102,255,.2);transform:scale(1.05)}@media(max-width: 768px){.landing-page .pricing .pricing-card.featured{transform:scale(1.02)}}.landing-page .pricing .pricing-card.featured:hover{transform:scale(1.05) translateY(-5px)}@media(max-width: 768px){.landing-page .pricing .pricing-card.featured:hover{transform:scale(1.02) translateY(-3px)}}.landing-page .pricing .pricing-card.featured .popular-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--brand-color);color:var(--white);padding:.5rem 1.5rem;border-radius:20px;font-size:.875rem;font-weight:600;box-shadow:0 4px 12px rgba(9,102,255,.3)}@media(max-width: 768px){.landing-page .pricing .pricing-card.featured .popular-badge{font-size:.8rem;padding:.4rem 1.2rem;top:-10px}}.landing-page .pricing .pricing-card .pricing-header{margin-bottom:1.5rem}.landing-page .pricing .pricing-card .pricing-header h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--primary-text-color)}.landing-page .pricing .pricing-card .pricing-header .price{display:flex;align-items:baseline;justify-content:center;gap:.25rem;margin-bottom:.5rem}.landing-page .pricing .pricing-card .pricing-header .price .currency{font-size:1.25rem;color:var(--brand-color);font-weight:600}.landing-page .pricing .pricing-card .pricing-header .price .amount{font-size:3rem;font-weight:700;color:var(--primary-text-color)}.landing-page .pricing .pricing-card .pricing-header .price .period{font-size:1rem;color:var(--primary-text-color);opacity:.7}.landing-page .pricing .pricing-card .pricing-header .price .contact-sales{font-size:1.5rem;font-weight:600;color:var(--brand-color)}.landing-page .pricing .pricing-card .pricing-header .price-subtitle{font-size:.9rem;color:var(--secondary-text-color);margin-bottom:1rem}.landing-page .pricing .pricing-card .plan-description{font-size:.95rem;color:var(--secondary-text-color);margin-bottom:1.5rem;line-height:1.5}.landing-page .pricing .pricing-card .features-list{list-style:none;padding:0;margin:0 0 2rem 0;text-align:left}.landing-page .pricing .pricing-card .features-list li{padding:.6rem 0;color:var(--primary-text-color);border-bottom:1px solid var(--outline-color);font-size:.9rem;display:flex;align-items:center}.landing-page .pricing .pricing-card .features-list li:last-child{border-bottom:none}.landing-page .pricing .pricing-card .features-list li::before{content:"✓";color:var(--secondary-brand-color);font-weight:bold;margin-right:.75rem;flex-shrink:0}.landing-page .pricing .pricing-card .pricing-cta{display:block;background:var(--brand-color);color:var(--white);padding:1rem 2rem;border-radius:var(--element-border-radius);text-decoration:none;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;font-size:1rem}.landing-page .pricing .pricing-card .pricing-cta:hover{background:var(--hover-brand-color);transform:translateY(-2px);box-shadow:0 4px 12px rgba(9,102,255,.3)}.landing-page .pricing .pricing-card .pricing-cta:focus{outline:2px solid var(--focus-outline-color);outline-offset:2px}.landing-page .pricing .pricing-card.enterprise{border-color:var(--secondary-brand-color)}.landing-page .pricing .pricing-card.enterprise .pricing-cta{background:var(--secondary-brand-color)}.landing-page .pricing .pricing-card.enterprise .pricing-cta:hover{background:rgba(var(--secondary-brand-color-rgb), 0.8);box-shadow:0 4px 12px rgba(var(--secondary-brand-color-rgb), 0.3)}.landing-page .pricing .pricing-card.free .pricing-cta{background:var(--outline-color);color:var(--primary-text-color)}.landing-page .pricing .pricing-card.free .pricing-cta:hover{background:var(--bg-hover);color:var(--brand-color);box-shadow:0 4px 12px rgba(0,0,0,.1)}.landing-page .testimonials{padding:6rem 0;background:#110f0f}.landing-page .testimonials .testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:2rem}@media(max-width: 768px){.landing-page .testimonials .testimonials-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1rem;padding-bottom:.5rem;-webkit-overflow-scrolling:touch}}.landing-page .testimonials .testimonial-card{background:var(--single-card-background-color);padding:2rem;border-radius:12px;border:1px solid hsla(0,0%,100%,.1);transition:all .3s ease}@media(max-width: 768px){.landing-page .testimonials .testimonial-card{min-width:85%;flex:0 0 auto;scroll-snap-align:start}}.landing-page .testimonials .testimonial-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,.15)}.landing-page .testimonials .testimonial-card .testimonial-content{margin-bottom:1.5rem}.landing-page .testimonials .testimonial-card .testimonial-content p{font-size:1.1rem;line-height:1.6;color:var(--single-card-text-color);font-style:italic;position:relative}.landing-page .testimonials .testimonial-card .testimonial-content p::before{content:'"';font-size:3rem;color:var(--brand-color);position:absolute;top:-10px;left:-10px;line-height:1}.landing-page .testimonials .testimonial-card .testimonial-author{display:flex;align-items:center;gap:1rem}.landing-page .testimonials .testimonial-card .testimonial-author .author-avatar{width:48px;height:48px;background:var(--brand-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:600;font-size:1.1rem}.landing-page .testimonials .testimonial-card .testimonial-author .author-info h4{margin:0 0 .25rem 0;color:var(--color-white);font-weight:600}.landing-page .testimonials .testimonial-card .testimonial-author .author-info p{margin:0;color:var(--primary-text-color);font-size:.9rem}.landing-page .cta-section{padding:6rem 0;background:linear-gradient(135deg, var(--brand-color), var(--secondary-brand-color));text-align:center}.landing-page .cta-section .cta-content{max-width:600px;margin:0 auto}.landing-page .cta-section .cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--white)}@media(max-width: 768px){.landing-page .cta-section .cta-content h2{font-size:2rem}}.landing-page .cta-section .cta-content p{font-size:1.25rem;margin-bottom:2.5rem;color:var(--white)}@media(max-width: 768px){.landing-page .cta-section .cta-content p{font-size:1.1rem;margin-bottom:2rem}}.landing-page .cta-section .cta-content .cta-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}@media(max-width: 480px){.landing-page .cta-section .cta-content .cta-actions{flex-direction:column;align-items:center}}.landing-page .cta-section .cta-content .cta-button{padding:0rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s ease;height:50px;display:flex;align-items:center;justify-content:center}@media(max-width: 480px){.landing-page .cta-section .cta-content .cta-button{width:200px;text-align:center}}.landing-page .cta-section .cta-content .cta-button.primary{background:var(--white);color:var(--brand-color)}.landing-page .cta-section .cta-content .cta-button.primary:hover{background:var(--single-card-text-color);transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.landing-page .cta-section .cta-content .cta-button.secondary{background:rgba(0,0,0,0);color:var(--white);border:2px solid hsla(0,0%,100%,.3)}.landing-page .cta-section .cta-content .cta-button.secondary:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.5);transform:translateY(-2px)}.landing-page .cta-section .cta-content .cta-note{color:var(--white);font-size:.9rem}.landing-page .contact-form-wrapper{max-width:600px;margin:0 auto;background:var(--single-card-background-color);padding:3rem;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.1)}@media(max-width: 768px){.landing-page .contact-form-wrapper{padding:2rem 1.5rem}}.landing-page .contact-form .error-message{background:#fee2e2;border:1px solid #ef4444;color:#991b1b;padding:1rem;border-radius:var(--element-border-radius);margin-bottom:1.5rem;font-size:.95rem;line-height:1.5}.landing-page .contact-form .form-group{margin-bottom:1.5rem}.landing-page .contact-form .form-group label{display:block;font-size:.95rem;font-weight:600;color:var(--single-card-text-color);margin-bottom:.5rem}.landing-page .contact-form .form-group .form-input{width:calc(100% - 35px);padding:.875rem 1rem;border:1px solid var(--outline-color);border-radius:var(--element-border-radius);background:var(--primary-color);color:var(--single-card-text-color);font-size:1rem;font-family:inherit;transition:all .3s ease}.landing-page .contact-form .form-group .form-input::placeholder{color:var(--editor-placeholder-color)}.landing-page .contact-form .form-group .form-input:focus{outline:none;border-color:var(--brand-color);box-shadow:0 0 0 3px rgba(9,102,255,.1)}.landing-page .contact-form .form-group .form-input:disabled{opacity:.6;cursor:not-allowed}.landing-page .contact-form .form-group .form-textarea{resize:vertical;min-height:120px;line-height:1.5}.landing-page .contact-form .submit-btn{width:100%;margin-top:.5rem;padding:1rem 1.5rem;font-size:1.05rem}.landing-page .contact-form .submit-btn:disabled{opacity:.6;cursor:not-allowed}.landing-page .contact-form .form-note{text-align:center;margin-top:1.5rem;font-size:.9rem;color:var(--primary-text-color)}.landing-page .contact-form .form-note a{color:var(--brand-color);text-decoration:none;font-weight:500}.landing-page .contact-form .form-note a:hover{text-decoration:underline}.landing-page .success-message{text-align:center;padding:2rem}.landing-page .success-message .success-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg, #10b981, #059669);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#fff;animation:successPop .5s ease}.landing-page .success-message h3{font-size:1.75rem;font-weight:700;color:var(--single-card-text-color);margin-bottom:.75rem}.landing-page .success-message p{font-size:1.05rem;color:var(--primary-text-color);margin-bottom:1.5rem}@keyframes successPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}100%{transform:scale(1);opacity:1}}.landing-page .footer{padding:4rem 0 2rem;border-top:1px solid hsla(0,0%,100%,.1);background:var(--primary-color)}.landing-page .footer .footer-content{display:grid;grid-template-columns:2fr repeat(4, 1fr);gap:2rem;margin-bottom:3rem}@media(max-width: 1100px){.landing-page .footer .footer-content{grid-template-columns:repeat(3, 1fr)}.landing-page .footer .footer-content .footer-section:first-child{grid-column:1/-1;margin-bottom:2rem}}@media(max-width: 768px){.landing-page .footer .footer-content{grid-template-columns:1fr;gap:2rem;text-align:center}}.landing-page .footer .footer-section .footer-logo{margin-bottom:1rem}.landing-page .footer .footer-section .footer-logo svg{width:120px !important;height:auto}.landing-page .footer .footer-section h4{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:var(--color-white)}.landing-page .footer .footer-section p{color:var(--primary-text-color);line-height:1.6;max-width:300px}@media(max-width: 768px){.landing-page .footer .footer-section p{max-width:none}}.landing-page .footer .footer-section ul{list-style:none;padding:0;margin:0}.landing-page .footer .footer-section ul li{margin-bottom:.75rem}.landing-page .footer .footer-section ul li a{color:var(--primary-text-color);text-decoration:none;transition:color .3s ease}.landing-page .footer .footer-section ul li a:hover{color:var(--brand-color)}.landing-page .footer .footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid hsla(0,0%,100%,.1)}@media(max-width: 768px){.landing-page .footer .footer-bottom{flex-direction:column;gap:1rem;text-align:center}}.landing-page .footer .footer-bottom p{color:hsla(0,0%,100%,.6);margin:0}.landing-page .footer .footer-bottom .footer-social{display:flex;gap:1rem}.landing-page .footer .footer-bottom .footer-social a{width:40px;height:40px;background:hsla(0,0%,100%,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-text-color);transition:all .3s ease}.landing-page .footer .footer-bottom .footer-social a:hover{background:var(--brand-color);color:var(--white);transform:translateY(-2px)}.landing-page .footer .footer-bottom .footer-social a svg{width:20px;height:20px}@media(max-width: 768px){.landing-page .section-header{margin-bottom:3rem}.landing-page .features,.landing-page .how-it-works,.landing-page .pricing,.landing-page .testimonials{padding:4rem 0}.landing-page .cta-section{padding:4rem 0}}@media(prefers-reduced-motion: no-preference){.landing-page .feature-card,.landing-page .testimonial-card,.landing-page .pricing-card,.landing-page .step{opacity:0;transform:translateY(30px);transition:all .6s ease}.landing-page .feature-card.animate-in,.landing-page .testimonial-card.animate-in,.landing-page .pricing-card.animate-in,.landing-page .step.animate-in{opacity:1;transform:translateY(0)}.landing-page .feature-card:nth-child(1).animate-in{transition-delay:.1s}.landing-page .feature-card:nth-child(2).animate-in{transition-delay:.2s}.landing-page .feature-card:nth-child(3).animate-in{transition-delay:.3s}.landing-page .feature-card:nth-child(4).animate-in{transition-delay:.4s}.landing-page .feature-card:nth-child(5).animate-in{transition-delay:.5s}.landing-page .feature-card:nth-child(6).animate-in{transition-delay:.6s}}.landing-page .hero__cta:focus,.landing-page .hero__login:focus,.landing-page .pricing-cta:focus,.landing-page .cta-button:focus{outline:2px solid var(--brand-color);outline-offset:2px}@media(prefers-contrast: high){.landing-page .feature-card,.landing-page .testimonial-card,.landing-page .pricing-card{border-width:2px}.landing-page .hero__cta,.landing-page .pricing-cta,.landing-page .cta-button.primary{border:2px solid var(--brand-color)}}.landing-nav{position:sticky;top:0;left:0;right:0;background:var(--primary-color);backdrop-filter:blur(10px);border-bottom:1px solid var(--outline-color);z-index:1000;transition:all .3s ease}.landing-nav .nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:70px;gap:1rem}.landing-nav .nav-container .nav-container-content{width:100%;display:flex;justify-content:space-between;align-items:center}@media(max-width: 768px){.landing-nav .nav-container{padding:0 1rem;height:60px}}.landing-nav .nav-logo{display:flex;align-items:center;text-decoration:none;transition:opacity .3s ease}.landing-nav .nav-logo:hover{opacity:.8}.landing-nav .nav-logo svg{width:120px !important;height:auto}@media(max-width: 768px){.landing-nav .nav-logo svg{width:100px !important}}.landing-nav .nav-links{display:flex;gap:2rem;align-items:center}@media(max-width: 1100px){.landing-nav .nav-links{display:none}}.landing-nav .nav-links a{color:var(--single-card-text-color);text-decoration:none;font-weight:500;transition:color .3s ease}.landing-nav .nav-links a.nav-black-friday{background:linear-gradient(135deg, var(--sp-bf-gold-primary), var(--sp-bf-gold-secondary));color:var(--black);padding:.6rem 1.25rem;border-radius:25px;font-weight:700;border:none;box-shadow:0 4px 15px var(--sp-bf-gold-shadow);position:relative;overflow:hidden}.landing-nav .nav-links a.nav-black-friday::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, var(--sp-overlay-medium), transparent);transition:left .5s}.landing-nav .nav-links a.nav-black-friday:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--sp-bf-gold-shadow-hover)}.landing-nav .nav-links a.nav-black-friday:hover::before{left:100%}.landing-nav .nav-links a{position:relative}.landing-nav .nav-links a:hover{color:var(--brand-color)}.landing-nav .nav-links a::after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--brand-color);transition:width .3s ease}.landing-nav .nav-links a:hover::after{width:100%}.landing-nav .nav-actions{display:flex;gap:1rem;align-items:center}.landing-nav .nav-actions .nav-login{color:var(--single-card-text-color);text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:var(--element-border-radius);transition:all .3s ease;font-size:.9rem;height:36px;display:flex;align-items:center}.landing-nav .nav-actions .nav-login:hover{background:var(--single-card-side-action-bg-color);color:var(--brand-color)}.landing-nav .nav-signup{align-items:center;background:var(--brand-color);border-radius:var(--element-border-radius);box-shadow:0 1px 3px rgba(9,102,255,.2);color:var(--white);display:flex;font-size:.9rem;font-weight:600;height:36px;padding:.5rem 1.25rem;text-decoration:none;transition:all .3s ease}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;z-index:9999}.nav-toggle span{width:25px;height:3px;background:#fff;transition:.3s}.nav-toggle.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media(max-width: 1100px){.nav-toggle{display:flex}.nav-links,.nav-actions{display:none}}@media(max-width: 768px){.nav-links,.nav-actions{display:none !important}}.mobile-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);opacity:0;visibility:hidden;transition:.3s;z-index:999}.mobile-overlay.active{opacity:1;visibility:visible}.mobile-menu{position:fixed;top:0;right:-100%;width:290px;height:100vh;background:#0f0f0f;transition:right .35s ease;z-index:1000;padding:1.5rem}.mobile-menu.active{right:0}.mobile-close{background:none;border:0;font-size:36px;color:#fff;cursor:pointer;position:absolute;top:15px;right:20px}.mobile-menu{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:#0f0f0f;border-left:1px solid hsla(0,0%,100%,.1);padding:2rem;display:flex;flex-direction:column;transition:right .35s ease;z-index:2000}.mobile-menu.active{right:0}.mobile-inner a{color:#fff;text-decoration:none;padding:.8rem 0;display:block;font-size:1.1rem;font-weight:500;transition:color .2s}.mobile-inner a:hover{color:var(--brand-color)}.mobile-login{margin-top:2rem;opacity:.8}.mobile-signup{margin-top:.5rem;background:var(--brand-color);padding:.7rem 1rem;border-radius:8px;text-align:center;color:#000;font-weight:600}.mobile-close{background:none;border:0;font-size:36px;color:#fff;cursor:pointer;position:absolute;top:15px;right:20px}.video-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:2rem}.video-modal__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);backdrop-filter:blur(4px)}.video-modal__content{position:relative;z-index:1;width:100%;max-width:1200px;background:var(--primary-color);border-radius:12px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5)}.video-modal__close{position:absolute;top:-3rem;right:0;background:rgba(0,0,0,0);border:none;color:var(--white);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:2}.video-modal__close:hover{transform:scale(1.1);color:var(--brand-color)}@media(max-width: 768px){.video-modal__close{top:1rem;right:1rem;background:rgba(0,0,0,.5);border-radius:50%;padding:.75rem}}.video-modal__wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-modal__wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}@media(max-width: 768px){.video-modal{padding:1rem}}.black-friday-banner{background:linear-gradient(135deg, color-mix(in srgb, var(--black) 60%, transparent), color-mix(in srgb, var(--black) 40%, transparent)),radial-gradient(circle at 20% 50%, color-mix(in srgb, var(--sp-bf-gold-primary) 10%, transparent), transparent 50%);border-top:1px solid color-mix(in srgb, var(--sp-bf-gold-primary) 20%, transparent);border-bottom:1px solid color-mix(in srgb, var(--sp-bf-gold-primary) 20%, transparent);padding:2.5rem 0;position:relative;overflow:hidden}.black-friday-banner::before{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--sp-bf-gold-primary) 5%, transparent), transparent);animation:bannerShine 8s infinite}@keyframes bannerShine{0%{left:-100%}100%{left:100%}}.black-friday-banner .bf-banner-content{display:flex;align-items:center;justify-content:space-between;gap:2.5rem;position:relative;z-index:1}@media(max-width: 768px){.black-friday-banner .bf-banner-content{flex-direction:column;text-align:center;gap:2rem}}.black-friday-banner .bf-banner-icon{font-size:3.5rem;flex-shrink:0;filter:drop-shadow(0 0 10px var(--sp-bf-gold-shadow));animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}@media(max-width: 768px){.black-friday-banner .bf-banner-icon{font-size:3rem}}.black-friday-banner .bf-banner-text{flex:1}.black-friday-banner .bf-banner-text h3{font-size:1.75rem;font-weight:800;margin-bottom:.75rem;color:var(--single-card-text-color);letter-spacing:-0.01em}@media(max-width: 768px){.black-friday-banner .bf-banner-text h3{font-size:1.5rem}}.black-friday-banner .bf-banner-text p{font-size:1.125rem;color:var(--single-card-text-color);opacity:.9;margin:0}@media(max-width: 768px){.black-friday-banner .bf-banner-text p{font-size:1rem}}.black-friday-banner .bf-banner-cta{display:inline-block;padding:1.125rem 2.5rem;background:linear-gradient(135deg, var(--sp-bf-gold-primary), var(--sp-bf-gold-secondary));color:var(--black);text-decoration:none;border-radius:12px;font-weight:700;font-size:1.125rem;transition:all .4s cubic-bezier(0.4, 0, 0.2, 1);flex-shrink:0;border:none;box-shadow:0 8px 25px var(--sp-bf-gold-shadow);position:relative;overflow:hidden}.black-friday-banner .bf-banner-cta::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, var(--sp-overlay-medium), transparent);transition:left .5s}.black-friday-banner .bf-banner-cta:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 35px var(--sp-bf-gold-shadow-hover)}.black-friday-banner .bf-banner-cta:hover::before{left:100%}.black-friday-banner .bf-banner-cta:active{transform:translateY(-1px) scale(1)}@media(max-width: 768px){.black-friday-banner .bf-banner-cta{width:100%;text-align:center;padding:1rem 2rem}}