:root{--brand-500:#0aa7d9;--brand-600:#068bb6;--brand-700:#056f92;--deep-900:#082038;--glass:#ffffff1a;--bg:#f6fbff;--accent:#00d4ff;--radius-lg:18px;--radius-md:12px;--shadow-1:0 10px 30px rgba(8,32,56,.15);--shadow-2:0 20px 50px rgba(8,32,56,.25);--font-title:"Montserrat",system-ui,Arial,sans-serif;--font-body:"Poppins",system-ui,Arial,sans-serif}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-body);color:var(--deep-900);background:radial-gradient(1200px 600px at 80% -10%,#b8f1ff 0%,#eafaff 40%,transparent 70%),radial-gradient(800px 400px at -10% 20%,#dff8ff 0%,#eafaff 35%,transparent 60%),var(--bg);overflow-x:hidden}.container{width:min(1200px,92%);margin:0 auto}a{color:inherit;text-decoration:none}.hdr{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:saturate(1.2) blur(10px);backdrop-filter:saturate(1.2) blur(10px);background:linear-gradient(180deg,#ffffffd9,#ffffffa6);border-bottom:1px solid #e9f3f8}.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.3px}.brand-logo{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--brand-600));display:grid;place-items:center;box-shadow:var(--shadow-1)}.brand-logo svg{width:26px;height:26px}.brand-name{font-family:var(--font-title);font-size:20px}nav ul{display:flex;gap:22px;list-style:none;padding:0;margin:0}nav a{padding:8px 12px;border-radius:10px;transition:transform .2s,background .2s}nav a:hover{background:#e9f7ff;transform:translateY(-1px)}.cta{display:flex;gap:10px;align-items:center}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;border-radius:12px;padding:10px 14px;font-weight:600;box-shadow:var(--shadow-1);transition:transform .2s ease,box-shadow .2s ease,background .2s;display:inline-flex;align-items:center;gap:10px;background:#fff}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}.btn-primary{background:linear-gradient(135deg,var(--brand-500),var(--brand-700));color:#fff}.btn-outline{background:transparent;border:1.5px solid var(--brand-600);color:var(--brand-700)}.icon{width:18px;height:18px}.hero{position:relative;padding:30px 0 80px;overflow:hidden}.wave{position:absolute;inset:auto 0 0 0;height:140px;pointer-events:none;background:url('data:image/svg+xml;utf8,<?xml version="1.0" ?><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 140" preserveAspectRatio="none"><path d="M0,40 C200,120 400,0 600,60 C800,120 1000,20 1200,70 L1200,140 L0,140 Z" fill="%230aa7d9" fill-opacity="0.12"/></svg>') bottom/cover no-repeat;animation:float 8s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.slides{position:relative;aspect-ratio:16/8.5;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#d8f6ff,#f8fdff);box-shadow:var(--shadow-2)}.slide{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1.1fr .9fr;gap:20px;padding:42px;opacity:0;transform:translate(20px) scale(.98);transition:opacity .7s ease,transform .7s ease;background-size:cover;background-position:center}.slide.active{opacity:1;transform:translate(0) scale(1)}.slide:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#ffffffeb,#ffffff80 45%,#fff0)}.slide-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:14px}.kicker{font-weight:600;color:var(--brand-700);letter-spacing:.12em;text-transform:uppercase;font-size:12px}h1,h2{font-family:var(--font-title);margin:0}.title{font-size:clamp(28px,3.6vw,46px);line-height:1.1}.subtitle{font-size:clamp(14px,1.4vw,18px);color:#255;opacity:.8;max-width:55ch}.slide-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;font-size:12px;border-radius:999px;background:#e9f7ff;color:var(--brand-700);width:max-content}.bottle-mock{place-self:center;width:100%;max-width:420px;aspect-ratio:3/5;border-radius:24px;background:#fff center/contain no-repeat;box-shadow:var(--shadow-2);position:relative;overflow:hidden}.bottle-mock:before,.bottle-mock:after{content:"";position:absolute;inset:0 0 auto 0;height:50%;background:radial-gradient(60% 100% at 50% 0%,rgba(0,212,255,.35),transparent 70%);filter:blur(6px)}.dots{position:absolute;right:22px;bottom:22px;display:grid;grid-template-columns:repeat(4,10px);gap:8px}.dots button{width:8px;height:8px;border-radius:999px;border:0;background:#b4eaff;opacity:.6;cursor:pointer;transition:all .2s}.dots button.active{background:var(--brand-600);opacity:1;transform:scale(1.2)}section{padding:70px 0}.section-title{font-size:30px;margin-bottom:12px}.section-lead{opacity:.8;margin-bottom:26px}.grid{display:grid;gap:22px}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.card{background:linear-gradient(180deg,#fffc,#ffffff80);border:1px solid #e6f3fa;border-radius:18px;box-shadow:var(--shadow-1);padding:20px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden;transform:translateY(8px);opacity:0;transition:.6s ease}.card.show{transform:translateY(0);opacity:1}.card .tag{position:absolute;top:12px;right:12px;font-size:11px;padding:6px 10px;border-radius:999px;background:#ecfeff;color:var(--brand-700);border:1px solid #bdf3ff}.card h3{margin:0;font-family:var(--font-title)}.card p{margin:0;opacity:.8}.pill{display:inline-flex;gap:8px;align-items:center;background:#f0faff;color:#045;padding:6px 10px;border-radius:999px;font-size:12px;border:1px dashed #bdefff}.order{display:grid;grid-template-columns:1.2fr .8fr;gap:26px;align-items:start;background:linear-gradient(135deg,#fff,#f2fbff);border:1px solid #e6f3fa;border-radius:24px;padding:22px;box-shadow:var(--shadow-1)}.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form .span-2{grid-column:span 2}.input{display:grid;gap:6px}.input label{font-size:12px;color:#045}.input input,.input select,.input textarea{border:1.5px solid #cfeef9;border-radius:12px;padding:12px;font:inherit;outline:none;background:#fff;transition:border .2s,box-shadow .2s}.input input:focus,.input select:focus,.input textarea:focus{border-color:var(--brand-600);box-shadow:0 0 0 4px #00c4ff22}.order-aside{background:linear-gradient(180deg,#e7fbff,#fff);border:1px solid #d2f3ff;border-radius:20px;padding:16px}.list{margin:0;padding-left:18px}.whatsapp{display:flex;gap:10px;align-items:center}.divider{height:1px;background:#e6f3fa;margin:14px 0}.tiny{font-size:12px;opacity:.7}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature{background:#fff;border:1px solid #e6f3fa;border-radius:18px;padding:18px;display:flex;gap:12px;align-items:flex-start;box-shadow:var(--shadow-1)}.feature svg{width:26px;height:26px;color:var(--brand-600)}.contact{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:center}.map{border:0;width:100%;height:320px;border-radius:18px;box-shadow:var(--shadow-1)}footer{padding:28px 0 60px;color:#235}.foot-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.bar{position:fixed;z-index:60;inset:auto 12px 12px 12px;display:none;gap:12px;justify-content:center}.bar .btn{flex:1;padding:14px;font-weight:700}@media (max-width:1000px){.slide{grid-template-columns:1fr;padding:28px}.bottle-mock{order:-1;max-width:420px}.order{grid-template-columns:1fr}.slides{aspect-ratio:16/10}.features{grid-template-columns:1fr 1fr}}@media (max-width:720px){nav ul{display:none}.grid.cols-3,.contact{grid-template-columns:1fr}.slides{aspect-ratio:4/5}.bar{display:flex}}
