.product-landing{--primary-color:var(--astro-accent);--primary-color-dark:var(--astro-accent-hover);--secondary-color:var(--astro-secondary);--secondary-color-dark:var(--astro-secondary-dark);--text-color:var(--astro-text-light);--text-muted:var(--astro-text-muted);--dark-bg:var(--astro-dark-bg);--darker-bg:var(--astro-darker-bg);--border-radius:8px;--shadow:0 4px 6px -1px rgba(0,0,0,.2),0 2px 4px -1px rgba(0,0,0,.1);--glow:0 0 15px rgba(33,122,255,.5);--card-background-color:oklch(24% .0115 278.01deg);--card-background-color-hover:oklch(24% .0115 278.01deg);--card-background-color-shadow:linear-gradient(45deg,var(--color-brand-blue,#217aff),var(--color-brand-purple,#9f00f3),var(--color-brand-red,#ff0068));color:var(--text-color)}.video-section{padding:5rem 0;position:relative}.video-section:before{content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.section-title{background:linear-gradient(90deg,var(--astro-accent) 0,var(--astro-secondary) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;font-size:clamp(2.5rem,5vw,4rem);font-weight:600;letter-spacing:1px;margin-bottom:1rem;text-align:center;width:100%}.section-description{color:var(--color-text-secondary);font-size:clamp(1rem,2vw,1.25rem);line-height:1.6;margin:0 auto 2rem;max-width:800px;text-align:center}.supademo-container{margin:2rem auto;overflow:hidden}.video-features{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:4rem}.video-placeholder-container{border:1px solid rgba(33,122,255,.2);border-radius:var(--border-radius);box-shadow:var(--shadow);margin:3rem auto;max-width:1000px;overflow:hidden}.video-placeholder{align-items:center;aspect-ratio:16/9;background-color:#0a0a0acc;cursor:pointer;display:flex;justify-content:center;position:relative;transition:all .3s ease;width:100%}.video-placeholder:hover{border-color:var(--astro-accent);box-shadow:var(--glow)}.video-placeholder img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.play-button{color:#fff;left:50%;opacity:.8;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease}.video-placeholder:hover .play-button{opacity:1;transform:translate(-50%,-50%) scale(1.1)}@property --rotation-pct{syntax:"<percentage>";inherits:false;initial-value:0%}@keyframes rotate-gradient{0%{--rotation-pct:0%}to{--rotation-pct:100%}}@property --gradient-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes rotate-linear-gradient{to{--gradient-angle:360deg}}@property --sweep-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes sweep-conic-gradient{to{--sweep-angle:360deg}}.feature{background-color:var(--card-background-color);border-radius:var(--border-radius);padding:2rem;position:relative;text-align:center;transform-style:preserve-3d}.feature:before{animation-delay:0s;animation-duration:8s;animation-iteration-count:infinite;animation-name:sweep-conic-gradient;animation-play-state:paused;animation-timing-function:linear;background:conic-gradient(from var(--sweep-angle) at 50% 50% in oklab,oklab(64% -.02 -.16/0) 0,10%,oklab(64% -.02 -.16) 12% 12%,16%,oklab(62% .06 -.1) 18% 18%,22%,oklab(64% .13 .06) 26% 26%,28%,oklab(64% .13 .06/0) 32% 32%,oklab(64% -.02 -.16/0) 50%,60%,oklab(64% -.02 -.16) 62% 62%,66%,oklab(62% .06 -.1) 68% 68%,72%,oklab(64% .13 .06) 76% 76%,78%,oklab(64% .13 .06/0) 82% 82%);border-radius:8px;content:"";filter:blur(4px);inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;pointer-events:none;position:absolute;transition:opacity .3s ease-out 0s,animation-play-state 0s linear 0s}.feature:hover:before{animation-play-state:running;content:"";inset:0;opacity:1;position:absolute;transition:opacity .3s ease-in 0s,animation-play-state 0s linear 3s}.feature-icon{align-items:center;background:linear-gradient(135deg,#217aff33,#9268c233);border:1px solid rgba(33,122,255,.3);border-radius:50%;box-shadow:0 0 15px #217aff33;color:var(--primary-color);display:inline-flex;height:70px;justify-content:center;margin-bottom:1.5rem;width:70px}.feature h3{color:var(--text-color);font-size:1.4rem;margin-bottom:1rem}.feature p{color:var(--text-muted);line-height:1.6}.section-navigation{backdrop-filter:blur(10px);background-color:#000000f2;border-top:1px solid rgba(33,122,255,.2);bottom:0;box-shadow:0 -4px 10px -1px #0000004d;padding:.75rem 0;position:sticky;z-index:100}.section-navigation ul{display:flex;gap:2rem;justify-content:center;list-style:none;margin:0;padding:0}.section-navigation a{border-radius:50px;color:var(--text-muted);font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.section-navigation a:hover{background-color:#217aff1a;color:var(--primary-color)}.hero-section{background:var(--color-background-gradient);padding:5rem 0;text-align:center}.hero-title{background:var(--color-text-brand-gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;font-size:clamp(2.5rem,5vw,4rem);margin-bottom:1rem}.hero-tagline{color:var(--color-text-accent);font-size:clamp(1.5rem,3vw,2rem);margin-bottom:1.5rem}.hero-description{font-size:clamp(1rem,2vw,1.25rem);line-height:1.6;margin:0 auto 2rem;max-width:800px}.hero-features{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.hero-features .feature{background-color:var(--card-background-color);border-radius:.75rem;padding:2rem;transition:box-shadow .3s ease}.hero-features .feature:hover{box-shadow:0 .25rem .5rem var(--color-shadow)}.problem-solution-section{background-color:var(--color-background-secondary);padding:5rem 0;width:100%}.problem-solution-section .container{max-width:1200px;padding:0;width:90%}.slide-container{border-radius:.75rem;box-shadow:0 .25rem .5rem var(--color-shadow);height:auto;margin:0 auto;max-width:1200px;min-height:250px;overflow:hidden;position:relative}.slide-panel{background-color:var(--card-background-color);display:flex;flex-direction:column;height:100%;padding:3rem 2rem;transition:transform .5s ease;width:100%}.slide-panel h3{color:var(--color-text-accent);font-size:clamp(1.5rem,3vw,2rem);margin-bottom:1.5rem;padding:0 1.5rem}.slide-panel p{flex-grow:1;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.6;margin-bottom:2rem;padding:0 1.5rem}.challenge-panel{transform:translate(0)}.solution-panel{height:100%;left:0;position:absolute;top:0;transform:translate(100%);width:100%}.slide-container.show-solution .challenge-panel{transform:translate(-100%)}.slide-container.show-solution .solution-panel{transform:translate(0)}.slide-btn{align-self:flex-start;background-color:var(--color-background-accent);border:none;border-radius:2rem;color:var(--text-muted);cursor:pointer;font-size:clamp(.9rem,1.2vw,1.1rem);margin-left:1.5rem;margin-top:auto;padding:.75rem 0;transition:all .3s ease}.slide-btn:hover{background-color:var(--color-brand-secondary);color:#fff}.section-header{margin-bottom:3rem;text-align:center}.section-header h2{color:var(--color-text-accent);font-size:clamp(1.75rem,3vw,2.5rem);margin-bottom:1rem}.how-it-works-section{padding:5rem 0}.process-steps{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:3rem}.process-step{background-color:var(--card-background-color);border-radius:.75rem;box-shadow:0 .25rem .5rem var(--color-shadow);padding:2rem;position:relative;text-align:center;transform-style:preserve-3d}.process-step:before{animation-delay:0s;animation-duration:8s;animation-iteration-count:infinite;animation-name:sweep-conic-gradient;animation-play-state:paused;animation-timing-function:linear;background:conic-gradient(from var(--sweep-angle) at 50% 50% in oklab,oklab(64% -.02 -.16/0) 0,10%,oklab(64% -.02 -.16) 12% 12%,16%,oklab(62% .06 -.1) 18% 18%,22%,oklab(64% .13 .06) 26% 26%,28%,oklab(64% .13 .06/0) 32% 32%,oklab(64% -.02 -.16/0) 50%,60%,oklab(64% -.02 -.16) 62% 62%,66%,oklab(62% .06 -.1) 68% 68%,72%,oklab(64% .13 .06) 76% 76%,78%,oklab(64% .13 .06/0) 82% 82%);border-radius:.75rem;content:"";filter:blur(4px);inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;pointer-events:none;position:absolute;transition:opacity .3s ease-out 0s,animation-play-state 0s linear 0s}.process-step:hover:before{animation-play-state:running;content:"";inset:0;opacity:1;position:absolute;transition:opacity .3s ease-in 0s,animation-play-state 0s linear 3s}.step-number{color:var(--color-background-accent);font-size:3rem;font-weight:700;opacity:.3;position:absolute;right:1rem;top:1rem}.step-icon{color:var(--color-brand-secondary);height:60px;margin:0 auto 1rem;width:60px}.process-step h3{color:var(--color-text-accent);font-size:1.5rem;margin-bottom:1rem}.process-step p{font-size:1rem;line-height:1.5}.container{margin:0 auto;max-width:1200px;width:90%}section{scroll-margin-top:80px}@media(width<=768px){.process-steps,.trust-indicators,.video-features{grid-template-columns:1fr}.section-navigation ul{gap:.5rem}.section-navigation a{font-size:.9rem;padding:.5rem}.section-title{font-size:2rem}.slide-panel{padding:2rem}}