@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-primary: #0b3a3e;--color-primary-hover: #084640;--color-accent: #daa520;--color-accent-hover: #b8941c;--color-accent-light: #f4e4a6;--color-background: #111111;--color-background-alt: #0d0d0d;--color-surface: #1c1c1c;--color-surface-elevated: #252525;--color-surface-glass: rgba(28, 28, 28, .8);--color-border: #2a2a2a;--color-border-accent: #3a3a3a;--color-overlay: rgba(0, 0, 0, .6);--color-text-primary: #ffffff;--color-text-secondary: #b3b3b3;--color-text-tertiary: #808080;--color-text-accent: #daa520;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 32px;--font-size-4xl: 40px;--font-size-5xl: 48px;--font-size-6xl: 64px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-0: 0;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-16: 64px;--spacing-20: 80px;--spacing-24: 96px;--spacing-32: 128px;--border-radius: 12px;--border-radius-sm: 8px;--border-radius-lg: 16px;--border-radius-xl: 20px;--border-radius-full: 999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .4);--brm: 1}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden}body{font-family:var(--font-primary);background-color:var(--color-background);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:1.2;color:var(--color-text-primary)}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6}a{color:var(--color-accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-accent-hover)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-6)}@media(min-width:768px){.container{padding:0 var(--spacing-12)}}.text-center{text-align:center}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-accent{color:var(--color-accent)}.section{padding:120px 0}.section-alt{background:var(--color-background-alt)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-6)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-6)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-6)}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@supports (corner-shape: squircle){:root{--brm: 2}}.base-navbar{background:linear-gradient(#988a8a8c,#4c46468c);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:calc(var(--border-radius-lg) * var(--brm));corner-shape:squircle;position:fixed;top:var(--spacing-6);left:50%;transform:translate(-50%);z-index:100;box-shadow:var(--shadow-lg);transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s ease;width:calc(100% - 48px)}.base-navbar.hidden{transform:translate(-50%) translateY(-150%);opacity:0;pointer-events:none}.base-navbar-container{display:flex;justify-content:space-between;align-items:center;width:100%}.base-navbar-logo{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-accent);text-decoration:none;display:flex;align-items:center;gap:var(--spacing-2)}.base-navbar-logo img{flex-shrink:0}.base-navbar-links-wrapper{position:relative;display:flex;flex-direction:column}.base-navbar-links{display:flex;list-style:none}.base-navbar-link{color:var(--color-text-primary);text-decoration:none;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.02em;transition:color .3s ease;position:relative;text-transform:uppercase;padding:var(--spacing-3) var(--spacing-3);white-space:nowrap}.base-navbar-link:before{content:"";position:absolute;inset:0;background:#ffc1071a;border-radius:calc(16px * var(--brm));corner-shape:squircle;transform:scaleY(0);transform-origin:bottom;transition:transform .3s cubic-bezier(.34,1.56,.64,1);z-index:-1}.base-navbar-link:hover:before{transform:scaleY(1)}.base-navbar-link.active{color:var(--color-accent)}.base-navbar-link.active:before{transform:scaleY(1)}.base-navbar-underline{position:absolute;bottom:-8px;left:0;height:2px;background:var(--color-accent);border-radius:1px;transition:all .4s cubic-bezier(.4,0,.2,1);pointer-events:none}.base-navbar-cta{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm)}.navbar{padding:var(--spacing-3) var(--spacing-6);max-width:1100px}.navbar-links{gap:var(--spacing-6)}.base-mobile-menu-toggle{display:none;background:none;border:none;color:var(--color-text-primary);cursor:pointer;padding:var(--spacing-2)}.base-mobile-menu{display:none;position:fixed;inset:0;background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;flex-direction:column;overflow-y:auto;animation:slideInFromTop .3s ease-out}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.base-mobile-menu.open{display:flex}.base-mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-6);border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.base-mobile-menu-close{background:none;border:none;color:var(--color-text-primary);cursor:pointer;padding:var(--spacing-2);border-radius:var(--border-radius-md);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.base-mobile-menu-close:hover{background:#ffffff1a;transform:rotate(90deg)}.base-mobile-menu-links{list-style:none;text-align:left;padding:var(--spacing-6);margin:0;flex:1;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto;min-height:0}.base-mobile-menu-links li{margin:0}.base-mobile-menu-links a{color:var(--color-text-primary);text-decoration:none;font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em;transition:all .2s ease;display:block;padding:var(--spacing-4) 0;border-bottom:1px solid rgba(255,255,255,.05)}.base-mobile-menu-links a:hover,.base-mobile-menu-links a.active{color:var(--color-accent);padding-left:var(--spacing-3)}.base-mobile-menu-footer{padding:var(--spacing-6);padding-top:0;flex-shrink:0}.base-mobile-menu-footer .btn{width:100%;justify-content:center}@media(max-width:480px){.base-navbar-links-wrapper,.base-navbar-cta{display:none!important}.base-mobile-menu-toggle{display:block!important}}@media(max-width:768px){.base-navbar{top:var(--spacing-4);width:calc(100% - 32px)}.navbar{padding:var(--spacing-3) var(--spacing-4)}.base-navbar-links-wrapper,.base-navbar-cta{display:none}.base-mobile-menu-toggle{display:block}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.btn{display:inline-block;padding:var(--spacing-3) var(--spacing-6);border-radius:calc(var(--border-radius-full) * var(--brm));corner-shape:squircle;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-align:center;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none}.btn-primary{background:var(--color-accent);color:var(--color-primary);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--color-accent-hover);color:var(--color-background);transform:translateY(-1px);box-shadow:0 4px 16px #daa5204d}.btn-secondary{background:transparent;color:var(--color-accent);border:2px solid var(--color-accent);padding:10px 22px}.btn-secondary:hover{background:var(--color-accent);color:var(--color-primary)}.hero-section{min-height:100vh;position:relative;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.hero-left-content{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:var(--spacing-12) var(--spacing-20);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%)}.hero-gradient-overlay{position:absolute;inset:0;background:var(--color-overlay);z-index:1}.hero-text-content{position:relative;z-index:2;max-width:600px;text-align:left}.hero-right-content{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-background{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1s ease-in-out;z-index:0;box-shadow:inset 12px 0 30px #00000080}.hero-background.active{box-shadow:inset 12px 0 30px #0009;opacity:1}.hero-carousel-dots{position:absolute;bottom:var(--spacing-6);left:50%;transform:translate(-50%);display:flex;gap:12px;justify-content:center;z-index:2}.hero-carousel-dot{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:transparent;cursor:pointer;transition:all .3s ease;padding:0}.hero-carousel-dot:hover{border-color:#fffc;transform:scale(1.2)}.hero-carousel-dot.active{background:var(--color-accent);border-color:var(--color-accent);transform:scale(1.1)}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:var(--font-weight-bold);line-height:1.1;margin-bottom:var(--spacing-6);color:var(--color-text-primary);text-shadow:0 2px 8px rgba(0,0,0,.3)}.hero-subtitle{font-size:clamp(1.125rem,2vw,1.25rem);color:var(--color-text-secondary);margin-bottom:var(--spacing-8);line-height:1.6}.hero-cta{display:flex;gap:var(--spacing-4);justify-content:flex-start;flex-wrap:wrap}@media(max-width:1024px){.hero-section{grid-template-columns:1fr;grid-template-rows:1fr;min-height:100vh;position:relative}.hero-left-content{position:absolute;inset:0;z-index:2;background:transparent;display:flex;align-items:center;justify-content:center;padding:var(--spacing-8) var(--spacing-6)}.hero-gradient-overlay{background:#0006}.hero-right-content{position:absolute;inset:0;z-index:1}.hero-text-content{text-align:center;max-width:600px}}@media(max-width:768px){.hero-section{min-height:100vh}.hero-left-content{padding:var(--spacing-6) var(--spacing-4);padding-top:calc(var(--spacing-16) + var(--spacing-4))}.hero-text-content{max-width:100%}.hero-carousel-dots{bottom:var(--spacing-4)}.hero-title{font-size:clamp(2rem,8vw,3rem);margin-bottom:var(--spacing-4)}.hero-subtitle{font-size:clamp(1rem,4vw,1.125rem);margin-bottom:var(--spacing-6)}.hero-cta{flex-direction:column;align-items:center;gap:var(--spacing-3)}}.product-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:calc(var(--border-radius-xl) * var(--brm));corner-shape:squircle;overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94);cursor:pointer;position:relative;min-height:400px;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-xl);border-color:var(--color-accent-light)}.product-card-image{width:100%;height:240px;object-fit:cover;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));position:relative;flex-shrink:0;overflow:hidden}.product-card-image img{width:100%;height:100%;object-fit:cover;display:block}.product-card-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.3) 100%);opacity:0;transition:opacity .3s ease}.product-card:hover .product-card-overlay{opacity:1}.product-card-content{padding:var(--spacing-8) var(--spacing-6) var(--spacing-6) var(--spacing-6);display:flex;flex-direction:column;flex-grow:1;min-height:160px}.product-card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.product-card-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin-bottom:var(--spacing-4);flex-grow:1}.product-card-cta{color:var(--color-accent);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;transition:color .2s ease;margin-top:auto;padding-top:var(--spacing-3)}.product-card:hover .product-card-cta{color:var(--color-accent-light)}.feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:calc(var(--border-radius) * var(--brm));corner-shape:squircle;padding:var(--spacing-6);text-align:center;transition:all .3s ease}.feature-card:hover{transform:translateY(-4px);border-color:var(--color-accent)}.feature-icon{width:48px;height:48px;margin:0 auto var(--spacing-4);color:var(--color-accent)}.feature-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-3)}.feature-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-8);margin-top:var(--spacing-16)}.value-card{text-align:left;padding:var(--spacing-6)}.value-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-accent);margin-bottom:var(--spacing-3)}.value-description{color:var(--color-text-secondary);line-height:1.6}.workflow-step{display:flex;align-items:flex-start;gap:var(--spacing-4)}.step-number{background:var(--color-accent);color:var(--color-background);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-sm);flex-shrink:0;margin-top:2px}.workflow-step h4{margin:0 0 var(--spacing-2) 0;color:var(--color-text-primary);font-weight:600}.workflow-step p{margin:0;color:var(--color-text-secondary);line-height:1.5}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-8)}@media(max-width:768px){.grid-3{grid-template-columns:1fr}}.feature-showcard{background:#1c1c1c99;border:1px solid var(--color-border);border-radius:calc(var(--border-radius-lg) * var(--brm));corner-shape:squircle;padding:var(--spacing-6);transition:all .3s ease}.feature-showcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--color-accent-hover)}.feature-showcard-media{width:100%;aspect-ratio:16/9;border-radius:calc(var(--border-radius-md) * var(--brm));corner-shape:squircle;overflow:hidden;margin-bottom:var(--spacing-4);background:var(--color-background-alt);display:flex;align-items:center;justify-content:center}.feature-gif{width:100%;height:100%;object-fit:cover}.feature-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:var(--color-background)}.placeholder-text{font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg)}.feature-showcard-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-3);line-height:1.3}.feature-showcard-description{color:var(--color-text-secondary);line-height:1.6;margin:0}.feature-showcard.clickable:hover{transform:translateY(-6px);box-shadow:var(--shadow-2xl);border-color:var(--color-accent)}.feature-click-hint{margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--color-border)}.feature-click-hint span{color:var(--color-accent);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.modal-backdrop{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-6)}.modal-content{background:var(--color-background);border:1px solid var(--color-border);border-radius:calc(var(--border-radius-lg) * var(--brm));corner-shape:squircle;max-width:65vw;max-height:95vh;overflow:hidden;box-shadow:var(--shadow-2xl);animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) var(--spacing-4);border-bottom:1px solid var(--color-border)}.modal-title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.modal-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-2);border-radius:var(--border-radius-md);transition:all .2s ease}.modal-close:hover{color:var(--color-text-primary);background:var(--color-background-alt)}.modal-body{padding:var(--spacing-6);overflow-y:auto;max-height:calc(85vh - 80px)}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:var(--color-background-alt);border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:4px;border:2px solid var(--color-background-alt)}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--color-accent-hover)}.modal-body{scrollbar-width:thin;scrollbar-color:var(--color-accent) var(--color-background-alt)}.feature-modal .modal-content{max-width:900px}as .modal-gif-container{display:flex;flex-direction:column;gap:var(--spacing-4)}.modal-gif{width:100%;height:auto;border-radius:calc(var(--border-radius-md) * var(--brm));corner-shape:squircle;max-height:50vh;object-fit:contain}.modal-description{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:1.6;margin:0;text-align:center}.modal-placeholder{width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:calc(var(--border-radius-md) * var(--brm));corner-shape:squircle;display:flex;align-items:center;justify-content:center;max-height:60vh;min-height:250px}.modal-placeholder-content{text-align:center;color:var(--color-background)}.modal-placeholder-text{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);display:block;margin-bottom:var(--spacing-2)}.modal-placeholder-subtitle{font-size:var(--font-size-base);opacity:.8;margin:0}@media(max-width:768px){.modal-backdrop{padding:var(--spacing-2)}.modal-content{max-width:95vw}.modal-header{padding:var(--spacing-3) var(--spacing-3) var(--spacing-4)}.modal-body{padding:var(--spacing-4)}.modal-title{font-size:var(--font-size-lg)}.modal-description{display:none}}.product-navbar{padding:var(--spacing-3) var(--spacing-8);max-width:1200px}.product-navbar-desktop-nav{display:flex;align-items:center;gap:var(--spacing-1)}.product-navbar-links{gap:var(--spacing-2)}.product-navbar-underline{bottom:-8px}.product-navbar-desktop-cta{display:flex}.product-navbar-cta-button{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);white-space:nowrap;flex-shrink:0}.product-navbar-mobile-menu-button{background:none;border:none;color:var(--color-text);cursor:pointer;padding:var(--spacing-2);display:none;align-items:center;justify-content:center;border-radius:calc(var(--border-radius-md) * var(--brm));corner-shape:squircle;transition:background-color .2s ease}.product-navbar-mobile-menu-button:hover{background-color:var(--color-background-alt)}@media(max-width:768px){.product-navbar{padding:var(--spacing-3) var(--spacing-4)}.product-navbar-desktop-nav,.base-navbar-links-wrapper,.product-navbar-desktop-cta{display:none!important}.product-navbar-mobile-menu-button{display:block!important}}@media(max-width:1200px){.product-navbar-desktop-nav{gap:0}.product-navbar-links{gap:var(--spacing-1)}.product-navbar{padding:var(--spacing-3) var(--spacing-4)}}@media(max-width:1000px){.product-navbar-desktop-nav,.base-navbar-links-wrapper,.product-navbar-desktop-cta{display:none!important}.product-navbar-mobile-menu-button{display:block!important}}@media(min-width:769px){.product-navbar-mobile-menu{display:none!important}}.image-gallery{width:100vw;height:500px;overflow:hidden;position:relative;background:transparent;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}.image-gallery:before,.image-gallery:after{content:"";position:absolute;top:0;bottom:0;width:200px;z-index:10;pointer-events:none}.image-gallery:before{left:0;background:linear-gradient(to right,var(--color-background) 0%,var(--color-background) 20%,rgba(17,17,17,.8) 40%,rgba(17,17,17,.4) 70%,transparent 100%)}.image-gallery:after{right:0;background:linear-gradient(to left,var(--color-background) 0%,var(--color-background) 20%,rgba(17,17,17,.8) 40%,rgba(17,17,17,.4) 70%,transparent 100%)}.image-gallery-track{display:flex;flex-direction:row;gap:8px;transition:transform 50ms linear;height:100%}.image-gallery-item{position:relative;width:350px;height:100%;flex-shrink:0;cursor:pointer;overflow:hidden}.image-gallery-img{width:100%;height:100%;object-fit:cover;display:block}.image-gallery-overlay{position:absolute;inset:0;background:#0009;transition:transform .4s cubic-bezier(.4,0,.2,1);pointer-events:none}.image-gallery-overlay.hovered{transform:translate(-100%)}.image-gallery-modal{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-8);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-gallery-modal-content{max-width:90vw;max-height:90vh;animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1)}max-width: 90vw; max-height: 90vh; animation: scaleIn .4s cubic-bezier(.34,1.56,.64,1); } @keyframes scaleIn{from{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.image-gallery-modal-img{max-width:100%;max-height:90vh;width:auto;height:auto;object-fit:contain;border-radius:calc(var(--border-radius-lg) * var(--brm));corner-shape:squircle;box-shadow:var(--shadow-xl)}.image-gallery-modal-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius-full);color:#fff;width:56px;height:56px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.image-gallery-modal-nav:hover{background:#fff3;transform:translateY(-50%) scale(1.05)}.image-gallery-modal-nav:focus{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}.image-gallery-modal-nav:active{transform:translateY(-50%) scale(.95)}.image-gallery-modal-nav-prev{left:var(--spacing-6)}.image-gallery-modal-nav-next{right:var(--spacing-6)}.image-gallery-modal-counter{position:absolute;bottom:var(--spacing-6);left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}@media(max-width:768px){.image-gallery{height:400px}.image-gallery:before,.image-gallery:after{width:100px}.image-gallery-item{width:220px}.image-gallery-modal{padding:var(--spacing-4)}.image-gallery-modal-nav{width:48px;height:48px}.image-gallery-modal-nav-prev{left:var(--spacing-4)}.image-gallery-modal-nav-next{right:var(--spacing-4)}.image-gallery-modal-counter{bottom:var(--spacing-4);font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-3)}}.image-gallery-modal-enhanced{position:fixed;inset:0;background:radial-gradient(circle at center,#0006 25%,#000000e6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .3s ease}.image-gallery-modal-container{position:relative;cursor:default}.image-gallery-modal-content-enhanced{position:relative;cursor:default;display:inline-block}.image-gallery-modal-img-wrapper{border-radius:calc(var(--border-radius-xl) * var(--brm));overflow:hidden;box-shadow:var(--shadow-2xl);display:inline-block;line-height:0}.image-gallery-modal-img-enhanced{width:100%;height:100%;object-fit:contain;background:transparent;display:block}.image-gallery-modal-controls{position:absolute;inset:0;pointer-events:none;z-index:1001}.image-gallery-modal-controls .image-gallery-modal-nav,.image-gallery-modal-controls .image-gallery-modal-counter{pointer-events:all}@media(max-width:768px){.image-gallery-modal-enhanced{padding:var(--spacing-4)}.image-gallery-modal-content-enhanced{width:90vw;height:70vh;max-width:400px;aspect-ratio:3/4}.image-gallery-modal-img-enhanced{object-fit:cover}.image-gallery-modal-controls .image-gallery-modal-nav{width:48px;height:48px}}.content-max-width-700{max-width:700px;margin:0 auto}.content-max-width-600{max-width:600px;margin:0 auto}.content-max-width-800{max-width:800px;margin:0 auto}.content-max-width-500{max-width:500px;margin:0 auto}.margin-top-6{margin-top:var(--spacing-6)}.margin-top-8{margin-top:var(--spacing-8)}.margin-bottom-6{margin-bottom:var(--spacing-6)}.margin-bottom-8{margin-bottom:var(--spacing-8)}.margin-bottom-12{margin-bottom:var(--spacing-12)}.margin-bottom-16{margin-bottom:var(--spacing-16)}.text-lg{font-size:var(--font-size-lg)}.grid-gap-8{gap:var(--spacing-8)}.grid-gap-12{gap:var(--spacing-12)}.feature-list-unstyled{list-style:none;padding:0}.feature-list-item{display:flex;align-items:flex-start;margin-bottom:var(--spacing-4)}.feature-list-icon{color:var(--color-accent);margin-right:var(--spacing-3);margin-top:2px;flex-shrink:0}.compatibility-wrapper{max-width:600px;margin:0 auto;margin-top:var(--spacing-8)}.compatibility-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-6);text-align:left}.compatibility-item-title{color:var(--color-accent);margin-bottom:var(--spacing-2)}.workflow-step-spacing{margin-bottom:var(--spacing-8)}.product-navbar-brand{display:flex;align-items:center;gap:var(--spacing-3);flex-shrink:0}.product-navbar-brand-link{color:var(--color-accent);text-decoration:none;font-size:var(--font-size-lg);font-weight:700;white-space:nowrap;flex-shrink:0;cursor:pointer}.product-navbar-cta-mobile-wrapper{display:flex;align-items:center;gap:var(--spacing-4);flex-shrink:0}.product-navbar-mobile-menu{z-index:1100}.product-navbar-mobile-brand{color:var(--color-accent);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.product-navbar-mobile-menu-content{flex:1;display:flex;flex-direction:column;justify-content:flex-start;padding:var(--spacing-6);gap:var(--spacing-8);overflow-y:auto;min-height:0}.product-navbar-mobile-nav-link{color:var(--color-text-primary);text-decoration:none;font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);padding:var(--spacing-4) 0;border-bottom:1px solid rgba(255,255,255,.05);transition:all .2s ease;cursor:pointer;text-transform:uppercase;letter-spacing:.05em}.product-navbar-mobile-nav-link:hover{color:var(--color-accent);padding-left:var(--spacing-3)}.product-navbar-mobile-cta-button{width:100%;display:flex;justify-content:center}.btn-icon{margin-right:var(--spacing-2)}.homepage-section-margin{margin-top:var(--spacing-12)}.homepage-subtitle-margin{margin-bottom:var(--spacing-2)}.contact-info-wrapper{max-width:400px;margin:0 auto;margin-top:var(--spacing-12);display:flex;flex-direction:column;gap:var(--spacing-6);align-items:center}.contact-link{color:var(--color-accent);text-decoration:none}.contact-link:hover{text-decoration:underline}.image-modal-backdrop{position:fixed;inset:0;background:radial-gradient(circle at center,#0006 25%,#000000e6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;cursor:pointer}.image-modal-container{position:relative;cursor:default}.image-modal-content{position:relative;border-radius:calc(var(--border-radius-lg) * var(--brm));corner-shape:squircle;overflow:hidden;box-shadow:var(--shadow-2xl);cursor:default}.image-modal-img{width:100%;height:100%;object-fit:contain;background:var(--color-background);display:block}.image-modal-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-background);text-align:center;padding:var(--spacing-6)}.image-modal-placeholder-text{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2)}.image-modal-placeholder-subtitle{font-size:var(--font-size-base);opacity:.8;margin:0}.image-modal-info{position:absolute;bottom:-80px;left:0;right:0;text-align:center;color:#fff;pointer-events:none}.image-modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-2) 0;text-shadow:0 2px 4px rgba(0,0,0,.5)}.image-modal-description{font-size:var(--font-size-base);line-height:1.5;opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.5);max-width:600px;margin:0 auto}@media(max-width:768px){.image-modal-info{bottom:-120px;padding:0 var(--spacing-4)}.image-modal-title{font-size:var(--font-size-lg)}.image-modal-description{font-size:var(--font-size-sm)}}