:root{--primary: #22c55e;--primary-hover: #16a34a;--primary-bright: #4ade80;--primary-lime: #a3e635;--accent-blue: #3b82f6;--accent-purple: #a855f7;--bg-primary: #111111;--bg-secondary: #111111;--bg-tertiary: #1a1a1a;--text-primary: #e5e5e5;--text-secondary: #a0a0a0;--text-tertiary: #666;--border: #2a2a2a;--border-hover: #3a3a3a;--gradient-main: linear-gradient(135deg, #22c55e, #4ade80, #a3e635);--gradient-subtle: linear-gradient(135deg, rgba(74, 222, 128, .12), rgba(34, 197, 94, .08));--green-glow: 0 0 20px rgba(34, 197, 94, .25), 0 0 40px rgba(34, 197, 94, .1)}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #f0f0f0;--text-primary: #1a1a1a;--text-secondary: #4a4a4a;--text-tertiary: #888;--border: #dedede;--border-hover: #d1d5db}html{background:var(--bg-primary)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);margin:0;padding:0;overflow-x:hidden;line-height:1.6}#page-transition{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-primary);z-index:10000;pointer-events:none;opacity:1;transition:opacity .4s ease}#page-transition.fade-out{opacity:0}.navbar{position:fixed;top:0;left:0;right:0;z-index:10000;background:#0a0a0acc;backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.nav-container{max-width:1440px;margin:0 auto;padding:0 2rem;height:72px;display:flex;align-items:center;gap:3rem}.nav-logo{display:flex;align-items:center;gap:4px;margin-right:auto;cursor:pointer}.nav-logo-img{height:40px;width:auto;display:block;max-width:100%}[data-theme=light] .nav-logo-light{display:block}.nav-menu{display:flex;gap:1.5rem;list-style:none;margin:0;padding:0;position:absolute;left:50%;transform:translate(-50%)}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.95rem;padding:.5rem 1rem;border-radius:8px;display:flex;align-items:center;gap:4px;transition:color .2s}.nav-actions{display:flex;align-items:center;gap:1rem}.language-selector{display:flex;align-items:center;gap:4px;background:var(--bg-tertiary);border-radius:8px;padding:4px;border:1px solid var(--border)}.lang-button{padding:6px 12px;border:none;background:transparent;color:var(--text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;border-radius:8px;transition:all .2s}.lang-button.active{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff}.theme-toggle{background:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:8px 12px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:.875rem;font-weight:500;transition:all .2s}.nav-dropdown{position:absolute;top:100%;margin-top:-1px;left:0;background:#0a0a0a;border:none;border-radius:12px;box-shadow:none;padding:8px;min-width:130px;width:auto;opacity:0;visibility:hidden;transform:translateY(-4px);z-index:1000;transition:all .2s}.nav-dropdown-item{display:flex;align-items:center;gap:6px;padding:8px 12px;color:var(--text-primary);text-decoration:none;border-radius:8px;font-size:.82rem;transition:all .15s ease;white-space:nowrap;width:100%;box-sizing:border-box}.nav-dropdown-item:hover{background:var(--bg-secondary);color:var(--primary)}.nav-badge{font-size:9px;font-weight:700;letter-spacing:.5px;color:#22c55e;background:#4ade8014;padding:2px 8px;border-radius:6px;border:1px solid rgba(74,222,128,.15);margin-left:auto;text-transform:uppercase}:root{--primary: #22c55e;--primary-hover: #16a34a;--primary-bright: #4ade80;--primary-lime: #a3e635;--secondary: #16a34a;--accent: #3b82f6;--accent-purple: #a855f7;--bg-primary: #111111;--bg-secondary: #131313;--bg-tertiary: #1a1a1a;--bg-card: #141414;--dark-btn-base: #1a1a1a;--text-primary: #ffffff;--text-secondary: #a0a0a0;--text-tertiary: #666;--border: #2a2a2a;--border-hover: #3a3a3a;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--shadow-glow: 0 0 20px rgba(34, 197, 94, .25), 0 0 40px rgba(34, 197, 94, .1);--primary-alpha: rgba(34, 197, 94, .1);--gradient-main: linear-gradient(135deg, #22c55e, #4ade80, #a3e635);--gradient-subtle: linear-gradient(135deg, rgba(74, 222, 128, .12), rgba(34, 197, 94, .08));--gradient-btn: linear-gradient(135deg, #4ade80, #22c55e);--gradient-btn-hover: linear-gradient(135deg, #22c55e, #16a34a);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 6rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #f0f0f0;--bg-card: #ffffff;--text-primary: #1a1a1a;--text-secondary: #4a4a4a;--text-tertiary: #888;--border: #dedede;--border-hover: #d1d5db;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .16);--shadow-glow: 0 0 20px rgba(34, 197, 94, .15), 0 0 40px rgba(34, 197, 94, .08);--primary-alpha: rgba(34, 197, 94, .08)}*{margin:0;padding:0;box-sizing:border-box}:root{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:8px;border:2px solid transparent;background-clip:padding-box;transition:background-color .2s ease}::-webkit-scrollbar-thumb:hover{background-color:#22c55e59;background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}[data-theme=light]{scrollbar-color:rgba(0,0,0,.22) transparent}[data-theme=light] ::-webkit-scrollbar-thumb{background:#00000038}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background-color:#22c55e66}@media(max-width:768px){::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{border:1px solid transparent}}html{scroll-behavior:smooth}section[id],div[id]{scroll-margin-top:80px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;transition:background-color var(--transition-base),color var(--transition-base)}.container{max-width:1280px;margin:0 auto;padding:0 var(--spacing-lg)}#page-transition{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-primary);z-index:10000;pointer-events:none;opacity:0;transition:opacity .4s ease}#page-transition.active{opacity:1}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--bg-primary);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:all var(--transition-base)}[data-theme=light] .navbar{background:#fffc}.navbar.scrolled{box-shadow:var(--shadow-md)}.nav-container{max-width:1440px;margin:0 auto;padding:0 var(--spacing-lg);height:72px;display:flex;align-items:center;gap:var(--spacing-xl)}.nav-logo{display:flex;align-items:center;gap:4px;cursor:pointer;margin-right:auto}.nav-logo-img{height:24px;width:auto}.nav-logo-dark{display:block}.nav-logo-light,[data-theme=light] .nav-logo-dark{display:none}[data-theme=light] .nav-logo-light{display:block;filter:brightness(0) invert(0)}.logo-text{color:var(--text-primary)}.logo-accent{color:var(--primary)}.nav-menu{display:flex;gap:var(--spacing-md);list-style:none;margin:0;position:absolute;left:50%;transform:translate(-50%)}.nav-menu>li{position:relative}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.95rem;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast);position:relative;display:flex;align-items:center;gap:4px}.nav-dropdown{position:absolute;top:100%;left:0;margin-top:0;background:var(--bg-primary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:none;border-radius:var(--radius-md);box-shadow:none;padding:var(--spacing-sm);min-width:220px;opacity:0;visibility:hidden;transition:all var(--transition-fast);z-index:1000}[data-theme=light] .nav-dropdown{background:#fffc}.nav-menu>li:nth-child(2)>.nav-dropdown,.nav-menu>li:nth-child(3)>.nav-dropdown{min-width:150px}.nav-menu>li:hover .nav-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-item{display:flex;align-items:center;gap:6px;padding:10px 12px;color:var(--text-primary);text-decoration:none;border-radius:8px;width:100%;box-sizing:border-box;transition:all var(--transition-fast);font-size:.9rem}.nav-dropdown-item:hover{background:var(--bg-tertiary);color:var(--primary)}.nav-link:hover{color:var(--text-primary)}.nav-link.active{color:var(--primary)}.nav-link.active:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:4px;height:4px;background:var(--primary);border-radius:50%}.nav-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.language-selector{display:flex;align-items:center;gap:4px;background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:4px;border:1px solid var(--border)}.lang-button{padding:6px 12px;border:none;background:transparent;color:var(--text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.lang-button.active{background:var(--dark-btn-base);color:#fff}.lang-button:hover:not(.active){color:var(--text-primary)}.theme-toggle{width:40px;height:40px;border-radius:var(--radius-sm);border:none;background:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);font-size:1.1rem}.theme-toggle:hover{color:var(--text-primary)}#particle-controls{position:fixed;top:80px;right:16px;z-index:9999;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;width:220px;font-family:Inter,sans-serif;box-shadow:0 4px 20px #0000004d;overflow:hidden}.pc-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border);font-size:.78rem;font-weight:700;color:var(--text-primary)}.pc-header i{color:#22c55e;margin-right:6px}.pc-toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.7rem;padding:4px}.pc-body{padding:12px 14px;display:flex;flex-direction:column;gap:10px;transition:all .3s ease}.pc-body.collapsed{display:none}.pc-body label{display:flex;flex-direction:column;gap:4px;font-size:.72rem;font-weight:600;color:var(--text-secondary)}.pc-body label span{float:right;color:#22c55e;font-weight:700;font-family:monospace}.pc-body input[type=range]{-webkit-appearance:none;width:100%;height:4px;border-radius:2px;background:var(--border);outline:none}.pc-body input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#22c55e;cursor:pointer}.cta-button{position:relative;padding:14px 24px;border-radius:26px;border:1px solid rgba(74,222,128,.35);background:transparent;color:#fff;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s ease;white-space:nowrap;display:flex;align-items:center;gap:6px;box-shadow:0 0 12px #22c55e14,inset 0 0 12px #22c55e0a}.cta-button svg{color:#4ade80;transition:transform .3s ease}.cta-button:hover{border-color:#4ade8099;box-shadow:0 0 20px #22c55e33,0 0 40px #22c55e14,inset 0 0 20px #22c55e0f}.cta-button:hover svg{transform:translate(3px)}.mobile-menu-toggle{display:none;flex-direction:column;gap:4px;width:40px;height:40px;border:none;background:transparent;cursor:pointer;padding:9px;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.mobile-menu-toggle span{width:18px;height:1.5px;background:#4ade80;border-radius:2px;transition:all var(--transition-fast);filter:drop-shadow(0 0 3px rgba(74,222,128,.5))}.hero{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-top:90px;padding-bottom:40px;background:transparent;position:relative;z-index:1}.hero a,.hero button,.hero .primary-button,.hero .secondary-button,.hero .scroll-indicator{pointer-events:auto}#hero-canvas{position:fixed;top:0;left:0;width:100%;height:100%;opacity:.6;z-index:0;pointer-events:auto}.grid-overlay{position:absolute;inset:0;background:linear-gradient(90deg,var(--border) 1px,transparent 1px),linear-gradient(var(--border) 1px,transparent 1px);background-size:80px 80px;opacity:.1}.hero-content{max-width:800px;margin:0 auto;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md)}.hero-text{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-md)}.badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:8px 16px;border-radius:50px;background:var(--bg-card);border:1px solid var(--border);width:fit-content;font-size:.875rem;font-weight:500;color:var(--text-secondary)}.badge-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}.hero-title{font-size:3rem;font-weight:700;line-height:1.15;letter-spacing:-1px;margin:0}.gradient-text{background:linear-gradient(135deg,#22c55e,#4ade80,#a3e635);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.hero-description{font-size:1.125rem;color:var(--text-secondary);line-height:1.7;max-width:560px}.hero-actions{display:flex;gap:var(--spacing-md);align-items:center}.primary-button{padding:12px 28px;border-radius:26px;border:1px solid rgba(74,222,128,.35);background:#0a0a0a66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;white-space:nowrap;box-shadow:0 0 12px #22c55e14,inset 0 0 12px #22c55e0a}.primary-button:hover{border-color:#4ade8099;box-shadow:0 0 20px #22c55e33,0 0 40px #22c55e14,inset 0 0 20px #22c55e0f}.primary-button.large{padding:16px 40px;font-size:.9rem;border-radius:100px}.secondary-button{padding:16px 32px;border-radius:var(--radius-md);border:1px solid var(--border);background:transparent;color:var(--text-primary);font-weight:600;font-size:1rem;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-xs);white-space:nowrap}.secondary-button:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.secondary-button.large{padding:20px 40px;font-size:1.125rem}.hero-badge{display:inline-flex;align-items:center;gap:6px;padding:0;background:none;border:none;font-size:.7rem;font-weight:700;color:var(--text-primary);letter-spacing:1.8px;text-transform:uppercase}.section-header .hero-badge{margin-bottom:var(--spacing-md)}.hero-badge svg{filter:drop-shadow(0 0 3px rgba(74,222,128,.5))}.hero-badge i{color:#4ade80;filter:drop-shadow(0 0 3px rgba(74,222,128,.5))}.hero-pills{display:flex;gap:6px 16px;align-items:center;justify-content:center;flex-wrap:nowrap;margin-top:4px}.hero-pill{display:inline-flex;align-items:center;gap:5px;padding:0;background:transparent;font-weight:400;font-size:.82rem;color:var(--text-primary);white-space:nowrap}.hero-pill i{color:#4ade80;font-size:.82rem}.hero-sub-note{font-size:.75rem;color:var(--text-tertiary);max-width:520px;line-height:1.5;letter-spacing:.2px;margin-top:-4px}.hero-refs-slider{width:100%;max-width:1280px;overflow:hidden;padding:var(--spacing-md) 0 0;position:absolute;bottom:0;left:50%;transform:translate(-50%);z-index:2;-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 8%,black 92%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,black 8%,black 92%,transparent 100%)}.hero-refs-track{display:flex;gap:30px;align-items:center;animation:refs-scroll 35s linear infinite;width:max-content}.hero-refs-track:hover{animation-play-state:paused}@keyframes refs-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero-ref-item{flex-shrink:0}.hero-ref-item img{height:64px;width:auto;object-fit:contain;opacity:.45;filter:brightness(0) invert(1);transition:opacity var(--transition-base)}[data-theme=light] .hero-ref-item img{filter:brightness(0) invert(0);opacity:.3}.hero-ref-item img:hover{opacity:.8}@keyframes heroFadeUp{0%{opacity:0}to{opacity:1}}@keyframes heroCanvasFade{0%{opacity:0}to{opacity:.6}}@keyframes heroScrollFade{0%{opacity:0}to{opacity:.7}}@keyframes heroScrollLineDraw{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}@keyframes heroRefsRise{0%{opacity:0}to{opacity:1}}:is(.hero,[class*=-hero])>.container>*,:is(.hero,[class*=-hero]) .hero-content,:is(.hero,[class*=-hero]) .scroll-indicator,:is(.hero,[class*=-hero]) .hero-refs-slider{opacity:0;will-change:opacity,transform}:is(.hero,[class*=-hero])>.container>*,:is(.hero,[class*=-hero]) .hero-content{animation:heroFadeUp 1.1s cubic-bezier(.16,1,.3,1) .32s forwards}:is(.hero,[class*=-hero]) [class$=-hero-icon]{animation-delay:60ms}:is(.hero,[class*=-hero]) .hero-badge{animation-delay:.14s}:is(.hero,[class*=-hero]) .hero-title,:is(.hero,[class*=-hero])>.container>h1,:is(.hero,[class*=-hero])>.container>h2{animation-delay:.28s}:is(.hero,[class*=-hero]) .hero-description,:is(.hero,[class*=-hero]) [class$=-hero-desc],:is(.hero,[class*=-hero]) [class$=-hero-sub],:is(.hero,[class*=-hero])>.container>.section-description,:is(.hero,[class*=-hero])>.container>p{animation-delay:.44s}:is(.hero,[class*=-hero]) [class$=-pills],:is(.hero,[class*=-hero]) .hero-pills{animation-delay:.58s}:is(.hero,[class*=-hero]) .hero-actions,:is(.hero,[class*=-hero])>.container>.primary-button,:is(.hero,[class*=-hero])>.container>.secondary-button,:is(.hero,[class*=-hero])>.container>button,:is(.hero,[class*=-hero])>.container>a.primary-button{animation-delay:.74s}:is(.hero,[class*=-hero]) .hero-pill{opacity:0;animation:heroFadeUp 1s cubic-bezier(.16,1,.3,1) forwards}:is(.hero,[class*=-hero]) .hero-pills .hero-pill:nth-child(1){animation-delay:.6s}:is(.hero,[class*=-hero]) .hero-pills .hero-pill:nth-child(2){animation-delay:.66s}:is(.hero,[class*=-hero]) .hero-pills .hero-pill:nth-child(3){animation-delay:.72s}:is(.hero,[class*=-hero]) .hero-pills .hero-pill:nth-child(4){animation-delay:.78s}:is(.hero,[class*=-hero]) .hero-pills .hero-pill:nth-child(5){animation-delay:.84s}:is(.hero,[class*=-hero]) .scroll-indicator{animation:heroScrollFade .9s cubic-bezier(.16,1,.3,1) 1.24s forwards}:is(.hero,[class*=-hero]) .scroll-indicator .scroll-line{transform:scaleY(0);transform-origin:top center;animation:heroScrollLineDraw 1.1s cubic-bezier(.16,1,.3,1) 1.34s forwards,scrollLine 2s ease-in-out 2.44s infinite}.hero .hero-refs-slider{animation:heroRefsRise 1.2s cubic-bezier(.16,1,.3,1) 1.42s forwards}#hero-canvas{opacity:0;animation:heroCanvasFade 1.6s cubic-bezier(.16,1,.3,1) forwards}@media(prefers-reduced-motion:reduce){:is(.hero,[class*=-hero]) .hero-badge,:is(.hero,[class*=-hero]) .hero-title,:is(.hero,[class*=-hero]) .hero-description,:is(.hero,[class*=-hero]) .hero-pill,:is(.hero,[class*=-hero]) .hero-actions,:is(.hero,[class*=-hero]) [class$=-hero-icon],:is(.hero,[class*=-hero]) [class$=-hero-desc],:is(.hero,[class*=-hero]) [class$=-hero-sub],.hero .scroll-indicator,.hero .hero-refs-slider,.hero .scroll-indicator .scroll-line,#hero-canvas{animation:none;opacity:1;transform:none}.hero .scroll-indicator{opacity:.7}.hero .hero-refs-slider{transform:translate(-50%)}#hero-canvas{opacity:.6}.hero .scroll-indicator .scroll-line{transform:scaleY(1);animation:scrollLine 2s ease-in-out infinite}}.demo-viewer-section{padding:var(--spacing-3xl) 0;background:var(--bg-secondary);position:relative;z-index:1}.demo-viewer-layout{display:flex;gap:20px;align-items:stretch}.demo-viewer-canvas-wrap{flex:1;min-width:0;position:relative;border-radius:14px;overflow:hidden;background:#111;border:1px solid var(--border)}#demo-canvas{width:100%;height:500px;display:block}.model-switcher{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px;background:#0a0a0acc;backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:12px;padding:6px}.model-thumb{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 16px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:.65rem;font-weight:600}.model-thumb i{font-size:1rem;color:var(--text-secondary);transition:color .2s ease}.model-thumb:hover{background:#ffffff0d;color:var(--text-primary)}.model-thumb:hover i{color:var(--text-primary)}.model-thumb.active{border-color:#4ade804d;background:#22c55e14;color:#4ade80}.model-thumb.active i{color:#4ade80}.demo-viewer-panel{width:240px;flex-shrink:0;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;max-height:540px}.dvp-title{font-size:.7rem;font-weight:700;color:#22c55e;letter-spacing:1px;text-transform:uppercase;display:flex;align-items:center;gap:6px}.dvp-title i{font-size:.75rem}.demo-viewer-panel label{display:flex;flex-direction:column;gap:4px;font-size:.72rem;font-weight:600;color:var(--text-secondary)}.demo-viewer-panel label span{float:right;color:#22c55e;font-weight:700;font-family:monospace}.demo-viewer-panel input[type=range]{-webkit-appearance:none;width:100%;height:4px;border-radius:2px;background:var(--border);outline:none}.demo-viewer-panel input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#22c55e;cursor:pointer}.dvp-toggle{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;font-weight:600;color:var(--text-secondary)}.dvp-toggle input[type=checkbox]{-webkit-appearance:none;width:36px;height:20px;background:var(--border);border-radius:10px;position:relative;cursor:pointer;transition:background .2s}.dvp-toggle input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s}.dvp-toggle input[type=checkbox]:checked{background:#22c55e}.dvp-toggle input[type=checkbox]:checked:after{transform:translate(16px)}@media(max-width:768px){.demo-viewer-layout{flex-direction:column}.demo-viewer-panel{width:100%;max-height:none}#demo-canvas{height:350px}}.compat-ecom{padding:var(--spacing-2xl) 0;background:transparent;position:relative;z-index:1}.compat-ecom-grid{display:flex;flex-direction:column;gap:var(--spacing-2xl);max-width:900px;margin:0 auto}.compat-block{text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.compat-title{font-size:1.6rem;font-weight:700;color:var(--text-primary);margin:0}.compat-icons{display:flex;gap:48px;justify-content:center;margin-top:8px}.compat-icon-item{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 24px;border:1px solid var(--border);border-radius:14px;background:var(--bg-card);min-width:100px;transition:all .2s}.compat-icon-item:hover{border-color:var(--border-hover)}.compat-icon-item i{font-size:2.2rem;color:var(--text-primary);opacity:.7;transition:opacity .2s}.compat-icon-item span{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.compat-icon-item:hover i{opacity:1}.compat-logos{display:flex;gap:36px;justify-content:center;flex-wrap:wrap;margin-top:8px}.compat-logos img{height:36px;width:auto;object-fit:contain;opacity:.5;filter:brightness(0) invert(1);transition:opacity .2s}[data-theme=light] .compat-logos img{filter:brightness(0) invert(0)}.compat-logos img:hover{opacity:.8}@media(max-width:768px){.compat-ecom-grid{grid-template-columns:1fr;gap:var(--spacing-xl)}.compat-logos img{height:20px}.compat-icons{flex-wrap:wrap;justify-content:center}.compat-title{font-size:1.3rem}}.how-it-works{padding:var(--spacing-3xl) 0 var(--spacing-xl);background:transparent;position:relative;z-index:1}.demo-viewer-wrap{width:100%;max-width:1100px;margin:0 auto var(--spacing-2xl);border-radius:16px;overflow:hidden;border:none;background:transparent;aspect-ratio:16 / 10;position:relative;z-index:3}.demo-viewer-iframe{width:100%;height:100%;border:none;display:block}@media(max-width:768px){.demo-viewer-wrap{aspect-ratio:4 / 3;border-radius:12px}}.explore-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.explore-features-hidden{max-height:0;overflow:hidden;opacity:0;margin-top:0;transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .4s ease,margin-top .4s ease}.explore-features-hidden.open{max-height:800px;opacity:1;margin-top:20px}.features-toggle-btn{display:flex;align-items:center;justify-content:center;gap:8px;margin:28px auto 0;padding:12px 28px;background:transparent;border:1px solid rgba(74,222,128,.35);border-radius:26px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;letter-spacing:.02em}.features-toggle-btn .features-toggle-text{background:linear-gradient(135deg,#22c55e,#4ade80,#a3e635);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.features-toggle-btn:hover{border-color:#4ade8099;background:var(--bg-tertiary)}.features-toggle-icon{font-size:11px;color:#22c55e;transition:transform .35s cubic-bezier(.4,0,.2,1)}.features-toggle-btn.open .features-toggle-icon{transform:rotate(180deg)}.ai-gen-section{text-align:center;margin-top:var(--spacing-3xl);padding:var(--spacing-2xl) 0 var(--spacing-xl);border-top:1px solid var(--border);position:relative}.ai-gen-section:before{content:"";position:absolute;top:-1px;left:50%;transform:translate(-50%);width:600px;height:400px;background:radial-gradient(ellipse,rgba(34,197,94,.06) 0%,transparent 70%);pointer-events:none;z-index:0}.ai-gen-section .section-title{margin-bottom:var(--spacing-sm);position:relative;z-index:1}.ai-gen-section .section-description{margin-bottom:var(--spacing-xl);position:relative;z-index:1}.ai-gen-icon{width:72px;height:72px;border-radius:50%;background:#22c55e14;border:none;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;animation:ai-gen-glow 3s ease-in-out infinite;position:relative;z-index:1}@keyframes ai-gen-glow{0%,to{box-shadow:0 0 24px #22c55e1f,0 0 48px #22c55e0f}50%{box-shadow:0 0 32px #22c55e40,0 0 64px #22c55e1a}}.ai-gen-icon i{font-size:1.6rem;color:#22c55e}.ai-gen-cards{display:flex;gap:20px;justify-content:center;margin-bottom:32px;position:relative;z-index:1}.ai-gen-card{background:#ffffff05;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:16px;padding:28px 32px;display:flex;flex-direction:column;align-items:flex-start;gap:16px;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;flex:1;max-width:420px;position:relative;overflow:hidden}.ai-gen-card:before{content:"";position:absolute;inset:0;border-radius:16px;padding:1px;background:linear-gradient(135deg,#22c55e00,#22c55e26,#22c55e00);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s;pointer-events:none}.ai-gen-card:hover:before{opacity:0}.ai-gen-card:hover{border-color:var(--border)}.ai-gen-card-icon{width:50px;height:50px;border-radius:14px;background:#22c55e14;border:1px solid rgba(34,197,94,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s}.ai-gen-card-icon i{font-size:1.35rem;color:#22c55e}.ai-gen-card-header{display:flex;align-items:center;gap:14px}.ai-gen-card-desc{font-size:.88rem;color:var(--text-tertiary);margin:0;line-height:1.5}.ai-gen-card-text{display:flex;flex-direction:column;gap:4px}.ai-gen-card h3{font-size:1.6rem;font-weight:800;color:var(--text-primary);margin:0}.ai-gen-card h3 .gradient-text{display:inline;-webkit-text-fill-color:transparent}.ai-gen-card p{font-size:.88rem;color:var(--text-tertiary);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ai-gen-powered{position:relative;z-index:1}.ai-gen-powered-label{font-size:.72rem;color:var(--text-tertiary);letter-spacing:.03em}.ai-gen-provider-row{display:flex;gap:10px;justify-content:center;align-items:center;margin-top:8px}.ai-gen-provider{padding:6px 14px;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);font-size:.78rem;font-weight:600;color:var(--text-secondary);transition:all .2s}.ai-gen-provider:hover{border-color:#ffffff1f;color:var(--text-primary)}.ai-gen-provider-dot{width:3px;height:3px;border-radius:50%;background:#ffffff26}@media(max-width:768px){.ai-gen-cards{flex-direction:column;align-items:center}.ai-gen-card{width:100%;max-width:300px}.ai-gen-section:before{width:300px;height:200px}}.ai-gen-terminal{max-width:640px;margin:0 auto 32px;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#0006;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);text-align:left;position:relative;z-index:1}.ai-gen-terminal-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06)}.ai-gen-terminal-dot{width:10px;height:10px;border-radius:50%}.ai-gen-terminal-title{margin-left:auto;font-size:.68rem;font-weight:500;color:#fff3;letter-spacing:.02em}.ai-gen-terminal-body{padding:18px 20px}.ai-gen-line{font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.78rem;line-height:1.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-gen-prefix{color:#22c55e;font-weight:700;margin-right:2px}.ai-gen-cmd{color:#e2e8f0;font-weight:600}.ai-gen-flag{color:#60a5fa}.ai-gen-str{color:#fbbf24}.ai-gen-dim{color:#ffffff4d}.ai-gen-ok{color:#22c55e}.ai-gen-result{color:#22c55e;font-weight:700}.ai-gen-link{color:#60a5fa;font-weight:500;cursor:default}@media(max-width:768px){.ai-gen-terminal{margin:0 -8px 28px;border-radius:10px}.ai-gen-line{font-size:.68rem;white-space:normal;word-break:break-all}.ai-gen-terminal-body{padding:14px 16px;overflow-x:hidden}}.ai-gen-caps{margin:50px auto;padding:14px 0;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04);overflow:hidden;position:relative;z-index:1}.ai-gen-caps-track{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.ai-gen-cap{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;color:#fff9;white-space:nowrap}.ai-gen-cap i{font-size:.78rem;color:#22c55e;width:30px;height:30px;border-radius:8px;background:#22c55e14;display:flex;align-items:center;justify-content:center}.ai-gen-cap-dot{width:3px;height:3px;border-radius:50%;background:#ffffff1f;flex-shrink:0}@media(max-width:768px){.ai-gen-caps-track{gap:14px}.ai-gen-cap{font-size:.75rem}.ai-gen-cap-dot{display:none}}.ai-gen-marquee-wrap{margin:36px -40px 32px;overflow:hidden;position:relative;z-index:1;transform:none;padding:10px 0}.ai-gen-marquee-wrap:before,.ai-gen-marquee-wrap:after{content:"";position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}.ai-gen-marquee-wrap:before{left:0;background:linear-gradient(90deg,var(--bg-primary) 0%,transparent 100%)}.ai-gen-marquee-wrap:after{right:0;background:linear-gradient(270deg,var(--bg-primary) 0%,transparent 100%)}.ai-gen-marquee-track{display:flex;width:max-content}.ai-gen-marquee-row1{animation:ai-marquee-scroll 45s linear infinite}.ai-gen-marquee-row2{animation:ai-marquee-scroll-rev 50s linear infinite;margin-top:14px}@keyframes ai-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes ai-marquee-scroll-rev{0%{transform:translate(-50%)}to{transform:translate(0)}}.ai-gen-marquee-slide{display:flex;gap:14px;padding-right:14px}.ai-gen-mcard{width:240px;flex-shrink:0;background:#12121200;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:20px;position:relative;transition:all .3s;cursor:default;overflow:hidden}.ai-gen-mcard:hover{border-color:#22c55e40;box-shadow:0 4px 20px #22c55e14;transform:scale(1.03)}.ai-gen-mcard-thumb{width:100%;height:130px;overflow:hidden}.ai-gen-mcard-thumb img{width:100%;height:100%;object-fit:contain;display:block;padding:10px;transform:scale(1.3)}.ai-gen-mcard-thumb img[alt="Knight Armor"]{transform:scale(1)}.ai-gen-mcard-info{padding:12px 14px}.ai-gen-mcard-info strong{font-size:.82rem;font-weight:700;color:var(--text-primary);display:block;margin-bottom:4px}.ai-gen-mcard-info p{font-size:.72rem;color:var(--text-tertiary);margin:0;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.ai-gen-mcard-info p i{margin-right:4px}.ai-gen-mcard-info p i{font-size:.6rem;color:#22c55e80;flex-shrink:0}@media(max-width:768px){.ai-gen-marquee-wrap{margin:28px -20px 24px}.ai-gen-mcard{width:190px}.ai-gen-mcard img{height:120px}}.built-for{padding:0 0 40px;margin-bottom:40px;text-align:center}.built-for-title{font-size:22px;font-weight:800;color:var(--text-primary);margin:0 0 6px}.built-for-sub{font-size:14px;color:var(--text-tertiary);margin:0 0 32px}.built-for-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.built-for-pill{display:inline-flex;align-items:center;gap:7px;background:transparent;border:none;padding:8px 6px;font-size:16px;font-weight:500;color:#ffffffd9}.built-for-pill i{font-size:16px;color:#22c55e}@media(max-width:480px){.built-for-pill{padding:6px 10px;font-size:12px}.built-for-title{font-size:18px}}.wf-flow{display:flex;gap:0;max-width:820px;margin:0 auto var(--spacing-3xl)}.wf-item{flex:1;text-align:center;padding:0 16px 20px;position:relative;transition:all .4s ease}.wf-item-indicator{height:3px;background:#ffffff1a;border-radius:3px;margin-top:18px;overflow:hidden}.wf-item-bar{height:100%;width:0%;border-radius:3px;background:linear-gradient(90deg,#22c55e,#4ade80);box-shadow:0 0 8px #22c55e4d}.wf-item.active .wf-item-bar{animation:wfBarFill 2s ease forwards}.wf-item.done .wf-item-bar{width:100%}@keyframes wfBarFill{0%{width:0%}to{width:100%}}.wf-item-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:1.1rem;color:var(--text-tertiary);background:#ffffff08;border:1px solid var(--border);transition:all .5s ease;position:relative}.wf-check{position:absolute;opacity:0;transform:scale(0);transition:all .35s ease;color:#4ade80}.wf-item.active .wf-item-icon{color:#4ade80;background:#22c55e14;border-color:#4ade8040;box-shadow:0 0 20px #22c55e1f;transform:scale(1.08)}.wf-item.done .wf-item-icon{color:#4ade80;background:#22c55e14;border-color:#4ade8040}.wf-item.done .wf-item-icon>i:not(.wf-check){opacity:0;transform:scale(0);transition:all .3s ease}.wf-item.done .wf-check{opacity:1;transform:scale(1)}.wf-item h4{font-size:1rem;font-weight:700;margin:0 0 4px;color:var(--text-tertiary);transition:color .4s ease}.wf-item.active h4,.wf-item.done h4{color:var(--text-primary)}.wf-item p{font-size:.88rem;color:var(--text-tertiary);margin:0;line-height:1.4;opacity:.5;transition:opacity .4s ease}.wf-item.active p,.wf-item.done p{opacity:1}@media(max-width:600px){.wf-flow{flex-direction:column;gap:0;max-width:340px;margin:0 auto var(--spacing-3xl);align-items:center}.wf-item{text-align:center;padding:16px 20px;width:100%}.wf-item-icon{margin:0 auto 10px}.wf-item-indicator{height:2px;margin-top:10px}.wf-item.active .wf-item-bar{animation-duration:1.2s}}.explore-card{background:#12121200;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:14px;padding:24px;transition:all .25s ease}.explore-card:hover{border-color:var(--border-hover);box-shadow:0 8px 24px #00000026}.explore-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.explore-card-tag{font-size:10px;font-weight:600;letter-spacing:.5px;color:#22c55e;background:#4ade8014;padding:4px 10px;border-radius:8px}.explore-card-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#4ade801f,#22c55e14);display:flex;align-items:center;justify-content:center}.explore-card-icon i{font-size:18px;color:#22c55e}.explore-card-title{font-size:15px;font-weight:700;color:var(--text-primary);margin:0 0 6px}.explore-card-desc{font-size:12.5px;color:var(--text-secondary);line-height:1.6;margin:0}@media(max-width:768px){.explore-features-grid{grid-template-columns:1fr}.hero-references{gap:24px}.hero-ref-item img{height:32px}}.hero-stats{display:flex;gap:var(--spacing-md);align-items:center;margin-top:var(--spacing-lg);flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;gap:2px}.stat-number{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1}.stat-label{font-size:.8rem;color:var(--text-tertiary);white-space:nowrap}.stat-divider{width:1px;height:35px;background:var(--border)}.floating-card{position:absolute;padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);backdrop-filter:blur(20px);display:flex;align-items:center;gap:var(--spacing-sm);animation:float 3s ease-in-out infinite}.card-icon{font-size:1.5rem}.card-text{font-weight:600;color:var(--text-primary)}.card-1{top:10%;right:10%;animation-delay:0s}.card-2{top:50%;right:5%;animation-delay:.5s}.card-3{bottom:15%;right:15%;animation-delay:1s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.scroll-indicator{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);opacity:.7;font-size:.8rem;z-index:2;margin-top:var(--spacing-lg);transition:opacity .5s ease}.scroll-indicator.hidden{opacity:0;pointer-events:none}.scroll-line{width:2px;height:60px;background:linear-gradient(to bottom,var(--primary),transparent);animation:scrollLine 2s ease-in-out infinite}@keyframes scrollLine{0%,to{opacity:.2}50%{opacity:1}}.products{padding:var(--spacing-3xl) 0;background:var(--bg-secondary);position:relative}.section-header{text-align:center;max-width:800px;margin-top:20px!important;margin:0 auto var(--spacing-3xl)}.section-tag{display:inline-block;padding:6px 16px;border-radius:50px;background:var(--bg-tertiary);border:1px solid var(--border);font-size:.875rem;font-weight:600;color:var(--primary);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:1px}.section-title{font-size:2.6rem;font-weight:700;line-height:1.2;letter-spacing:-1px;margin-bottom:var(--spacing-md);white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.section-description{font-size:1.125rem;color:var(--text-secondary);line-height:1.8;max-width:720px;margin-left:auto;margin-right:auto}.sc-hero p,.cfg-hero p,.gen-hero p,.ar-hero p,.vr-hero p,.bl-hero p,.bp-hero p,.cr-hero p,.ct-hero p,.dc-hero p,.sp-hero p,.uc-hero p,.ab-hero p,.vw-hero p{max-width:720px;margin-left:auto;margin-right:auto}.products-grid{display:flex;gap:var(--spacing-lg);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:var(--spacing-lg);-webkit-overflow-scrolling:touch}.products-grid::-webkit-scrollbar{height:6px}.products-grid::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.product-card{flex:0 0 calc(33.333% - var(--spacing-lg));scroll-snap-align:start;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 3rem 3rem;transition:all var(--transition-base);display:flex;flex-direction:column;gap:var(--spacing-md);min-width:min(340px,85vw)}.product-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#22c55e,#4ade80,#a3e635);opacity:0;transition:opacity var(--transition-base)}.product-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg)}.product-card:hover:before{opacity:1}.product-card.featured{background:linear-gradient(135deg,#22c55e14,#4ade800d);border-color:var(--primary)}.product-card.coming-soon{opacity:.7}.products-carousel-container{position:relative;margin-top:var(--spacing-xxl)}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);background:var(--bg-card);border:1px solid var(--border);color:var(--color-primary);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:0 4px 12px #0000001a;transition:all var(--transition-base)}.carousel-button:hover{background:var(--color-primary-light);color:var(--bg-page);border-color:var(--color-primary-light)}.carousel-button.left{left:-24px}.carousel-button.right{right:-24px}@media(max-width:768px){.carousel-button{display:none}}.iframe-container{width:100%;position:relative;padding-top:56.25%;overflow:hidden;background:transparent}.iframe-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;background:transparent}.featured-badge{position:absolute;top:var(--spacing-md);right:var(--spacing-md);padding:4px 12px;border-radius:50px;background:var(--primary);color:#fff;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.product-mockups{width:100%;height:160px;display:flex;align-items:flex-end;justify-content:center;gap:12px;padding:20px 16px;position:relative}.product-mockups.tryon-mockups{justify-content:center;gap:16px}.mockup{position:relative;transition:all .3s ease}.mockup:hover{z-index:10}.mockup.laptop{width:140px;height:88px}.mockup.laptop .mockup-screen{position:relative;width:100%;height:100%;background:linear-gradient(145deg,#2c2c2c,#1a1a1a);border-radius:6px 6px 2px 2px;padding:3px 4px;box-shadow:0 8px 24px #0006}.mockup.laptop .screen-content{width:100%;height:100%;background:var(--bg-tertiary);border-radius:3px 3px 0 0;overflow:hidden;position:relative}.mockup.laptop .screen-content img{width:100%;height:100%;object-fit:cover}.mockup.laptop .mockup-notch{position:absolute;top:3px;left:50%;transform:translate(-50%);width:30px;height:2px;background:#1a1a1a;border-radius:0 0 3px 3px;z-index:10}.mockup.laptop .mockup-base{position:absolute;bottom:-5px;left:-8px;width:calc(100% + 16px);height:5px;background:linear-gradient(145deg,#2c2c2c,#1a1a1a);border-radius:0 0 8px 8px;box-shadow:0 4px 12px #0000004d}.mockup.laptop .mockup-base:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:80px;height:2px;background:linear-gradient(145deg,#3c3c3c,#2a2a2a);border-radius:1px}.mockup.tablet{width:60px;height:82px}.mockup.tablet .mockup-screen{width:100%;height:100%;background:linear-gradient(145deg,#2c2c2c,#1a1a1a);border-radius:8px;padding:5px;box-shadow:0 8px 24px #0006}.mockup.tablet .screen-content{width:100%;height:100%;background:var(--bg-tertiary);border-radius:4px;overflow:hidden;position:relative}.mockup.tablet .screen-content img{width:100%;height:100%;object-fit:cover}.mockup.phone{width:44px;height:78px}.mockup.phone .mockup-screen{width:100%;height:100%;background:linear-gradient(145deg,#2c2c2c,#1a1a1a);border-radius:12px;padding:3px;box-shadow:0 8px 24px #0006;border:1px solid #1a1a1a}.mockup.phone .screen-content{width:100%;height:100%;background:var(--bg-tertiary);border-radius:9px;overflow:hidden;position:relative}.mockup.phone .screen-content img{width:100%;height:100%;object-fit:cover}.mockup.phone .mockup-notch{position:absolute;top:3px;left:50%;transform:translate(-50%);width:18px;height:6px;background:#1a1a1a;border-radius:0 0 6px 6px;z-index:10}.screen-content:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 50%,rgba(0,0,0,.1) 100%);pointer-events:none}.product-badge{display:inline-block;padding:4px 12px;border-radius:50px;background:var(--bg-tertiary);border:1px solid var(--border);font-size:.75rem;font-weight:600;color:var(--primary);width:fit-content;text-transform:uppercase;letter-spacing:.5px}.product-badge.coming-soon-badge{color:var(--text-tertiary)}.product-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:8px}.product-title-icon{width:42px;height:42px;object-fit:contain;flex-shrink:0;vertical-align:middle;margin-right:0}.product-subtitle{font-size:.875rem;color:var(--text-tertiary);margin-top:-8px}.product-description{color:var(--text-secondary);line-height:1.7;flex:1}.product-features{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-xs)}.product-features li{color:var(--text-secondary);font-size:.9rem;padding-left:24px;position:relative}.product-features li:before{content:"✓";position:absolute;left:0;color:var(--primary);font-weight:700}.product-cta{padding:12px 24px;border-radius:var(--radius-sm);border:1px solid var(--border);background:transparent;color:var(--text-primary);font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);margin-top:auto;text-decoration:none;font-size:.875rem}.product-cta:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.product-cta.primary{background:var(--primary);border-color:var(--primary);color:#fff}.product-cta.primary:hover{background:var(--primary-hover)}.product-cta.notify{opacity:.7}.features{position:relative;padding:var(--spacing-3xl) 0;background:var(--bg-primary);overflow:hidden}.features-header{text-align:center;max-width:800px;margin:0 auto var(--spacing-3xl)}.features-intro{font-size:1.125rem;color:var(--text-secondary);line-height:1.8}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);max-width:900px;margin:0 auto}.feature-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-xl);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-base)}.feature-icon{width:48px;height:48px;border-radius:var(--radius-sm);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.feature-content h3{font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-xs)}.feature-content p{color:var(--text-secondary);line-height:1.6;font-size:.95rem}.features-visual{position:relative;height:600px;display:flex;align-items:center;justify-content:center}#features-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.features-stats{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:flex;gap:var(--spacing-md);width:100%;justify-content:center}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);text-align:center;backdrop-filter:blur(20px);flex:1;max-width:180px}.stat-value{font-size:2rem;font-weight:700;color:var(--primary);line-height:1;margin-bottom:4px}.stat-label{font-size:.875rem;color:var(--text-secondary)}.cta-section{padding:var(--spacing-3xl) 0;background:transparent}.cta-content{background:#12121200;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);padding:var(--spacing-3xl);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-xl);position:relative;overflow:hidden;border:1px solid var(--border)}.cta-content:before{content:"";position:absolute;top:-40%;right:-10%;width:350px;height:350px;background:radial-gradient(circle,rgba(34,197,94,.12) 0%,rgba(34,197,94,.04) 40%,transparent 70%);pointer-events:none}.cta-content:after{content:"";position:absolute;bottom:-40%;left:-10%;width:350px;height:350px;background:radial-gradient(circle,rgba(74,222,128,.1) 0%,rgba(74,222,128,.03) 40%,transparent 70%);pointer-events:none}.cta-text{flex:1;position:relative;z-index:1}.cta-text h2{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:var(--spacing-md);line-height:1.2}.cta-text p{font-size:1.125rem;color:#ffffffe6;line-height:1.6}.cta-actions{display:flex;gap:var(--spacing-md);position:relative;z-index:1}.cta-actions .primary-button{border-radius:100px;font-size:.9rem;padding:14px 36px;background:#0a0a0a66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#fff}.cta-actions .primary-button:hover{border-color:#4ade8099;box-shadow:0 0 20px #22c55e33,0 0 40px #22c55e14,inset 0 0 20px #22c55e0f}.cta-actions .secondary-button{border-radius:100px;border:1px solid var(--border);background:transparent;color:var(--text-primary);padding:12px 32px;font-size:.9rem}.cta-actions .secondary-button:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.pricing-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0a0a0aa6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:99999}.pricing-overlay.hidden{display:none}.pricing-modal{background:#12121200;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:28px 40px;width:1120px;max-width:94vw;max-height:92vh;overflow:hidden;color:#fff;animation:priceFadeIn .3s ease}@keyframes priceFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.pricing-header{display:flex;align-items:center;justify-content:center;margin-bottom:8px;position:relative}.pricing-header h3{font-size:20px;font-weight:800;margin:0}.pricing-close{position:absolute;right:0}.pricing-close{width:32px;height:32px;border-radius:10px;border:none;background:#ffffff14;color:#999;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;backdrop-filter:blur(4px)}.pricing-close:hover{background:#ef44441f;color:#ef4444;transform:scale(1.05)}.pricing-scroll{max-height:80vh;overflow-y:auto;padding-right:8px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.pricing-scroll::-webkit-scrollbar{width:6px}.pricing-scroll::-webkit-scrollbar-track{background:transparent}.pricing-scroll::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:6px}.pricing-scroll::-webkit-scrollbar-thumb:hover{background:#22c55e66}.pricing-intro{font-size:13px;color:var(--text-secondary);margin:0 0 16px;text-align:center}.pricing-billing-switch{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:18px}.pricing-billing-label{font-size:13px;font-weight:600;color:var(--text-secondary)}.pricing-toggle{position:relative;display:inline-block;width:54px;height:28px}.pricing-toggle input{opacity:0;width:0;height:0}.pricing-toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:30px;transition:all .3s}.pricing-toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:4px;top:4px;background:var(--text-secondary);border-radius:50%;transition:all .3s}.pricing-toggle input:checked+.pricing-toggle-slider{background:#22c55e;border-color:#22c55e}.pricing-toggle input:checked+.pricing-toggle-slider:before{transform:translate(26px);background:#fff}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-bottom:18px}.pricing-card{background:#12121200;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:14px;padding:24px 24px 26px;cursor:pointer;transition:all .25s ease;display:flex;flex-direction:column}.pricing-card:hover{border-color:var(--border-hover);box-shadow:0 8px 24px #00000026}.pricing-card-top{display:flex;align-items:center;gap:14px}.pricing-card-top h4{font-size:22px;font-weight:800;margin:0;letter-spacing:.02em}.pricing-price{font-size:13px;color:var(--text-secondary);font-weight:500;margin-top:2px;display:flex;align-items:baseline;gap:5px;white-space:nowrap}.pricing-price .price-yearly-total{font-size:12px;font-weight:600;color:#22c55e}.pricing-price .price-yearly-permo{font-size:10px;font-weight:400;opacity:.5}.pricing-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;font-size:16px}.pricing-icon-free{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 14px #22c55e4d}.pricing-icon-plus{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 14px #3b82f64d}.pricing-icon-pro{background:linear-gradient(135deg,#a855f7,#7c3aed);box-shadow:0 4px 14px #a855f74d}.pricing-icon-business{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 14px #f59e0b4d}.pricing-divider{height:1px;background:#ffffff0f;margin:16px 0}.pricing-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;flex:1}.pricing-card li{display:flex;align-items:baseline;gap:7px;font-size:12.5px;line-height:1.4;color:var(--text-secondary);white-space:nowrap}.pricing-free li i{color:#22c55e;font-size:11px;width:14px}.pricing-plus li i{color:#3b82f6;font-size:11px;width:14px}.pricing-pro li i{color:#a855f7;font-size:11px;width:14px}.pricing-business li i{color:#f59e0b;font-size:11px;width:14px}.pricing-btn{margin-top:20px;color:#fff;border:none;width:100%;padding:10px 0;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .25s;display:flex;align-items:center;justify-content:center;gap:6px;text-decoration:none}.pricing-btn:hover{opacity:.9;transform:translateY(-1px)}.pricing-btn-free{background:linear-gradient(135deg,#22c55e,#16a34a)}.pricing-btn-plus{background:linear-gradient(135deg,#3b82f6,#2563eb)}.pricing-btn-pro{background:linear-gradient(135deg,#a855f7,#7c3aed)}.pricing-btn-business{background:linear-gradient(135deg,#f59e0b,#d97706)}@media(max-width:900px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.pricing-overlay{align-items:stretch;justify-content:stretch;padding:0}.pricing-modal{width:100vw!important;max-width:100vw!important;height:100vh!important;height:100dvh!important;max-height:100vh!important;max-height:100dvh!important;border-radius:0!important;border:none!important;padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px))!important;display:flex;flex-direction:column}.pricing-scroll{max-height:none!important;flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.pricing-close{width:40px;height:40px;font-size:16px}.pricing-btn{min-height:44px}.pricing-card-top{gap:12px;align-items:center}.pricing-icon{width:48px!important;height:48px!important;border-radius:10px;font-size:18px}.pricing-card-top h4{font-size:17px!important;line-height:1.15;margin:0}.pricing-price{font-size:13px!important;line-height:1.2;margin-top:4px;color:var(--text-secondary);font-weight:500}}@media(max-width:500px){.pricing-grid{grid-template-columns:1fr}.pricing-card-top h4{font-size:16px!important}.pricing-price{font-size:12.5px!important}}.galaxy-section{width:100%;height:500px;position:relative;overflow:hidden;background:#000}.galaxy-iframe{width:100%;height:100%;border:none;display:block}.footer{background:transparent;border-top:1px solid var(--border);padding:var(--spacing-3xl) 0 var(--spacing-lg);position:relative;z-index:2;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.footer-content{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:var(--spacing-3xl);margin-bottom:var(--spacing-3xl)}.footer-brand{display:flex;flex-direction:column;gap:var(--spacing-lg)}.footer-logo{display:flex;align-items:center;gap:4px;font-size:1.5rem;font-weight:700;letter-spacing:-.5px;margin-bottom:0}.footer-tagline{color:var(--text-secondary);line-height:1.8;max-width:270px;font-size:.95rem}.footer-social{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.footer-social a{width:40px;height:40px;border-radius:var(--radius-sm);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition-fast)}.footer-social a:hover{background:var(--bg-tertiary);border-color:var(--primary);color:var(--primary)}.footer-column h4{font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-lg);color:var(--text-primary)}.footer-column ul{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-column a{color:var(--text-secondary);text-decoration:none;font-size:.95rem;transition:color var(--transition-fast)}.footer-column a:hover{color:var(--primary)}.footer-bottom{padding-top:var(--spacing-xl);border-top:1px solid var(--border);display:flex;justify-content:center;align-items:center;color:var(--text-tertiary);font-size:.875rem;text-align:center}.footer-bottom p{margin:0}.footer-logo-img{height:auto;width:140px}.footer-logo-dark{display:block}.footer-logo-light,[data-theme=light] .footer-logo-dark{display:none}[data-theme=light] .footer-logo-light{display:block;filter:brightness(0) invert(0)}.references{padding:var(--spacing-3xl) 0;background:var(--bg-primary)}.devices-mockup-scene{position:relative;height:500px;margin-bottom:-50px;padding:var(--spacing-xl) 0;display:flex;align-items:center;justify-content:center}.device{position:absolute;transition:all var(--transition-base)}.device:hover{z-index:100!important}.desktop-device{width:500px;height:320px;top:20px;left:50%;transform:translate(-50%);z-index:1}.desktop-device:hover{transform:translate(-50%) translateY(-10px) scale(1.02)}.laptop-device:hover,.tablet-device:hover,.mobile-device:hover{transform:translateY(-10px) scale(1.02)}.desktop-device .device-frame{position:absolute;width:100%;height:100%;background:linear-gradient(145deg,#2c2c2c,#1a1a1a);border-radius:16px;border:8px solid #1a1a1a}.desktop-device .device-screen{position:absolute;width:calc(100% - 16px);height:calc(100% - 16px);top:8px;left:8px;border-radius:10px;overflow:hidden}.desktop-device .screen-content{width:100%;height:100%;background:url(/assets/img/screen-content-desktop-dark-3QbywAej.png) center center / cover no-repeat;border-radius:10px;overflow:hidden;position:relative}.desktop-device .device-stand{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);width:150px;height:40px;background:linear-gradient(145deg,#2c2c2c,#1a1a1a);border-radius:0 0 20px 20px}.desktop-device .device-stand:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:200px;height:8px;background:linear-gradient(145deg,#2c2c2c,#1a1a1a);border-radius:4px}.laptop-device{width:380px;height:240px;bottom:60px;left:100px;z-index:3}.laptop-device .device-screen{position:relative;width:100%;height:100%;background:linear-gradient(145deg,#2c2c2c,#1a1a1a);border-radius:12px 12px 4px 4px;padding:8px}.laptop-device .screen-content{width:100%;height:100%;background:url(/assets/img/screen-content-leptop-dark-TMDkTwau.png) center center / cover no-repeat;border-radius:8px;overflow:hidden}.laptop-notch{position:absolute;top:8px;left:50%;transform:translate(-50%);width:60px;height:6px;background:#1a1a1a;border-radius:0 0 8px 8px;z-index:10}.laptop-base{position:absolute;bottom:0;left:-20px;width:calc(100% + 40px);height:12px;background:linear-gradient(145deg,#2c2c2c,#1a1a1a);border-radius:0 0 16px 16px;transform-origin:top center}.laptop-bottom{position:absolute;bottom:-14px;left:50%;transform:translate(-50%);width:200px;height:4px;background:linear-gradient(145deg,#3c3c3c,#2a2a2a);border-radius:2px}.tablet-device{width:220px;height:300px;bottom:80px;right:240px;z-index:4}.tablet-device .device-screen{width:100%;height:100%;background:linear-gradient(145deg,#2c2c2c,#1a1a1a);border-radius:20px;padding:12px}.tablet-device .screen-content{width:100%;height:100%;background:url(/assets/img/screen-content-tablet-dark-BZDsDXf5.png) center center / cover no-repeat;border-radius:12px}.mobile-device{width:140px;height:280px;bottom:50px;right:140px;z-index:5}.mobile-device .device-screen{width:100%;height:100%;background:linear-gradient(145deg,#2c2c2c,#1a1a1a);border-radius:32px;padding:8px;border:2px solid #1a1a1a}.mobile-device .screen-content{width:100%;height:100%;background:url(/assets/img/screen-content-mobile-dark-CDYSxxzB.png) center center / cover no-repeat;border-radius:26px}.mobile-notch{position:absolute;top:8px;left:50%;transform:translate(-50%);width:50px;height:20px;background:#1a1a1a;border-radius:0 0 16px 16px;z-index:10}.screen-content{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%)}.screen-content:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.03) 50%,transparent 100%);animation:screen-shimmer 3s infinite}@keyframes screen-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.references-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.reference-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;min-height:80px;transition:all var(--transition-base)}.reference-logo{width:100%;height:auto;max-width:160px;object-fit:contain;opacity:.7;filter:brightness(0) invert(1);transition:all var(--transition-base)}[data-theme=light] .reference-logo{filter:brightness(0) invert(0);opacity:.6}.reference-card:hover .reference-logo{opacity:1;transform:scale(1.05)}.benefits{position:relative;padding:var(--spacing-3xl) 0;overflow:hidden;background:var(--bg-primary)}.benefits .hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.6}.benefits .container{position:relative;z-index:1}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-2xl)}.benefit-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all var(--transition-base);display:flex;flex-direction:column;gap:var(--spacing-sm)}.benefit-icon{width:52px;height:52px;background:var(--primary-alpha);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--primary);margin-bottom:var(--spacing-xs)}.benefit-card h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3}.benefit-card p{font-size:.875rem;line-height:1.5;color:var(--text-secondary);margin:0;flex:1}.benefit-stat{display:flex;flex-direction:column;gap:4px;padding-top:var(--spacing-sm);border-top:1px solid var(--border);margin-top:auto}.benefit-stat .stat-value{font-size:2rem;font-weight:700;color:var(--primary);line-height:1}.benefit-stat .stat-label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.integrations-section{padding:var(--spacing-xl) 0 var(--spacing-3xl);margin-bottom:0;background:var(--bg-primary)}.integrations-inline{margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.ecommerce-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:14px}.ecommerce-row .ecommerce-logo{background:#12121200;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:14px;padding:10px 20px;display:flex;align-items:center;justify-content:center;flex:1;max-width:180px}.ecommerce-row .ecommerce-logo .reference-logo{height:28px;opacity:.7;max-width:100%}.blog-preview{padding:var(--spacing-3xl) 0;background:var(--bg-primary)}.blog-view-all-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;background:transparent;border:1px solid rgba(74,222,128,.35);border-radius:26px;font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease;letter-spacing:.02em;text-decoration:none}.blog-view-all-btn:hover{border-color:#4ade8099;background:var(--bg-tertiary)}.blog-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--spacing-xl)}.blog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg)}.blog-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base)}.device-showcase{position:relative;max-width:1060px;margin:auto auto 0;height:460px}.device-mockup{position:absolute}.device-screen{background:#111;overflow:hidden}.device-screen img{width:100%;height:100%;object-fit:contain;padding:0;transform:scale(.9)}.device-desktop{bottom:0;left:50%;transform:translate(-50%);z-index:1}.device-bezel{width:500px;height:310px;background:#0d0d0d;border:2px solid #2a2a2a;border-radius:8px 8px 0 0;overflow:hidden}.device-desktop .device-screen{height:100%;background:#111;position:relative}.device-mockup[data-device-model]{cursor:pointer;outline:none}.device-mockup[data-device-model]:focus-visible{outline:none}.device-mockup[data-device-model] .device-screen{transition:filter .32s cubic-bezier(.16,1,.3,1)}.device-mockup[data-device-model]:hover .device-screen,.device-mockup[data-device-model]:focus-visible .device-screen{filter:brightness(1.08) saturate(1.05)}.device-mockup[data-device-model] .device-screen:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:5;border-radius:inherit;box-shadow:inset 0 0 0 1px #4ade8000;transition:box-shadow .32s cubic-bezier(.16,1,.3,1)}.device-mockup[data-device-model]:hover .device-screen:after,.device-mockup[data-device-model]:focus-visible .device-screen:after{box-shadow:inset 0 0 0 1px #4ade8073,inset 0 0 24px #4ade801f}.device-cta{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.92);display:inline-flex;align-items:center;gap:6px;padding:7px 12px;background:#0a0a0ab8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(74,222,128,.35);border-radius:10px;color:#4ade80;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;z-index:6;transition:opacity .28s cubic-bezier(.16,1,.3,1),transform .32s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 18px #00000080}.device-cta i{font-size:12px}.device-cta-compact{padding:8px;width:28px;height:28px;justify-content:center}.device-cta-compact i{font-size:13px}.device-mockup[data-device-model]:hover .device-cta,.device-mockup[data-device-model]:focus-visible .device-cta{opacity:1;transform:translate(-50%,-50%) scale(1)}.device-tablet .device-cta,.device-laptop .device-cta{font-size:10px;padding:6px 10px}.gen-popup-overlay.device-mode .gen-popup-bottom{display:none!important}.desktop-chin{width:500px;height:20px;background:linear-gradient(180deg,#1a1a1a,#151515);border:2px solid #2a2a2a;border-top:none;border-radius:0 0 2px 2px}.desktop-stand{width:60px;height:55px;background:linear-gradient(180deg,#252525,#1a1a1a);margin:0 auto;clip-path:polygon(15% 0%,85% 0%,100% 100%,0% 100%)}.desktop-foot{width:150px;height:6px;background:#222;border-radius:0 0 4px 4px;margin:0 auto}.device-laptop{bottom:0;left:10px;z-index:2}.device-lid{width:400px;height:250px;background:#0d0d0d;border:2px solid #2a2a2a;border-radius:10px 10px 0 0;overflow:hidden;position:relative}.device-cam{width:5px;height:5px;border-radius:50%;background:#1a1a1a;border:1px solid #333;margin:5px auto 0;position:relative;z-index:2}.device-laptop .device-screen{position:absolute;inset:14px 4px 4px;border-radius:2px;background:#111}.laptop-base{width:432px;height:14px;background:linear-gradient(180deg,#222,#191919);border:2px solid #2a2a2a;border-top:1px solid #333;border-radius:0 0 8px 8px;margin-left:0;position:relative;display:flex;align-items:center;justify-content:center}.laptop-trackpad{width:60px;height:2px;background:#3a3a3a;border-radius:2px}.device-tablet{bottom:10px;right:110px;z-index:2}.device-tablet .device-shell{width:200px;height:280px;background:#0d0d0d;border:2px solid #2a2a2a;border-radius:14px;overflow:hidden;padding:5px}.device-tablet .device-screen{width:100%;height:100%;border-radius:8px;background:#111;position:relative}.device-mobile{bottom:0;right:60px;z-index:3}.device-mobile .device-shell{width:100px;height:210px;background:#0d0d0d;border:2px solid #2a2a2a;border-radius:16px;overflow:hidden;position:relative}.mob-island{width:32px;height:9px;background:#000;border-radius:10px;margin:8px auto 0;position:relative;z-index:2}.device-mobile .device-screen{position:absolute;inset:2px;border-radius:14px;background:#111}.mob-bar{position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:40px;height:3px;border-radius:3px;background:#444;opacity:.5;z-index:2}@media(max-width:768px){.device-showcase{height:340px;max-width:100%}.device-bezel{width:300px;height:186px}.desktop-chin{width:300px;height:14px}.desktop-stand{width:38px;height:34px}.desktop-foot{width:95px;height:5px}.device-lid{width:240px;height:150px}.laptop-base{width:260px;margin-left:10px;height:10px}.device-laptop{left:5px}.device-tablet .device-shell{width:120px;height:168px;padding:6px}.device-tablet{right:60px;bottom:20px}.device-mobile .device-shell{width:62px;height:130px;border-radius:12px}.device-mobile{right:20px;bottom:14px}.mob-island{width:22px;height:6px;margin-top:5px}.mob-bar{width:28px;height:2px;bottom:4px}.device-mobile .device-screen{border-radius:10px}}@media(max-width:480px){.device-showcase{height:240px}.device-bezel{width:210px;height:130px}.desktop-chin{width:210px;height:10px}.desktop-stand{width:28px;height:26px}.desktop-foot{width:72px;height:4px}.device-lid{width:168px;height:105px}.laptop-base{width:184px;height:8px;margin-left:10px}.device-laptop{left:0}.device-tablet .device-shell{width:84px;height:118px;padding:5px;border-radius:10px}.device-tablet{right:40px;bottom:14px}.device-mobile .device-shell{width:46px;height:96px;border-radius:10px}.device-mobile{right:10px;bottom:10px}.mob-island{width:16px;height:4px;margin-top:3px}.device-mobile .device-screen{border-radius:8px}}.blog-image{width:100%;height:160px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.blog-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.blog-placeholder{font-size:3rem;font-weight:700;color:var(--primary);opacity:.3}.blog-content{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.blog-meta{display:flex;gap:var(--spacing-md);align-items:center}.blog-category{padding:4px 12px;border-radius:50px;background:var(--bg-tertiary);font-size:.75rem;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:.5px}.blog-date{font-size:.875rem;color:var(--text-tertiary)}.blog-title{font-size:1rem;font-weight:600;color:var(--text-primary);line-height:1.4;margin:0}.blog-excerpt{color:var(--text-secondary);line-height:1.6;margin:0;font-size:.875rem}.blog-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--primary);font-weight:600;text-decoration:none;transition:all var(--transition-fast)}.blog-link:hover{gap:var(--spacing-sm)}.page-hero{padding:160px 0 var(--spacing-3xl);background:var(--bg-primary);text-align:center}.page-hero-content{max-width:800px;margin:0 auto}.page-hero-title{font-size:3rem;font-weight:700;line-height:1.2;letter-spacing:-2px;margin:var(--spacing-md) 0}.page-hero-description{font-size:1.25rem;color:var(--text-secondary);line-height:1.8;margin-top:var(--spacing-md)}.products-page,.showcase-page{padding:var(--spacing-3xl) 0;background:var(--bg-secondary)}.showcase-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl)}.showcase-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);text-decoration:none;display:flex;flex-direction:row;min-height:280px}.showcase-card:hover{box-shadow:var(--shadow-glow);border-color:var(--primary)}.showcase-image{width:45%;min-width:300px;height:100%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0}.showcase-logo{font-size:2rem;font-weight:700;color:var(--text-secondary)}.showcase-content{padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1;justify-content:space-between}.showcase-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.showcase-category{font-size:.875rem;color:var(--primary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.showcase-description{color:var(--text-secondary);line-height:1.7;margin:var(--spacing-sm) 0;flex:1}.showcase-stats{display:flex;gap:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--border);margin-top:auto}.showcase-stats .stat-item{display:flex;flex-direction:column;gap:2px}.showcase-stats .stat-value{font-size:1.25rem;font-weight:700;color:var(--primary);line-height:1}.showcase-stats .stat-label{font-size:.7rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.3px}.contact-page{padding:var(--spacing-3xl) 0;background:var(--bg-secondary)}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--spacing-3xl)}.contact-info h2{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-md)}.contact-intro{color:var(--text-secondary);line-height:1.8;margin-bottom:var(--spacing-2xl)}.contact-methods{display:flex;flex-direction:column;gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.contact-method{display:flex;gap:var(--spacing-md)}.contact-icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.contact-details h3{font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-xs)}.contact-details a{color:var(--text-primary);text-decoration:none;font-weight:500;display:block;margin-bottom:4px;transition:color var(--transition-fast)}.contact-details a:hover{color:var(--primary)}.contact-details p{color:var(--text-tertiary);font-size:.875rem;margin:0}.social-links h3{font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-md)}.social-buttons{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.social-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:10px 20px;border-radius:var(--radius-sm);background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);text-decoration:none;font-weight:500;transition:all var(--transition-fast)}.social-button:hover{background:var(--bg-card);border-color:var(--primary);color:var(--primary)}.contact-form-wrapper{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-2xl)}.contact-form h2{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-xl)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.form-group label{font-weight:500;font-size:.95rem;color:var(--text-primary)}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-primary);font-family:inherit;font-size:.95rem;transition:all var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);background:var(--bg-primary)}.form-group textarea{resize:vertical;min-height:120px}.blog-page{padding:var(--spacing-3xl) 0}.blog-filters{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl);flex-wrap:wrap;justify-content:center}.filter-button{padding:10px 24px;border-radius:50px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);font-weight:500;font-size:.9rem;cursor:pointer;transition:all var(--transition-fast)}.filter-button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.filter-button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.blog-page .blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-3xl)}.blog-page .blog-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal);display:flex;flex-direction:column}.blog-page .blog-card:hover{box-shadow:var(--shadow-xl);border-color:var(--primary)}.blog-page .blog-card.featured{grid-column:span 2;flex-direction:row}.blog-page .blog-card.featured .blog-image{flex:1;height:auto}.blog-page .blog-card.featured .blog-content{flex:1}.blog-page .blog-image{position:relative;height:220px;overflow:hidden;background:var(--bg-tertiary)}.blog-page .blog-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.blog-page .blog-card:hover .blog-image img{transform:scale(1.05)}.blog-featured-badge{position:absolute;top:16px;right:16px;padding:6px 16px;background:var(--primary);color:#fff;border-radius:50px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.blog-page .blog-content{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);flex:1}.blog-page .blog-meta{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.blog-page .blog-category{padding:4px 12px;border-radius:50px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.blog-page .blog-category.technology{background:#3b82f61a;color:#3b82f6}.blog-page .blog-category.design{background:#ec48991a;color:#ec4899}.blog-page .blog-category.business{background:#22c55e1a;color:#22c55e}.blog-page .blog-category.tutorial{background:#a855f71a;color:#a855f7}.blog-page .blog-date,.blog-page .blog-read-time{font-size:.85rem;color:var(--text-tertiary)}.blog-page .blog-card h2.blog-title,.blog-page .blog-card h3.blog-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.3;margin:0}.blog-page .blog-card.featured h2.blog-title{font-size:2rem}.blog-page .blog-excerpt{color:var(--text-secondary);line-height:1.6;flex:1}.blog-page .blog-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:var(--spacing-md);border-top:1px solid var(--border)}.blog-page .blog-author{display:flex;align-items:center;gap:var(--spacing-sm)}.author-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem}.author-info{display:flex;flex-direction:column;gap:2px}.author-name{font-weight:600;font-size:.9rem;color:var(--text-primary)}.author-role{font-size:.8rem;color:var(--text-tertiary)}.blog-page .blog-link{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--primary);font-weight:600;font-size:.9rem;text-decoration:none;transition:gap var(--transition-fast)}.blog-page .blog-link:hover{gap:var(--spacing-sm)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md)}.pagination-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:10px 20px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.pagination-button:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--primary)}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-numbers{display:flex;gap:var(--spacing-xs)}.pagination-number{width:40px;height:40px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.pagination-number:hover{background:var(--bg-tertiary);border-color:var(--primary)}.pagination-number.active{background:var(--primary);color:#fff;border-color:var(--primary)}.newsletter-section{padding:var(--spacing-3xl) 0;background:var(--bg-secondary)}.newsletter-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xl);padding:var(--spacing-2xl);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl)}.newsletter-text h2{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.newsletter-text p{color:var(--text-secondary);margin:0}.newsletter-form{display:flex;gap:var(--spacing-sm);min-width:400px}.newsletter-input{flex:1;padding:12px 20px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-primary);font-family:inherit;font-size:.95rem}.newsletter-input:focus{outline:none;border-color:var(--primary)}.newsletter-button{padding:12px 32px;border-radius:var(--radius-md);border:none;background:var(--primary);color:#fff;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.newsletter-button:hover{background:var(--primary-dark)}@media(max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}.blog-page .blog-card.featured{grid-column:span 1;flex-direction:column}.blog-page .blog-card.featured .blog-image{height:220px}}@media(max-width:768px){.blog-page .blog-grid{grid-template-columns:1fr}.newsletter-content{flex-direction:column;text-align:center}.newsletter-form{min-width:100%;flex-direction:column}.blog-filters{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}}.contact-form .primary-button{width:100%;justify-content:center;margin-top:var(--spacing-md)}section{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1)}section.hero,section[class*=-hero],section.how-it-works{opacity:1}section.fade-in{opacity:1}.scroll-reveal{opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1)}.scroll-reveal.revealed{opacity:1}.sr-fade{opacity:0;transition:opacity .9s cubic-bezier(.16,1,.3,1);transition-delay:var(--sr-delay, 0ms);will-change:opacity}.sr-fade.sr-soft{transition-duration:.7s}.sr-fade.sr-scale{transform:scale(.97);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.sr-fade.sr-from-left{transform:translate3d(-24px,0,0);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.sr-fade.sr-from-right{transform:translate3d(24px,0,0);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.sr-fade.sr-revealed{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.sr-fade,.sr-fade.sr-scale,.sr-fade.sr-from-left,.sr-fade.sr-from-right,.sr-fade.sr-soft{opacity:1;transform:none;transition:none}}@media(max-width:1024px){.showcase-grid{grid-template-columns:1fr}.showcase-card{flex-direction:column;min-height:auto}.showcase-image{width:100%;min-width:100%;height:200px}.contact-grid{grid-template-columns:1fr}.hero-content{grid-template-columns:1fr;gap:var(--spacing-xl)}.hero-visual{height:400px}.hero-title{font-size:3rem}.feature-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1 / -1}.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.nav-container{position:relative}.nav-container{height:56px;padding:0 16px;gap:0;justify-content:center;position:relative}.mobile-menu-toggle{position:absolute;left:8px;top:50%;transform:translateY(-50%)}.nav-logo{margin:0;position:absolute;left:50%;transform:translate(-50%)}.nav-logo-img{height:20px;width:auto;object-fit:contain}.nav-actions{position:absolute;right:12px;top:50%;transform:translateY(-50%);gap:0}.nav-actions .cta-button{display:flex!important;padding:8px 4px;font-size:.82rem;font-weight:600;border-radius:0;gap:5px;border:none;background:none;box-shadow:none}.nav-actions .cta-button:hover{box-shadow:none;border:none;background:none}.nav-actions .cta-button .gradient-text{font-size:0}.nav-actions .cta-button .gradient-text:after{content:"Platform";font-size:.85rem;font-weight:600;background:var(--gradient-main);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.nav-actions .cta-button svg{width:13px;height:13px;color:#4ade80}.language-selector,.theme-toggle{display:none!important}.nav-menu{position:fixed;top:56px;left:0;right:0;max-height:calc(100vh - 56px);max-height:calc(100dvh - 56px);z-index:10000;flex-direction:column;background:var(--bg-primary);border-top:1px solid var(--border);padding:0 20px;gap:2px;display:flex;overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translateY(-110%);opacity:0;pointer-events:none;transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .35s ease}.nav-menu.active{transform:translateY(0);opacity:1;pointer-events:auto;padding:20px}.nav-menu>li{width:100%}.mobile-cta-wrapper{display:none!important}.nav-link{width:100%;justify-content:space-between;padding:14px 16px;font-size:.95rem;font-weight:600;border-radius:12px;color:var(--text-primary);transition:background .2s}.nav-link:active{background:#ffffff0a}.nav-link svg{display:block;width:14px;height:14px;color:var(--text-tertiary);transition:transform .3s cubic-bezier(.4,0,.2,1)}.nav-menu>li.dropdown-open .nav-link svg{transform:rotate(180deg)}.nav-dropdown{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;background:transparent;border-radius:0;padding:0;display:block;max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1),padding .35s cubic-bezier(.4,0,.2,1);margin:0}.nav-menu>li.dropdown-open .nav-dropdown{max-height:400px;padding:4px 0;margin-top:2px}.nav-dropdown-item{padding:11px 16px 11px 40px;font-size:.82rem;font-weight:500;border-radius:0;min-height:40px;display:flex;align-items:center;color:var(--text-secondary);transition:color .2s;border-bottom:1px solid rgba(255,255,255,.04)}.nav-dropdown-item:last-child{border-bottom:none}.nav-dropdown-item:active{color:var(--primary)}.nav-menu>li+li{border-top:1px solid rgba(255,255,255,.04)}.devices-mockup-scene{height:400px}.desktop-device{width:320px;height:200px;top:20px}.laptop-device{width:240px;height:150px;bottom:40px;left:40px}.tablet-device{width:140px;height:190px;bottom:50px;right:80px}.mobile-device{width:90px;height:180px;bottom:30px;right:20px}.nav-actions .cta-button{display:none}.mobile-cta-wrapper{display:block!important;list-style:none}.nav-menu .mobile-cta{margin-top:12px;padding:14px 24px;width:100%;text-align:center;border-radius:12px;background:linear-gradient(135deg,#22c55e1f,#4ade800f);border:1px solid rgba(74,222,128,.25);color:#4ade80;font-weight:600;font-size:.92rem;text-decoration:none;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px}.mobile-menu-toggle{display:flex}.hero{padding:100px var(--spacing-md) var(--spacing-xl)}.hero-title{font-size:2.5rem}.hero-description{font-size:1rem}.hero-actions{flex-direction:column;width:100%}.hero-actions button{width:100%;justify-content:center}.hero-stats{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.stat-divider{display:none}.products-grid{grid-template-columns:1fr}.section-title{font-size:2rem;white-space:normal;word-wrap:break-word}.page-hero-title{white-space:normal;word-wrap:break-word}.cta-content{flex-direction:column;text-align:center;padding:var(--spacing-xl)}.cta-text h2{font-size:1.75rem}.cta-actions{flex-direction:column;width:100%;align-items:stretch;gap:var(--spacing-sm);max-width:280px;margin:0 auto}.cta-actions button,.cta-actions a{width:100%;justify-content:center}.footer-content{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:var(--spacing-xs);text-align:center}.blog-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.blog-grid{grid-template-columns:1fr}.references-grid{grid-template-columns:repeat(2,1fr)}.feature-grid,.showcase-grid,.form-row{grid-template-columns:1fr}.page-hero{padding:120px 0 var(--spacing-xl)}.page-hero-title{font-size:2.5rem}.language-selector{display:flex}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.nav-dropdown-item{padding:var(--spacing-xs) var(--spacing-sm);font-size:.875rem}.product-card{padding:var(--spacing-lg);min-width:0;flex:0 0 100%}.product-mockups{height:180px;margin-bottom:var(--spacing-md)}.mockup.laptop{width:140px;height:88px}.mockup.tablet{width:70px;height:95px}.mockup.phone{width:45px;height:92px}.product-title{font-size:1.25rem}.product-subtitle{font-size:.875rem}.product-description{font-size:.875rem;line-height:1.5}.product-features{gap:var(--spacing-xs)}.product-features li{font-size:.875rem}.hero-content{padding:0 var(--spacing-md)}.hero-iframe{height:300px}.hero-visual{height:320px}.stat-item{width:100%}.stat-number{font-size:2rem}.stat-label{font-size:.875rem}.section-description{font-size:.95rem}.feature-item{padding:var(--spacing-lg)}.feature-item h3{font-size:1.125rem}.feature-item p{font-size:.875rem}.reference-card{padding:var(--spacing-lg)}.reference-logo{max-height:32px}.showcase-card{padding:var(--spacing-lg)}.showcase-visual{height:220px;margin-bottom:var(--spacing-md)}.showcase-content h3{font-size:1.25rem}.showcase-description{font-size:.875rem}.showcase-stats{flex-wrap:wrap;gap:var(--spacing-sm)}.showcase-stat-item{flex:1 1 calc(50% - var(--spacing-sm));min-width:120px}.blog-card{padding:0}.blog-image{height:180px}.blog-content{padding:var(--spacing-md)}.blog-title{font-size:1.125rem;line-height:1.4}.blog-excerpt{font-size:.875rem;line-height:1.5}.contact-info-card{padding:var(--spacing-lg)}.contact-info-card h3{font-size:1.125rem}.contact-info-card p,.form-group label{font-size:.875rem}.form-group input,.form-group textarea,.form-group select{font-size:.875rem;padding:var(--spacing-sm)}.hero-background canvas{opacity:.3}main{padding-top:56px}section{padding:var(--spacing-2xl) 0}.products,.features,.references,.integrations-section,.blog-preview{padding:var(--spacing-xl) 0}.cta-section{padding:var(--spacing-2xl) 0}.page-hero{min-height:auto;padding:100px 0 var(--spacing-2xl)}.container{padding:0 max(var(--spacing-md),var(--safe-left)) 0 max(var(--spacing-md),var(--safe-right))}.hero-actions .primary-button,.hero-actions .secondary-button{padding:var(--spacing-sm) var(--spacing-lg);font-size:.95rem}.product-cta{font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md)}.secondary-button{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem}.primary-button,.primary-button.large{padding:12px 32px;font-size:.88rem}.benefits-cta{padding:var(--spacing-lg) var(--spacing-md);margin-top:var(--spacing-xl)}.benefits-cta h3{font-size:1rem;margin-bottom:var(--spacing-md)}.benefits-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.benefit-card{padding:var(--spacing-lg)}.benefit-icon{width:48px;height:48px}.benefit-card h3{font-size:1rem}.benefit-card p{font-size:.8125rem}.benefit-stat .stat-value{font-size:1.75rem}}.product-detail-hero{padding:120px 0 var(--spacing-3xl);background:var(--bg-secondary)}.product-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:var(--spacing-xl);font-size:.875rem;color:var(--text-tertiary)}.product-breadcrumb a{color:var(--text-tertiary);text-decoration:none;transition:color var(--transition-fast)}.product-breadcrumb a:hover{color:var(--primary)}.product-detail-header{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:center}.product-detail-title{font-size:3rem;font-weight:700;margin:var(--spacing-md) 0;color:var(--text-primary)}.product-detail-subtitle{font-size:1.25rem;color:var(--primary);font-weight:600;margin-bottom:var(--spacing-md)}.product-detail-description{font-size:1.125rem;line-height:1.8;color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.product-detail-actions{display:flex;gap:var(--spacing-md)}.product-detail-actions .primary-button,.product-detail-actions .blog-view-all-btn{border-radius:100px;font-size:.9rem}.product-mockups-large{display:flex;align-items:flex-end;justify-content:center;gap:24px;padding:var(--spacing-xl);background:var(--bg-primary);border-radius:16px;border:1px solid var(--border)}.product-mockups-large .mockup.laptop{width:280px;height:176px}.product-mockups-large .mockup.tablet{width:120px;height:164px}.product-mockups-large .mockup.phone{width:76px;height:156px}.product-features-detail{padding:var(--spacing-3xl) 0}.features-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.feature-detail-item{padding:var(--spacing-xl);background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;transition:all var(--transition-base)}.feature-detail-item:hover{box-shadow:0 8px 24px #0000001a;border-color:var(--primary)}.feature-detail-icon{width:64px;height:64px;background:var(--primary-alpha);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md);color:var(--primary)}.feature-detail-item h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.feature-detail-item p{color:var(--text-secondary);line-height:1.6}.product-examples{padding:var(--spacing-3xl) 0;background:var(--bg-secondary)}.examples-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl);margin-top:var(--spacing-xl)}@media(max-width:1024px){.product-detail-header{grid-template-columns:1fr}.features-detail-grid,.examples-grid,.benefits-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.product-detail-title{font-size:2rem}.features-detail-grid{grid-template-columns:1fr}.product-mockups-large{padding:var(--spacing-md);gap:16px}.product-mockups-large .mockup.laptop{width:180px;height:113px}.product-mockups-large .mockup.tablet{width:80px;height:109px}.product-mockups-large .mockup.phone{width:50px;height:103px}.examples-grid{grid-template-columns:1fr}.product-detail-actions{flex-direction:column}.product-detail-actions button{width:100%;justify-content:center}}@media(max-width:768px){body.mobile-menu-open{overflow:hidden!important;position:fixed;width:100%;height:100%}.hero{height:calc(var(--mobile-vh, 100vh) - 56px);height:calc(100dvh - 56px);min-height:0;max-height:calc(var(--mobile-vh, 100vh) - 56px);max-height:calc(100dvh - 56px);padding:0 20px 88px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-content{width:100%;max-width:100%;margin:0;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-visual{display:none!important}.hero-text{width:100%;gap:24px;align-items:center}.hero-title{font-size:3rem;letter-spacing:-1.5px}.hero-title .gradient-text{display:inline!important}.hero-title .gradient-text:before{content:"\a";white-space:pre}.hero-description{font-size:1rem;padding:0}.hero-pills{display:grid;grid-template-columns:1fr 1fr;gap:6px 8px;justify-content:center;justify-items:stretch;width:100%;max-width:480px;margin-left:auto;margin-right:auto;padding:0}.hero-pill:last-child:nth-child(odd){grid-column:1 / -1;justify-self:center;max-width:60%}.hero-pill{font-size:.8rem;white-space:normal;text-align:center;justify-content:center;line-height:1.3}.hero-actions{width:auto;max-width:none;margin-top:28px;flex-direction:column;align-items:center}.hero-actions .primary-button.large{padding:14px 44px;font-size:.9rem;width:auto;justify-content:center}.scroll-indicator{font-size:.75rem!important;margin-top:auto!important;margin-bottom:24px!important;padding:0!important;opacity:.35!important;letter-spacing:.5px;z-index:2;position:relative!important;left:auto!important;bottom:auto!important;transform:none!important}.scroll-indicator .scroll-line{height:18px;opacity:.5}.hero .scroll-indicator{position:absolute!important;bottom:calc(12% + 44px)!important;left:50%!important;transform:translate(-50%)!important;margin:0!important}.hero-refs-slider{position:absolute;bottom:0;left:0;right:0;transform:none;width:100%;padding:12px 0 calc(10px + var(--safe-bottom));flex-shrink:0;z-index:2}.hero-refs-track{gap:18px}.hero-refs-track img,.hero-ref-item img{height:68px;opacity:.45}.galaxy-section{height:200px}.compat-icons{gap:16px;flex-wrap:wrap;padding:0 16px}.compat-icon-item{min-width:80px;padding:14px 16px}.compat-icon-item img{width:28px;height:28px}.compat-icon-item span{font-size:.72rem}.ecommerce-row{display:grid!important;grid-template-columns:repeat(4,1fr);gap:8px;padding:0}.ecommerce-row .ecommerce-logo{padding:8px 0;min-width:0;max-width:none;flex:none;border-radius:8px}.ecommerce-row .ecommerce-logo i{font-size:1rem!important}.ecommerce-row .ecommerce-logo span{font-size:.72rem!important}.ecommerce-row:last-child{grid-template-columns:repeat(3,1fr);gap:8px}.ecommerce-row:last-child .ecommerce-logo{padding:2px 4px;border-radius:8px}.ecommerce-row:last-child .ecommerce-logo .reference-logo{height:30px!important}.vw-hero,.gen-hero,.ar-hero,.vr-hero,.ds-hero,.cfg-hero,.sc-hero{min-height:0!important;height:calc(100dvh - 56px);max-height:calc(100dvh - 56px);padding:0 20px 24px!important;justify-content:center}.vw-hero .container,.gen-hero .container,.ar-hero .container,.vr-hero .container,.ds-hero .container,.cfg-hero .container,.sc-hero .container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.pricing-card li{white-space:normal}.section-header{margin-bottom:var(--spacing-lg)!important}.section-title{white-space:normal!important;font-size:2rem}.section-title .gradient-text+.gradient-text{display:inline}.section-title .gradient-text+.gradient-text:before{content:"\a";white-space:pre}.section-description{font-size:1rem;padding:0 16px}.blog-card-content{padding:16px}.blog-card-title{font-size:.95rem}.footer{padding:var(--spacing-xl) 0 var(--spacing-md)}.footer-content{display:grid;grid-template-columns:1fr;gap:0}.footer-brand{text-align:center;align-items:center;padding-bottom:var(--spacing-lg);margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--border)}.footer-logo-img{width:100px;margin:0 auto}.footer-tagline{font-size:.82rem;max-width:270px;margin:0 auto;text-align:center}.footer-social{justify-content:center}.footer-social a{width:36px;height:36px}.footer-column{display:inline}.footer-content{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--spacing-lg)}.footer-brand{grid-column:1 / -1}.footer-column{padding:0 0 var(--spacing-md);text-align:center}.footer-column ul{align-items:center}.footer-column:nth-child(2){order:1}.footer-column:nth-child(3){order:3}.footer-column:nth-child(4){order:2}.footer-column:nth-child(3){grid-column:1 / -1}.footer-column h4{font-size:.78rem;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.footer-column ul{gap:4px}.footer-column a{padding:3px 0;min-height:32px;display:inline-flex;align-items:center;font-size:.85rem}.footer-bottom{flex-direction:column;gap:8px;text-align:center;padding-top:var(--spacing-md);padding-bottom:calc(var(--spacing-sm) + var(--safe-bottom));font-size:.78rem}}@media(max-width:480px){.hero{padding:52px 16px 0}.hero-title{font-size:2.6rem}.hero-text{gap:20px}.hero-description{font-size:.95rem}.hero-pills{grid-template-columns:1fr;gap:6px;max-width:320px;margin-left:auto;margin-right:auto}.hero-pill{font-size:.78rem;justify-content:center;white-space:normal}.hero .scroll-indicator .scroll-line{height:22px}.hero{padding-bottom:150px}.hero-refs-slider{padding:8px 0 calc(6px + var(--safe-bottom));-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 14%,black 86%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,black 14%,black 86%,transparent 100%)}.hero-refs-track{gap:18px;animation-duration:30s}.hero-refs-track img,.hero-ref-item img{height:50px}.hero-actions .primary-button.large{padding:14px 36px;font-size:.88rem}.galaxy-section{height:160px}.compat-icons{gap:10px}.compat-icon-item{min-width:70px;padding:10px 12px}.section-title{font-size:1.9rem}.section-description{font-size:1rem}.page-hero-title{font-size:2rem;letter-spacing:-1px}.pricing-card{padding:20px 16px}.pricing-card h3{font-size:1rem}.pricing-card li{font-size:11.5px}.footer-social a{width:36px;height:36px}.footer-links-grid{gap:24px}.blog-grid{gap:var(--spacing-md)}.blog-image{height:140px}.wf-flow{gap:4px}.wf-item{padding:0 10px 14px}.wf-item h4{font-size:.88rem}.wf-item p{font-size:.78rem}.wf-item-icon{width:40px;height:40px;border-radius:10px;margin-bottom:10px}.explore-card{padding:18px}.explore-card-title{font-size:13.5px}.explore-card-desc{font-size:11.5px}}@media(max-width:374px){.hero-title{font-size:2.2rem;letter-spacing:-1px}.hero-description{font-size:.88rem}.hero-pills{grid-template-columns:1fr;gap:5px}.hero-pill{font-size:.72rem;justify-content:center}.hero-actions .primary-button.large{padding:12px 28px;font-size:.85rem}.section-title{font-size:1.7rem}.section-description{font-size:.95rem}.page-hero-title{font-size:1.75rem}.nav-container{padding:0 12px}.nav-logo-img{height:18px}.built-for-pill{font-size:11px;padding:5px 4px}.built-for-title{font-size:16px}.ai-gen-card{padding:20px}.ai-gen-card h3{font-size:1.3rem}.ai-gen-line{font-size:.62rem}.compat-icon-item{min-width:60px;padding:8px 10px}.compat-icon-item i{font-size:1.6rem}.compat-icon-item span{font-size:.65rem}.pricing-card{padding:16px 12px}.pricing-card h3{font-size:.92rem}.pricing-card li{font-size:11px}.device-showcase{height:200px}.device-bezel{width:170px;height:106px}.desktop-chin{width:170px;height:8px}.desktop-stand{width:22px;height:22px}.desktop-foot{width:60px;height:3px}.device-lid{width:136px;height:85px}.laptop-base{width:150px;height:7px;margin-left:10px}.device-tablet .device-shell{width:68px;height:96px;padding:4px;border-radius:8px}.device-tablet{right:30px;bottom:10px}.device-mobile .device-shell{width:38px;height:80px;border-radius:8px}.device-mobile{right:5px;bottom:6px}.mob-island{width:12px;height:3px;margin-top:2px}.footer-links-grid{gap:20px}.footer-social a{width:34px;height:34px}}@media(max-width:700px){h1{font-size:2.4rem;line-height:1.15}h2{font-size:1.7rem}h3{font-size:1.2rem}section{padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}.container{padding-left:16px;padding-right:16px}.footer-content{grid-template-columns:1fr 1fr;gap:24px}.footer-brand{grid-column:1 / -1}}@media(max-width:600px){.hero-title,.hero h1{font-size:2rem;letter-spacing:-1px}.hero-subtitle,.hero p{font-size:.95rem;line-height:1.5}.hero-pills{gap:6px}.hero-pill{padding:5px 10px;font-size:.72rem}.pricing-modal{width:95vw;max-width:95vw;padding:20px 14px}.pricing-grid{grid-template-columns:1fr;gap:12px}.pricing-card{padding:20px 16px}.footer-content{grid-template-columns:1fr;gap:20px}.footer-brand{grid-column:auto}.nav-links{display:none}button,.btn,.cta-btn,a.btn{min-height:40px}}@media(max-width:480px){body{padding-bottom:env(safe-area-inset-bottom)}.navbar,.hero{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}section{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}h1,.hero h1{font-size:1.7rem}.container{padding-left:14px;padding-right:14px}.pricing-modal-content{padding:14px 10px}.pricing-card{padding:16px 14px}.pricing-card-price{font-size:1.8rem}.footer{padding:32px 0 calc(24px + env(safe-area-inset-bottom))}.footer-social a{width:32px;height:32px;font-size:.85rem}.footer-bottom{font-size:.7rem;flex-wrap:wrap;gap:8px;text-align:center;justify-content:center}}@media(max-width:360px){.hero h1,.hero-title{font-size:1.5rem}.container{padding-left:12px;padding-right:12px}h2{font-size:1.4rem}.pricing-card{padding:14px 12px}}@media(max-width:900px)and (orientation:landscape)and (max-height:500px){.hero{min-height:auto;padding-top:90px;padding-bottom:32px}.navbar{height:56px}}@media(hover:none)and (pointer:coarse){.btn:hover,button:hover,a:hover{transition:none}}html,body{overflow-x:hidden;max-width:100%}img,video,canvas,iframe{max-width:100%}:is(.hero,[class*=-hero]) [class$=-hero-icon],.ai-gen-icon{position:relative;width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#4ade802e,#22c55e0a 65%),#0a0a0a66;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg);border:1px solid rgba(74,222,128,.22);box-shadow:0 0 0 1px #22c55e0f,0 0 28px #22c55e2e,0 0 64px #22c55e14,inset 0 0 22px #22c55e0f,inset 0 1px #ffffff0a;animation:heroFadeUp 1.1s cubic-bezier(.16,1,.3,1) 60ms forwards,heroIconBreathe 4s ease-in-out 1.3s infinite;isolation:isolate;transition:transform .5s cubic-bezier(.16,1,.3,1);overflow:visible}:is(.hero,[class*=-hero]) [class$=-hero-icon]:before,.ai-gen-icon:before{content:"";position:absolute;inset:-10px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(74,222,128,.45) 50deg,transparent 120deg,transparent 230deg,rgba(163,230,53,.32) 300deg,transparent 360deg);filter:blur(10px);opacity:.55;z-index:-2;animation:heroIconRotate 8s linear infinite}:is(.hero,[class*=-hero]) [class$=-hero-icon]:after,.ai-gen-icon:after{content:"";position:absolute;inset:-3px;border-radius:50%;background:radial-gradient(circle,transparent 58%,rgba(74,222,128,.15) 80%,transparent 100%);opacity:.8;z-index:-1;pointer-events:none}:is(.hero,[class*=-hero]) [class$=-hero-icon] i,:is(.hero,[class*=-hero]) [class$=-hero-icon] img,.ai-gen-icon i,.ai-gen-icon img{font-size:1.55rem;color:#4ade80;filter:drop-shadow(0 0 5px rgba(74,222,128,.55));position:relative;z-index:1}:is(.hero,[class*=-hero]) [class$=-hero-icon] img,.ai-gen-icon img{width:28px;height:28px;object-fit:contain}:is(.hero,[class*=-hero]) [class$=-hero-icon]:hover,.ai-gen-icon:hover{transform:scale(1.06)}@keyframes heroIconBreathe{0%,to{box-shadow:0 0 0 1px #22c55e0f,0 0 28px #22c55e2e,0 0 64px #22c55e14,inset 0 0 22px #22c55e0f,inset 0 1px #ffffff0a}50%{box-shadow:0 0 0 1px #22c55e24,0 0 40px #22c55e52,0 0 96px #22c55e24,inset 0 0 28px #22c55e1a,inset 0 1px #ffffff0f}}@keyframes heroIconRotate{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){:is(.hero,[class*=-hero]) [class$=-hero-icon],.ai-gen-icon,:is(.hero,[class*=-hero]) [class$=-hero-icon]:before,.ai-gen-icon:before{animation:none}}@media(max-width:768px){input,textarea,select{font-size:16px}}@media(max-width:480px){.hero-title,[class*=-hero] .hero-title,[class*=-hero]>.container>h1,[class*=-hero]>.container>h2{font-size:clamp(1.75rem,7.5vw,2.4rem);line-height:1.2;letter-spacing:-.5px}.hero-description,[class*=-hero] .hero-description,[class*=-hero] [class$=-hero-desc],[class*=-hero] [class$=-hero-sub],[class*=-hero]>.container>.section-description{font-size:clamp(.92rem,3.8vw,1.02rem);line-height:1.55;padding:0 6px}[class*=-hero] .hero-badge,.hero .hero-badge{font-size:.65rem;letter-spacing:1.5px}.hero-pills,[class*=-hero] [class$=-pills]{flex-wrap:wrap;row-gap:4px;column-gap:10px;padding:0 8px}.hero-pill,[class*=-hero] .hero-pill,[class*=-hero] .vw-pill,[class*=-hero] [class$=-pill]{font-size:.78rem;padding:6px 12px}.hero-actions,[class*=-hero] .hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;width:100%}.hero-actions .primary-button,.hero-actions .secondary-button,.hero-actions .primary-button.large,.hero-actions .secondary-button.large,[class*=-hero] .primary-button.large{padding:13px 26px;font-size:.85rem}:is(.hero,[class*=-hero]) [class$=-hero-icon],.ai-gen-icon{width:56px;height:56px;margin-bottom:22px}:is(.hero,[class*=-hero]) [class$=-hero-icon] i,:is(.hero,[class*=-hero]) [class$=-hero-icon] img,.ai-gen-icon i,.ai-gen-icon img{font-size:1.35rem}:is(.hero,[class*=-hero]) [class$=-hero-icon] img,.ai-gen-icon img{width:24px;height:24px}.section-header{padding:0 12px}.section-title{font-size:clamp(1.55rem,6.5vw,2.1rem);line-height:1.25}.section-description{font-size:clamp(.92rem,3.6vw,1rem);line-height:1.55}.container{padding-left:16px;padding-right:16px}body{padding-bottom:env(safe-area-inset-bottom,0)}}@media(max-width:380px){.hero-title,[class*=-hero] .hero-title,[class*=-hero]>.container>h1,[class*=-hero]>.container>h2{font-size:1.62rem;letter-spacing:-.3px}.hero-description,[class*=-hero] .hero-description,[class*=-hero] [class$=-hero-desc],[class*=-hero] [class$=-hero-sub]{font-size:.9rem}.hero-pill,[class*=-hero] .hero-pill,[class*=-hero] .vw-pill,[class*=-hero] [class$=-pill]{font-size:.72rem;padding:5px 10px}.hero-actions .primary-button,.hero-actions .secondary-button,.hero-actions .primary-button.large{padding:12px 20px;font-size:.8rem;width:100%;justify-content:center}.section-title{font-size:1.45rem}.section-description{font-size:.88rem}.container{padding-left:12px;padding-right:12px}}@media(max-width:768px){.hero{padding-bottom:24px;justify-content:center}.hero .hero-refs-slider{position:relative;bottom:auto;left:auto;transform:none;width:100%;margin-top:28px}.hero .scroll-indicator{position:relative;left:auto;bottom:auto;transform:none;margin:18px auto 14px;font-size:.7rem;gap:4px}.hero .scroll-indicator .scroll-line{height:18px}}@media(max-width:480px){.hero{padding-bottom:16px}.hero .hero-refs-slider{margin-top:20px}.hero .scroll-indicator{margin:14px auto 10px;font-size:.65rem}.hero .scroll-indicator .scroll-line{height:14px}}.hero .home-hero-icon{margin-bottom:1rem}.home-hero-icon .home-hero-icon-glyph{display:block;width:30px;height:30px;background-color:#fff;-webkit-mask:url(/assets/img/BASE-icon-White-Bm62IrKT.png) center / contain no-repeat;mask:url(/assets/img/BASE-icon-White-Bm62IrKT.png) center / contain no-repeat;filter:drop-shadow(0 0 6px rgba(74,222,128,.55));position:relative;z-index:1}@media(max-width:480px){.hero .home-hero-icon{margin-bottom:.75rem}.home-hero-icon .home-hero-icon-glyph{width:26px;height:26px}}.vw-viewer-toggle,.vw-fullscreen-btn,.gen-popup-close,.sc-popup-close{background:#181818;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:none;border-radius:10px;color:#8e8e8e;font-size:15px;opacity:1;aspect-ratio:1 / 1;min-height:0;padding:0;flex:0 0 auto;transition:background .22s cubic-bezier(.16,1,.3,1),opacity .22s cubic-bezier(.16,1,.3,1),color .22s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1)}@media(max-width:768px){.vw-viewer-toggle,.vw-fullscreen-btn,.gen-popup-close,.sc-popup-close{aspect-ratio:1 / 1!important;min-height:0!important;padding:0!important}}.vw-viewer-toggle img,.vw-fullscreen-btn img{width:16px!important;height:16px!important;object-fit:contain;opacity:.5!important}.vw-viewer-toggle .fa-arrow-up-right-from-square,.vw-fullscreen-btn .fa-arrow-up-right-from-square{font-size:15px!important}.vw-viewer-toggle i,.vw-fullscreen-btn i{transition:color .22s cubic-bezier(.16,1,.3,1),filter .22s cubic-bezier(.16,1,.3,1)}.vw-viewer-toggle img,.vw-fullscreen-btn img{transition:filter .22s cubic-bezier(.16,1,.3,1)}.vw-viewer-toggle:hover,.vw-fullscreen-btn:hover{background:#22c55e1f;color:#4ade80;opacity:1}.vw-viewer-toggle:hover i,.vw-fullscreen-btn:hover i{color:#4ade80;filter:drop-shadow(0 0 4px rgba(74,222,128,.55))}.vw-viewer-toggle:hover img,.vw-fullscreen-btn:hover img{filter:brightness(0) saturate(100%) invert(83%) sepia(33%) saturate(610%) hue-rotate(80deg) brightness(100%) contrast(85%) drop-shadow(0 0 5px rgba(74,222,128,.6));opacity:1!important}.gen-popup-close:hover,.sc-popup-close:hover{background:#ef44441f;color:#ef4444;opacity:1}.vw-viewer-toggle:active,.vw-fullscreen-btn:active,.gen-popup-close:active,.sc-popup-close:active{transform:scale(.94)}.light-mode .vw-viewer-toggle,.light-mode .vw-fullscreen-btn,.light-mode .gen-popup-close,.light-mode .sc-popup-close,.vw-viewer-frame.light-mode .vw-viewer-toggle,.vw-viewer-frame.light-mode .vw-fullscreen-btn,.vw-viewer-wrap.light-mode .vw-viewer-toggle,.vw-viewer-wrap.light-mode .vw-fullscreen-btn,.gen-popup-viewer.light-mode .vw-viewer-toggle,.gen-popup-viewer.light-mode .vw-fullscreen-btn,.gen-popup-viewer.light-mode .gen-popup-close,.sc-popup-viewer.light-mode .vw-viewer-toggle,.sc-popup-viewer.light-mode .sc-popup-close{background:#ddd;color:#555}.light-mode .vw-viewer-toggle:hover,.light-mode .vw-fullscreen-btn:hover,.vw-viewer-frame.light-mode .vw-viewer-toggle:hover,.vw-viewer-frame.light-mode .vw-fullscreen-btn:hover,.vw-viewer-wrap.light-mode .vw-viewer-toggle:hover,.vw-viewer-wrap.light-mode .vw-fullscreen-btn:hover,.gen-popup-viewer.light-mode .vw-viewer-toggle:hover,.gen-popup-viewer.light-mode .vw-fullscreen-btn:hover,.sc-popup-viewer.light-mode .vw-viewer-toggle:hover{background:#22c55e2e;color:#16a34a;opacity:1}.light-mode .vw-viewer-toggle img,.light-mode .vw-fullscreen-btn img,.vw-viewer-frame.light-mode .vw-viewer-toggle img,.vw-viewer-frame.light-mode .vw-fullscreen-btn img,.vw-viewer-wrap.light-mode .vw-viewer-toggle img,.vw-viewer-wrap.light-mode .vw-fullscreen-btn img,.gen-popup-viewer.light-mode .vw-viewer-toggle img,.gen-popup-viewer.light-mode .vw-fullscreen-btn img,.sc-popup-viewer.light-mode .vw-viewer-toggle img,.sc-popup-viewer.light-mode .vw-fullscreen-btn img{opacity:.6!important}.ct-success.show,.cr-success.show,.sp-success.show{display:block;animation:bbFormSuccessIn .6s cubic-bezier(.16,1,.3,1) forwards;background:linear-gradient(135deg,#22c55e0f,#4ade8005);border:1px solid rgba(74,222,128,.18);border-radius:14px;padding:44px 28px!important;box-shadow:0 0 32px #22c55e0f,0 8px 24px #0000002e}@keyframes bbFormSuccessIn{0%{opacity:0;transform:scale(.96)}60%{opacity:1}to{opacity:1;transform:scale(1)}}.ct-success.show .ct-success-icon,.cr-success.show .cr-success-icon,.sp-success.show .sp-success-icon{animation:bbCheckPop .7s cubic-bezier(.16,1,.3,1) .1s backwards;background:#22c55e26!important;border:2px solid rgba(74,222,128,.4);box-shadow:0 0 24px #22c55e59,inset 0 0 12px #22c55e1a;width:64px!important;height:64px!important;margin-bottom:20px!important}.ct-success.show .ct-success-icon i,.cr-success.show .cr-success-icon i,.sp-success.show .sp-success-icon i{font-size:28px!important;color:#4ade80!important;filter:drop-shadow(0 0 6px rgba(74,222,128,.6));animation:bbCheckMark .5s cubic-bezier(.16,1,.3,1) .3s backwards}@keyframes bbCheckPop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}@keyframes bbCheckMark{0%{transform:scale(0) rotate(-180deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.ct-success.show h4,.cr-success.show h4,.sp-success.show h4{font-size:1.35rem!important;font-weight:700!important;color:#fff!important;margin:0 0 10px!important;letter-spacing:-.3px}.ct-success.show p,.cr-success.show p,.sp-success.show p{font-size:.95rem!important;color:var(--text-secondary)!important;margin:0 auto!important;max-width:380px;line-height:1.55}@supports (padding-top: env(safe-area-inset-top)){@media(max-width:768px){.navbar{padding-top:env(safe-area-inset-top)}}}@media(max-width:768px){.footer-column ul{gap:8px}.footer-column ul li a{padding:10px 0;min-height:44px;display:flex;align-items:center}.footer-social a{width:40px!important;height:40px!important}.nav-dropdown a,button,.btn,.cta-btn,a.btn{min-height:44px}.nav-logo{min-height:44px;display:flex;align-items:center}}html:has(.sc-popup-overlay.active),html:has(.gen-popup-overlay.active),html:has(.ds-popup-overlay.active),html:has(.pricing-overlay:not(.hidden)),body:has(.sc-popup-overlay.active),body:has(.gen-popup-overlay.active),body:has(.ds-popup-overlay.active),body:has(.pricing-overlay:not(.hidden)){overflow:hidden!important;scrollbar-gutter:stable}@media(max-width:768px){.vw-viewer-toggle,.vw-fullscreen-btn,.gen-popup-close,.sc-popup-close,.sc-popup-close-mobile{min-width:32px!important;min-height:32px!important}}.vw-viewer-wrap,.vw-viewer-frame,.gen-popup-viewer,.sc-popup-viewer,.cfg-viewer-wrap,.cfg-viewer-frame,.ds-popup-frame,#cfgWrap .vw-viewer-frame,#cfgChairWrap .vw-viewer-frame,.vw-viewer-loader,.gen-popup-loader,.cfg-viewer-loader,.sc-iframe-loader,.vw-viewer-frame iframe,.gen-popup-viewer iframe,.sc-popup-viewer iframe,.cfg-viewer-frame iframe,.ds-popup-frame iframe,#cfgWrap .vw-viewer-frame iframe,#cfgChairWrap .vw-viewer-frame iframe{background:#111!important}@media(max-width:768px){.cfg-chair-color-btn,.cfg-color-btn,.sc-color-btn,.vw-color-btn,.pricing-close,.pricing-modal-close,button.cfg-mat-icon{min-height:0!important}.cfg-chair-color-btn{height:28px!important}}@media(max-width:360px){.cfg-chair-color-btn{height:26px!important}}@media(max-width:768px){.pricing-modal,.sc-popup-card,.gen-popup-overlay,.gen-popup-viewer{width:100%!important;max-width:100%!important}.ds-popup-overlay,.ds-popup-frame{width:100%!important}.ai-popup{width:100%!important;max-width:100%!important}}@media(max-width:480px){.pricing-card li{font-size:12.5px;line-height:1.45}.footer-column ul li a{font-size:.9rem}.ai-gen-line{font-size:.7rem}.compat-icon-item span{font-size:.72rem}}@media(max-width:374px){.hero-pill{font-size:.78rem;padding:5px 10px}.hero-pills{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-pills .hero-pill{min-width:0;overflow-wrap:break-word}}@media(max-width:600px){.ct-form .primary-button,.ct-form button[type=submit],.cr-form .primary-button,.cr-form button[type=submit],.sp-form .primary-button,.sp-form button[type=submit],.newsletter-form .newsletter-button,.newsletter-form button{width:100%;justify-content:center}}@media(max-width:768px){body:has(.sc-popup-overlay.active) .ai-fab,body:has(.pricing-overlay:not(.hidden)) .ai-fab,body:has(.gen-popup-overlay.active) .ai-fab,body:has(.ds-popup-overlay.active) .ai-fab{display:none!important}}@media(max-width:768px)and (min-width:600px){.hero-refs-track img,.hero-ref-item img{height:56px}}@media(max-width:480px){.sc-card-brand-logo{height:22px}.sc-filter{font-size:.78rem}}@media(min-width:600px)and (max-width:900px){.pricing-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:1024px)and (max-height:500px)and (orientation:landscape){.gen-popup-viewer{height:60vh!important;height:60dvh!important;max-height:60dvh!important}.hero{min-height:100vh;min-height:100dvh}}@media(max-width:480px){.hero-actions .primary-button.large{font-size:.88rem!important}}@media(max-width:768px){.navbar,.container{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}}.vw-renderer-toggle{width:auto!important;aspect-ratio:auto!important;padding:0 10px!important;display:inline-flex!important;align-items:center;gap:6px;border-radius:10px;font-size:11px;font-weight:700;letter-spacing:.04em;line-height:1;cursor:pointer;transition:background .22s cubic-bezier(.16,1,.3,1),color .22s cubic-bezier(.16,1,.3,1)}.vw-renderer-toggle,.vw-renderer-toggle i{color:#4ade80}.vw-renderer-toggle i{font-size:13px}.vw-renderer-label{font-family:SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.06em;font-size:10.5px;text-transform:uppercase}.vw-renderer-toggle:hover{background:#22c55e2e;color:#86efac}.vw-renderer-toggle:hover i{color:#86efac}.vw-renderer-toggle.is-webgl,.vw-renderer-toggle.is-webgl i{color:#fbbf24}.vw-renderer-toggle.is-webgl:hover{background:#f59e0b2e;color:#fcd34d}.vw-renderer-toggle.is-webgl:hover i{color:#fcd34d}@media(max-width:600px){.vw-renderer-toggle{padding:0 8px!important;font-size:10px;gap:4px}.vw-renderer-label{font-size:9.5px}.vw-renderer-toggle i{font-size:11px}}@media(max-width:600px){input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],input[type=number],input:not([type]),textarea,select{font-size:16px!important}#bbPerfBar input,#bbPerfBar textarea{font-size:inherit!important}.footer-links-grid{grid-template-columns:1fr 1fr;gap:18px}.footer-links-col h4{font-size:12px}.footer-links-col a{font-size:12.5px}html,body{overflow-x:hidden}}@media(max-width:380px){.footer-links-grid{grid-template-columns:1fr;gap:14px}.footer-bottom{flex-direction:column;gap:8px;text-align:center}}#hvWrap:fullscreen,#hvWrap:-webkit-full-screen{width:100vw;height:100vh;background:var(--bg-primary);padding:0;margin:0;display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;border-radius:0;overflow:hidden}#hvWrap:fullscreen #hvViewerFrame,#hvWrap:-webkit-full-screen #hvViewerFrame{flex:1 1 auto;width:100%;height:auto;min-height:0;border-radius:0;border:none;margin:0}#hvWrap:fullscreen .hv-material-bar,#hvWrap:-webkit-full-screen .hv-material-bar,#hvWrap:fullscreen .hv-slider-group,#hvWrap:-webkit-full-screen .hv-slider-group,#hvWrap:fullscreen .vw-switches-bar,#hvWrap:-webkit-full-screen .vw-switches-bar{flex-shrink:0;margin:8px 12px}@media(max-width:600px){#hvWrap:fullscreen .hv-material-bar,#hvWrap:-webkit-full-screen .hv-material-bar{margin:6px 8px}#hvWrap:fullscreen .hv-slider-group,#hvWrap:-webkit-full-screen .hv-slider-group{margin:4px 8px}#hvWrap:fullscreen .vw-switches-bar,#hvWrap:-webkit-full-screen .vw-switches-bar{margin:4px 8px;flex-wrap:wrap}}#vwWrap:fullscreen,#vwWrap:-webkit-full-screen{width:100vw;height:100vh;background:var(--bg-primary);padding:0;margin:0;display:flex;flex-direction:column;border-radius:0;overflow:hidden}#vwWrap:fullscreen #vwViewerFrame,#vwWrap:-webkit-full-screen #vwViewerFrame{flex:1 1 auto;width:100%;height:auto;min-height:0;border-radius:0;border:none;margin:0}#vwWrap:fullscreen .vw-switches-bar,#vwWrap:-webkit-full-screen .vw-switches-bar,#vwWrap:fullscreen .vw-strip-wrap,#vwWrap:-webkit-full-screen .vw-strip-wrap{flex-shrink:0;margin:8px 12px}#cfgWrap:fullscreen,#cfgWrap:-webkit-full-screen,#cfgChairWrap:fullscreen,#cfgChairWrap:-webkit-full-screen{width:100vw;height:100vh;background:var(--bg-primary);padding:0;margin:0;display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;border-radius:0;overflow:hidden}#cfgWrap:fullscreen #cfgViewerFrame,#cfgWrap:-webkit-full-screen #cfgViewerFrame,#cfgChairWrap:fullscreen #cfgChairViewerFrame,#cfgChairWrap:-webkit-full-screen #cfgChairViewerFrame{flex:1 1 auto;width:auto;height:calc(100vh - 64px);min-width:0;border-radius:0;border:none;margin:0}#cfgWrap:fullscreen #cfgPanel,#cfgWrap:-webkit-full-screen #cfgPanel,#cfgChairWrap:fullscreen #cfgChairPanel,#cfgChairWrap:-webkit-full-screen #cfgChairPanel{flex-shrink:0;max-height:calc(100vh - 64px);overflow-y:auto}#cfgWrap:fullscreen .vw-switches-bar,#cfgWrap:-webkit-full-screen .vw-switches-bar,#cfgChairWrap:fullscreen .vw-switches-bar,#cfgChairWrap:-webkit-full-screen .vw-switches-bar,#cfgWrap:fullscreen .cfg-sw-bar,#cfgWrap:-webkit-full-screen .cfg-sw-bar,#cfgChairWrap:fullscreen .cfg-sw-bar,#cfgChairWrap:-webkit-full-screen .cfg-sw-bar{flex-shrink:0;width:100%;order:3;margin:0;border-radius:0}#genPopupCard:fullscreen,#genPopupCard:-webkit-full-screen{width:100vw;height:100vh;background:var(--bg-primary);padding:0;margin:0;border-radius:0;display:flex;flex-direction:column;overflow:hidden}#genPopupCard:fullscreen #genPopupViewer,#genPopupCard:-webkit-full-screen #genPopupViewer{flex:1 1 auto;width:100%;height:auto;min-height:0;border-radius:0}#genPopupCard:fullscreen .vw-switches-bar,#genPopupCard:-webkit-full-screen .vw-switches-bar{flex-shrink:0;width:100%;margin:0;border-radius:0}#genPopupCard:fullscreen .gen-popup-info,#genPopupCard:-webkit-full-screen .gen-popup-info,#genPopupCard:fullscreen .gen-popup-bottom,#genPopupCard:-webkit-full-screen .gen-popup-bottom{flex-shrink:0;width:100%;max-height:30vh;overflow-y:auto}#genPopupCard:fullscreen #genPopupClose,#genPopupCard:-webkit-full-screen #genPopupClose,#hvGenPopupOverlay .gen-popup-card:fullscreen #hvGenPopupClose,#hvGenPopupOverlay .gen-popup-card:-webkit-full-screen #hvGenPopupClose{display:none!important}#hvGenPopupOverlay .gen-popup-card:fullscreen,#hvGenPopupOverlay .gen-popup-card:-webkit-full-screen{width:100vw;height:100vh;background:var(--bg-primary);padding:0;margin:0;border-radius:0;display:flex;flex-direction:column;overflow:hidden}#hvGenPopupOverlay .gen-popup-card:fullscreen #hvGenPopupViewer,#hvGenPopupOverlay .gen-popup-card:-webkit-full-screen #hvGenPopupViewer{flex:1 1 auto;width:100%;height:auto;min-height:0;border-radius:0}#hvGenPopupOverlay .gen-popup-card:fullscreen .vw-switches-bar,#hvGenPopupOverlay .gen-popup-card:-webkit-full-screen .vw-switches-bar{flex-shrink:0;width:100%;margin:0;border-radius:0}#hvGenPopupOverlay .gen-popup-card:fullscreen .gen-popup-bottom,#hvGenPopupOverlay .gen-popup-card:-webkit-full-screen .gen-popup-bottom,#hvGenPopupOverlay .gen-popup-card:fullscreen .gen-popup-info,#hvGenPopupOverlay .gen-popup-card:-webkit-full-screen .gen-popup-info{flex-shrink:0;width:100%;max-height:30vh;overflow-y:auto}@media(max-width:768px){#vwWrap:fullscreen #vwViewerFrame,#cfgWrap:fullscreen #cfgViewerFrame,#cfgChairWrap:fullscreen #cfgChairViewerFrame,#genPopupCard:fullscreen #genPopupViewer,#hvGenPopupOverlay .gen-popup-card:fullscreen #hvGenPopupViewer{border-radius:0}#cfgWrap:fullscreen,#cfgChairWrap:fullscreen{flex-direction:column;flex-wrap:nowrap}#cfgWrap:fullscreen #cfgViewerFrame,#cfgChairWrap:fullscreen #cfgChairViewerFrame{height:auto;flex:1 1 auto}}.vw-hero,.cfg-hero,.gen-hero,.ar-hero,.vr-hero,.sc-hero{justify-content:center!important;padding-bottom:40px!important}.vw-hero>.container,.cfg-hero>.container,.gen-hero>.container,.ar-hero>.container,.vr-hero>.container,.sc-hero>.container{flex:0 1 auto!important}.vw-hero>.scroll-indicator,.cfg-hero>.scroll-indicator,.gen-hero>.scroll-indicator,.ar-hero>.scroll-indicator,.vr-hero>.scroll-indicator,.sc-hero>.scroll-indicator{position:relative!important;left:auto!important;bottom:auto!important;transform:none!important;margin:var(--spacing-lg) auto 0!important}@media(max-width:768px){.vw-hero>.scroll-indicator,.cfg-hero>.scroll-indicator,.gen-hero>.scroll-indicator,.ar-hero>.scroll-indicator,.vr-hero>.scroll-indicator,.sc-hero>.scroll-indicator{position:absolute!important;bottom:calc(12% + 44px)!important;left:50%!important;top:auto!important;transform:translate(-50%)!important;margin:0!important;font-size:.75rem!important;opacity:.35!important;letter-spacing:.5px;z-index:2}.vw-hero>.scroll-indicator .scroll-line,.cfg-hero>.scroll-indicator .scroll-line,.gen-hero>.scroll-indicator .scroll-line,.ar-hero>.scroll-indicator .scroll-line,.vr-hero>.scroll-indicator .scroll-line,.sc-hero>.scroll-indicator .scroll-line{height:18px;opacity:.5}}
