:root {
  --primary-color:#00bfa5;
  --secondary-color:#1de9b6;
  --accent-color:#ffc107;
  --text-dark:#333;
  --text-light:#fff;
  --bg-light:#f9f9f9;
  --ocean-bg:#b2ebf2;
  --fancy-texture:url('data:image/svg+xml;base64,...'); /* blocky ocean texture */
}

/* Global */
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Roboto',sans-serif;color:var(--text-dark);line-height:1.6;background:var(--ocean-bg) var(--fancy-texture) repeat;overflow-x:hidden;}

/* Gradient text */
.gradient-text{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.ocean-text{color:#00796b;}

/* Buttons */
.btn{display:inline-block;padding:0.8rem 1.8rem;border-radius:5px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;cursor:pointer;border:none;transition:all 0.3s ease;}
.gradient-btn{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));color:var(--text-light);box-shadow:0 4px 15px rgba(0,0,0,0.2);}
.gradient-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,0.25);}
.btn-secondary{background:none;color:var(--primary-color);border:2px solid var(--primary-color);}
.btn-secondary:hover{background:var(--primary-color);color:var(--text-light);}

/* Container */
.container{max-width:1200px;margin:0 auto;padding:0 2rem;}

/* Header */
header{background:#fff;padding:1rem 0;position:sticky;top:0;z-index:1000;box-shadow:0 4px 10px rgba(0,0,0,0.08);}
header .container{display:flex;justify-content:space-between;align-items:center;}
nav ul{display:flex;list-style:none;}
nav ul li{margin-left:2rem;}
nav ul li a{text-decoration:none;color:var(--text-dark);padding:0.5rem;position:relative;transition:0.3s;}
nav ul li a.active::after,nav ul li a:hover::after{content:'';position:absolute;width:100%;height:2px;background:var(--primary-color);bottom:0;left:0;}
nav ul li a.active,nav ul li a:hover{color:var(--primary-color);font-weight:700;}

/* Hero */
.hero{background:linear-gradient(rgba(255,255,255,0.3),rgba(255,255,255,0.3)),url('https://via.placeholder.com/1920x800/ffffff/00bfa5?text=Reducia+Hero') no-repeat center center/cover;min-height:85vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;padding:6rem 0;color:var(--text-dark);}
.hero-title{font-size:6rem;margin-bottom:1.5rem;line-height:1.1;text-shadow:2px 2px 4px rgba(0,0,0,0.1);}
.hero-subtitle{font-size:2rem;margin-bottom:2rem;max-width:750px;margin-left:auto;margin-right:auto;text-shadow:1px 1px 2px rgba(0,0,0,0.1);}

/* Sections */
.section-padded{padding:6rem 0;}
.bg-light{background:var(--bg-light) var(--fancy-texture) repeat;background-size:60px;}
.bg-ocean{background:var(--ocean-bg) var(--fancy-texture) repeat;background-size:60px;}

/* Contact Description */
.contact-description{text-align:center;margin:0 auto 2rem auto;max-width:700px;font-size:1.2rem;color:#00796b;}

/* Contact Form */
.contact-form{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:1rem;padding:2rem;background:#fff;border-radius:10px;box-shadow:0 6px 20px rgba(0,0,0,0.08);}
.contact-form input,.contact-form textarea{padding:1rem;border:1px solid #ddd;border-radius:5px;font-size:1rem;}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px rgba(0,191,165,0.2);}

/* Product & Testimonials */
.product-grid,.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;margin-top:3rem;}
.product-item,.testimonial-item{padding:2rem;border-radius:10px;background:#fff;box-shadow:0 6px 20px rgba(0,0,0,0.08);text-align:center;transition:transform 0.3s ease,box-shadow 0.3s ease;}
.product-item:hover,.testimonial-item:hover{transform:translateY(-8px);box-shadow:0 10px 30px rgba(0,0,0,0.15);}
.product-item ul{list-style:none;margin-bottom:1.5rem;padding:0;}
.product-item ul li{position:relative;padding-left:2rem;text-align:left;}
.product-item ul li::before{content:'✓';position:absolute;left:0;top:0.5rem;color:var(--accent-color);font-weight:bold;}

/* Scroll Reveal */
.scroll-reveal{opacity:0;transform:translateY(20px);transition:all 0.6s ease-out;}
.scroll-reveal.visible{opacity:1;transform:translateY(0);}
.scroll-reveal-item{opacity:0;transform:translateY(30px);transition:all 0.7s ease-out;}
.scroll-reveal-item.visible{opacity:1;transform:translateY(0);}

/* Footer */
footer{background:#00796b;color:var(--text-light);padding:3rem 0;text-align:center;position:relative;overflow:hidden;}
footer .footer-links a{color:var(--text-light);margin:0 0.8rem;transition:0.3s;}
footer .footer-links a:hover{color:var(--accent-color);}

/* Back-to-top button */
.back-to-top{position:fixed;bottom:20px;right:20px;background:var(--primary-color);color:var(--text-light);border:none;border-radius:50%;width:50px;height:50px;font-size:1.5rem;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,0.2);transition:opacity 0.3s, transform 0.3s;opacity:0;transform:translateY(100px);z-index:999;}

/* Responsive */
@media(max-width:768px){nav ul{flex-direction:column;}nav ul li{margin-left:0;margin-bottom:0.5rem;}.section-padded{padding:4rem 0;}.product-grid,.testimonial-grid{grid-template-columns:1fr;}}
@media(max-width:480px){.hero-title{font-size:4rem;}.hero-subtitle{font-size:1.6rem;}}