@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--p:#0f9b8e;--p2:#21c4b5;--pd:#073b3a;--ink:#102f32;--muted:#647879;--bg:#f4fbfa;--line:rgba(15,118,110,.13);--warm:#ffb84d;--shadow:0 24px 70px rgba(7,59,58,.11);--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Segoe UI,sans-serif;color:var(--ink);background:#fff;line-height:1.65;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:99;background:linear-gradient(90deg,rgba(15,155,142,.025) 1px,transparent 1px),linear-gradient(rgba(15,155,142,.025) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,#000,transparent 75%)}a{color:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}
header{position:sticky;top:12px;z-index:40;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.82);border-radius:18px;box-shadow:0 10px 35px rgba(7,59,58,.07);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.nav{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.brand{font-family:Manrope,sans-serif;text-decoration:none;font-size:1.36rem;font-weight:800;color:var(--pd);letter-spacing:-.04em}.brand:before{content:"";display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:8px;background:linear-gradient(135deg,var(--warm),#ff8b38);box-shadow:0 0 0 6px rgba(255,184,77,.16)}.brand b{color:var(--p)}.links{display:flex;align-items:center;gap:8px}.links>a:not(.button){text-decoration:none;font-weight:600;color:#496466;padding:9px 12px;border-radius:10px;transition:.25s var(--ease)}.links>a:not(.button):hover,.links>a.active{color:var(--pd);background:#eaf9f6}.button{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--p),#087c77);color:#fff;text-decoration:none;padding:12px 20px;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 10px 25px rgba(15,155,142,.22);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}.button:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.35),transparent 75%);transform:translateX(-120%);transition:transform .7s}.button:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(15,155,142,.3)}.button:hover:before{transform:translateX(120%)}.button.alt{background:rgba(255,255,255,.78);color:var(--pd);border:1px solid rgba(15,118,110,.16);box-shadow:none;backdrop-filter:blur(10px)}.mobile-menu{display:none}.hamburger{display:none;border:0;background:none;font-size:1.5rem}
.hero{position:relative;margin-top:-84px;padding:180px 0 105px;background:radial-gradient(circle at 8% 20%,rgba(33,196,181,.2),transparent 30%),radial-gradient(circle at 85% 5%,rgba(255,184,77,.19),transparent 26%),linear-gradient(145deg,#effdfa 0%,#fff 48%,#fff9ef 100%);overflow:hidden}.hero:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(15,155,142,.12);border-radius:50%;right:-250px;bottom:-330px;box-shadow:0 0 0 80px rgba(15,155,142,.025),0 0 0 160px rgba(15,155,142,.018)}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:70px}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:99px;background:rgba(255,255,255,.7);border:1px solid rgba(15,155,142,.16);color:var(--pd);font-weight:700;font-size:.84rem;box-shadow:0 8px 28px rgba(7,59,58,.06);backdrop-filter:blur(8px)}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--p2);box-shadow:0 0 0 5px rgba(33,196,181,.15);animation:pulse 2s infinite}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(3rem,6.6vw,5.6rem);line-height:.98;letter-spacing:-.065em;margin:22px 0;color:#092f31}.hero h1 span{position:relative;color:transparent;background:linear-gradient(100deg,#0a756f,#21b9aa);background-clip:text;-webkit-background-clip:text}.hero h1 span:after{content:"";position:absolute;height:8px;left:3%;right:0;bottom:-7px;background:url("data:image/svg+xml,%3Csvg width='300' height='12' viewBox='0 0 300 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 8c71-7 175-5 294-4' stroke='%23ffb84d' stroke-width='5' stroke-linecap='round' fill='none'/%3E%3C/svg%3E") center/100% 100% no-repeat}.lead{font-size:1.18rem;color:#46696b;max-width:600px}.actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:28px}
.hero-visual{min-height:470px;border-radius:38% 62% 52% 48%/48% 42% 58% 52%;background:linear-gradient(145deg,#073b3a,#0c7c75 60%,#1db8aa);display:grid;place-items:center;position:relative;box-shadow:0 40px 90px rgba(7,59,58,.28);animation:morph 9s ease-in-out infinite;isolation:isolate}.hero-visual:before{content:"";position:absolute;width:74%;aspect-ratio:1;border-radius:38px;background:linear-gradient(145deg,#fff,#dff8f4);box-shadow:inset -12px -12px 25px rgba(15,118,110,.1),0 24px 50px rgba(0,0,0,.22);z-index:-1}.hero-visual:after{content:"";position:absolute;width:43%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 43% 38%,#e8fffb 0 8%,#57d5c9 9% 18%,#0e736e 19% 48%,#052f32 49% 65%,#d8f5f2 66% 70%,#fff 71%);box-shadow:0 9px 20px rgba(7,59,58,.25);z-index:-1}.hero-icon{font-size:0}.hero-icon:before{content:"✦";position:absolute;color:var(--warm);font-size:3.2rem;right:5%;top:9%;filter:drop-shadow(0 8px 8px rgba(0,0,0,.18));animation:float 3.5s ease-in-out infinite}.hero-icon:after{content:"Fresh & clean";position:absolute;left:-8%;bottom:13%;padding:12px 18px;border-radius:14px;background:rgba(255,255,255,.88);color:var(--pd);font-size:.9rem;font-weight:800;box-shadow:0 15px 35px rgba(7,59,58,.18);backdrop-filter:blur(12px);animation:float 4.5s ease-in-out infinite reverse}
.section{position:relative;padding:95px 0}.soft{background:linear-gradient(180deg,#f4fbfa,#fafffe)}.section-head{max-width:700px;margin:0 auto 48px;text-align:center}.section-head h1,.section-head h2,.page-hero h1{font-family:Manrope,sans-serif;font-size:clamp(2.2rem,4vw,3.15rem);line-height:1.1;margin:0 0 13px;letter-spacing:-.045em}.section-head p{color:var(--muted);font-size:1.05rem;margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{position:relative;overflow:hidden;background:rgba(255,255,255,.86);border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 12px 40px rgba(7,59,58,.055);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s}.card:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:rgba(33,196,181,.08);right:-45px;top:-48px;transition:transform .4s}.card:hover{transform:translateY(-9px);box-shadow:var(--shadow);border-color:rgba(15,155,142,.28)}.card:hover:after{transform:scale(1.8)}.card .icon{width:55px;height:55px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(135deg,#e6faf6,#fff);font-size:1.8rem;box-shadow:inset 0 0 0 1px rgba(15,155,142,.1),0 8px 20px rgba(15,155,142,.08)}.card h3{font-family:Manrope,sans-serif;margin:15px 0 6px;font-size:1.15rem;letter-spacing:-.02em}.card p{color:var(--muted)}.price{font-family:Manrope,sans-serif;font-size:1.4rem;font-weight:800;color:var(--p);letter-spacing:-.03em}
.promo{border:0;background:radial-gradient(circle at 100% 0,rgba(255,184,77,.22),transparent 34%),linear-gradient(145deg,#073b3a,#0d706b);color:#fff;box-shadow:0 18px 45px rgba(7,59,58,.18)}.promo:hover{box-shadow:0 28px 60px rgba(7,59,58,.27)}.promo p{color:#d2efec}.promo .code{display:inline-block;border:1px dashed #6ee7d9;border-radius:9px;padding:6px 11px;background:#ffffff0e;font-family:monospace;letter-spacing:.08em}.profile-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.feature-list{display:grid;gap:14px}.feature{padding:19px 20px;border-radius:17px;background:linear-gradient(135deg,#edfbf8,#fff);border:1px solid var(--line);box-shadow:0 8px 24px rgba(7,59,58,.05);transition:.3s}.feature:hover{transform:translateX(8px);border-color:var(--p2)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:22px;box-shadow:0 18px 50px rgba(7,59,58,.07)}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:18px;border-bottom:1px solid var(--line)}th{background:#eaf9f6;font-family:Manrope,sans-serif}tbody tr{transition:background .2s}tbody tr:hover{background:#f6fffd}.notice{padding:16px 20px;border-radius:14px;background:#fff8e8;color:#805413;border:1px solid #ffe3a6}.form{display:grid;gap:15px}.field{display:grid;gap:7px}.field label{font-weight:700}.field input,.field textarea{width:100%;border:1px solid #cbdcda;border-radius:12px;padding:13px 14px;font:inherit;background:#fcffff;transition:.2s}.field input:focus,.field textarea:focus{outline:4px solid rgba(33,196,181,.14);border-color:var(--p);background:#fff}.info-box{padding:30px;border-radius:26px;background:radial-gradient(circle at 90% 0,rgba(255,184,77,.22),transparent 35%),linear-gradient(145deg,#073b3a,#0f766e);color:#fff;box-shadow:0 24px 55px rgba(7,59,58,.2)}.map{width:100%;height:290px;border:0;border-radius:23px;background:#e2e8f0;box-shadow:0 15px 35px rgba(7,59,58,.09)}.flash{padding:13px 17px;border-radius:12px;background:#dcfce7;color:#166534;margin:20px auto;box-shadow:0 10px 25px rgba(22,101,52,.08)}.error{color:#b91c1c;font-size:.88rem}
.whatsapp-float{position:fixed;right:22px;bottom:22px;width:62px;height:62px;display:grid;place-items:center;background:linear-gradient(135deg,#25d366,#159447);color:#fff;border:5px solid rgba(255,255,255,.88);border-radius:50%;text-decoration:none;font-size:1.5rem;box-shadow:0 16px 35px rgba(21,148,71,.35);z-index:30;transition:.3s}.whatsapp-float:hover{transform:translateY(-6px) rotate(-6deg) scale(1.07)}.footer{position:relative;background:#062f30;color:#d5e7e7;padding:70px 0 28px;overflow:hidden}.footer:before{content:"";position:absolute;width:550px;height:550px;border-radius:50%;border:1px solid #ffffff0e;right:-250px;top:-330px;box-shadow:0 0 0 90px #ffffff08,0 0 0 180px #ffffff05}.footer-grid{position:relative;display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}.footer h2,.footer h3{font-family:Manrope,sans-serif;color:#fff}.footer a{color:#d5e7e7;text-underline-offset:4px}.footer a:hover{color:#71eadc}.copyright{position:relative;border-top:1px solid #ffffff17;margin-top:42px;padding-top:23px;text-align:center;color:#91abaa}.page-hero{position:relative;margin-top:-84px;padding:165px 0 75px;background:radial-gradient(circle at 20% 20%,rgba(33,196,181,.2),transparent 30%),linear-gradient(135deg,#eafaf7,#fff9ef);text-align:center;overflow:hidden}.page-hero:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;border:55px solid rgba(15,155,142,.04);right:-70px;top:40px}.page-hero h1{font-size:clamp(2.8rem,6vw,4.5rem);margin-top:15px}.empty{text-align:center;color:var(--muted);padding:45px}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.visible{opacity:1;transform:none}@keyframes pulse{50%{box-shadow:0 0 0 9px rgba(33,196,181,0)}}@keyframes float{50%{transform:translateY(-12px) rotate(2deg)}}@keyframes morph{0%,100%{border-radius:38% 62% 52% 48%/48% 42% 58% 52%}50%{border-radius:55% 45% 40% 60%/42% 55% 45% 58%}}
@media(max-width:900px){header{top:8px}.hamburger{display:block}.links{display:none;position:absolute;top:78px;left:0;right:0;background:rgba(255,255,255,.95);padding:18px;border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 50px rgba(7,59,58,.16);z-index:30;flex-direction:column;align-items:stretch;backdrop-filter:blur(20px)}.links.open{display:flex}.hero-grid,.profile-grid,.contact-grid{grid-template-columns:1fr}.hero{padding-top:155px}.hero-grid{gap:48px}.hero-visual{min-height:390px;width:min(520px,100%);margin:auto}.grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.nav .button{width:100%}}@media(max-width:580px){.container{width:min(100% - 26px,1180px)}header{width:calc(100% - 20px)}.nav{padding:0 14px}.grid{grid-template-columns:1fr}.hero{padding-bottom:70px}.hero h1{font-size:3.1rem}.hero-visual{min-height:310px}.hero-icon:after{left:1%;bottom:4%}.section{padding:68px 0}.footer-grid{grid-template-columns:1fr}.actions .button{width:100%}.page-hero{padding-top:145px}.whatsapp-float{right:14px;bottom:14px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
.copyright::after{content:" · Powered by queenovtech.com"}