/* Product-led campaign layout: GlutaPeptide's own burgundy / rose identity. */
.hero{background:#f9f1e9;gap:8px;padding:8px;min-height:660px}
.hero-copy{padding:58px 9%;border-radius:14px;background:#f9f1e9}
.hero h1{font-size:clamp(46px,4.65vw,72px);margin:22px 0}
.hero-stage{background:radial-gradient(ellipse at 55% 45%,#f4ced2 0,#e9a6b6 55%,#d68099 100%);overflow:hidden;border-radius:14px;isolation:isolate;min-height:660px;--pointer-x:0px;--pointer-y:0px}
.hero-backdrop-word{position:absolute;top:8%;left:7%;font-size:clamp(80px,10.5vw,168px);font-weight:500;letter-spacing:-.08em;line-height:.84;color:#812c4970;z-index:-1;pointer-events:none}
.hero-backdrop-word em{margin-left:12%;color:#fff2e5a8}
.hero-bottle-position{position:absolute;inset:8% 9% 7%;display:grid;place-items:center;transform:translate(var(--pointer-x),var(--pointer-y));transition:transform .3s ease-out}
.hero-stage .hero-bottle{position:relative;width:auto;height:100%;max-width:100%;max-height:550px;object-fit:contain;filter:drop-shadow(18px 28px 20px #6c183337);animation:brand-float 8s ease-in-out infinite;transform:rotate(-11deg)}
.hero-stage-label{position:absolute;bottom:29px;left:28px;font-size:12px;font-weight:600;letter-spacing:.08em;line-height:1.7;color:#501d30}
.hero-stage-volume{position:absolute;right:26px;top:25px;font-family:var(--serif);font-size:37px;color:#501d30}.hero-stage-volume small{font:14px var(--sans)}
.motion-toggle{position:absolute;right:20px;bottom:23px;display:flex;gap:9px;align-items:center;background:#fff5e9e8;border:1px solid #501d3033;border-radius:30px;padding:10px 14px;font-size:12px;min-height:44px;color:var(--burgundy)}
.motion-paused .hero-bottle,.motion-offscreen .hero-bottle{animation-play-state:paused}
@keyframes brand-float{0%,100%{transform:translateY(0) rotate(-11deg)}50%{transform:translateY(-15px) rotate(-7deg)}}
.reasons-strip{background:var(--burgundy);color:#fff1e8;justify-content:center;gap:5%;padding:24px 5%;border:0;font-size:13px;letter-spacing:.13em}
.reasons-strip .small-ring,.reasons-strip .small-ring:after{border-color:#efb2c2}
.bundle-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.bundle-heading,.bundle-terms{grid-column:1/-1}.bundle-heading{margin-bottom:3px}.bundle-heading>span{font-size:12px}
.bundle-option{display:flex!important;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;padding:12px 9px 15px!important;min-width:0;width:100%;border:1px solid #d9c1c6;border-radius:10px;background:#fcf6ee;text-align:center;margin:0;position:relative;transition:background .2s,border-color .2s,box-shadow .2s}
.bundle-option:hover{background:#f6e6e5;border-color:#9a5970}
.bundle-option[aria-pressed="true"]{background:#f3d8df;border:2px solid #501d30;padding:11px 8px 14px!important;box-shadow:0 4px 16px #501d3010}
.bundle-radio{position:absolute;right:10px;top:10px;width:15px;height:15px;margin:0;z-index:1}
.bundle-visual{height:140px;display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:hidden;margin:3px -4px 0}
.bundle-visual img{height:100%;width:auto;max-width:70%;object-fit:contain;filter:drop-shadow(3px 5px 3px #501d301a);transition:transform .3s}
.bundle-visual-2 img{height:91%;max-width:58%;margin:0 -13%}.bundle-visual-2 img:first-child{transform:rotate(-8deg)}.bundle-visual-2 img:last-child{transform:rotate(8deg)}
.bundle-visual-3 img{height:83%;max-width:53%;margin:0 -16%}.bundle-visual-3 img:first-child{transform:rotate(-12deg)}.bundle-visual-3 img:nth-child(2){height:97%;z-index:1}.bundle-visual-3 img:last-child{transform:rotate(12deg)}
.bundle-name>strong{display:flex;flex-direction:column;align-items:center;gap:0;font-size:15px}.bundle-name small{font-size:12px;font-weight:400;margin:2px 0 0;display:block}.bundle-unit{display:block;font-size:12px;margin-top:8px;color:#71505a;white-space:normal}
.bundle-cost{display:flex;flex-direction:column;align-items:center;gap:7px;margin-top:auto}.bundle-cost>span:last-child{display:flex;flex-direction:column;gap:2px;align-items:center}.bundle-total{font-size:20px;font-weight:600;white-space:nowrap}.bundle-cost del{font-size:12px}.bundle-badge{font-size:12px;padding:3px 7px;border-radius:20px;background:#501d30;color:#fff5ef;white-space:nowrap}.bundle-terms{margin:5px 0 0;font-size:12px}
.lifestyle{background:#e8a4b5;padding:64px 4% 42px}.lifestyle-heading{padding:0 2%;align-items:center}.lifestyle-heading>p{color:#633549;font-size:17px;padding:0}.lifestyle h2{font-size:clamp(38px,4.5vw,66px)}
.ritual-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.ritual-grid>figure,.ritual-grid>div{position:relative;min-width:0;margin:0;border-radius:12px;overflow:hidden}
.ritual-grid figure{min-height:330px}.ritual-grid img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .7s}.ritual-grid figure:hover img{transform:scale(1.025)}
.ritual-grid figcaption{position:absolute;bottom:16px;left:16px;background:#fff7eedf;color:#501d30;padding:9px 13px;font-size:12px;letter-spacing:.065em;border-radius:3px;max-width:calc(100% - 32px)}
.ritual-morning{grid-column:span 4;aspect-ratio:1.75}.ritual-manifesto{grid-column:span 2;background:#67263f;color:#fff1e5;padding:34px 28px;display:flex;flex-direction:column;justify-content:space-between}
.ritual-manifesto p,.ritual-shop p{font-size:clamp(30px,3vw,47px);line-height:1.1;letter-spacing:-.045em;margin:25px 0}.ritual-manifesto em{color:#f2b6c6}.ritual-caption{font-size:14px;line-height:1.6;max-width:240px}
.ritual-detail,.ritual-vanity,.ritual-shop{grid-column:span 2}.ritual-detail,.ritual-vanity{aspect-ratio:1}.ritual-detail img{object-position:center 58%}
.ritual-shop{background:#fff2e5;color:#501d30;padding:30px 25px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.ritual-shop .button{background:#501d30;color:#fff2e5;margin-bottom:18px;min-height:48px;padding:12px 18px;white-space:normal}.ritual-shop .button:hover{background:#78334e}
html[lang="et"] .hero-backdrop-word{font-size:clamp(70px,8.5vw,136px)}
@media(max-width:1000px){.hero-copy{padding:40px 7%}.hero h1{font-size:47px}.hero-stage{min-height:600px}.hero-stage .hero-bottle{max-height:460px}.product{gap:4%;padding-left:4%;padding-right:4%}.bundle-visual{height:115px}.bundle-total{font-size:17px}.bundle-name>strong{font-size:14px}.bundle-heading{display:block}.bundle-heading>span{display:block;margin-top:4px}.ritual-manifesto,.ritual-shop{padding:24px 20px}.ritual-grid figure{min-height:280px}}
@media(max-width:700px){.hero{padding:5px;gap:5px}.hero-copy{padding:36px 6% 30px}.hero h1{font-size:48px}.hero-stage{min-height:440px;aspect-ratio:1.08}.hero-stage .hero-bottle{max-height:360px}.hero-bottle-position{inset:8% 10% 12%}.hero-backdrop-word{font-size:100px}.hero-stage-label{left:18px;bottom:23px;font-size:10px}.hero-stage-volume{right:20px;top:18px;font-size:30px}.motion-toggle{right:14px;bottom:18px;padding:9px 11px;font-size:11px}.reasons-strip{gap:10px;padding:20px 15px;flex-wrap:wrap;font-size:11px;letter-spacing:.05em}.reasons-strip>span{display:block!important}.reasons-strip .small-ring{width:10px;height:10px}.reasons-strip .small-ring:after{inset:2px}.reasons-strip>span:last-child{width:100%;text-align:center}.reasons-strip>.small-ring:nth-of-type(4){display:none!important}.product{padding:45px 6%;gap:30px}.bundle-visual{height:130px}.bundle-picker{gap:7px}.bundle-heading{display:flex}.bundle-heading h3{font-size:21px}.bundle-heading>span{max-width:80px;text-align:right}.bundle-name>strong{font-size:14px}.bundle-unit{font-size:11px}.bundle-total{font-size:18px}.bundle-option{padding-left:6px!important;padding-right:6px!important}.bundle-option[aria-pressed="true"]{padding-left:5px!important;padding-right:5px!important}.lifestyle{padding:46px 14px 24px}.lifestyle-heading{padding:0 9px;display:block}.lifestyle h2{font-size:42px}.lifestyle-heading>p{margin-top:20px;font-size:16px}.ritual-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ritual-morning{grid-column:1/-1;aspect-ratio:1.2}.ritual-manifesto{grid-column:1/-1;min-height:260px;padding:27px}.ritual-manifesto p{font-size:47px;margin:24px 0}.ritual-detail,.ritual-vanity{grid-column:span 1;min-height:240px!important;aspect-ratio:.72}.ritual-grid figcaption{font-size:10px;left:9px;bottom:10px;padding:7px;max-width:calc(100% - 18px)}.ritual-shop{grid-column:1/-1;padding:30px;min-height:300px}.ritual-shop p{font-size:43px;margin:20px 0}.ritual-shop .ritual-caption{max-width:none}html[lang="et"] .hero-backdrop-word{font-size:83px}}
@media(prefers-reduced-motion:reduce){.hero-stage .hero-bottle{animation:none}.hero-bottle-position,.ritual-grid img,.bundle-visual img{transition:none}.ritual-grid figure:hover img{transform:none}}

.lifestyle-heading>p{max-width:390px}

/* Benefits: direct headlines, bold colour, one idea per card. */
#benefits{background:#fff7ee;padding:70px 4%;border:0}
#benefits>.benefits-heading{padding:0 2%;gap:7%;margin-bottom:35px}
#benefits .benefits-heading h2{font-size:clamp(38px,4.4vw,64px);max-width:650px}
#benefits>.benefits-heading>p{font-size:16px;line-height:1.7;color:#67424f}
#benefits .benefits-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
#benefits .benefit-card{--card-ink:#501d30;--card-line:#501d3030;background:#efafc0;color:var(--card-ink);border:0;border-radius:20px;padding:26px;min-width:0;position:relative;overflow:hidden;isolation:isolate;box-shadow:none;transition:transform .25s}
#benefits .benefit-card-2{background:#f4db98}
#benefits .benefit-card-3{background:#67263f;--card-ink:#fff1e5;--card-line:#fff1e540}
#benefits .benefit-card-4{background:#dbd3e9}
#benefits .benefit-card-5{background:#efd7c6}
#benefits .benefit-card-6{background:#e4b6c2}
.benefit-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%}
#benefits .benefit-number{border:1px solid var(--card-line);border-radius:50%;width:33px;height:33px;display:grid;place-items:center;color:inherit;font-size:12px;flex-shrink:0;letter-spacing:0}
.benefit-topic{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;text-align:right;line-height:1.4}
#benefits .benefit-card h3{color:inherit;font:600 clamp(30px,3.15vw,48px)/1.06 var(--sans);letter-spacing:-.055em;margin:25px 0 8px;min-height:2.12em;overflow-wrap:normal}
#benefits .benefit-art{height:164px;margin:4px 0 12px;background:transparent;border-radius:0;color:inherit;overflow:visible;position:relative}
#benefits .benefit-art:before{content:'';position:absolute;width:142px;height:142px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-12deg);border-radius:42% 58% 60% 40%;background:#ffffff28;z-index:-1}
#benefits .benefit-art svg{height:164px;width:100%;filter:drop-shadow(0 5px 0 #00000005)}
#benefits .benefit-art svg>path:first-child,#benefits .benefit-art svg>circle:first-child{fill:currentColor;fill-opacity:.07}
#benefits .benefit-summary{color:inherit;font-size:15px;line-height:1.65;min-height:5em;margin:0 0 20px}
#benefits .benefit-details{width:100%;border-top:1px solid var(--card-line);margin-top:auto;color:inherit}
#benefits .benefit-details summary{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:14px 0 0;cursor:pointer;list-style:none;font-size:13px;font-weight:600;color:inherit}
#benefits .benefit-details summary::-webkit-details-marker{display:none}
#benefits .benefit-details summary>span{font-size:23px;font-weight:400;transition:transform .2s}
#benefits .benefit-details[open] summary>span{transform:rotate(45deg)}
#benefits .benefit-details>div{padding:16px 0 3px}
#benefits .benefit-details p{font-size:14px;line-height:1.7;color:inherit;margin:0}
#benefits .benefit-details a{color:inherit;font-size:12px;text-decoration:underline;text-underline-offset:4px;line-height:1.6;margin-top:14px}
#benefits .benefit-details summary:focus-visible{outline-color:currentColor;outline-offset:4px;border-radius:2px}
#benefits .liposomal-proof{border-radius:20px;margin-top:25px;background:#501d30}
#benefits .recycling-feature{border-radius:20px}
html[lang="et"] #benefits .benefit-card h3{font-size:clamp(28px,2.75vw,43px)}
@media(min-width:1001px){#benefits .benefit-card{min-height:470px}}
@media(min-width:701px) and (max-width:1000px){#benefits .benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#benefits .benefit-card h3,html[lang="et"] #benefits .benefit-card h3{font-size:36px}#benefits .benefit-card{min-height:465px}}
@media(max-width:700px){#benefits{padding:45px 14px}#benefits>.benefits-heading{padding:0 9px;gap:18px}#benefits .benefits-heading h2{font-size:39px}#benefits .benefits-grid{grid-template-columns:1fr;gap:12px}#benefits .benefit-card{padding:24px;min-height:0}#benefits .benefit-card h3,html[lang="et"] #benefits .benefit-card h3{font-size:clamp(32px,9.5vw,46px);margin:22px 0 4px;min-height:0}#benefits .benefit-art,#benefits .benefit-art svg{height:145px}#benefits .benefit-art:before{width:126px;height:126px}#benefits .benefit-summary{min-height:0;font-size:16px;margin-bottom:18px}#benefits .benefit-topic{font-size:10px}#benefits .liposomal-proof{margin-top:18px}}
@media(prefers-reduced-motion:reduce){#benefits .benefit-card,#benefits .benefit-details summary>span{transition:none}#benefits .benefit-card:hover{transform:none}}

/* Each benefit has its own visible motion, with a shared pause control. */
.benefits-motion-bar{display:flex;justify-content:flex-end;margin:-15px 0 16px}
.benefits-motion-toggle{display:inline-flex;align-items:center;gap:9px;border:1px solid #501d3030;border-radius:30px;background:transparent;color:#501d30;padding:9px 14px;min-height:44px;font:12px var(--sans);cursor:pointer}
.benefits-motion-toggle[hidden]{display:none}.benefits-motion-toggle:disabled{cursor:default}
#benefits .benefit-card-2 .benefit-art svg>path{animation:benefit-skin-wave 3.4s ease-in-out infinite}
#benefits .benefit-card-2 .skin-glow{animation:none}
#benefits .skin-glow path{transform-box:fill-box;transform-origin:center;animation:benefit-spark 2.8s ease-in-out infinite}
#benefits .skin-glow path:nth-child(2){animation-delay:-.9s}#benefits .skin-glow path:nth-child(3){animation-delay:-1.8s}
#benefits .pathway{animation:none}
#benefits .pathway circle{animation:benefit-flow 2.8s linear infinite}
#benefits .pathway circle:nth-child(2){animation-delay:-.93s}#benefits .pathway circle:nth-child(3){animation-delay:-1.86s}
#benefits .benefit-card-4 .benefit-art svg>path:first-child{transform-origin:150px 105px;animation:benefit-shield 3.2s ease-in-out infinite}
#benefits .benefit-card-4 .pulse-core{transform-origin:150px 102px;animation:benefit-immune-pulse 3.2s ease-out infinite}
#benefits .mito-float{transform-origin:150px 100px;animation:benefit-mito 4s ease-in-out infinite}
#benefits .mito-float>path{stroke-dasharray:12 5;animation:benefit-energy 3s linear infinite}
#benefits .benefit-runner{animation:benefit-run-bounce 1.4s ease-in-out infinite}
#benefits .runner-arm{transform-origin:150px 76px;animation:benefit-arm 1.4s ease-in-out infinite}
#benefits .runner-leg-front,#benefits .runner-leg-back{transform-origin:140px 132px;animation:benefit-leg 1.4s ease-in-out infinite alternate}
#benefits .runner-leg-back{animation-delay:-1.4s}
#benefits .speed-lines{animation:benefit-speed 1.4s linear infinite}
@keyframes benefit-skin-wave{0%,100%{transform:translateY(5px)}50%{transform:translateY(-6px)}}
@keyframes benefit-spark{0%,100%{transform:scale(.65) rotate(-12deg);opacity:.45}50%{transform:scale(1.3) rotate(12deg);opacity:1}}
@keyframes benefit-flow{0%{transform:translate(-24px,-12px);opacity:0}20%,75%{opacity:1}100%{transform:translate(25px,13px);opacity:0}}
@keyframes benefit-shield{0%,100%{transform:scale(1)}50%{transform:scale(1.065)}}
@keyframes benefit-immune-pulse{0%{transform:scale(.7);opacity:.9}85%,100%{transform:scale(1.65);opacity:0}}
@keyframes benefit-mito{0%,100%{transform:translateY(5px) rotate(-4deg)}50%{transform:translateY(-8px) rotate(4deg)}}
@keyframes benefit-energy{to{stroke-dashoffset:-34}}
@keyframes benefit-run-bounce{0%,50%,100%{transform:translateY(3px)}25%,75%{transform:translateY(-5px)}}
@keyframes benefit-arm{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}
@keyframes benefit-leg{from{transform:rotate(-12deg)}to{transform:rotate(12deg)}}
@keyframes benefit-speed{0%{transform:translateX(12px);opacity:0}25%{opacity:1}100%{transform:translateX(-14px);opacity:0}}
#benefits.benefits-motion-paused .benefit-art *,#benefits.benefits-tab-hidden .benefit-art *,#benefits .benefit-art.art-offscreen *{animation-play-state:paused!important}
@media(max-width:700px){.benefits-motion-bar{margin:-5px 0 14px}}
@media(prefers-reduced-motion:reduce){#benefits .benefit-art *{animation:none!important}}

/* Shared TikTok conversations: original source links with clear attribution. */
.voice-card-body .voice-play{background:radial-gradient(ellipse at 90% 30%,#e9b7c7,#b4607e);color:#381324}
.voice-card-body .voice-play-icon{border-color:#501d3070}
.voice-card-body .voice-orbit{border-color:#501d3033;box-shadow:0 0 0 28px #501d3008,0 0 0 56px #501d3007,0 0 0 84px #501d3006}
.voice-card-master .voice-play{background:radial-gradient(ellipse at 95% 30%,#a88cbd,#634064 75%)}
.voice-meta .voice-credit{margin-top:6px;font-size:11px;overflow-wrap:anywhere}
.video-controls{display:flex;align-items:center;gap:10px;margin-top:24px;color:var(--burgundy)}
.video-controls>span{font-size:13px;margin-right:10px}
.video-controls button{width:44px;height:44px;border:1px solid #501d3040;border-radius:50%;background:transparent;color:inherit;font-size:20px;cursor:pointer}
.video-controls button[hidden]{display:none}.video-controls button:disabled{opacity:.3;cursor:default}
.video-controls button:not(:disabled):hover{background:#501d3010}
.voice-card-systems .voice-play{background:radial-gradient(ellipse at 90% 30%,#f7e6b8,#e1bd79);color:#501d30}
.voice-card-systems .voice-play-icon{border-color:#501d3070}
.voice-card-systems .voice-orbit{border-color:#501d3033;box-shadow:0 0 0 28px #501d3008,0 0 0 56px #501d3007,0 0 0 84px #501d3006}
html[lang="et"] .voice-card-systems .voice-card-title{font-size:40px}
@media(max-width:700px){html[lang="et"] .voice-card-systems .voice-card-title{font-size:35px}}

/* Real cover stills sit inside the innermost circle. */
.voice-play .voice-orbit{width:162px;height:162px;top:auto;left:auto;right:14px;bottom:24px;border:1px solid #ffffff50;box-shadow:0 0 0 14px #ffffff09,0 0 0 28px #ffffff08,0 0 0 42px #ffffff07}
.voice-orbit img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;transition:transform .3s ease;clip-path:circle(50%)}
.voice-play:hover .voice-orbit img{transform:scale(1.035)}
.voice-card-title{position:relative;z-index:2}
.voice-card-skin .voice-play{background:radial-gradient(ellipse at 90% 30%,#f0b6c6,#b96c89);color:#381324}
.voice-card-daily .voice-play{background:radial-gradient(ellipse at 90% 30%,#d4dabb,#9aab85);color:#263b2a}
.voice-card-absorption .voice-play{background:radial-gradient(ellipse at 90% 30%,#a88cbd,#634064 75%)}
.voice-card-skin .voice-play-icon,.voice-card-daily .voice-play-icon{border-color:currentColor}
@media(max-width:700px){.voice-play .voice-orbit{width:140px;height:140px;right:12px;bottom:24px}}
@media(prefers-reduced-motion:reduce){.voice-orbit img{transition:none}.voice-play:hover .voice-orbit img{transform:none}}
.voice-card{min-width:0}
.voice-card-body .voice-orbit{overflow:hidden}
.voice-card-body .voice-orbit img{transform:scale(1.5)}
.voice-card-body .voice-play:hover .voice-orbit img{transform:scale(1.55)}
@media(max-width:700px){html[lang="et"] .voice-card-daily .voice-card-title{font-size:36px}}
@media(prefers-reduced-motion:reduce){.voice-card-body .voice-play:hover .voice-orbit img{transform:scale(1.5)}}

/* More source conversations: liver, glutathione levels, and sauna. */
.voice-card-liver .voice-play{background:radial-gradient(ellipse at 90% 30%,#f7e6b8,#e1bd79);color:#501d30}
.voice-card-levels .voice-play{background:radial-gradient(ellipse at 90% 30%,#e9b7c7,#b4607e);color:#381324}
.voice-card-sauna .voice-play{background:radial-gradient(ellipse at 90% 30%,#be8d7c,#7b3945)}
.voice-card-liver .voice-play-icon,.voice-card-levels .voice-play-icon{border-color:currentColor}
.voice-card-levels .voice-orbit{overflow:hidden}
.voice-card-levels .voice-orbit img{transform:scale(1.3)}
.voice-card-levels .voice-play:hover .voice-orbit img{transform:scale(1.35)}
@media(prefers-reduced-motion:reduce){.voice-card-levels .voice-play:hover .voice-orbit img{transform:scale(1.3)}}