.product{position:relative;width:100vw;height:100%;color:var(--foreground)}.product,.product .container{background-color:var(--background)}.product .container{width:100%}.product-hero{position:relative;width:100vw;height:100vh;overflow:hidden;display:flex;align-items:center}.product-hero-img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.product-hero-img img{position:absolute;top:-15%;left:0;width:100%;height:130%;object-fit:cover;will-change:transform}.hero-img-overlay{background:linear-gradient(rgb(255 255 255/.075),rgb(255 255 255/.075) 4px,transparent 0,transparent 9px);background-size:100% 9px;animation:pan-overlay 22s linear infinite}.hero-img-gradient,.hero-img-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.hero-img-gradient{background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.2))}.product-hero-content{position:relative;z-index:2;padding:0 4em;max-width:60%}.product-hero-content h1{font-family:Moonbandit NeoWave,Nippo,sans-serif;font-size:4.5rem;text-transform:none;letter-spacing:.05em;margin-bottom:.5em}.product-hero-content h2{font-family:Suisse Intl;font-size:2.5rem;font-weight:400;color:var(--foreground-secondary);margin-bottom:1em;text-transform:none}.hero-subtitle{font-family:Nippo;font-size:1.25rem;line-height:1.6;margin-bottom:2em;color:var(--foreground-secondary)}.hero-cta{display:flex;gap:1.5em}.product-section-header{margin-bottom:3em}.product-section-header .primary{margin-bottom:1em}.product-section-header h2{font-family:Suisse Intl;font-size:3.5rem;font-weight:600;text-transform:none;letter-spacing:-.02em}.product-why{padding:6em 0;background-color:var(--background)}.why-intro{margin-bottom:4em}.why-intro h3{font-family:Suisse Intl;font-size:2rem;font-weight:400;line-height:1.4;color:var(--foreground-secondary);text-transform:none;max-width:80%}.feature-img{position:relative;width:100%;height:100%;border-radius:.5rem;overflow:hidden}.feature-img img{position:absolute;top:-10%;left:0;width:100%;height:120%;object-fit:cover;will-change:transform}.tech-stack-highlight{text-align:center;padding:2em;border:1px solid var(--foreground-secondary);border-radius:8px;margin-top:1em}.tech-stack-highlight .secondary{font-family:Nippo;font-size:1.125rem;font-style:italic;margin:0}.product-use-cases{padding:4em 0;background-color:var(--background)}.use-cases-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2em;gap:2em;margin-top:4em}.use-case-card{background-color:rgba(255,255,255,.05);border-radius:1rem;overflow:hidden;border:1px solid rgba(255,255,255,.1);transition:transform .3s ease,box-shadow .3s ease;will-change:transform,opacity}.use-case-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.2)}.use-case-img{position:relative;width:100%;height:250px;overflow:hidden}.use-case-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.use-case-card:hover .use-case-img img{transform:scale(1.05)}.use-case-content{padding:2rem}.use-case-category{margin-bottom:1.5rem}.use-case-tag{display:inline-block;background-color:var(--foreground);color:var(--background);padding:.5rem 1rem;border-radius:1rem;font-family:Nippo;font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.accessibility-note{margin-top:1.5rem;padding:1rem;background:rgba(74,144,226,.1);border:1px solid rgba(74,144,226,.3);border-radius:8px;text-align:center}.accessibility-note p{color:#4A90E2;font-weight:500;margin:0;font-size:.9rem}.use-case-card h3{font-family:Suisse Intl;font-size:1.5rem;font-weight:400;color:var(--foreground-secondary);text-transform:none;margin-bottom:1.5rem}.use-case-card ul{list-style:none;padding:0;margin:0}.use-case-card li{font-family:Nippo;font-size:1rem;color:var(--foreground);margin-bottom:.75rem;padding-left:1.5em;position:relative}.use-case-card li:before{content:"→";position:absolute;left:0;color:var(--foreground-secondary);font-weight:700}.use-case-card:focus,.use-case-card:focus-visible{outline:3px solid #4A90E2;outline-offset:4px;transform:translateY(-5px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.accessibility-controls{margin-top:2rem;text-align:center}.skip-animation-btn{background-color:var(--foreground);color:var(--background);border:none;padding:.75rem 1.5rem;border-radius:4px;font-family:Nippo;font-weight:500;cursor:pointer;transition:all .3s ease}.skip-animation-btn:focus,.skip-animation-btn:hover{background-color:var(--foreground-secondary);outline:2px solid var(--foreground);outline-offset:2px}.use-cases-col:focus,.use-cases-col:focus-visible{outline:3px solid #4A90E2;outline-offset:4px;border-radius:8px}@media (prefers-contrast:high){.use-cases-col-content-wrapper,.use-cases-col-img-wrapper,.use-cases-content-wrapper,.use-cases-content-wrapper-2{border:2px solid var(--foreground);background-color:var(--background)}.use-case-tag{border:2px solid var(--background)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.use-case-card{opacity:1!important}.use-case-card,.use-case-card:hover{transform:none!important}}.product-specs{position:relative;padding:6em 0;background-color:var(--background);overflow:hidden;min-height:90vh}.specs-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0f1419;z-index:-1;-webkit-clip-path:polygon(0 0,100% 0,100% 85%,95% 100%,5% 100%,0 85%);clip-path:polygon(0 0,100% 0,100% 85%,95% 100%,5% 100%,0 85%)}.specs-content{display:flex;gap:6em;align-items:center;position:relative;z-index:2}.specs-col{flex:1 1}.specs-visual{flex:1.2 1;position:relative}.specs-list{display:flex;flex-direction:column;gap:2em}.spec-item h4{font-family:Nippo;font-size:1.5rem;font-weight:500;margin-bottom:.5em;text-transform:none}.spec-item p{font-family:Nippo;color:var(--foreground-secondary);line-height:1.5}.specs-hero-img{position:relative;width:100%;height:600px;border-radius:2rem;overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.4);-webkit-clip-path:polygon(5% 0,95% 0,100% 10%,100% 85%,95% 100%,5% 100%,0 90%,0 15%);clip-path:polygon(5% 0,95% 0,100% 10%,100% 85%,95% 100%,5% 100%,0 90%,0 15%);transform:perspective(1000px) rotateY(-5deg) rotateX(5deg);transition:transform .3s ease}.specs-hero-img:hover{transform:perspective(1000px) rotateY(-2deg) rotateX(2deg) scale(1.02)}.specs-hero-img img{width:100%;height:100%;object-fit:cover;transform:scale(1.1);transition:transform .5s ease}.specs-hero-img:hover img{transform:scale(1.15)}.specs-img-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05) 50%,rgba(0,0,0,.2));z-index:1}.product-developer{position:relative;padding:6em 0;text-align:center}.developer-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#2c4f4f;-webkit-clip-path:polygon(0 0,100% 0,100% 85%,95% 100%,5% 100%,0 85%);clip-path:polygon(0 0,100% 0,100% 85%,95% 100%,5% 100%,0 85%);z-index:-1}.developer-content h2{font-family:Suisse Intl;font-size:3rem;font-weight:500;margin-bottom:1em;text-transform:none}.developer-content p{font-family:Nippo;font-size:1.25rem;color:var(--foreground-secondary);margin-bottom:2em;max-width:60%;margin-left:auto;margin-right:auto}.developer-cta{display:flex;gap:1.5em;justify-content:center}.next-product{position:relative;width:100vw;overflow-x:hidden;gap:1em;background-color:var(--background);z-index:20;min-height:100vh}.next-product-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#173937;z-index:-1;-webkit-clip-path:polygon(5% 0,94% 0,100% 15%,100% 85%,95% 100%,5% 100%,0 85%,0 15%);clip-path:polygon(5% 0,94% 0,100% 15%,100% 85%,95% 100%,5% 100%,0 85%,0 15%)}.marquee-product{position:absolute;top:50%;transform:translateY(-50%);opacity:.25;z-index:1}.next-product .container{padding:4rem 0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background-color:transparent;gap:1em;position:relative;z-index:2}.next-product-img{width:35%;height:300px;-webkit-clip-path:polygon(0 0,90% 0,100% 15%,100% 80%,100% 100%,5% 100%,0 90%,0 20%);clip-path:polygon(0 0,90% 0,100% 15%,100% 80%,100% 100%,5% 100%,0 90%,0 20%)}.next-product-img img{width:100%;height:100%;object-fit:cover}.next-product h2{width:50%;font-size:4rem;text-transform:none;letter-spacing:-.15rem;margin-bottom:.5em}.next-product p{font-family:Nippo;font-size:1.25rem;color:var(--foreground-secondary);margin-bottom:2em;max-width:60%;margin-left:auto;margin-right:auto;line-height:1.6}.final-cta-buttons{display:flex;gap:1.5em;justify-content:center;margin-top:1em}.cta-primary,.cta-secondary{padding:.75em 2em;text-decoration:none;font-family:Nippo;font-weight:500;border-radius:4px;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5em}.cta-primary{background-color:var(--foreground);color:var(--background)}.cta-primary:hover{background-color:var(--foreground-secondary)}.cta-secondary{border:1px solid var(--foreground);color:var(--foreground);background-color:transparent}.cta-secondary:hover{background-color:var(--foreground);color:var(--background)}@keyframes pan-overlay{0%{background-position:0 0}to{background-position:0 -100%}}@media (max-width:991px){.product-hero-content{max-width:75%;padding:0 3em}.product-hero-content h1{font-size:4rem}.product-hero-content h2{font-size:2.25rem}.product-section-header h2{font-size:3rem}.next-product h2{font-size:3.5rem;width:60%}.next-product-img{width:40%}.specs-hero-img{height:500px;transform:perspective(1000px) rotateY(-3deg) rotateX(3deg)}.use-cases-grid{gap:1.5em}.use-case-img{height:220px}.use-case-content{padding:1.75rem}.use-case-card h3{font-size:1.25rem}.use-case-card li{font-size:.95rem}.skip-animation-btn{padding:.875rem 1.75rem;font-size:1.1rem}.accessibility-note{padding:.875rem}.accessibility-note p{font-size:.85rem}}@media (max-width:767px){.product-hero-content{max-width:100%;padding:0 2.5em}.product-hero-content h1{font-size:3.5rem}.product-hero-content h2{font-size:2rem}.hero-cta{flex-direction:column;gap:1.25em}.product-section-header h2{font-size:2.75rem}.next-product h2{font-size:3rem;width:70%}.next-product-img{width:50%}.specs-hero-img{height:400px;transform:perspective(800px) rotateY(-2deg) rotateX(2deg)}.use-cases-grid{grid-template-columns:1fr;gap:1.5em}.use-case-img{height:200px}.use-case-content{padding:1.5rem}.use-case-card h3{font-size:1.25rem}.use-case-card li{font-size:.95rem}.skip-animation-btn{padding:1rem 2rem;font-size:1.125rem;margin-bottom:1rem}.product-use-cases{padding:2em 0}.product-specs{padding:3em 0}.tech-stack-highlight{margin-top:.5em;padding:1.5em}.use-case-card:focus,.use-case-card:focus-visible{outline-width:4px;outline-offset:6px}.accessibility-note{padding:.75rem;margin-top:1rem}.accessibility-note p{font-size:.8rem}.specs-content{flex-direction:column;gap:3em}.developer-cta,.final-cta-buttons{flex-direction:column;align-items:center;gap:1.25em}}@media (max-width:575px){.product-hero-content{padding:0 2em}.product-hero-content h1{font-size:3rem}.product-hero-content h2{font-size:1.75rem}.hero-subtitle{font-size:1.1rem}.product-section-header h2{font-size:2.5rem}.next-product h2{font-size:2.5rem;width:80%}.next-product-img{width:60%;height:250px}.specs-hero-img{height:350px;transform:none}.use-cases-grid{gap:1.25em}.use-case-img{height:180px}.use-case-content{padding:1.25rem}.use-case-card h3{font-size:1.1rem}.use-case-card li{font-size:.9rem}.specs-content{gap:2.5em}.product-use-cases{padding:1.5em 0}.product-specs{padding:2em 0}.tech-stack-highlight{margin-top:.25em;padding:1em}.developer-cta,.final-cta-buttons{gap:1em}}@media (max-width:479px){.product-hero-content{padding:0 1.5em}.product-hero-content h1{font-size:2.5rem}.product-hero-content h2{font-size:1.5rem}.hero-subtitle{font-size:1rem}.product-section-header h2{font-size:2rem}.next-product h2{font-size:2rem;width:90%}.next-product-img{width:70%;height:200px}.next-product p{max-width:80%;font-size:1.1rem}.specs-hero-img{height:300px}.use-cases-grid{gap:1em}.use-case-img{height:160px}.use-case-content{padding:1rem}.use-case-card h3{font-size:1rem}.use-case-card li{font-size:.85rem;margin-bottom:.5rem}.use-case-tag{font-size:.8rem;padding:.4rem .8rem}.product-use-cases{padding:1em 0}.product-specs{padding:1.5em 0}.tech-stack-highlight{margin-top:0;padding:.75em}.accessibility-note{padding:.5rem;margin-top:.75rem}.accessibility-note p{font-size:.75rem}.specs-content{gap:2em}.developer-cta,.final-cta-buttons{gap:.75em}}