:root{--e-primary:#000;--e-secondary:#3c7ac0;--e-text:#4e4e4e;--e-accent:#fff;--e-bg-light:#f8f9f3;--e-button-bg:#0058e6;--radius-lg:2rem;--radius-md:1rem;--container-max:1290px;--section-padding:160px;--font-main:"Poppins",sans-serif;--font-heading:"Plus Jakarta Sans",sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);color:var(--e-text);background-color:#fff;line-height:1.5;-webkit-font-smoothing:antialiased}body,html{overflow-x:hidden;width:100%}html{scroll-behavior:smooth}h1,h2,h3{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--e-primary);margin-bottom:2.5rem}.container{max-width:var(--container-max);margin:0 auto;padding:0 2rem}header{position:fixed;top:1.8rem;left:50%;transform:translateX(-50%);width:92%;max-width:1200px;background:hsla(0,0%,100%,.7);backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border:1px solid hsla(0,0%,100%,.3);border-radius:100px;padding:.7rem 1rem .7rem 2rem;display:flex;justify-content:space-between;align-items:center;z-index:1000;box-shadow:0 20px 40px rgba(0,0,0,.05);transition:all .4s cubic-bezier(.165,.84,.44,1)}header:hover{background:hsla(0,0%,100%,.85);box-shadow:0 30px 60px rgba(0,0,0,.08);transform:translateX(-50%) translateY(-2px)}.logo{font-family:var(--font-heading);font-weight:800;font-size:1.1rem;color:var(--e-primary);text-decoration:none;gap:1rem;letter-spacing:-.5px}.logo,.logo-box{display:flex;align-items:center}.logo-box{width:42px;height:42px;background:linear-gradient(135deg,#3c7ac0,#0058e6);color:#fff;border-radius:12px;justify-content:center;font-size:.8rem;font-weight:900;box-shadow:0 8px 20px rgba(60,122,192,.3);transition:transform .3s ease}.logo:hover .logo-box{transform:rotate(-5deg) scale(1.05)}.logo span{opacity:.9;font-weight:700}.nav-links{display:flex;gap:2rem;background:rgba(0,0,0,.03);padding:.6rem 2.2rem;border-radius:100px;backdrop-filter:blur(10px)}.nav-links a{color:var(--e-primary);text-decoration:none;font-weight:600;font-size:.95rem;transition:all .3s;position:relative;padding:.2rem 0}.nav-links a:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:var(--e-secondary);transition:all .3s ease;transform:translateX(-50%)}.nav-links a:hover{color:var(--e-secondary)}.nav-links a:hover:after{width:100%}.btn-cta{position:relative;background:linear-gradient(135deg,#0058e6,#0042ad);color:#fff;padding:1rem 2.4rem;border-radius:100px;text-decoration:none;font-weight:600;font-size:.95rem;transition:all .4s cubic-bezier(.23,1,.32,1);border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.8rem;box-shadow:0 12px 28px rgba(0,88,230,.2),0 4px 10px rgba(0,0,0,.05);overflow:hidden;z-index:1}.btn-cta:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0062ff,#004ecc);opacity:0;transition:opacity .4s ease;z-index:-1}.btn-cta:hover{transform:translateY(-2px);box-shadow:0 20px 40px rgba(0,88,230,.3),0 8px 15px rgba(0,0,0,.08)}.btn-cta:hover:before{opacity:1}.btn-cta:active{transform:translateY(1px)}.btn-secondary{background:#fff;color:var(--e-primary);border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.03)}.btn-secondary:hover{background:#f8f9fa;border-color:rgba(0,0,0,.2);box-shadow:0 8px 20px rgba(0,0,0,.06);transform:translateY(-2px)}.btn-cta:hover{transform:scale(1.02);box-shadow:0 15px 35px rgba(0,88,230,.35)}.btn-cta svg{transition:transform .3s ease}.btn-cta:hover svg{transform:translateX(4px)}.hero{padding:16rem 0;position:relative;background-color:#fff}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:4rem;align-items:center}.hero h1{font-size:4.8rem;font-weight:800;margin-bottom:2.5rem;letter-spacing:-2px;text-align:left}.hero p{font-size:1.25rem;color:var(--e-text);margin-bottom:4rem;text-align:left;line-height:1.6}.hero-btns{display:flex;justify-content:flex-start}.hero-image{position:relative}.hero-image img{width:100%;border-radius:var(--radius-lg);box-shadow:0 40px 100px rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.05)}section{padding:100px 0}.section-header{text-align:center;margin-bottom:5rem}.section-label{font-family:var(--font-heading);font-size:.95rem;font-weight:600;letter-spacing:.05em;color:var(--e-secondary);margin-bottom:2.5rem;display:block}.section-header h2{font-size:3.5rem;letter-spacing:-1.5px;margin-top:1.5rem;margin-bottom:3rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:3.5rem}.service-card{background:#fff;padding:4.5rem 3.5rem;border-radius:var(--radius-md);border:1px solid #eee;transition:all .4s;display:flex;flex-direction:column;gap:1.5rem}.service-card:hover{transform:translateY(-10px);border-color:var(--e-secondary);box-shadow:0 25px 50px rgba(0,0,0,.05)}.service-icon{width:60px;height:60px;background:rgba(60,122,192,.08);color:var(--e-secondary);display:flex;align-items:center;justify-content:center;border-radius:1rem;font-size:1.5rem}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:10rem;align-items:center}.split-image img{width:100%;border-radius:var(--radius-lg);box-shadow:0 30px 60px rgba(0,0,0,.06)}.split-content h2{margin-bottom:2.5rem}.split-content p{font-size:1.2rem;line-height:1.7;color:var(--e-text);margin-bottom:3rem}.feature-list{list-style:none;margin-top:3.5rem}.feature-list li{display:flex;align-items:center;gap:1.25rem;margin-bottom:1.75rem;font-weight:500;font-size:1.1rem}.feature-list li svg{color:#10b981}.process-bg{background-color:var(--e-bg-light);border-radius:var(--radius-lg);padding:10rem 6rem}.steps-grid{display:grid;grid-template-columns:1fr 1fr;gap:6rem 8rem;text-align:center;max-width:900px;margin:0 auto}.step-item{max-width:350px;margin:0 auto}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:3rem}.testimonial-card{background:#fff;border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(0,0,0,.05);transition:all .4s}.testimonial-card:hover{transform:translateY(-10px);box-shadow:0 30px 60px rgba(0,0,0,.08)}.testimonial-image{width:100%;height:300px;overflow:hidden}.testimonial-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.testimonial-content{padding:2.5rem}.testimonial-content h4{font-size:1.25rem;margin-bottom:1rem;color:var(--e-secondary)}.testimonial-content p{font-style:italic;font-size:1rem;color:var(--e-text)}.contact-card{background:#fff;padding:8rem 6rem;border-radius:var(--radius-lg);border:1px solid rgba(0,0,0,.05);box-shadow:0 50px 120px rgba(0,0,0,.03);margin:10rem 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:4rem}.form-group.full{grid-column:span 2}input,select,textarea{padding:1.2rem;background:#f9fafb;border:1px solid #eee;border-radius:.75rem;font-family:inherit;width:100%}input:focus{border-color:var(--e-secondary);outline:none}.product-section{padding:160px 0;border-bottom:1px solid #f8f8f8;background:#fff}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:8rem;align-items:center}.product-image{position:relative}.product-image img{width:100%;border-radius:2.5rem;box-shadow:0 50px 100px rgba(0,0,0,.06);display:block}.product-image:after{content:"";position:absolute;top:-20px;right:-20px;width:100px;height:100px;background:rgba(60,122,192,.05);border-radius:50%;z-index:-1}.product-content h2{font-size:3rem;margin-bottom:2rem;letter-spacing:-1px}.product-reviews{margin-top:4rem;display:grid;gap:2rem}.review-box{background:#fff;position:relative;border:none;border-left:3px solid rgba(60,122,192,.2);padding:0 0 0 1.5rem;transition:all .3s ease}.review-box:hover{border-left-color:var(--e-secondary);transform:translateX(5px)}.review-box p{font-size:1.05rem;color:var(--e-text);line-height:1.7;font-weight:400}.review-name{font-weight:700;font-size:.85rem;margin-top:.75rem;display:block;color:var(--e-secondary);letter-spacing:.5px}.marquee-container{width:100vw;margin-left:calc(-50vw + 50%);overflow:hidden;padding:2rem 0;display:flex;flex-direction:column;gap:2rem;-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}.marquee-track{display:flex;gap:2rem;width:-moz-max-content;width:max-content;animation:scroll-left var(--duration,60s) linear infinite}.marquee-track.reverse{animation-direction:reverse}.marquee-track:hover{animation-play-state:paused}@keyframes scroll-left{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.testimonial-item{flex-shrink:0;width:380px;background:#fff;padding:2.5rem;border-radius:2rem;border:1px solid rgba(0,0,0,.05);box-shadow:0 10px 40px rgba(0,0,0,.02);transition:border-color .3s}.testimonial-item:hover{border-color:var(--e-secondary)}.testimonial-item p{font-size:1rem;color:#333;line-height:1.6;font-weight:500}.testimonial-item .reviewer{display:block;margin-top:1.5rem;font-weight:800;color:var(--e-secondary);font-size:.85rem;letter-spacing:.5px}footer{padding:8rem 0;text-align:center;background:#fafafa;color:var(--e-text)}[data-reveal]{opacity:0;transform:translateY(30px);transition:opacity 1.2s cubic-bezier(.2,1,.3,1),transform 1.2s cubic-bezier(.2,1,.3,1)}[data-reveal].active{opacity:1;transform:translateY(0)}.reverse{direction:rtl}.reverse>*{direction:ltr}@media (max-width:968px){:root{--section-padding:80px}section{padding:60px 0}.hero{padding:10rem 0 6rem}.hero h1{font-size:3.2rem;letter-spacing:-1px}.hero h1,.hero p{text-align:center}.hero p{font-size:1.1rem}.hero-btns{justify-content:center}.hero-grid,.product-grid,.split-section{display:flex;flex-direction:column-reverse;text-align:center;gap:3rem}.product-grid{gap:4rem}.reverse{direction:ltr!important}.marquee-track{animation-duration:30s}.testimonial-item{width:320px;padding:2rem}.form-grid{grid-template-columns:1fr}.nav-links{display:none}.contact-card,.process-bg{padding:4rem 2rem;margin:4rem 0}.steps-grid{grid-template-columns:1fr;gap:4rem}.section-header h2{font-size:2.5rem}.split-content p{font-size:1.1rem}.services-grid{gap:2rem}}@media (max-width:600px){.container{padding:0 1.25rem}.hero h1{font-size:2.6rem}header{width:95%;padding:.6rem .8rem .6rem 1.5rem;top:1rem}.logo span{display:none}.btn-cta{padding:.8rem 1.8rem;font-size:.85rem}.service-card{padding:3rem 2rem}.product-content h2{font-size:2.2rem}.marquee-container{margin-left:-1.25rem;width:calc(100% + 2.5rem)}.testimonial-item{width:280px}.contact-card{padding:3rem 1.5rem}}