:root{--ink:#0b2540;--muted:#52627a;--soft:#eef7fb;--brand:#0891b2;--brand2:#06b6d4;--deep:#0b3d5c}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:#fff;line-height:1.6}
.wrap{max-width:1100px;margin:0 auto;padding:0 16px}
.top{position:sticky;top:0;background:rgba(255,255,255,.95);backdrop-filter:blur(6px);border-bottom:1px solid #e3edf3;z-index:5}
.bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 16px}
.logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:1.3rem;color:var(--deep);text-decoration:none}
nav a{margin-left:18px;color:var(--muted);text-decoration:none;font-weight:500}nav a.active,nav a:hover{color:var(--brand)}
.hero{background:radial-gradient(circle at 80% 30%,#0e7490 0,#0b3d5c 45%,#071d33 100%);color:#fff;padding:64px 0}.hero.small{padding:44px 0}
.herogrid{display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:center}
.tag{display:inline-block;background:rgba(103,232,249,.15);color:#a5f3fc;padding:4px 12px;border-radius:99px;font-size:.85rem;font-weight:600}
.hero h1{font-size:clamp(1.9rem,4.4vw,3.1rem);line-height:1.15;margin:14px 0}.lead{font-size:1.15rem;opacity:.9;max-width:600px}
.art{text-align:center}.bottle{width:min(240px,60vw);filter:drop-shadow(0 20px 40px rgba(0,0,0,.4))}
.glow{animation:g 2.4s ease-in-out infinite}@keyframes g{50%{opacity:.25}}
.stats{display:flex;gap:28px;margin-top:28px;flex-wrap:wrap}.stats b{display:block;font-size:1.5rem;color:#67e8f9}
.btn{display:inline-block;background:var(--brand2);color:#00202c;padding:12px 24px;border-radius:999px;text-decoration:none;font-weight:700;border:0;cursor:pointer;font-size:1rem;margin-top:10px}
.btn.ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.7)}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin:44px auto}
.card{background:var(--soft);border-radius:16px;padding:24px}.card h3{margin-top:0}.ico{font-size:1.8rem}
.card.link{color:inherit;text-decoration:none;transition:transform .15s}.card.link:hover{transform:translateY(-3px)}
.split{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:center;margin:20px auto 44px}
.checks{list-style:none;padding:0}.checks li{padding-left:28px;position:relative;margin:8px 0}.checks li:before{content:"\2713";position:absolute;left:0;color:var(--brand);font-weight:800}
.quote{background:var(--deep);color:#e0f2fe;border-radius:16px;padding:28px;font-size:1.2rem}.quote span{opacity:.7;font-size:.95rem}
.price{font-weight:800;color:var(--brand);font-size:1.3rem}.price s{color:#94a3b8;font-weight:400;font-size:1rem;margin-left:6px}
.sw{height:170px;border-radius:12px;margin-bottom:14px;background:linear-gradient(180deg,#fff,#dff3fa);display:flex;align-items:center;justify-content:center}.note{color:var(--muted);font-size:.9rem}
.spec{width:100%;border-collapse:collapse;margin-bottom:20px}.spec th,.spec td{padding:10px;border-bottom:1px solid #e3edf3;text-align:left}.spec th{width:40%;color:var(--muted)}
.prose{max-width:760px;padding-top:32px;padding-bottom:40px}
.cta{background:linear-gradient(135deg,#cffafe,#e0f2fe);padding:52px 0;text-align:center;margin-top:20px}
.contact{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin:40px auto}
form label{display:block;margin-bottom:14px;font-weight:600}form input,form select,form textarea{display:block;width:100%;padding:10px;margin-top:4px;border:1px solid #c9d8e3;border-radius:10px;font:inherit}
details{background:var(--soft);border-radius:10px;padding:12px 16px;margin-bottom:10px}summary{font-weight:600;cursor:pointer}
footer{background:#071d33;color:#bcd0e0;padding:36px 0 12px}footer a{color:#bcd0e0}
.foot{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.copy{text-align:center;font-size:.82rem;opacity:.7;margin-top:24px}
@media(max-width:760px){.herogrid,.split{grid-template-columns:1fr}nav a{margin:0 12px 0 0}}