@font-face{font-family:inter;src:url(/fonts/Inter-variable.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:inter-italic;src:url(/fonts/Inter-Italic-variable.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}@font-face{font-family:code;src:url(/fonts/Inconsolata-variable.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:pixel;src:url(/fonts/BitcountSingle-variable.woff2) format("woff2");font-weight:100 900;font-display:swap}:root{--font-mono: code, monospace;--font-sans: inter, sans-serif;--font-sans-italic: inter-italic, sans-serif;--font-serif: pixel, serif;--radius: 8px;--overlay-backdrop: rgba(0, 0, 0, .5);--inverse-foreground: #ffffff;--widget-light-foreground: #333333;--widget-dark-foreground: #e0e0e0;--widget-light-muted: #999999;--widget-dark-muted: #bbbbbb;--widget-light-surface: #f5f5f5;--widget-dark-surface: #2a2a2a;--widget-light-skeleton: #e0e0e0;--widget-dark-skeleton: #333333;--widget-lightbox-surface-light: #ffffff;--widget-lightbox-surface-dark: #1e1e1e;--widget-media-surface: #000000;--widget-control-surface-light: rgba(255, 255, 255, .9);--widget-control-surface-dark: rgba(50, 50, 50, .9);--widget-control-hover: #ffffff;--widget-control-icon-light: #333333;--widget-control-icon-dark: #e0e0e0;--widget-dot-light: #cccccc;--widget-dot-active-light: #333333;--widget-dot-dark: #555555;--widget-dot-active-dark: #e0e0e0;--widget-link: #0095f6;--widget-link-hover: #007ad9;--widget-disabled: #6b7280;--widget-glass: rgba(255, 255, 255, .15);--widget-glass-strong: rgba(255, 255, 255, .3);--widget-shimmer-light: rgba(255, 255, 255, .3);--widget-shimmer-dark: rgba(255, 255, 255, .08);--widget-overlay-soft: rgba(0, 0, 0, .6);--widget-overlay-mid: rgba(0, 0, 0, .7);--widget-overlay-strong: rgba(0, 0, 0, .85);--widget-shadow-soft: rgba(0, 0, 0, .15);--widget-shadow-strong: rgba(0, 0, 0, .4);--shadow-color: rgba(0, 0, 0, .1);--shadow-color-weak: rgba(0, 0, 0, .05);--shadow-color-medium: rgba(0, 0, 0, .15);--shadow-color-strong: rgba(0, 0, 0, .25);--widget-price-compare: rgba(255, 255, 255, .75);--marketing-primary-dark: #24914b;--marketing-primary-light: #66d9ef;--marketing-dark-background: #1a1d23;--marketing-hero-surface: rgba(245, 245, 245, .8);--marketing-outline: rgba(255, 255, 255, .2);--marketing-demo-gradient-start: #667eea;--marketing-demo-gradient-end: #764ba2;--marketing-cta-accent: #45c4ff}:root,:root[data-theme=light]{--card: #ffffff;--ring: #D48A2E;--input: #D4D4D4;--muted: #F5F5F5;--accent: #D48A2E;--border: #E0E0E0;--chart-1: #D48A2E;--chart-2: #5A5A5A;--chart-3: #87ceeb;--chart-4: #ff99cc;--chart-5: #33cc33;--popover: #ffffff;--primary: #D48A2E;--complement: #45c4ff;--complement-trans: rgba(67, 198, 255, .31);--sidebar: #F5F5F5;--secondary: #5A5A5A;--background: #F9F9FA;--foreground: #333333;--destructive: #ef4444;--info: #2563eb;--success: #16a34a;--warning: #ea580c;--rating: #f59e0b;--sidebar-ring: #D48A2E;--sidebar-accent: #D48A2E;--sidebar-border: #E0E0E0;--card-foreground: #333333;--logo-background: #e5e5e5;--sidebar-primary: #D48A2E;--muted-foreground: #6e6e6e;--accent-foreground: #ffffff;--popover-foreground: #333333;--primary-foreground: #ffffff;--sidebar-foreground: #333333;--secondary-foreground: #ffffff;--destructive-foreground: #ffffff;--info-foreground: #ffffff;--success-foreground: #ffffff;--warning-foreground: #ffffff;--success-soft: #dcfce7;--success-soft-border: #bbf7d0;--warning-soft: #fef3c7;--warning-soft-border: #fde68a;--destructive-soft: #fee2e2;--destructive-soft-border: #fecaca;--info-soft: #dbeafe;--info-soft-border: #bfdbfe;--success-strong: #166534;--warning-strong: #92400e;--destructive-strong: #b91c1c;--info-strong: #1d4ed8;--destructive-hover: #dc2626;--primary-soft: #eff6ff;--neutral-strong: #4b5563;--neutral-soft: #e5e7eb;--sidebar-accent-foreground: #ffffff;--sidebar-primary-foreground: #ffffff}:root[data-theme=dark]{--card: #2f3436;--ring: #D48A2E;--input: #444444;--muted: #444444;--accent: #D48A2E;--border: #444444;--chart-1: #D48A2E;--chart-2: #87ceeb;--chart-3: #66d9ef;--chart-4: #ff99cc;--chart-5: #ffcc00;--popover: #2f3436;--primary: #D48A2E;--sidebar: #1a1d23;--secondary: #87ceeb;--background: #1a1d23;--foreground: #e5e5e5;--destructive: #ef4444;--info: #87ceeb;--success: #33cc33;--warning: #ffcc00;--rating: #ffcc00;--sidebar-ring: #D48A2E;--sidebar-accent: #D48A2E;--sidebar-border: #444444;--card-foreground: #e5e5e5;--logo-background: #e5e5e5;--sidebar-primary: #D48A2E;--muted-foreground: #a3a3a3;--accent-foreground: #000000;--popover-foreground: #e5e5e5;--primary-foreground: #000000;--sidebar-foreground: #e5e5e5;--secondary-foreground: #000000;--destructive-foreground: #ffffff;--info-foreground: #000000;--success-foreground: #000000;--warning-foreground: #000000;--success-soft: rgba(51, 204, 51, .18);--success-soft-border: rgba(51, 204, 51, .35);--warning-soft: rgba(255, 204, 0, .18);--warning-soft-border: rgba(255, 204, 0, .35);--destructive-soft: rgba(239, 68, 68, .18);--destructive-soft-border: rgba(239, 68, 68, .35);--info-soft: rgba(135, 206, 235, .18);--info-soft-border: rgba(135, 206, 235, .35);--success-strong: #b6f7b6;--warning-strong: #ffe680;--destructive-strong: #ffb3b3;--info-strong: #d9f4ff;--neutral-strong: #cbd5e1;--neutral-soft: #374151;--destructive-hover: #b91c1c;--primary-soft: rgba(212, 138, 46, .15);--sidebar-accent-foreground: #000000;--sidebar-primary-foreground: #000000}.je-theme-switcher{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:.95em}.je-theme-label{font-weight:500;color:var(--muted-foreground)}.je-theme-select{padding:4px 8px;border-radius:6px;border:1px solid var(--border);background:var(--card);color:var(--foreground);font-family:inherit}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--je-primary: var(--primary);--je-primary-dark: var(--marketing-primary-dark);--je-primary-light: var(--marketing-primary-light);--je-bg: var(--background);--je-bg-alt: var(--sidebar);--je-bg-dark: var(--marketing-dark-background);--je-text: var(--foreground);--je-text-muted: var(--muted-foreground);--je-border: var(--border);--je-radius: 12px;--je-radius-sm: 8px;--je-shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--je-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--je-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--je-font: var(--font-sans)}body{font-family:var(--je-font);color:var(--je-text);line-height:1.6;background:var(--je-bg);-webkit-font-smoothing:antialiased}.je-container{max-width:1200px;margin:0 auto;padding:0 24px}h2{font-size:2.25rem;font-weight:700;text-align:center;margin-bottom:16px}.je-section-subtitle{color:var(--je-text-muted);font-size:1.1rem;max-width:560px;margin:0 auto 48px}@keyframes je-fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes je-fade-in-scale{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}[data-delay="1"]{transition-delay:.1s}[data-delay="2"]{transition-delay:.2s}[data-delay="3"]{transition-delay:.3s}[data-delay="4"]{transition-delay:.4s}[data-delay="5"]{transition-delay:.5s}[data-delay="6"]{transition-delay:.6s}[data-delay="7"]{transition-delay:.7s}[data-delay="8"]{transition-delay:.8s}.je-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:color-mix(in srgb,var(--je-bg-dark) 95%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--je-border);transition:transform .3s ease,opacity .3s ease}.je-nav .je-container{display:flex;align-items:center;justify-content:space-between;height:64px;gap:20px;padding:0 20px;max-width:none}.je-nav-brand{font-size:1.2rem;font-weight:700;color:var(--je-text);text-decoration:none;display:flex;align-items:flex-start;gap:12px;background-color:var(--logo-background);padding:5px 15px}.je-nav-brand img{height:45px;width:auto}.je-logo{font-size:1.2rem;color:var(--je-primary)}.je-logo-svg{height:32px;width:auto;display:block}.je-nav-links{display:flex;gap:24px;align-items:center;flex:1}.je-nav-links a{color:var(--muted);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s ease}.je-nav-links a:hover{color:var(--je-primary)}.je-nav-links a:focus{outline:2px solid var(--je-primary);outline-offset:2px}.je-nav-docs{color:var(--je-primary)!important}.je-nav-actions{display:flex;gap:12px;align-items:center}.je-nav-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--je-primary)}.je-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:0;font-size:.9rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease;border:1px solid transparent;gap:8px;line-height:1.4}.je-btn-primary{background:var(--je-primary);color:var(--primary-foreground);border:1px solid var(--accent);box-shadow:0 4px 12px #d48a2e4d}.je-btn-primary:hover{background:var(--complement, #45c4ff);box-shadow:0 6px 16px #d48a2e66;transform:translateY(-2px)}.je-btn-outline{background:transparent;color:var(--je-text);border:1px solid var(--border-light, #4a5058);transition:all .3s ease}.je-btn-outline.muted{color:var(--muted)!important;border:1px solid var(--muted, #4a5058)!important}.je-btn-outline:hover{border-color:var(--je-primary);color:var(--primary-light, #e8a84a);background:#d48a2e1a;transform:translateY(-2px);box-shadow:0 4px 12px #d48a2e33}.je-btn:focus,.je-btn-primary:focus,.je-btn-outline:focus{outline:2px solid var(--je-text);outline-offset:2px}.je-btn-lg{padding:14px 28px;font-size:1rem}.je-btn-block{display:block;width:100%;text-align:center}.je-footer{background:color-mix(in srgb,var(--je-bg-dark) 95%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--je-border);color:var(--je-text-muted);padding:60px 0 30px}.je-footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:40px}.je-footer-brand{margin-bottom:20px}.je-footer-brand img{height:28px;margin-bottom:16px;filter:brightness(5.5)}.je-footer-brand p{color:var(--je-text-muted);font-size:.9rem;line-height:1.6}.je-footer-col h4{color:var(--je-text);font-size:1rem;font-weight:600;margin-bottom:16px}.je-footer-col a{display:block;color:var(--je-text-muted);text-decoration:none;font-size:.9rem;margin-bottom:12px;transition:color .2s ease}.je-footer-col a:hover{color:var(--je-primary)}.je-footer-bottom{border-top:1px solid var(--je-border);padding-top:20px;text-align:center;color:var(--je-text-muted);font-size:.85rem}.je-lang-switcher{display:flex;align-items:center;gap:8px;margin-left:auto}.je-lang-select{background:var(--card);border:1px solid var(--je-border);color:var(--je-text);padding:6px 12px;border-radius:0;font-family:inherit;font-size:.85rem;cursor:pointer;transition:border-color .2s ease}.je-lang-select:hover{border-color:var(--je-primary)}.je-reveal{opacity:0;transform:translateY(40px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.je-reveal.je-visible{opacity:1;transform:none}.je-reveal-left{opacity:0;transform:translate(-60px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.je-reveal-left.je-visible{opacity:1;transform:none}.je-reveal-right{opacity:0;transform:translate(60px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.je-reveal-right.je-visible{opacity:1;transform:none}.je-reveal-scale{opacity:0;transform:scale(.9);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.je-reveal-scale.je-visible{opacity:1;transform:none}.je-reveal-fly-right{opacity:0;transform:translate(80px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.je-reveal-fly-right.je-visible{opacity:1;transform:none}body.maintenance-mode [data-hide-during-maintenance],[data-show-during-maintenance]{display:none!important}body.maintenance-mode [data-show-during-maintenance]{display:block!important}body.maintenance-mode a[data-hide-during-maintenance],body.maintenance-mode button[data-hide-during-maintenance]{pointer-events:none}.je-maintenance-banner{background:linear-gradient(135deg,var(--marketing-demo-gradient-start) 0%,var(--marketing-demo-gradient-end) 100%);color:var(--primary-foreground);padding:1rem 0;text-align:center}.je-maintenance-banner p{margin:0;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:500}.je-maintenance-banner i{font-size:1.25rem}.je-coming-soon-badge{display:inline-block;background:linear-gradient(135deg,var(--marketing-demo-gradient-start) 0%,var(--marketing-demo-gradient-end) 100%);color:var(--primary-foreground);padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;margin-left:.5rem}@media(max-width:768px){.je-nav-links,.je-nav-actions{display:none}.je-nav-toggle{display:block;margin-left:auto}.je-nav.je-nav-open .je-container{flex-wrap:wrap;height:auto}.je-nav.je-nav-open .je-nav-links,.je-nav.je-nav-open .je-nav-actions{display:flex;flex-direction:column;align-items:flex-start;order:1;flex-basis:100%;gap:12px;padding:16px 0;border-top:1px solid var(--je-border)}.je-footer-grid{grid-template-columns:1fr;gap:32px}}.toast-container{position:fixed;top:24px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:10px;pointer-events:none;max-width:400px;width:calc(100vw - 48px)}.toast{pointer-events:auto;display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--card, #ffffff);color:var(--foreground, #1e293b);border:1px solid var(--border, #e2e8f0);border-radius:var(--radius, 8px);box-shadow:0 10px 15px -3px var(--shadow-color, rgba(0, 0, 0, .1)),0 4px 6px -4px var(--shadow-color, rgba(0, 0, 0, .1));font-size:.9rem;font-weight:500;line-height:1.4;transition:opacity .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(-12px) scale(.98)}.toast.toast-visible{opacity:1;transform:translateY(0) scale(1)}.toast.toast-hiding{opacity:0;transform:translateY(-8px) scale(.96)}.toast-success{border-left:4px solid var(--success, #16a34a)}.toast-success .toast-icon{color:var(--success, #16a34a)}.toast-error{border-left:4px solid var(--destructive, #ef4444)}.toast-error .toast-icon{color:var(--destructive, #ef4444)}.toast-warning{border-left:4px solid var(--warning, #ea580c)}.toast-warning .toast-icon{color:var(--warning, #ea580c)}.toast-info{border-left:4px solid var(--info, #2563eb)}.toast-info .toast-icon{color:var(--info, #2563eb)}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-message{flex:1;word-break:break-word}.toast-close-btn{flex-shrink:0;background:transparent;border:none;cursor:pointer;color:var(--muted-foreground, #6e6e6e);padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:color .15s ease,background-color .15s ease}.toast-close-btn:hover{color:var(--foreground, #1e293b);background:var(--border, rgba(0, 0, 0, .05))}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--background);color:var(--foreground);overflow-x:hidden;line-height:1.6}.white-glass{background-color:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:1px 4px 15px #00000008}#canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.scroll-container{position:relative;z-index:1;pointer-events:none}.section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:80px 20px;position:relative}.section-content{max-width:1200px;width:100%;pointer-events:auto;position:relative}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#1a1d23f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);padding:15px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;transition:transform .3s ease,opacity .3s ease}.nav.hidden{transform:translateY(-100%);opacity:0}.nav-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--foreground);font-weight:700;font-size:1.2rem}.nav-brand img{height:32px;width:auto}.nav-links{display:flex;gap:24px;align-items:center}.nav-links a{color:var(--muted);text-decoration:none;font-size:.9rem;transition:color .2s ease}.nav-links a:hover{color:var(--primary)}.nav-actions{display:flex;gap:12px;align-items:center}.lang-selector{position:relative}.lang-select{background:var(--card);border:1px solid var(--border);color:var(--foreground);padding:6px 12px;border-radius:0;font-size:.85rem;cursor:pointer;transition:border-color .2s ease}.lang-select:hover{border-color:var(--primary)}.btn{padding:10px 20px;border-radius:0;font-weight:600;font-size:.9rem;text-decoration:none;transition:all .2s ease;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:var(--primary);color:#000;box-shadow:0 4px 12px #d48a2e4d;border:1px solid var(--accent)}.btn-primary:hover{background:var(--complement);box-shadow:0 6px 16px #d48a2e66;transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--foreground);border:1px solid var(--border-light);transition:all .3s ease}.btn-outline:hover{border-color:var(--primary);color:var(--primary-light);background:#d48a2e1a;transform:translateY(-2px);box-shadow:0 4px 12px #d48a2e33}.btn-lg{padding:14px 28px;font-size:1rem}.nav-toggle{display:none;background:none;border:none;color:var(--foreground);font-size:1.5rem;cursor:pointer}.hero{text-align:center;padding-top:120px}.hero-logo{height:80px;margin-bottom:30px;opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.hero-logo.visible{opacity:1;transform:translateY(0)}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:20px;background:linear-gradient(135deg,var(--marketing-demo-gradient-start),var(--marketing-demo-gradient-end),var(--marketing-cta-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;transform:translateY(30px);transition:opacity .8s ease .2s,transform .8s ease .2s}.hero-title.visible{opacity:1;transform:translateY(0)}.hero-subtitle{font-size:clamp(1rem,2vw,1.25rem);max-width:700px;margin:0 auto 40px;opacity:0;transform:translateY(30px);transition:opacity .8s ease .4s,transform .8s ease .4s}.hero-subtitle.visible{opacity:1;transform:translateY(0)}.hero-cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;opacity:0;transform:translateY(30px);transition:opacity .8s ease .6s,transform .8s ease .6s}.hero-cta.visible{opacity:1;transform:translateY(0)}.hero-badges{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:40px;opacity:0;transform:translateY(30px);transition:opacity .8s ease .8s,transform .8s ease .8s}.hero-badges.visible{opacity:1;transform:translateY(0)}.hero-badges span{color:var(--muted);font-size:.9rem;display:flex;align-items:center;gap:6px}.social-proof{text-align:center}.social-proof-text{font-size:1.5rem;margin-bottom:30px;opacity:.8}.social-proof-text strong{color:var(--primary)}.platform-logos{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin-top:20px}.platform-logos span{font-size:.9rem}.platform-logos strong{color:var(--foreground);font-weight:600}.features-header{text-align:center;margin-bottom:60px}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:16px;opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.section-title.visible{opacity:1;transform:translateY(0)}.section-subtitle{font-size:1.1rem;max-width:600px;margin:0 auto;opacity:0;transform:translateY(30px);transition:opacity .6s ease .2s,transform .6s ease .2s}.section-subtitle.visible{opacity:1;transform:translateY(0)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{background:linear-gradient(135deg,var(--card),var(--muted));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-light);border-radius:0;padding:24px;transition:all .3s ease;opacity:0;transform:translateY(30px);box-shadow:0 4px 6px #0000004d}.feature-card.visible{opacity:1;transform:translateY(0)}.feature-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 8px 16px #d48a2e4d;background:linear-gradient(135deg,var(--muted),var(--card))}.feature-icon{width:48px;height:48px;border-radius:0;display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:1.5rem;box-shadow:0 4px 8px #d48a2e66;border:1px solid var(--accent)}.feature-card h3{font-size:1.2rem;margin-bottom:8px;color:var(--foreground);font-weight:600}.feature-card p{color:var(--muted-light);font-size:.95rem;line-height:1.6}.performance-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:40px}.performance-card{background:var(--complement-trans);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:0;padding:24px;text-align:center;opacity:0;transform:translateY(30px);transition:all .3s ease;box-shadow:0 4px 12px #00000040}.performance-card.visible{opacity:1;transform:translateY(0);will-change:opacity,transform}.performance-card.visible:not(:hover){will-change:auto}.performance-card:hover{transform:translateY(-8px);box-shadow:0 16px 32px #d48a2e66;background:var(--complement)}.performance-metric{font-size:2.5rem;font-weight:800;color:var(--primary);margin-bottom:8px}.performance-card:hover .performance-metric{color:var(--card)}.performance-card h3{font-size:1rem;margin-bottom:8px;color:var(--foreground)}.performance-card p{color:var(--foreground);font-size:.9rem}.platforms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.platform-card{border:1px solid var(--border);border-radius:0;padding:20px;text-align:center;transition:all .3s ease;cursor:pointer;opacity:0;transform:translateY(30px)}.platform-card.visible{opacity:1;transform:translateY(0);will-change:opacity,transform}.platform-card.visible:not(:hover){will-change:auto}.platform-card:hover{border-color:var(--primary);transform:translateY(-4px)}.platform-icon{width:48px;height:48px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:2rem}.platform-card h3{font-size:1rem;margin-bottom:8px;color:var(--foreground)}.platform-card p{font-size:.85rem;line-height:1.5}.gdpr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.gdpr-card{background:#2f343699;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:0;padding:24px;opacity:0;transform:translateY(30px);transition:all .3s ease}.gdpr-card.visible{opacity:1;transform:translateY(0)}.gdpr-card:hover{border-color:var(--success)}.gdpr-card h3{font-size:1.1rem;margin-bottom:12px;color:var(--foreground);display:flex;align-items:center;gap:10px}.gdpr-card p{color:var(--muted);font-size:.9rem;line-height:1.6}.pricing-toggle{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:40px}.pricing-label{font-size:.9rem;cursor:pointer;transition:color .2s ease}.pricing-label.active{color:var(--foreground);font-weight:600}.toggle-switch{position:relative;width:50px;height:26px;background:var(--card);border-radius:0;border:1px solid var(--border);cursor:pointer;transition:background .3s ease}.toggle-switch.active{background:var(--primary);border-color:var(--primary)}.toggle-slider{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:0;transition:transform .3s ease}.toggle-switch.active .toggle-slider{transform:translate(24px)}.save-badge{background:var(--success);color:#000;padding:4px 8px;border-radius:0;font-size:.75rem;font-weight:600}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.pricing-card{border:1px solid var(--border);border-radius:0;padding:32px 24px;position:relative;opacity:0;transform:translateY(30px);transition:all .3s ease}.pricing-card.visible,.pricing-card.je-visible{opacity:1;transform:translateY(0)}.pricing-card:hover{border-color:var(--primary)}.pricing-card.popular{border-color:var(--border);background:#d48a2ecc}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--complement);color:#000;padding:6px 16px;border-radius:0;font-size:.8rem;font-weight:600}.pricing-card h3{font-size:1.5rem;margin-bottom:16px;color:var(--foreground)}.pricing-price{margin-bottom:24px}.price{font-size:3rem;font-weight:800;color:var(--foreground)}.period{font-size:1rem}.pricing-features{list-style:none;margin-bottom:24px}.pricing-features li{padding:8px 0;font-size:.9rem;display:flex;align-items:center;gap:10px}.pricing-features li .pricing-icon{flex-shrink:0}.pricing-features li .pricing-icon.check{color:var(--primary)}.pricing-features li.disabled{opacity:.5;text-decoration:line-through}.pricing-features li.disabled .pricing-icon.cross{color:var(--muted-foreground)}.pricing-comparison{margin-top:56px;border:1px solid var(--border);border-radius:0;padding:40px 32px;position:relative}.pricing-comparison-header{text-align:center;max-width:820px;margin:0 auto 36px}.comparison-badge{display:inline-block;background:var(--primary);color:var(--primary-foreground, #000);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:4px 12px;margin-bottom:14px;border-radius:0}.comparison-title{font-size:1.8rem;font-weight:700;color:var(--foreground);margin-bottom:12px;line-height:1.25}.comparison-subtitle{font-size:.95rem;color:var(--muted-foreground);line-height:1.6}.comparison-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:28px}.comparison-table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}.comparison-table th,.comparison-table td{padding:16px 20px;border-bottom:1px solid var(--border);vertical-align:top}.comparison-table thead th{padding-bottom:20px;font-size:.95rem;font-weight:600;color:var(--foreground)}.comparison-table thead .th-sub{display:block;font-size:.75rem;font-weight:400;color:var(--muted-foreground);margin-top:4px}.comparison-table .highlight-col{background:#d48a2e1f;border-left:2px solid var(--primary);border-right:2px solid var(--primary)}.comparison-table thead th.highlight-col{border-top:2px solid var(--primary);background:#d48a2e33}.comparison-table tbody tr:last-child .highlight-col{border-bottom:2px solid var(--primary)}.th-brand{display:flex;flex-direction:column;gap:4px}.brand-pill{font-size:.7rem;font-weight:700;color:var(--primary);text-transform:uppercase}.comparison-table tbody th{font-weight:600;color:var(--foreground);width:28%}.row-hint{display:block;font-size:.75rem;font-weight:400;color:var(--muted-foreground);margin-top:4px}.table-cell-content{display:flex;flex-direction:column;gap:3px}.table-cell-content .status-icon{display:inline-flex;align-items:center;margin-bottom:2px}.table-cell-content .status-icon svg{display:block}.highlight-col.positive .status-icon{color:var(--primary)}.negative .status-icon{color:var(--destructive, #ef4444)}.table-cell-content .subtext{font-size:.75rem;color:var(--muted-foreground)}.comparison-footer-note{display:flex;align-items:flex-start;gap:16px;background:#00000026;border-left:3px solid var(--primary);padding:18px 22px}.comparison-footer-note .note-icon{display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0;margin-top:2px}.comparison-footer-note .note-text strong{display:block;font-size:.95rem;color:var(--foreground);margin-bottom:4px}.comparison-footer-note .note-text p{font-size:.88rem;color:var(--muted-foreground);line-height:1.55;margin:0}@media(max-width:768px){.pricing-comparison{padding:24px 16px}.comparison-title{font-size:1.4rem}.comparison-table th,.comparison-table td{padding:12px 10px;font-size:.82rem}}.faq-list{max-width:800px;margin:40px auto 0}.faq-item{border:1px solid var(--border);border-radius:0;margin-bottom:16px;overflow:hidden;opacity:0;transform:translateY(30px);transition:all .3s ease}.faq-item.visible{opacity:1;transform:translateY(0)}.faq-item summary{padding:20px 24px;cursor:pointer;font-weight:600;color:var(--foreground);list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:color .2s ease}.faq-item summary:hover{color:var(--primary)}.faq-item summary:after{content:"+";font-size:1.5rem;font-weight:400;transition:transform .3s ease}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{padding:0 24px 20px;line-height:1.7;font-size:.95rem}.cta{text-align:center}.cta-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:16px;opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.cta-title.visible{opacity:1;transform:translateY(0)}.cta-subtitle{font-size:1.1rem;color:var(--muted);margin-bottom:32px;opacity:0;transform:translateY(30px);transition:opacity .6s ease .2s,transform .6s ease .2s}.cta-subtitle.visible{opacity:1;transform:translateY(0)}.footer{background:#1a1d23f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);padding:60px 20px 30px}.footer-grid{max-width:1200px;margin:0 auto 40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px}.footer-brand{margin-bottom:20px}.footer-brand img{height:28px;margin-bottom:16px}.footer-brand p{color:var(--muted);font-size:.9rem;line-height:1.6}.footer-col h4{color:var(--foreground);margin-bottom:16px;font-size:1rem}.footer-col a{display:block;color:var(--muted);text-decoration:none;font-size:.9rem;margin-bottom:12px;transition:color .2s ease}.footer-col a:hover{color:var(--primary)}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:20px;border-top:1px solid var(--border);text-align:center;color:var(--muted);font-size:.85rem}.hero-email-form{max-width:500px;margin:0 auto 30px;padding:20px;border-radius:0}.email-input-group{display:flex;gap:12px;margin-bottom:16px}.email-input{flex:1;padding:12px 16px;border:2px solid var(--border);background:transparent;border-radius:0;color:var(--foreground);font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}.email-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #d48a2e33}.email-submit{padding:12px 24px;border-radius:0;white-space:nowrap}.je-waitlist-consent,.gdpr-consent{display:flex;align-items:flex-start;gap:8px;font-size:.85rem;color:var(--muted-foreground);cursor:pointer}.je-waitlist-consent input[type=checkbox],.gdpr-consent input[type=checkbox]{margin-top:2px;flex-shrink:0}.je-waitlist-consent span,.gdpr-consent span{line-height:1.5;color:var(--muted-foreground)}.je-waitlist-consent a,.gdpr-consent a{color:var(--primary);text-decoration:underline}.je-waitlist-consent a:hover,.gdpr-consent a:hover{color:var(--primary-hover)}.form-success{text-align:center;color:var(--success);padding:16px;background:var(--success-soft);border:1px solid var(--success-soft-border);border-radius:0}.features-list{display:flex;justify-content:space-between;flex-wrap:wrap;max-width:1200px;margin:0 auto;padding:40px 20px}.feature-item{display:grid;grid-template-columns:auto 1fr;column-gap:16px;row-gap:8px;padding:24px 1rem;margin-bottom:8px;border-bottom:1px solid var(--border);box-shadow:1px 4px 15px #00000008;width:550px}.feature-item:first-child{padding-top:0}.feature-item:last-child{border-bottom:none;margin-bottom:0}.feature-item .feature-icon{flex-shrink:0;width:48px;height:48px;border-radius:0;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #d48a2e4d;border:1px solid var(--accent)}.feature-item .feature-icon svg{width:24px;height:24px}.feature-item h3{font-size:1.5rem;margin:0;color:var(--accent);font-weight:600;align-self:center}.feature-item p{grid-column:1 / -1;color:var(--muted-light);font-size:.95rem;line-height:1.6;margin:0}.platforms-carousel-container{max-width:100%;padding:60px 20px}.platforms-carousel{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:20px calc(50% - 140px);scrollbar-width:none;-ms-overflow-style:none;cursor:grab;user-select:none;-webkit-user-select:none}.platforms-carousel.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}.platforms-carousel::-webkit-scrollbar{display:none}.platform-card.carousel-item{flex:0 0 280px;scroll-snap-align:center;border:none;border-radius:0;padding:24px;text-align:center;transition:transform .6s ease,box-shadow .6s ease;cursor:pointer;-webkit-user-select:none;user-select:none}.platform-card.carousel-item.active{transform:scale(1.15);box-shadow:0 8px 32px #d48a2e99,0 0 0 4px #d48a2e33;animation:platform-pulse 2s ease-in-out infinite;will-change:transform,box-shadow}@keyframes platform-pulse{0%,to{box-shadow:0 8px 32px #d48a2e99,0 0 0 4px #d48a2e33}50%{box-shadow:0 8px 40px #d48a2ecc,0 0 0 8px #d48a2e4d}}.platform-card.carousel-item .platform-icon{width:64px;height:64px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;transition:transform .6s ease}.platform-card.carousel-item.active .platform-icon{transform:scale(1.33)}.carousel-navigation{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px}.carousel-arrow{width:32px;height:32px;background:var(--card);border:1px solid var(--border);border-radius:0;color:var(--foreground);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0}.carousel-arrow:hover{background:var(--card-hover);border-color:var(--primary);color:var(--primary)}.carousel-arrow:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.carousel-dot{width:32px;height:32px;background:var(--card);border:1px solid var(--border);border-radius:0;cursor:pointer;transition:all .3s ease;position:relative}.carousel-dot:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:var(--muted);border-radius:0;transition:background .3s ease}.carousel-dot.active{background:var(--primary);border-color:var(--primary)}.carousel-dot.active:before{background:var(--foreground)}.carousel-marketing{text-align:center;margin-top:32px;color:var(--muted);opacity:.7;font-size:.95rem}.timeline-background{max-width:700px;margin:0 auto;padding:2rem}.timeline{max-width:700px;margin:60px auto 0;position:relative;padding-left:40px}.timeline:before{content:"";position:absolute;left:15px;top:0;bottom:50px;width:2px;background:var(--border);transform:translate(-50%)}.timeline-step{position:relative;margin-bottom:60px;opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.timeline-step.visible{opacity:1;transform:translateY(0)}.timeline-step:last-child{margin-bottom:0}.step-marker{position:absolute;left:-48px;top:0;width:48px;height:48px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;color:#000;box-shadow:0 4px 12px #d48a2e66;transition:transform .3s ease}.timeline-step:hover .step-marker{transform:scale(1.1)}.step-content{padding-left:20px}.step-content h3{font-size:1.3rem;margin-bottom:12px;color:var(--foreground);font-weight:600}.step-content p{color:var(--muted-foreground);line-height:1.6;margin:0}.privacy-rows{margin:60px auto;max-width:960px}.privacy-row{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;min-height:380px;padding:60px 0;border-bottom:1px solid var(--border)}.privacy-row:last-child{border-bottom:none}.privacy-row.alternating{grid-template-columns:1fr 1fr}.privacy-row.alternating .privacy-mockup{order:-1}.privacy-text h3{font-size:1.5rem;margin-bottom:20px;color:var(--foreground);font-weight:600}.privacy-text p{line-height:1.7;font-size:1rem}.privacy-benefits{list-style:none;padding:0;margin:20px 0 0}.privacy-benefits li{padding:12px 0;border-bottom:1px solid var(--border-light);font-size:.95rem;line-height:1.6}.privacy-benefits li:last-child{border-bottom:none}.privacy-mockup{display:flex;align-items:center;justify-content:center;width:100%;border:1px solid var(--border);border-radius:0;overflow:hidden;box-shadow:0 4px 20px #00000014}.privacy-image{width:100%;height:auto;max-width:100%;display:block;object-fit:cover;border-radius:0}.waitlist{background:linear-gradient(180deg,transparent 0%,rgba(212,138,46,.05) 50%,transparent 100%)}.waitlist-content{max-width:560px;margin:0 auto;text-align:center;padding:48px 36px;border:1px solid var(--border);border-radius:0;color:var(--foreground)}.waitlist-content .section-title{color:var(--foreground);margin-bottom:12px}.waitlist-content .section-subtitle{color:var(--muted-foreground);margin-bottom:24px}.waitlist-form{display:flex;flex-direction:column;gap:12px;margin:32px 0 20px}.waitlist-input{flex:1;padding:14px 18px;border:1px solid var(--border);background:var(--background);border-radius:0;color:var(--foreground);font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}.waitlist-input::placeholder{color:var(--muted-foreground);opacity:.8}.waitlist-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #d48a2e33}.nav-links a:focus{outline:2px solid var(--primary);outline-offset:2px}.btn:focus,.btn-primary:focus,.btn-outline:focus{outline:2px solid var(--foreground);outline-offset:2px}.platform-card.carousel-item:focus{outline:2px solid var(--primary);outline-offset:4px}.carousel-dot:focus{outline:2px solid var(--primary);outline-offset:2px}.timeline-step:focus-within .step-marker{outline:2px solid var(--primary);outline-offset:2px}.sticky-modal-close:focus{outline:2px solid var(--primary);outline-offset:2px}.sticky-btn:focus{outline:2px solid var(--foreground);outline-offset:2px}input:not(.email-input):not(.waitlist-input):focus,select:focus{outline:2px solid var(--primary);outline-offset:2px}input[type=checkbox]:focus{outline:2px solid var(--primary);outline-offset:2px}.waitlist-submit{padding:14px 28px;border-radius:0;white-space:nowrap;margin:auto}.email-submit:disabled,.waitlist-submit:disabled,.sticky-submit:disabled{opacity:.5;cursor:not-allowed;pointer-events:auto;filter:grayscale(40%)}.je-hp-field{display:none!important;position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}.waitlist-benefits{margin-top:24px;color:var(--muted-foreground);font-size:.95rem;line-height:1.6}.waitlist-benefits p{color:var(--muted-foreground);margin:4px 0}.sticky-email-button{position:fixed;bottom:20px;right:20px;background:linear-gradient(135deg,var(--primary),var(--marketing-cta-accent));color:#000;border:none;border-radius:0;padding:12px 20px;font-weight:600;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #d48a2e66;cursor:pointer;opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease,box-shadow .3s ease;z-index:9998;pointer-events:none}.sticky-email-button.visible{opacity:1;transform:translateY(0);pointer-events:auto}.sticky-email-button:hover{box-shadow:0 6px 16px #d48a2e99;animation:sticky-pulse 1s ease-in-out infinite}@keyframes sticky-pulse{0%,to{box-shadow:0 6px 16px #d48a2e99}50%{box-shadow:0 8px 24px #d48a2ecc,0 0 0 4px #d48a2e33}}.email-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.email-modal.visible{opacity:1}.email-modal-content{background:var(--card);padding:40px;max-width:500px;width:90%;border-radius:0;box-shadow:0 20px 60px #00000080;position:relative}.email-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:2rem;color:var(--muted);cursor:pointer;padding:4px;line-height:1;border-radius:0}.email-modal-close:hover{color:var(--foreground)}.modal-email-form{display:flex;gap:12px;margin:24px 0}.modal-email-input{flex:1;padding:12px 16px;border:2px solid var(--border);background:transparent;border-radius:0;color:var(--foreground);font-size:1rem}@media(max-width:768px){.nav-links{display:none}.nav-toggle{display:block}.nav-links.mobile-open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--card);padding:20px;border-top:1px solid var(--border)}.section{padding:60px 20px}.features-grid,.platforms-grid,.pricing-grid,.gdpr-grid,.privacy-row,.privacy-row.alternating{grid-template-columns:1fr}.privacy-row{gap:32px;padding:40px 0;min-height:auto}.privacy-row.alternating .privacy-mockup{order:0}.performance-grid{grid-template-columns:1fr}}@media(max-width:480px){.email-input-group{flex-direction:column}.hero-cta{flex-direction:column}.hero-badges{flex-direction:column;gap:12px}.performance-grid{grid-template-columns:1fr}}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--background);display:flex;align-items:center;justify-content:center;z-index:10000;transition:opacity .5s ease}#loading-screen.hidden{opacity:0;pointer-events:none}.loading-spinner{width:50px;height:50px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:0;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.scroll-container.no-3d{position:relative}.scroll-container.no-3d:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(102,126,234,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(118,75,162,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(240,147,251,.08) 0%,transparent 40%),radial-gradient(circle at 60% 60%,rgba(79,172,254,.08) 0%,transparent 40%);pointer-events:none;z-index:0;animation:gradientShift 10s ease-in-out infinite}@keyframes gradientShift{0%,to{opacity:.6}50%{opacity:1}}.scroll-container.no-3d .section{position:relative;z-index:1}.ecommerce-coming-soon{position:relative;padding:120px 0;overflow:hidden}.ecommerce-coming-soon:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 15% 20%,rgba(255,107,53,.12) 0%,transparent 50%),radial-gradient(circle at 85% 80%,rgba(118,75,162,.12) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(240,147,251,.08) 0%,transparent 60%);z-index:0}.ecommerce-coming-soon .section-content{position:relative;z-index:1}.coming-soon-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 24px;background:linear-gradient(135deg,#ff6b3526,#764ba226);border:1.5px solid rgba(255,107,53,.4);border-radius:50px;font-size:.95rem;font-weight:600;color:var(--primary);margin-bottom:24px;box-shadow:0 0 20px #ff6b3526,inset 0 0 20px #ff6b350d;animation:badgePulse 2.5s ease-in-out infinite}@keyframes badgePulse{0%,to{box-shadow:0 0 20px #ff6b3526,inset 0 0 20px #ff6b350d}50%{box-shadow:0 0 30px #ff6b3540,0 0 60px #ff6b3526,inset 0 0 30px #ff6b3514}}.pulse-dot{width:10px;height:10px;background:var(--primary);border-radius:50%;animation:dotPulse 1.5s ease-in-out infinite}@keyframes dotPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.ecommerce-platforms{display:flex;justify-content:center;align-items:center;gap:40px;margin:50px 0;flex-wrap:wrap}.ecommerce-platform{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 30px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;transition:all .3s ease}.ecommerce-platform:hover{background:#ffffff0f;border-color:#ff6b354d;transform:translateY(-4px);box-shadow:0 8px 30px #0003}.ecommerce-icon{width:140px;height:42px;color:var(--foreground);opacity:.9;transition:all .3s ease}.ecommerce-platform:hover .ecommerce-icon{color:var(--primary);opacity:1}.ecommerce-platform span{font-size:.95rem;font-weight:500;transition:color .3s ease}.ecommerce-platform:hover span{color:var(--foreground)}.ecommerce-features{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:50px 0}.ecommerce-feature-card{padding:36px 28px;border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.ecommerce-feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent));transform:scaleX(0);transition:transform .4s ease}.ecommerce-feature-card:hover:before{transform:scaleX(1)}.ecommerce-feature-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #00000040}.ecommerce-feature-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff6b3526,#764ba226);border-radius:16px;margin-bottom:20px;color:var(--primary);transition:all .3s ease}.ecommerce-feature-card:hover .ecommerce-feature-icon{background:linear-gradient(135deg,#ff6b3540,#764ba240);transform:scale(1.05)}.ecommerce-feature-card h3{font-size:1.35rem;font-weight:700;margin-bottom:12px;color:var(--foreground)}.ecommerce-feature-card p{font-size:1rem;line-height:1.65}.ecommerce-cta-row{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:60px;padding:40px;background:linear-gradient(135deg,#ff6b3514,#764ba214);border:1px solid rgba(255,107,53,.2);border-radius:24px}.ecommerce-cta-text{flex:1}.ecommerce-cta-text h3{font-size:1.75rem;font-weight:700;margin-bottom:12px;color:var(--foreground)}.ecommerce-cta-text p{font-size:1.05rem;line-height:1.7}.ecommerce-cta-text strong{color:var(--primary)}.ecommerce-cta-cta{display:flex;flex-direction:column;align-items:center;gap:12px;flex-shrink:0}.ecommerce-cta-cta .btn{font-size:1.1rem;padding:16px 32px;font-weight:600;white-space:nowrap;box-shadow:0 8px 25px #ff6b354d;transition:all .3s ease}.ecommerce-cta-cta .btn:hover{box-shadow:0 12px 35px #ff6b3566;transform:translateY(-2px)}.cta-note{font-size:.9rem;text-align:center;max-width:200px}@media(max-width:1024px){.ecommerce-features{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.ecommerce-coming-soon{padding:80px 0}.coming-soon-badge{padding:8px 20px;font-size:.85rem}.ecommerce-platforms{gap:20px;margin:35px 0}.ecommerce-platform{padding:16px 20px}.ecommerce-icon{width:100px;height:30px}.ecommerce-features{grid-template-columns:1fr;gap:20px;margin:35px 0}.ecommerce-feature-card{padding:28px 20px}.ecommerce-cta-row{flex-direction:column;text-align:center;padding:30px 24px;gap:30px}.ecommerce-cta-cta .btn{width:100%;padding:14px 24px}}.je-docs{padding:120px 0 60px;background:var(--je-bg)}.je-docs-layout{display:grid;grid-template-columns:240px 1fr;gap:48px}.je-docs-sidebar{position:sticky;top:100px;height:fit-content;max-height:calc(100vh - 120px);overflow-y:auto}.je-docs-sidebar h4{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--je-text-muted);margin:24px 0 12px}.je-docs-sidebar h4:first-child{margin-top:0}.je-docs-sidebar a{display:block;color:var(--je-text-muted);text-decoration:none;font-size:.9rem;transition:color .2s;border-left:2px solid transparent;padding:6px 0 6px 12px}.je-docs-sidebar a:hover{color:var(--je-primary);border-left-color:var(--je-primary)}.je-docs-sidebar a.active{color:var(--je-primary);font-weight:600;border-left-color:var(--je-primary)}.je-docs-content{max-width:1200px}.je-docs-content h2{font-size:2rem;font-weight:700;margin-bottom:24px;text-align:left}.je-docs-content h3{font-size:1.5rem;font-weight:600;margin:32px 0 16px}.je-docs-content h4{font-size:1.1rem;font-weight:600;margin:24px 0 12px}.je-docs-content p{margin-bottom:16px;line-height:1.7}.je-docs-content ul,.je-docs-content ol{margin-bottom:16px;padding-left:24px;line-height:1.7}.je-docs-content li{margin-bottom:8px}.je-docs-content a{color:var(--je-primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.je-docs-content a:hover{border-bottom-color:var(--je-primary)}.je-docs-content pre{background:var(--je-bg-dark);color:var(--primary-foreground);padding:16px;border-radius:var(--je-radius-sm);overflow-x:auto;font-size:.85rem;line-height:1.6;margin-bottom:24px}.je-docs-content code{background:var(--je-bg-alt);color:var(--je-primary);padding:2px 6px;border-radius:4px;font-size:.9em;font-family:monospace}.je-docs-content pre code{background:none;color:inherit;padding:0}.je-docs-content table{width:100%;border-collapse:collapse;margin-bottom:24px}.je-docs-content th,.je-docs-content td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--je-border)}.je-docs-content th{background:var(--je-bg-alt);font-weight:600;color:var(--je-text)}.je-docs-content tr:hover{background:var(--je-bg-alt)}.je-callout{background:var(--je-bg-alt);border-left:4px solid var(--je-primary);padding:16px 20px;margin:24px 0;border-radius:0 var(--je-radius-sm) var(--je-radius-sm) 0}.je-callout-info{border-left-color:var(--je-primary);background:color-mix(in srgb,var(--je-primary) 10%,transparent)}.je-callout-warning{border-left-color:#f59e0b;background:color-mix(in srgb,#f59e0b 10%,transparent)}.je-callout-success{border-left-color:#10b981;background:color-mix(in srgb,#10b981 10%,transparent)}.je-callout-error{border-left-color:#ef4444;background:color-mix(in srgb,#ef4444 10%,transparent)}.je-privacy-content{max-width:1200;margin:0 auto}.je-privacy-content h2{font-size:1.75rem;font-weight:700;margin-bottom:24px}.je-privacy-content h3{font-size:1.25rem;font-weight:600;margin:32px 0 16px;color:var(--je-text)}.je-privacy-content h4{font-size:1.1rem;font-weight:600;margin:24px 0 12px;color:var(--je-text)}.je-privacy-content p{margin-bottom:16px;line-height:1.7;color:var(--je-text-muted)}.je-privacy-content ul,.je-privacy-content ol{margin-bottom:24px;padding-left:24px;line-height:1.7}.je-privacy-content li{margin-bottom:8px}.je-privacy-content strong{color:var(--je-text);font-weight:600}.je-privacy-content a{color:var(--je-primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.je-privacy-content a:hover{border-bottom-color:var(--je-primary)}.doc-lang-selector{position:fixed;top:80px;right:20px;z-index:100;background:var(--je-card);border:1px solid var(--je-border);border-radius:8px;padding:8px 12px;box-shadow:0 4px 12px #0000001a}.doc-lang-select{background:transparent;border:none;color:var(--je-text);font-size:.9rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s}.doc-lang-select:hover{background:var(--je-bg-alt)}@media(max-width:768px){.je-docs{padding:100px 0 40px}.je-docs-layout{grid-template-columns:1fr;gap:32px}.je-docs-sidebar{position:static;max-height:none;overflow-y:visible;margin-bottom:24px}.je-docs-content{max-width:100%}.je-docs-content h2{font-size:1.75rem}.je-docs-content h3{font-size:1.25rem}}body[data-page=demo] .section{min-height:auto;padding:72px 20px}body[data-page=demo] .demo-hero{text-align:center;padding-top:140px}.demo-hero-title{font-size:clamp(2.2rem,5vw,3.4rem);font-weight:800;line-height:1.15;margin-bottom:16px}.demo-hero-subtitle{font-size:1.15rem;color:var(--je-text-muted);max-width:640px;margin:0 auto 32px}.demo-playground{background:var(--je-bg-alt)}.demo-playground-grid{display:grid;grid-template-columns:300px 1fr;gap:32px;align-items:start;margin-top:40px}.demo-section-heading{text-align:center}.demo-controls{background:var(--je-bg);border:1px solid var(--je-border);border-radius:0;padding:20px;display:flex;flex-direction:column;gap:18px;position:sticky;top:90px}.demo-fieldset{border:none;padding:0;margin:0}.demo-fieldset legend{font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--je-text-muted);margin-bottom:10px;padding:0}.demo-fieldset[hidden]{display:none}.demo-segmented{display:grid;grid-template-columns:1fr 1fr;gap:8px}.demo-segmented-3{grid-template-columns:repeat(3,1fr)}.demo-seg-btn{position:relative;display:block}.demo-seg-btn input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.demo-seg-btn span{display:flex;align-items:center;justify-content:center;padding:9px 8px;border:1px solid var(--je-border);border-radius:0;font-size:.88rem;font-weight:500;background:var(--je-bg);text-align:center}.demo-seg-btn input:checked+span{background:var(--je-primary);border-color:var(--je-primary);color:#fff;font-weight:600}.demo-seg-btn input:focus-visible+span{outline:2px solid var(--je-primary);outline-offset:2px}.demo-layout-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.demo-layout-group{display:contents}.demo-layout-group[hidden]{display:none}.demo-layout-btn{position:relative;display:flex;flex-direction:column;gap:6px;cursor:pointer}.demo-layout-btn input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;margin:0}.demo-layout-thumb{display:block;height:36px;border:1px solid var(--je-border);background-color:var(--je-bg);color:var(--je-text-muted);background-repeat:no-repeat;transition:border-color .15s ease,color .15s ease}.demo-layout-btn>span:last-child{font-size:.8rem;font-weight:500;text-align:center;color:var(--je-text-muted)}.demo-layout-btn input:checked~.demo-layout-thumb{border-color:var(--je-primary);color:var(--je-primary);background-color:#e1922312}.demo-layout-btn input:checked~span:last-child{color:var(--je-primary);font-weight:600}.demo-layout-btn input:focus-visible~.demo-layout-thumb{outline:2px solid var(--je-primary);outline-offset:2px}.demo-thumb-grid{background-image:linear-gradient(currentColor 0 0),linear-gradient(currentColor 0 0),linear-gradient(currentColor 0 0),linear-gradient(currentColor 0 0);background-size:40% 38%,40% 38%,40% 38%,40% 38%;background-position:left 4px top 4px,right 4px top 4px,left 4px bottom 4px,right 4px bottom 4px}.demo-thumb-masonry{background-image:linear-gradient(currentColor 0 0),linear-gradient(currentColor 0 0),linear-gradient(currentColor 0 0);background-size:24% 76%,24% 46%,24% 64%;background-position:left 5px top 5px,center 5px top 13px,right 5px top 7px}.demo-thumb-carousel{background-image:linear-gradient(currentColor 0 0),linear-gradient(currentColor 0 0),linear-gradient(currentColor 0 0);background-size:34% 64%,34% 64%,8% 22%;background-position:left 6px center,left calc(6px + 38%) center,right 5px center}.demo-thumb-slider{background-image:linear-gradient(currentColor 0 0),linear-gradient(currentColor 0 0);background-size:72% 76%,8% 24%;background-position:left 5px center,right 5px center}.demo-thumb-reviews{background-image:linear-gradient(currentColor 0 0),linear-gradient(currentColor 0 0),linear-gradient(currentColor 0 0);background-size:78% 18%,60% 18%,70% 18%;background-position:left 5px top 6px,left 5px center,left 5px bottom 6px}.demo-select{width:100%;padding:8px 10px;border:1px solid var(--je-border);border-radius:0;background:var(--je-bg);color:var(--je-text);font-size:.9rem;cursor:pointer}.demo-select:focus-visible{outline:2px solid var(--je-primary);outline-offset:1px}.demo-onclick{border:1px solid var(--je-border);border-left:3px solid var(--je-primary);background:var(--je-bg-alt);padding:14px 16px}.demo-onclick h3{font-size:.88rem;font-weight:700;margin:0 0 6px}.demo-onclick>p{font-size:.82rem;color:var(--je-text-muted);margin:0 0 8px}.demo-onclick ul{list-style:none;display:grid;gap:6px;margin:0;padding:0}.demo-onclick li{font-size:.82rem;line-height:1.5;color:var(--je-text-muted)}.demo-onclick li strong{color:var(--je-text)}.demo-columns-row{display:flex;align-items:center;gap:12px}.demo-columns-row input[type=range]{flex:1;accent-color:var(--je-primary)}.demo-columns-row output{font-weight:700;min-width:4.2em;text-align:right;font-size:.85rem}.demo-check{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:.95rem;cursor:pointer}.demo-check input{width:17px;height:17px;accent-color:var(--je-primary);cursor:pointer}.demo-check[hidden]{display:none}.demo-override-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.demo-hint{font-size:.82rem;color:var(--je-text-muted);line-height:1.5;margin:4px 0 0}.demo-preview{min-width:0;display:flex;flex-direction:column;gap:20px}.demo-browser{border:1px solid var(--je-border);border-radius:0;overflow:hidden;box-shadow:var(--je-shadow-lg);background:var(--je-bg)}.demo-browser-bar{display:flex;align-items:center;gap:7px;padding:11px 16px;background:var(--je-bg-alt);border-bottom:1px solid var(--je-border)}.demo-dot{width:11px;height:11px;border-radius:50%;flex:none}.demo-dot-r{background:#ff5f57}.demo-dot-y{background:#febc2e}.demo-dot-g{background:#28c840}.demo-browser-url{margin-left:12px;flex:1;max-width:340px;background:var(--je-bg);border:1px solid var(--je-border);border-radius:0;font-size:.78rem;color:var(--je-text-muted);padding:5px 14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-browser-body{padding:24px;background:radial-gradient(circle at 80% 0%,hsla(35,80%,60%,.07),transparent 45%),var(--je-bg);min-height:420px}.demo-snippet{background:#171a21;border-radius:0;overflow:hidden;border:1px solid #2c3240;position:relative}.demo-snippet-head{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#ffffff0a;color:#9aa3b2;font-size:.85rem;font-weight:600}.demo-snippet pre{margin:0;padding:16px;overflow-x:auto}.demo-snippet code{font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,Consolas,monospace;font-size:.82rem;line-height:1.6;color:#d7dce4;white-space:pre}.demo-snippet .btn{padding:6px 16px;font-size:.8rem;background:transparent;color:#d7dce4;border-color:#3a4150}.demo-snippet .btn:hover{border-color:var(--je-primary);color:var(--je-primary)}.demo-copy-feedback{position:absolute;right:14px;bottom:12px;background:var(--je-primary);color:#fff;font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:0;pointer-events:none}.demo-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0a0c10b8;display:flex;align-items:center;justify-content:center;padding:24px}.demo-lightbox[hidden]{display:none}.demo-lightbox-panel{position:relative;background:var(--je-bg);border-radius:0;max-width:480px;width:100%;max-height:90vh;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--je-shadow-xl)}.demo-lightbox-media{aspect-ratio:1 / 1;border-radius:0;overflow:hidden;position:relative}.demo-lightbox-media svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.demo-lightbox-caption{font-size:.95rem;line-height:1.55;margin:0}.demo-lightbox-pill:empty{display:none}.demo-lightbox-pill .demo-shop-pill{margin:0}.demo-lightbox-engagement,.demo-lightbox-panel .demo-engagement{padding:0}.demo-lightbox-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:0;border:none;background:#00000073;color:#fff;font-size:.95rem;cursor:pointer;z-index:1}.demo-lightbox-close:hover{background:#000000a6}.demo-lightbox-close:focus-visible{outline:2px solid var(--je-primary);outline-offset:2px}body.demo-no-scroll{overflow:hidden}.demo-live{background:var(--je-bg-alt);text-align:center}.demo-live-steps{list-style:none;counter-reset:live-step;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:960px;margin:36px auto 0;padding:0;text-align:left}.demo-live-steps li{counter-increment:live-step;background:var(--je-bg);border:1px solid var(--je-border);padding:20px 22px 18px}.demo-live-steps li:before{content:counter(live-step);display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#e192231f;color:var(--je-primary);font-weight:700;font-size:.9rem;margin-bottom:12px}.demo-live-steps strong{display:block;font-size:1rem;margin-bottom:6px}.demo-live-steps span{display:block;font-size:.88rem;line-height:1.55;color:var(--je-text-muted)}.demo-live-mount{margin-top:36px;min-height:420px}.demo-live-skeleton-label{font-size:.85rem;color:var(--je-text-muted)}.demo-live-skeleton-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}.demo-live-skeleton-item{aspect-ratio:1;border:1px solid var(--je-border);background:linear-gradient(100deg,var(--je-bg) 40%,var(--je-bg-alt) 50%,var(--je-bg) 60%);background-size:200% 100%;animation:demo-skeleton-shimmer 1.4s ease-in-out infinite}@keyframes demo-skeleton-shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.demo-live-skeleton-item{animation:none}}.demo-live-error{max-width:640px;margin:0 auto;padding:16px 20px;border:1px solid var(--je-border);background:var(--je-bg);font-size:.92rem;color:var(--je-text-muted)}.demo-live-cta{margin-top:36px}.demo-features{text-align:center}.demo-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}.demo-feature-card{background:var(--je-bg-alt);border:1px solid var(--je-border);border-radius:0;padding:26px 22px;text-align:left}.demo-feature-icon{width:52px;height:52px;border-radius:0;background:#e192231f;color:var(--je-primary);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.demo-feature-card h3{font-size:1.05rem;margin:0 0 8px}.demo-feature-card p{font-size:.88rem;line-height:1.55;color:var(--je-text-muted);margin:0}@media(max-width:1024px){.demo-playground-grid{grid-template-columns:1fr}.demo-controls{position:static}.demo-feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.demo-live-steps{grid-template-columns:1fr}.demo-live-skeleton-grid{grid-template-columns:repeat(2,1fr)}.demo-live-mount{min-height:280px}}@media(max-width:560px){.demo-feature-grid{grid-template-columns:1fr}.demo-browser-body{padding:12px}}
