:root{--primary:#2E7DE1;--secondary:#2A9D8F;--secondary-light:#55D6BE;--dark:#333333;--light:#F7F9FC;--accent:#FF6B6B}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}body{background-color:var(--light);color:var(--dark);line-height:1.6}header{background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);position:fixed;width:100%;z-index:100}.container{max-width:1200px;margin:0 auto;padding:0 20px}nav{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.logo{font-size:28px;font-weight:700;color:var(--primary)}.logo span{color:var(--secondary)}.nav-links{display:flex;gap:30px}.nav-links a{text-decoration:none;color:var(--dark);font-weight:500;transition:color .3s}.nav-links a:hover{color:var(--primary)}.cta-button{background-color:var(--primary);color:#fff;padding:10px 24px;border-radius:30px;font-weight:600;border:none;cursor:pointer;transition:background-color .3s}.cta-button:hover{background-color:#1e6ad0}.hero{padding:120px 0 60px;background:linear-gradient(135deg,#f5f7fa 0,#e4ecfb 100%);position:relative}.hero-content{display:flex;align-items:center;gap:40px}.hero-text{flex:1;z-index:2;position:relative}.hero-text h1{font-size:52px;font-weight:800;margin-bottom:16px;line-height:1.2}.hero-text p{font-size:18px;margin-bottom:24px;color:#555}.hero-image{flex:1.2;display:flex;justify-content:center;align-self:flex-start}.hero-image img#hero-main-image{max-width:120%;border-radius:10px;box-shadow:0 20px 40px rgba(0,0,0,.1);position:sticky;top:80px;z-index:1;transition:filter .3s ease-out}.hero-image img#hero-main-image.scrolled{filter:blur(8px);opacity:.7}.features{padding:80px 0;background-color:#fff}.section-title{text-align:center;margin-bottom:40px}.section-title h2{font-size:36px;font-weight:700;margin-bottom:15px}.section-title p{font-size:18px;color:#666;max-width:700px;margin:0 auto}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.feature-card{background-color:var(--light);border-radius:12px;padding:30px;box-shadow:0 5px 15px rgba(0,0,0,.05);transition:transform .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,.1)}.feature-icon{height:60px;width:60px;background-color:rgba(46,125,225,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.feature-icon svg{height:30px;width:30px;fill:var(--primary)}.feature-card h3{font-size:22px;font-weight:600;margin-bottom:15px}.feature-card p{color:#666}.testimonials{padding:60px 0;background-color:var(--light)}.testimonial-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.testimonial-card{background-color:#fff;border-radius:12px;padding:30px;box-shadow:0 5px 15px rgba(0,0,0,.05)}.testimonial-text{font-size:16px;font-style:italic;margin-bottom:20px;color:#555}.testimonial-author{display:flex;align-items:center;gap:15px}.author-image{width:50px;height:50px;border-radius:50%;background-color:#ddd;overflow:hidden}.author-image img{width:100%;height:100%;object-fit:cover}.author-info h4{font-size:18px;font-weight:600}.author-info p{font-size:14px;color:#666}.products{padding:80px 0;background-color:#fff}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.product-card{border-radius:12px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.05);transition:transform .3s,box-shadow .3s}.product-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,.1)}.product-image{height:250px;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center}.product-image img{max-width:100%;max-height:100%}.product-info{padding:20px}.product-info h3{font-size:20px;font-weight:600;margin-bottom:10px}.product-info p{color:#666;margin-bottom:15px}.product-price{font-size:24px;font-weight:700;color:var(--primary);margin-bottom:15px}.cta{padding:80px 0;background:linear-gradient(135deg,var(--primary) 0,#1a56a8 100%);color:#fff;text-align:center}.cta h2{font-size:36px;font-weight:700;margin-bottom:20px}.cta p{font-size:18px;margin-bottom:30px;max-width:700px;margin-left:auto;margin-right:auto}.cta-button-light{background-color:#fff;color:var(--primary);padding:12px 30px;border-radius:30px;font-weight:600;font-size:18px;border:none;cursor:pointer;transition:background-color .3s,transform .3s}.cta-button-light:hover{background-color:#f0f0f0;transform:scale(1.05)}footer{background-color:var(--dark);color:#fff;padding:60px 0 30px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}.footer-logo{font-size:24px;font-weight:700;margin-bottom:15px;color:#fff}.footer-logo span{color:var(--secondary)}.footer-about p{margin-bottom:20px;color:#ccc}.social-links{display:flex;gap:15px}.social-links a{height:40px;width:40px;border-radius:50%;background-color:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;transition:background-color .3s}.social-links a:hover{background-color:var(--primary)}.social-links svg{height:20px;width:20px;fill:white}.footer-links h3{font-size:18px;font-weight:600;margin-bottom:20px}.footer-links ul{list-style:none}.footer-links li{margin-bottom:10px}.footer-links a{color:#ccc;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#fff}.copyright{text-align:center;padding-top:30px;border-top:1px solid rgba(255,255,255,.1);color:#ccc;font-size:14px}@media (max-width:992px){.hero-content{flex-direction:column;text-align:center;gap:30px}.hero-image{flex:1}.hero-image img#hero-main-image{max-width:100%}.feature-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}.mobile-menu-btn{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:0 0;border:none;cursor:pointer;padding:0;z-index:101}.mobile-menu-btn span{display:block;width:100%;height:3px;background-color:var(--dark);border-radius:2px;transition:all .3s ease}.mobile-menu-btn.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}@media (max-width:768px){.hero{padding:100px 0 40px}.hero-text h1{font-size:40px}.feature-grid,.product-grid,.testimonial-grid{grid-template-columns:1fr}.mobile-menu-btn{display:flex}.nav-links{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:30px;z-index:100}.nav-links.active{display:flex}.nav-links a{font-size:24px}nav .cta-button{display:none}.nav-links.active+a .cta-button,nav .cta-button.mobile-visible{display:none}}#product-main-image{position:sticky;top:80px;z-index:1;align-self:start}.feature-product-section{padding:60px 0;background-color:#fff}.feature-product-split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.product-column .product-card{margin-top:0}.feature-grid,.testimonial-grid{grid-template-columns:1fr}.product-section-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-top:50px}.product-showcase{text-align:center;padding:40px 0}.product-showcase h2{font-size:36px;margin-bottom:20px}.product-showcase-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-top:30px;max-width:1200px;margin-left:auto;margin-right:auto}.product-feature-card{background:#fff;border-radius:12px;padding:30px;box-shadow:0 5px 15px rgba(0,0,0,.05);transition:transform .3s}.product-feature-card:hover{transform:translateY(-10px)}.science-section{background-color:var(--light);padding:60px 0}.science-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.science-card{background:#fff;padding:30px;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,.05)}.science-card h3{color:var(--primary);margin-bottom:15px}.testimonial-section{padding:60px 0;background:linear-gradient(135deg,#f5f7fa 0,#e4ecfb 100%)}.big-announcement{background-color:var(--primary);color:#fff;padding:60px 0;text-align:center}.big-announcement h2{font-size:42px;margin-bottom:20px}.big-announcement .cta-button{background-color:#fff;color:var(--primary);margin-top:20px}.big-announcement .cta-button:hover{background-color:var(--light)}.newsletter{padding:40px 0;text-align:center}.newsletter h2{font-size:36px;margin-bottom:20px}.newsletter-form{max-width:500px;margin:0 auto;display:flex;gap:10px}.newsletter-form input{flex:1;padding:12px 15px;border:1px solid #ddd;border-radius:30px;font-size:16px}.featured-media{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:40px 0;align-items:center}.featured-media img{max-width:100%;filter:grayscale(100%);opacity:.7;transition:all .3s}.featured-media img:hover{filter:grayscale(0);opacity:1}.carousel-container{position:relative;max-width:800px;margin:50px auto;overflow:hidden}.carousel-track{display:flex;transition:transform .5s ease-in-out}.carousel-slide{min-width:100%;padding:0 20px}.carousel-nav{display:flex;justify-content:center;margin-top:20px;gap:10px}.carousel-dot{width:12px;height:12px;border-radius:50%;background:#ccc;cursor:pointer;transition:background-color .3s}.carousel-dot.active{background:var(--primary)}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.8);border:none;width:40px;height:40px;border-radius:50%;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--primary);box-shadow:0 2px 5px rgba(0,0,0,.2);z-index:10;transition:all .3s}.carousel-button:hover{background:#fff;color:var(--dark)}.carousel-button.prev{left:10px}.carousel-button.next{right:10px}@media (max-width:768px){.featured-media,.product-section-grid,.product-showcase-grid,.science-grid{grid-template-columns:1fr}.newsletter-form{flex-direction:column}}.skip-to-content{position:absolute;top:-100%;left:50%;transform:translateX(-50%);background:var(--primary);color:#fff;padding:12px 24px;border-radius:0 0 8px 8px;text-decoration:none;font-weight:600;z-index:1000;transition:top .3s}.skip-to-content:focus{top:0;outline:3px solid var(--secondary);outline-offset:2px}[tabindex]:focus,a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:3px solid var(--primary);outline-offset:2px}a:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:0}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--primary);outline-offset:2px}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(46,125,225,.2)}.nav-links a:focus-visible{background:rgba(46,125,225,.1);border-radius:4px;padding:4px 8px;margin:-4px -8px}.cta-button:focus-visible{outline:3px solid var(--secondary);outline-offset:2px;box-shadow:0 0 0 6px rgba(85,214,190,.3)}.color-option:focus-within{box-shadow:0 0 0 3px var(--primary)}footer a:focus-visible{outline-color:var(--secondary)}.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}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}