:root{--navy:#12324a;--teal:#17a59a;--mint:#eaf8f5;--ink:#183142;--muted:#6d7d87;--white:#fff;--shadow:0 18px 50px rgba(18,50,74,.11)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fbfdfd;line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(1120px,92%);margin:auto}header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid #e9eeee}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700}.brand b{color:var(--teal)}.logo{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--teal);color:white;font-size:22px}.links{display:flex;gap:26px;font-weight:600;color:#52636d}.links a:hover,.links .active{color:var(--teal)}.menu{display:none;border:0;background:none;font-size:26px}.hero{padding:82px 0 75px;background:radial-gradient(circle at 85% 20%,#dff8f2 0,transparent 34%),linear-gradient(180deg,#fff,#f3fbf9)}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.pill,.eyebrow{color:var(--teal);font-weight:800;text-transform:uppercase;letter-spacing:1.5px;font-size:12px}.hero h1{font-size:clamp(48px,7vw,78px);line-height:1.02;margin:18px 0}.hero h1 span{color:var(--teal)}.hero p,.lead{color:var(--muted);font-size:18px;max-width:650px}.actions{display:flex;gap:14px;margin-top:28px}.btn{padding:13px 22px;border-radius:12px;background:var(--navy);color:#fff;font-weight:700;transition:.25s}.btn:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.btn.ghost{background:white;color:var(--navy);border:1px solid #dce7e8}.hero-card{min-height:330px;border-radius:30px;background:var(--navy);color:white;padding:45px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-card:after{content:'';position:absolute;width:220px;height:220px;border-radius:50%;background:var(--teal);right:-80px;bottom:-80px;opacity:.45}.cross{font-size:72px;color:#6de0d4}.hero-card h3{font-size:30px;margin:5px 0}.stats{display:flex;gap:35px;margin-top:50px}.stats span{display:grid;color:#b8cbd4}.stats strong{font-size:24px;color:white}.section{padding:85px 0}.soft{background:var(--mint)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section h2,.page h1{font-size:42px;line-height:1.1;margin:8px 0}.section-head>a{color:var(--teal);font-weight:800}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product{background:white;border:1px solid #e7eeee;border-radius:20px;padding:18px;transition:.3s;box-shadow:0 8px 28px rgba(18,50,74,.04)}.product:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.product img{width:100%;height:190px;object-fit:contain;background:#f5faf9;border-radius:14px}.product h3{margin:14px 0 4px}.product p{margin:0 0 10px;color:var(--muted);font-size:14px}.product span{color:var(--teal);font-weight:800;font-size:14px}.benefits{display:grid;grid-template-columns:1fr 1.4fr;gap:70px}.benefit-list{display:grid;gap:18px}.benefit-list div{background:white;padding:20px;border-radius:16px}.benefit-list p{color:var(--muted);margin:5px 0}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.category{background:white;border-radius:18px;padding:20px 14px;text-align:center;display:grid;justify-items:center;gap:10px;transition:.25s;box-shadow:0 8px 28px rgba(18,50,74,.04)}.category:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.category img{width:56px;height:56px;object-fit:contain}.category span{font-weight:700;font-size:14px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.step{background:white;border:1px solid #e7eeee;border-radius:18px;padding:26px}.step-no{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--teal);color:#fff;font-weight:800}.step h3{margin:16px 0 6px}.step p{color:var(--muted);margin:0}.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.testimonial{background:var(--mint);border-radius:18px;padding:24px}.testimonial p{margin:0 0 14px;color:var(--ink)}.testimonial b{color:var(--navy)}.cta-banner{padding:0 0 85px}.cta-inner{background:var(--navy);border-radius:24px;padding:45px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#fff;box-shadow:var(--shadow)}.cta-inner h2{margin:0 0 8px;font-size:28px}.cta-inner p{margin:0;color:#b8cbd4}.cta-inner .btn{background:var(--teal);white-space:nowrap}.page{padding:55px 0 90px}.back{display:inline-block;margin-bottom:35px;color:var(--navy);font-weight:800}.page .product-grid{margin-top:35px}footer{background:#102b3d;color:#d7e3e7;padding:50px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}.footer-grid h4{color:white;margin-top:0}.footer-grid a,.footer-grid p{display:block;margin:8px 0;color:#b7c8cf}.copyright{text-align:center;border-top:1px solid #294455;margin-top:35px;padding-top:20px;font-size:13px}.whatsapp{position:fixed;right:24px;bottom:22px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;font-size:30px;z-index:30;box-shadow:0 8px 25px rgba(37,211,102,.35);animation:pulse 2s infinite}.form{display:grid;gap:14px;max-width:700px}.form input,.form textarea,.form select{padding:14px;border:1px solid #dce7e8;border-radius:12px;font:inherit}.form textarea{min-height:140px}.reveal{animation:up .8s ease both}@keyframes up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes pulse{50%{transform:scale(1.08)}}@media(max-width:800px){.links{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;gap:15px;border-bottom:1px solid #ddd}.links.show{display:flex}.menu{display:block}.hero-grid,.benefits{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.hero{padding-top:55px}.category-grid{grid-template-columns:repeat(2,1fr)}.steps,.testimonials{grid-template-columns:1fr}.cta-inner{flex-direction:column;text-align:center}}@media(max-width:500px){.product-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.section{padding:60px 0}.hero h1{font-size:48px}}
