:root{font-family:Manrope,Arial,sans-serif;color:#1c302c;background:#f4f5f1}
*{box-sizing:border-box}
body{margin:0}
.page{min-height:100svh;display:grid;place-items:center;padding:36px}
.card{position:relative;width:min(1180px,100%);min-height:620px;display:grid;grid-template-columns:1fr 1fr;background:#fff;overflow:hidden;border:1px solid #e6e8e2}
.copy{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:64px clamp(36px,5vw,78px)}
.eyebrow{margin:0 0 24px;color:#31785d;font-size:11px;font-weight:800;letter-spacing:.13em}
h1{max-width:530px;margin:0;font-size:clamp(39px,4.4vw,64px);font-weight:700;letter-spacing:-.055em;line-height:1.12}
h1 span{color:#17805f}
.lead{max-width:430px;margin:24px 0 0;color:#687771;font-size:16px;line-height:1.7}
.delivery{display:flex;align-items:center;gap:12px;margin:30px 0 0;color:#2c4840;font-size:13px;line-height:1.5}
.delivery strong{font-weight:800}
.delivery svg,.button svg{flex:none;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.delivery svg{color:#16835f}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px}
.button{min-height:58px;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:0 28px;text-decoration:none;font-size:15px;font-weight:800;transition:background .18s ease,color .18s ease}
.button-primary{background:#0c8059;color:#fff;animation:catalog-breathe 2.3s ease-in-out infinite}
.button-primary svg{animation:arrow-nudge 2.3s ease-in-out infinite}
.button-primary:hover{background:#10694d}
.whatsapp-float{position:fixed;right:24px;bottom:58px;z-index:100;width:50px;height:50px;display:grid;place-items:center;touch-action:none;user-select:none;cursor:grab;animation:wa-float 2.8s ease-in-out infinite}
.whatsapp-float.dragging{cursor:grabbing;animation:none}
.whatsapp-float img{width:48px;height:48px;display:block;pointer-events:none;filter:drop-shadow(0 6px 10px rgba(8,92,48,.24));animation:wa-wave 4.6s ease-in-out infinite}
.whatsapp-float.dragging img{animation:none}
.whatsapp-label{position:absolute;left:50%;top:calc(100% - 3px);transform:translateX(-50%);white-space:nowrap;padding:9px 12px 6px;border:2px solid #fff;border-radius:10px 10px 15px 15px;background:#25d366;color:#fff;font-size:12px;line-height:16px;font-weight:900;box-shadow:0 7px 18px rgba(8,92,48,.22);pointer-events:none}
@keyframes wa-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes wa-wave{0%,68%,100%{transform:rotate(0) scale(1)}74%{transform:rotate(-6deg) scale(1.04)}80%{transform:rotate(6deg) scale(1.04)}86%{transform:rotate(-3deg) scale(1.02)}92%{transform:rotate(0) scale(1)}}
@keyframes catalog-breathe{0%,100%{transform:scale(1);box-shadow:0 9px 22px rgba(4,73,49,.26),0 0 0 0 rgba(31,181,115,.28)}50%{transform:scale(1.055);box-shadow:0 15px 34px rgba(4,73,49,.4),0 0 0 8px rgba(31,181,115,0)}}
@keyframes arrow-nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
@keyframes vial-float{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-12px)}}
@keyframes shadow-breathe{0%,100%{transform:translateX(-50%) scale(1);opacity:.34}50%{transform:translateX(-50%) scale(.82);opacity:.2}}
.visual{position:relative;min-height:620px;background:#f4ece1 url('/vial-studio-empty.png?v=2') center/cover no-repeat;overflow:hidden}
.vial-shadow{position:absolute;left:50%;bottom:16%;width:165px;height:24px;border-radius:50%;background:#665243;filter:blur(14px);animation:shadow-breathe 4.4s ease-in-out infinite}
.visual .vial-cutout{position:absolute;left:50%;bottom:14%;display:block;width:auto;height:430px;max-width:none;filter:drop-shadow(0 10px 10px rgba(52,42,34,.08));animation:vial-float 4.4s ease-in-out infinite;will-change:transform}
a:focus-visible,button:focus-visible{outline:3px solid #93c7ad;outline-offset:3px}
@media(max-width:850px){.page{padding:18px}.card{grid-template-columns:1fr;min-height:0}.copy{padding:48px 40px}.visual{height:390px;min-height:390px;grid-row:1}.visual .vial-cutout{height:310px;bottom:10%}.vial-shadow{bottom:11%;width:135px}}
@media(max-width:560px){.page{padding:0;display:block}.card{width:100%;border:0}.visual{height:300px;min-height:300px}.visual .vial-cutout{height:265px;bottom:15%}.vial-shadow{bottom:15%;width:105px;height:17px}.copy{position:static;padding:35px 24px 42px}.eyebrow{font-size:10px;margin-bottom:19px}h1{font-size:42px}.lead{margin-top:18px;font-size:14px}.delivery{margin-top:23px}.actions{position:absolute;top:224px;left:24px;right:24px;z-index:2;width:auto;margin:0}.button{width:100%}.actions .button-primary{border:2px solid #fff}.whatsapp-float{right:14px;bottom:46px;width:44px;height:44px}.whatsapp-float img{width:40px;height:40px}.whatsapp-label{padding:6px 8px 4px;border-width:1px;border-radius:8px 8px 12px;font-size:10px;line-height:13px}}
@media(prefers-reduced-motion:reduce){.button{transition:none}.whatsapp-float,.whatsapp-float img,.button-primary,.button-primary svg,.vial-cutout,.vial-shadow{animation:none}.visual .vial-cutout{transform:translateX(-50%)}.vial-shadow{transform:translateX(-50%)}}