:root{--bg: #0b0f14;--surface: #11161d;--text: #eaf2ff;--muted: #a8b1c5;--brand: #2563eb;--brand-2: #7c3aed;--ok: #10b981;--warn: #f59e0b;--radius: 14px;--shadow: 0 10px 30px rgba(0,0,0,.35)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:500 16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial}.container{width:min(1100px,92%);margin-inline:auto}.header{position:sticky;top:0;z-index:30;background:linear-gradient(180deg,#11161de6,#11161da6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid rgba(255,255,255,.06)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.brand{display:flex;gap:10px;align-items:center;font-weight:800;letter-spacing:.3px}.brand-badge{width:36px;height:36px;border-radius:10px;background:conic-gradient(from 180deg,#5b8cff,#9b5cff,#00d4ff,#5b8cff);box-shadow:var(--shadow)}.nav{display:flex;gap:20px}.nav a{color:var(--muted);text-decoration:none;padding:8px 10px;border-radius:10px}.nav a.active,.nav a:hover{color:#fff;background:#1a2230}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;padding:42px 0 24px}.hero h1{font-size:clamp(28px,4.5vw,44px);line-height:1.05;margin:0 0 14px}.hero p{color:var(--muted);margin:0 0 24px;max-width:56ch}.hero-cta{display:flex;gap:12px;align-items:center}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;padding:12px 18px;border-radius:12px;font-weight:700;background:var(--brand);color:#fff;box-shadow:var(--shadow)}.btn.secondary{background:#1f2734;color:#dbe7ff;border:1px solid rgba(255,255,255,.08)}.badge{display:inline-block;font-size:12px;letter-spacing:.3px;color:#cfe1ff;padding:6px 10px;border-radius:999px;background:#1a2230;border:1px solid rgba(255,255,255,.08)}.hero-card{background:radial-gradient(1200px 500px at 90% -40%,rgba(124,58,237,.25),transparent),linear-gradient(180deg,#151b25,#11161d);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:24px;box-shadow:var(--shadow)}.hero-bottle{width:100%;max-width:430px;aspect-ratio:4 / 5;object-fit:contain;display:block;margin-inline:auto;filter:drop-shadow(0 20px 50px rgba(37,99,235,.35))}.section{padding:26px 0 70px}.section h2{margin:0 0 18px;font-size:26px}.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.card{background:linear-gradient(180deg,#121822,#0f141c);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow)}.card img{width:100%;height:160px;object-fit:cover;border-radius:12px;background:#0a0f15}.card h4{margin:12px 0 6px}.price{color:#cfe1ff}.cart{margin-top:10px;display:flex;gap:8px}.footer{color:var(--muted);border-top:1px solid rgba(255,255,255,.06);padding:20px 0 40px}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999}.modal{width:min(680px,92%);background:#0f141c;color:#eaf2ff;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:22px;box-shadow:var(--shadow)}.modal h2{margin:0 0 10px}.modal p{color:#c0c9da}.modal .btn{margin-top:12px}@media (max-width: 920px){.hero{grid-template-columns:1fr;gap:22px}.hero-card{order:-1}}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0ca6;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{width:min(560px,92vw);background:var(--panel, #111);color:var(--text, #fff);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:22px 20px;box-shadow:0 10px 40px #00000073}.modal h2{margin:0 0 8px;font-size:20px}.modal p{margin:0 0 16px;line-height:1.5}.hero-carousel{position:relative;width:100%;max-width:520px;aspect-ratio:1 / 1;overflow:hidden;border-radius:16px;background:#0b0b0b;border:1px solid rgba(255,255,255,.12)}.hero-carousel .slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .6s ease;will-change:opacity;background:#fff}.hero-carousel .slide.active{opacity:1}.hero-carousel .dots{position:absolute;left:0;right:0;bottom:10px;display:flex;gap:6px;justify-content:center}.hero-carousel .dot{width:8px;height:8px;border-radius:999px;background:#ffffff59;border:none;cursor:pointer}.hero-carousel .dot.on{background:#fff}:root{--sf-deep: #032D60;--sf-blue: #0176D3;--sf-sky: #00A1E0;--sf-cloud:#EAF5FF}.btn--sf{background:linear-gradient(180deg,var(--sf-blue),#015fb0);border:1px solid rgba(255,255,255,.2);box-shadow:0 6px 18px #0176d359}.btn--sf:hover{filter:brightness(1.05)}.badge--glass{background:#ffffff1f;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero.hero--sf{display:grid;grid-template-columns:1.05fr 1fr;gap:28px;align-items:center;border-radius:16px;padding:28px;background:radial-gradient(1200px 600px at 20% 0%,rgba(0,161,224,.25),transparent 60%),linear-gradient(180deg,#063982 0%,var(--sf-deep) 60%,#021E42 100%);border:1px solid rgba(255,255,255,.08)}.hero-copy .hero-title{font-size:clamp(28px,3.6vw,44px);line-height:1.05;margin:10px 0 8px}.hero-copy .hero-sub{color:#cfe6ff;margin:0 0 14px}.hero-families{display:flex;gap:8px;margin:10px 0 8px}.chip{font-size:12px;padding:6px 10px;border-radius:999px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.15)}.chip--active{background:#00a1e040;border-color:#4cc8ff}.hero-variant{display:flex;align-items:center;gap:10px;margin:8px 0 16px}.hero-variant__name{font-weight:800;letter-spacing:.3px}.hero-variant__name span{font-weight:600;opacity:.9;margin-left:6px}.hero-variant__price{margin-left:auto;font-weight:800;background:#0a5cab;padding:6px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.14)}.hero-visual{position:relative;min-height:320px;height:clamp(320px,40vw,480px);border-radius:16px;overflow:hidden;background:#061a3b;border:1px solid rgba(255,255,255,.08)}.hero-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.02);transition:opacity .8s ease,transform 1.2s cubic-bezier(.22,.61,.36,1);will-change:opacity,transform}.hero-img--in{opacity:1;transform:scale(1)}.hero-vignette{position:absolute;inset:auto -10% -10% -10%;height:65%;background:radial-gradient(50% 70% at 50% 100%,rgba(1,118,211,.35),transparent 70%);pointer-events:none}.hero-dots{display:flex;gap:8px;margin-top:12px}.dot{width:8px;height:8px;border-radius:50%;background:#ffffff80;border:none;cursor:pointer}.dot.is-active{background:#fff}@media (max-width: 880px){.hero.hero--sf{grid-template-columns:1fr;padding:22px}.hero-visual{order:-1;height:clamp(240px,48vw,360px)}}.checkout-form input{width:100%;padding:12px;background:#111;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:15px}.checkout-form input::placeholder{color:#ffffff59}.checkout-form label{display:block;font-size:14px;margin-bottom:4px;color:#fffc}.checkout-form .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkout-form{display:flex;flex-direction:column;gap:14px}.banner-success{background:#00c853;color:#fff;padding:12px 16px;border-radius:6px;margin-bottom:12px;font-weight:700}