.webhero-section{padding:4rem 0 0;background:var(--color-bg)}.webhero-content{display:flex;align-items:center;gap:2.5rem;padding:0 3rem}.webhero-text{flex:1;max-width:50%}.webhero-visual{flex:1;max-width:50%;display:flex;justify-content:center;align-items:center}.webhero-visual lottie-player{width:350px;height:350px;border-radius:12px}@media screen and (max-width: 640px){.webhero-section{padding:4rem 0}.webhero-content{flex-direction:column-reverse;gap:2rem;padding:0 1.5rem}.webhero-text,.webhero-visual{max-width:100%;flex:none}.webhero-text{text-align:center}.webhero-text h1{margin-top:1rem}.webhero-visual lottie-player{width:280px;height:280px}}.webfeatures-section{padding:0rem 0}.webfeatures-content{margin:0 auto;padding:4rem;border:1px solid var(--color-border);border-radius:12px}.webfeatures-grid{display:flex;gap:3rem;align-items:start}.webfeatures-column{display:flex;flex-direction:column;flex:1}.feature-item{display:flex;align-items:center;gap:1rem;padding:.75rem;border-radius:8px;transition:all .3s ease;cursor:default}.feature-item:hover{background:var(--color-bg);transform:translate(4px)}.feature-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--color-dark);flex-shrink:0}@media screen and (max-width: 640px){.webfeatures-grid{gap:.75rem}.webfeatures-content{padding:1.5rem}.webfeatures-column{gap:.75rem}.feature-item{padding:.375rem .5rem}.feature-icon{width:14px;height:14px;gap:.75rem}}.webbenefits-section{padding:5rem 0;background:var(--color-bg)}.webbenefits-content{max-width:1200px;margin:0 auto;padding:0 2rem}.webbenefits-grid{display:flex;gap:3rem;justify-content:space-between;align-items:flex-start}.benefit-item{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:350px}.benefit-icon{display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem;border-radius:50%;background:#ffffff1a;padding:1rem;transition:transform .3s ease}.benefit-icon:hover{transform:scale(1.05)}.benefit-icon lottie-player{border-radius:12px}.benefit-text{flex:1}.benefit-text p{max-width:250px}@media screen and (max-width: 640px){.webbenefits-grid{flex-direction:column;gap:2.5rem;align-items:center}.webbenefits-section{padding:3rem 0}.webbenefits-content{padding:0 1.5rem}.benefit-item{max-width:100%}.benefit-icon lottie-player{width:100px!important;height:100px!important}.benefit-icon{margin-bottom:1rem;padding:.75rem}}.webshowcase-section{padding:5rem 0;overflow:hidden;position:relative}.webshowcase-container{width:100%;display:flex;flex-direction:column;gap:2rem}.showcase-row{position:relative;width:100%;overflow:hidden}.showcase-row:before,.showcase-row:after{content:"";position:absolute;top:0;width:100px;height:100%;z-index:10;pointer-events:none}.showcase-row:before{left:0;background:linear-gradient(to right,var(--color-white),transparent)}.showcase-row:after{right:0;background:linear-gradient(to left,var(--color-white),transparent)}.showcase-track{display:flex;gap:2rem;width:max-content;animation-duration:60s;animation-timing-function:linear;animation-iteration-count:infinite}.showcase-row[data-direction=left] .showcase-track{animation-name:scrollLeft}.showcase-row[data-direction=right] .showcase-track{animation-name:scrollRight}.showcase-row:hover .showcase-track{animation-play-state:paused}.showcase-item{position:relative;width:400px;height:200px;border-radius:12px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.showcase-item:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.showcase-item img{object-fit:cover;object-position:top;transition:transform .3s ease}.showcase-item:hover img{transform:scale(1.05)}.showcase-overlay{position:absolute;inset:0;background:#0006;color:var(--color-white);display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.showcase-item:hover .showcase-overlay{opacity:1}.showcase-overlay h3{text-align:center;text-transform:capitalize}.showcase-link{display:flex;justify-content:center;align-items:center;width:60px;height:60px;background:var(--color-white);color:var(--color-dark);border-radius:50%;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 20px #0000001a}.showcase-link:hover{background:var(--color-dark);color:var(--color-white);transform:scale(1.1);box-shadow:0 6px 25px #0003}.showcase-link i{transform:rotate(45deg)}@keyframes scrollLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scrollRight{0%{transform:translate(-50%)}to{transform:translate(0)}}@media screen and (max-width: 640px){.webshowcase-section{padding:3rem 0}.webshowcase-container{gap:1.5rem}.showcase-item{width:300px;height:150px}.showcase-track{gap:1.5rem}.showcase-row:before,.showcase-row:after{width:50px}.showcase-link{width:50px;height:50px}}.webcategories-section{padding:5rem 0}.webcategories-content{max-width:1000px;margin:0 auto;padding:0 2rem;text-align:center}.webcategories-header{display:flex;flex-direction:column;align-items:center;margin-bottom:3rem}.webcategories-header h2{font-family:Poppins,sans-serif}.arrow-animation{display:flex;justify-content:center;align-items:center}.categories-grid{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.categories-row{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:center}.category-tag{display:inline-block;padding:.5rem 1.5rem;background:transparent;border:2px solid var(--color-muted);border-radius:50px;text-decoration:none;transition:all .3s ease;cursor:pointer;white-space:nowrap}.category-tag.active{background:var(--color-dark);border-color:var(--color-dark);color:var(--color-white)}.category-tag:hover{background:var(--color-dark);border-color:var(--color-dark);color:var(--color-white);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.category-tag.active:hover{background:var(--color-dark);border-color:var(--color-dark);transform:translateY(-2px)}@media screen and (max-width: 640px){.webcategories-section{padding:3rem 0}.webcategories-content{padding:0 1.5rem}.webcategories-header h2{margin-bottom:.75rem}.arrow-animation lottie-player{width:120px!important;height:120px!important}.webcategories-header{margin-bottom:2rem}.categories-grid{gap:1rem}.categories-row{gap:.75rem}.category-tag{padding:.6rem 1.2rem}}.weblaptop-section{display:flex;align-items:center;min-height:60vh;margin-bottom:-190px}.weblaptop-content{max-width:600px;margin:0 auto;padding:0 2rem;display:flex;justify-content:center;align-items:center}.laptop-mockup{position:relative;width:100%;max-width:800px;display:flex;justify-content:center;align-items:center}.laptop-image{width:100%;height:auto;max-width:800px;object-fit:contain;transition:transform .3s ease;mix-blend-mode:darken}.laptop-image:hover{transform:scale(1.02)}@media screen and (max-width: 640px){.weblaptop-section{padding:3rem 0;min-height:40vh}.weblaptop-content{padding:0 1.5rem}.laptop-mockup{max-width:100%}.laptop-image{filter:drop-shadow(0 10px 20px rgba(0,0,0,.08))}.laptop-image:hover{transform:none}}@media screen and (min-width: 641px) and (max-width: 1024px){.laptop-mockup{max-width:700px}}.webtech-section{padding:5rem 0}.webtech-content{max-width:1000px;margin:0 auto;padding:0 2rem}.tech-grid{display:flex;flex-direction:column;gap:3rem}.tech-row{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;align-items:center}.tech-item{display:flex;justify-content:center;align-items:center;padding:2rem 1.5rem;border:1px solid #ddd;background:transparent;transition:all .3s ease;min-height:120px}.tech-logo{width:auto;height:auto;max-width:130px;max-height:50px;object-fit:contain;opacity:.8;transition:all .3s ease;mix-blend-mode:multiply;filter:grayscale(100%)}.tech-item:hover{border-color:var(--color-dark);background:#ffffff0d}.tech-item:hover .tech-logo{opacity:1;filter:grayscale(0%);transform:scale(1.02)}@media screen and (max-width: 640px){.webtech-section{padding:3rem 0}.webtech-content{padding:0 1.5rem}.tech-row{grid-template-columns:repeat(2,1fr);gap:1rem}.tech-grid{gap:2rem}.tech-item{padding:1.5rem 1rem;min-height:90px}.tech-logo{max-width:90px;max-height:35px}}@media screen and (min-width: 641px) and (max-width: 768px){.tech-row{grid-template-columns:repeat(3,1fr);gap:1.5rem}.tech-logo{max-width:110px;max-height:42px}}