/* Peptisource v2 — conversion-focused art direction layered over style.css */
:root{--cta-a:#d8ff9e;--cta-b:#7fe8d8;--wa:#25d366;--wa-deep:#0a3d22;--glass:#ffffff0d;--glass-line:#ffffff1f;--warn:#ff8a7a}

/* Top bar */
.concept{background:linear-gradient(90deg,#d8ff9e,#9ee4da 55%,#7fd3f0);color:#0d2a2f}
.concept b{letter-spacing:1.6px}
.concept b i{font-style:normal;margin:0 8px;opacity:.55}

/* Hero */
.showroom{background:radial-gradient(ellipse 60% 55% at 62% 58%,color-mix(in srgb,var(--accent) 26%,transparent),transparent 70%),radial-gradient(ellipse at 15% 0%,#1b3b48 0%,transparent 55%),#0a141a}
.showroom-3d{background:radial-gradient(ellipse 45% 30% at 50% 88%,color-mix(in srgb,var(--accent) 30%,transparent),transparent 75%)}
.showroom h1{font-size:clamp(50px,5.2vw,84px);letter-spacing:-2px}
@media(max-width:1100px){.showroom-top>p:last-child{position:static;margin:12px 0 0}}
.showroom h1 em{background:linear-gradient(100deg,var(--cta-a),var(--accent) 60%,#7fd3f0);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow i{display:inline-block;height:7px;width:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 60%,transparent);animation:ping 2.2s infinite}
@keyframes ping{70%{box-shadow:0 0 0 9px transparent}100%{box-shadow:0 0 0 0 transparent}}
.showroom-top>p:last-child{color:#d4e3e3;font-size:13px}
.trust-chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0}
.trust-chips li{font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:7px 12px 7px 26px;border-radius:999px;background:var(--glass);border:1px solid var(--glass-line);backdrop-filter:blur(8px);position:relative;color:#e6f3f1}
.trust-chips li::before{content:"✓";position:absolute;left:10px;top:50%;transform:translateY(-52%);color:var(--cta-a);font-weight:700}
.trust-chips.center{justify-content:center}

/* Chosen product + price */
.chosen-name{text-shadow:0 0 40px color-mix(in srgb,var(--accent) 45%,transparent)}
.chosen-price{margin:12px 0 0;font-size:12px;color:#c6d6d6;display:flex;align-items:baseline;gap:6px}
.chosen-price b{font-family:'Barlow Condensed',sans-serif;font-size:34px;line-height:1;color:#fff;font-weight:700;letter-spacing:-.5px}
.chosen-price span{color:#9fb4b6}
.action-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}

/* Buttons */
.button{border-radius:999px;gap:22px;padding:16px 24px;font-weight:700;letter-spacing:.2px;position:relative;overflow:hidden;border:0;cursor:pointer;font-family:inherit;background:linear-gradient(120deg,var(--cta-a),var(--cta-b));color:#0b2228;box-shadow:0 10px 30px -10px color-mix(in srgb,var(--cta-b) 70%,transparent)}
.button:hover{background:linear-gradient(120deg,#e8ffc2,#a2f2e6);transform:translateY(-3px);box-shadow:0 16px 36px -12px color-mix(in srgb,var(--cta-b) 85%,transparent)}
.button::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,#ffffff8c 50%,transparent 70%);transform:translateX(-120%);animation:shine 4.5s ease-in-out infinite;pointer-events:none}
@keyframes shine{0%,62%{transform:translateX(-120%)}82%,100%{transform:translateX(120%)}}
.ghost-button{background:transparent;color:#eaf6f4;border:1px solid #ffffff40;box-shadow:none}
.ghost-button::after{display:none}
.ghost-button:hover{background:#ffffff12;box-shadow:none;color:#fff}
.wa-button{background:linear-gradient(120deg,#3dea7e,var(--wa));color:var(--wa-deep);box-shadow:0 12px 32px -10px #25d366aa}
.wa-button:hover{background:linear-gradient(120deg,#6af59c,#3de07c);box-shadow:0 16px 40px -10px #25d366cc}
.wa-button.big{font-size:15px;padding:21px 34px}

/* Trust marquee */
.trust-marquee{overflow:hidden;background:linear-gradient(90deg,#d8ff9e,#9ee4da 50%,#7fd3f0);color:#0b2a2f;padding:16px 0;border-block:1px solid #ffffff30}
.trust-track{display:flex;width:max-content;gap:34px;align-items:center;animation:trust 36s linear infinite;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:24px;letter-spacing:.5px;white-space:nowrap}
.trust-track i{font-style:normal;font-size:20px;opacity:.6}
@keyframes trust{to{transform:translateX(-50%)}}

/* Pain-point section */
.pain{background:radial-gradient(ellipse at 85% 0%,#1d3a46,transparent 55%),#0b161d;position:relative}
.pain-head{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end;margin-bottom:55px}
.pain-head h2{font-size:clamp(56px,6.4vw,104px)}
.pain-head p{font-size:15px;line-height:1.85;color:#b9cacc;max-width:480px;margin:0}
.pain-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.pain-grid article{position:relative;padding:28px 24px 26px;border-radius:18px;background:linear-gradient(160deg,#ffffff10,#ffffff04);border:1px solid var(--glass-line);transition:transform .3s,border-color .3s,box-shadow .3s}
.pain-grid article:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--accent) 60%,transparent);box-shadow:0 22px 50px -25px color-mix(in srgb,var(--accent) 80%,transparent)}
.pain-index{font-family:'Barlow Condensed',sans-serif;font-size:13px;letter-spacing:2px;color:#7f9aa0}
.pain-problem{margin:18px 0 22px;padding-bottom:20px;border-bottom:1px dashed #ffffff26;font-size:14px;line-height:1.6;color:#e7b3ab;display:flex;gap:10px}
.pain-problem span{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#ff8a7a22;color:var(--warn);font-size:11px;font-weight:700}
.pain-grid h3{margin:0 0 10px;font-family:'Barlow Condensed',sans-serif;font-size:27px;line-height:1.05;font-weight:600;color:#fff;display:flex;gap:10px;align-items:flex-start}
.pain-grid h3 span{flex:none;margin-top:3px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(120deg,var(--cta-a),var(--cta-b));color:#0b2228;font-family:'DM Sans',sans-serif;font-size:12px}
.pain-fix{margin:0;font-size:13px;line-height:1.75;color:#a9bfc2}
.pain-cta{display:flex;align-items:center;gap:30px;margin-top:45px;flex-wrap:wrap}

/* Product cards: make price and selection pop */
.bottle-option{border-radius:16px;background:linear-gradient(160deg,#1a2f3a,#0f1d24);border:1px solid #ffffff1a}
.bottle-option:hover{box-shadow:0 24px 50px -28px color-mix(in srgb,var(--accent) 85%,transparent)}
.bottle-option[aria-pressed=true]{background:linear-gradient(160deg,#21414c,#11232b);box-shadow:0 0 0 1px var(--accent),0 24px 60px -30px var(--accent)}
.bottle-art{border-radius:12px;overflow:hidden}
.variant-price{display:inline-block;margin-top:6px;font-family:'Barlow Condensed',sans-serif;font-size:30px;font-weight:700;letter-spacing:-.3px;color:#fff}
.value-badge{margin-left:auto;margin-right:8px;font-size:9px;font-weight:700;letter-spacing:1.2px;padding:5px 9px;border-radius:999px;background:linear-gradient(120deg,var(--cta-a),var(--cta-b));color:#0b2228;white-space:nowrap}
.bottle-card-top{display:flex;align-items:center}
.shelf-selection{border-radius:16px}
.shelf-actions{gap:12px}

/* Final CTA */
.final-cta{position:relative;overflow:hidden;text-align:center;padding:120px 7% 110px;background:radial-gradient(ellipse at 50% 100%,#16503f 0%,#0b161d 62%)}
.final-glow{position:absolute;left:50%;top:58%;width:720px;height:720px;max-width:120vw;transform:translate(-50%,-50%);background:radial-gradient(circle,#25d36633,transparent 65%);filter:blur(10px);pointer-events:none}
.final-cta>*:not(.final-glow){position:relative}
.final-cta .eyebrow{justify-content:center}
.final-cta h2{font-size:clamp(60px,7.5vw,124px);letter-spacing:-2px}
.final-copy{max-width:640px;margin:26px auto 36px;font-size:15px;line-height:1.85;color:#c3d4d4}
.final-cta .trust-chips{margin-top:30px}
.final-cta small{display:block;margin-top:26px;font-size:10px;color:#7e9396;letter-spacing:.4px}

/* Floating WhatsApp: attention pulse */
.whatsapp-float{box-shadow:0 10px 30px -6px #25d36699}
.whatsapp-float::before{content:"";position:absolute;inset:-2px;border-radius:inherit;border:2px solid #25d366;animation:wa-pulse 2.4s ease-out infinite;pointer-events:none}
@keyframes wa-pulse{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.35);opacity:0}}

@media(max-width:800px){
 .concept b{font-size:7px;letter-spacing:.8px}
 .concept span{display:none}
 .showroom h1{font-size:46px}
 .trust-chips{gap:6px;margin-top:12px}
 .trust-chips li{font-size:8px;padding:6px 9px 6px 21px}
 .trust-chips li::before{left:8px}
 .chosen-price b{font-size:28px}
 .choose-action{flex-direction:column;align-items:stretch}
 .action-row{justify-content:stretch}
 .action-row .button{flex:1;justify-content:space-between}
 .choose-action>span{max-width:none}
 .trust-track{font-size:18px;gap:24px}
 .pain-head{grid-template-columns:1fr;gap:20px;margin-bottom:35px}
 .pain-head h2{font-size:60px}
 .pain-head p{font-size:13px}
 .pain-grid{grid-template-columns:1fr 1fr;gap:12px}
 .pain-grid article{padding:20px 16px}
 .pain-grid h3{font-size:21px}
 .pain-problem{font-size:12px}
 .pain-fix{font-size:12px}
 .pain-cta{flex-direction:column;align-items:stretch;gap:20px;text-align:center}
 .pain-cta .button{justify-content:space-between}
 .final-cta{padding:85px 6% 80px}
 .final-cta h2{font-size:58px}
 .final-copy{font-size:13px}
 .wa-button.big{font-size:13px;padding:18px 24px;width:100%;justify-content:space-between}
 .variant-price{font-size:24px}
}
@media(max-width:480px){
 .pain-grid{grid-template-columns:1fr}
 .showroom h1{font-size:40px}
}
@media(prefers-reduced-motion:reduce){
 .button::after,.whatsapp-float::before,.eyebrow i{animation:none}
 .trust-track{animation:none}
 .pain-grid article{transition:none}
}