/* Wellness Press Now review design v5 (2026-10-21): visual + motion layer. Content untouched. */
.w5-wrap{--navy:#1b2f5c;--brand:#22408a;--amber-1:#e8861a;--sun:#ffd66b;--line:#f1e2bf;--ink-soft:#4a5266;--serif:"Newsreader",Georgia,serif;
 --ease:cubic-bezier(.2,.7,.2,1);--ease-io:cubic-bezier(.65,0,.35,1);--spring:cubic-bezier(.34,1.56,.64,1);
 max-width:760px;margin:30px auto 26px;font-family:Manrope,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.5;color:#1b1f2a}
.w5-wrap *{box-sizing:border-box}
.w5-cap{position:relative;background:#fff;border:2px solid #f6dc9b;border-radius:30px;padding:22px 22px 18px;box-shadow:0 40px 80px -40px rgba(27,47,92,.45),0 0 0 8px rgba(255,214,107,.18);animation:w5in .9s var(--spring) both}
.w5-cap-head{display:flex;align-items:center;gap:10px;margin-bottom:4px}
.w5-cap-head b{font-size:.86rem;letter-spacing:.16em;text-transform:uppercase;color:var(--navy);font-weight:800}
.w5-dot{width:10px;height:10px;border-radius:50%;background:var(--amber-1);animation:w5ping 2s var(--ease) infinite}
.w5-pill{margin-left:auto;background:#f2f3f7;color:#55607a;font-weight:700;font-size:.8rem;padding:5px 12px;border-radius:99px}
.w5-stage{position:relative}
.w5-stage svg{display:block;width:100%;height:auto;overflow:visible}
.w5-bottle{position:absolute;left:0;bottom:-2%;width:18%;height:auto;filter:drop-shadow(0 18px 18px rgba(27,47,92,.25));animation:w5float 4.6s var(--ease-io) infinite alternate}
.w5-membrane{animation:w5dash 12s linear infinite}
.w5-orbit{transform-origin:444px 215px;animation:w5spin 14s linear infinite}
.w5-halo{transform-origin:444px 215px;animation:w5pulse 2.4s var(--ease-io) infinite}
.w5-mito{transform-box:fill-box;transform-origin:center;animation:w5beat 2.4s var(--ease-io) infinite}
.w5-mito{transform:rotate(-16deg)}
.w5-cristae{stroke-dasharray:70;animation:w5draw 2.4s var(--ease-io) infinite}
.w5-flow{fill:none;stroke-width:3.5;stroke-dasharray:3 10;stroke-linecap:round;animation:w5dash 1.2s linear infinite}
.w5-flow.fa{stroke:#ea8a1c}.w5-flow.fb{stroke:#2b2b2b}.w5-flow.fc{stroke:#3b6fd8}
.w5-cap-l,.w5-cap-r{transform-box:fill-box;transform-origin:center}
.w5-cap-l{animation:w5capl 3.2s var(--ease-io) infinite}
.w5-cap-r{animation:w5capr 3.2s var(--ease-io) infinite}
.w5-sparks>*{opacity:0;transform-box:fill-box;transform-origin:center;animation:w5spark 2.4s var(--ease) infinite}
.w5-sparks .s2{animation-delay:.3s}.w5-sparks .s3{animation-delay:.6s}.w5-sparks .s4{animation-delay:.9s}.w5-sparks .s5{animation-delay:.15s}
.w5-labels .lab{transform-box:fill-box;transform-origin:center;animation:w5bob 3s var(--ease-io) infinite alternate}
.w5-labels .l2{animation-delay:.5s}.w5-labels .l3{animation-delay:1s}
.w5-cap-note{font-size:.95rem;color:#5b6378;margin:8px 4px 14px;line-height:1.55}
.w5-cap-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:12px}
.w5-holds{background:#fffaf0;border:1px solid var(--line);border-radius:18px;padding:14px 16px}
.w5-kicker{display:block;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#a05a00;margin-bottom:6px}
.w5-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-top:6px;font-size:.95rem;color:var(--ink-soft)}
.w5-row b{font-family:var(--serif);font-size:1.25rem;color:var(--navy);font-variant-numeric:tabular-nums}
.w5-total{margin-top:10px;font-weight:700;color:var(--navy)}
.w5-bar{height:8px;border-radius:99px;background:#f3ead4;overflow:hidden;margin-top:4px}
.w5-bar i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#f6ad3c,#e8861a);transition:width 1.4s var(--ease)}
.w5-bar i.dk{background:linear-gradient(90deg,#555,#222)}.w5-bar i.bl{background:linear-gradient(90deg,#6c97ec,#3b6fd8)}.w5-bar i.nv{background:linear-gradient(90deg,#2a4a94,#1b2f5c)}
.w5-cap.v3-in .w5-bar i,.w5-on .w5-bar i{width:var(--w)}
.w5-link{display:inline-block;margin-top:10px;font-weight:800;font-size:.92rem;color:var(--brand)}
.w5-tags{display:grid;gap:12px}
.w5-tag{border-radius:18px;padding:14px 16px;border:1px solid}
.w5-tag span{display:block;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800}
.w5-tag b{display:block;font-size:1.05rem;line-height:1.35;margin-top:3px}
.w5-tag.t1{background:#fff6d9;border-color:#f6dc9b;color:#7a4b00}.w5-tag.t1 b{color:var(--navy)}
.w5-tag.t2{background:#fdeew5;border-color:#f6cdbb;color:#b2481d}.w5-tag.t2 b{color:#c4531f}
.w5-band{position:relative;margin-top:12px;background:linear-gradient(135deg,#1b2f5c,#22408a);border-radius:18px;min-height:86px;overflow:hidden}
.w5-band::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.12) 50%,transparent 70%);background-size:250% 100%;animation:w5sheen 3.5s linear infinite}
.w5-fact{position:absolute;inset:0;padding:16px 20px;opacity:0;transform:translateY(12px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.w5-fact.on{opacity:1;transform:none}
.w5-fact span{display:block;color:var(--sun);font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:.8rem}
.w5-fact b{display:block;color:#fff;font-size:1.12rem;margin-top:4px}
.w5-steps{list-style:none;margin:12px 0 0;padding:6px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:#fbf5e6;border-radius:18px}
.w5-steps li{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:10px 12px;border-radius:14px;transition:background .5s var(--ease),transform .5s var(--spring)}
.w5-steps i{grid-row:1/3;width:38px;height:38px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--navy);box-shadow:0 4px 10px -6px rgba(27,47,92,.5)}
.w5-steps i svg{width:20px;height:20px}
.w5-steps span{font-size:.8rem;font-weight:800;color:#a05a00;letter-spacing:.06em}
.w5-steps b{font-size:.98rem;color:var(--navy);line-height:1.2}
.w5-steps li.on{background:linear-gradient(180deg,#ffd166,#f6b43a);transform:translateY(-2px)}
.w5-steps li.on span{color:#7a4b00}
.w5-cap-note{font-size:17px}.w5-row{font-size:18px}.w5-row b{font-size:24px}.w5-tag b{font-size:19px}.w5-steps b{font-size:18px}
@keyframes w5beat{0%,100%{transform:rotate(-16deg) scale(1)}12%{transform:rotate(-16deg) scale(1.05)}24%{transform:rotate(-16deg) scale(.99)}36%{transform:rotate(-16deg) scale(1.03)}}
@keyframes w5bob{from{transform:translateY(0)}to{transform:translateY(-5px)}}
@keyframes w5capl{0%,100%{transform:translate(0,0)}35%,75%{transform:translate(-14px,0) rotate(-10deg)}}
@keyframes w5capr{0%,100%{transform:translate(0,0)}35%,75%{transform:translate(14px,0) rotate(10deg)}}
@keyframes w5dash{to{stroke-dashoffset:-26}}
@keyframes w5draw{0%{stroke-dashoffset:70}40%,100%{stroke-dashoffset:0}}
@keyframes w5float{from{transform:translateY(0) rotate(-2deg)}to{transform:translateY(-12px) rotate(2deg)}}
@keyframes w5in{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}
@keyframes w5ping{0%{box-shadow:0 0 0 0 rgba(232,134,26,.6)}80%,100%{box-shadow:0 0 0 12px rgba(232,134,26,0)}}
@keyframes w5pulse{0%,100%{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.08)}}
@keyframes w5sheen{from{background-position:150% 0}to{background-position:-100% 0}}
@keyframes w5spark{0%{opacity:0;transform:translateY(8px) scale(.4)}30%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-26px) scale(.8)}}
@keyframes w5spin{to{transform:rotate(360deg)}}

.w5-bar i.gr{background:linear-gradient(90deg,#5cc08a,#2f9a68)}
.w5-cap{text-align:left}
.w5-row b{white-space:nowrap}.w5-row span{min-width:0}.w5-pill{white-space:nowrap}
.w5-gut{animation:w5gut 3.2s var(--ease-io) infinite}
@keyframes w5gut{0%,100%{stroke-width:42}50%{stroke-width:46}}
.w5-peri{animation:w5dash 1.6s linear infinite}
.w5-moon,.w5-sun{transform-box:fill-box;transform-origin:center;animation:w5bob 3s var(--ease-io) infinite alternate}
.w5-sun{animation-delay:1.5s}
.w5-heart{transform-box:fill-box;transform-origin:center;animation:w5hb 1.6s var(--ease-io) infinite}
@keyframes w5hb{0%,100%{transform:scale(1)}14%{transform:scale(1.07)}28%{transform:scale(.98)}42%{transform:scale(1.04)}}
.w5-ecg{stroke-dasharray:140;animation:w5ecg 1.6s linear infinite}
@keyframes w5ecg{from{stroke-dashoffset:140}to{stroke-dashoffset:-140}}
.w5-mushes use{transform-box:fill-box;transform-origin:center;animation:w5bob 2.6s var(--ease-io) infinite alternate}
.w5-mushes .m2 use{animation-delay:.6s}.w5-mushes .m3 use{animation-delay:1.2s}.w5-mushes .m4 use{animation-delay:1.8s}
.w5-labels .l4{animation-delay:1.5s}
@media (max-width:640px){
 .w5-wrap{margin:24px -6px 20px}
 .w5-cap{padding:16px 14px 14px;border-radius:24px}
 .w5-cap-grid{grid-template-columns:1fr}.w5-steps{grid-template-columns:1fr}
 .w5-cap-head b{font-size:13px;letter-spacing:.12em}.w5-pill{font-size:12.5px;padding:4px 10px}
 .w5-cap-note{font-size:16px}.w5-row{font-size:16.5px}.w5-row b{font-size:22px}.w5-kicker{font-size:13px}
 .w5-tag b,.w5-fact b{font-size:18px}.w5-band{min-height:108px}.w5-steps b{font-size:18px}.w5-bottle{width:20%}
}

/* ---------- page motion + style layer ---------- */
.w5-progress{position:fixed;left:0;top:0;height:4px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,#1c4a3a,#e8861a,#ffd66b);z-index:10001;pointer-events:none}
html body .bf-hero{position:relative;overflow:hidden}
html body .bf-hero::before,html body .bf-hero::after{content:"";position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:0}
html body .bf-hero::before{width:560px;height:560px;right:-140px;top:-180px;background:radial-gradient(circle,rgba(255,193,77,.38),transparent 65%);animation:w5drift 15s ease-in-out infinite alternate}
html body .bf-hero::after{width:480px;height:480px;left:-180px;bottom:-220px;background:radial-gradient(circle,rgba(28,74,58,.18),transparent 65%);animation:w5drift 18s ease-in-out infinite alternate-reverse}
html body .bf-hero>.wrap{position:relative;z-index:1}
@keyframes w5drift{from{transform:translate(0,0) scale(1)}to{transform:translate(-40px,30px) scale(1.12)}}
html body .bfh-stage{position:relative;overflow:hidden}
html body .bfh-stage img{animation:w5floatb 6s cubic-bezier(.65,0,.35,1) infinite alternate}
@keyframes w5floatb{from{transform:translateY(0)}to{transform:translateY(-10px)}}
html body .bfh-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);background-size:250% 100%;animation:w5sweep 6.5s ease-in-out infinite;pointer-events:none}
@keyframes w5sweep{0%{background-position:150% 0}40%,100%{background-position:-60% 0}}
html body .wpn-seal i{animation:w5ping 2.4s ease-out infinite}
@keyframes w5ping2{0%{box-shadow:0 0 0 0 rgba(28,74,58,.45)}80%,100%{box-shadow:0 0 0 10px rgba(28,74,58,0)}}
html body .wpn-seal i{animation-name:w5ping2}
html body .trust-strip{position:relative;overflow:hidden}
html body .trust-strip::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.14) 50%,transparent 70%);background-size:250% 100%;animation:w5sheen 5s linear infinite;pointer-events:none}
html body .btn-primary{position:relative;overflow:hidden;isolation:isolate;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s}
html body .btn-primary::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-20deg);animation:w5shine 3.8s ease-in-out infinite;pointer-events:none}
@keyframes w5shine{0%{left:-60%}28%,100%{left:130%}}
@media (hover:hover){html body .btn-primary:hover{transform:translateY(-3px)}}
html body .bf-hero .btn-primary{animation:w5nudge 6s ease-in-out 2.5s infinite}
@keyframes w5nudge{0%,86%,100%{transform:none}90%{transform:translateY(-4px) scale(1.02)}94%{transform:none}97%{transform:translateY(-2px)}}
html body .price-card,html body .bonus-card,html body .pc,html body .claim,html body .rv-card,html body .ing,html body .role,html body .score-box,html body .author-card,html body .quick-answer{transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s}
@media (hover:hover){html body .price-card:hover,html body .bonus-card:hover,html body .pc:hover,html body .claim:hover,html body .rv-card:hover,html body .ing:hover,html body .role:hover{transform:translateY(-6px);box-shadow:0 2px 4px rgba(27,31,42,.05),0 30px 56px -28px rgba(23,61,51,.45)}}
html body .price-card.best,html body .price-card:has(.best){animation:w5glow 3s ease-in-out infinite}
@keyframes w5glow{0%,100%{box-shadow:0 0 0 0 rgba(232,134,26,0),0 12px 30px -14px rgba(27,31,42,.24)}50%{box-shadow:0 0 0 6px rgba(232,134,26,.2),0 26px 50px -24px rgba(23,61,51,.42)}}
html body .price-card .badge{animation:w5bob 2.4s ease-in-out infinite alternate}
html body .sb-bar i{transition:width 1.4s cubic-bezier(.2,.7,.2,1)}
.w5-js .sb-bar i{width:0!important}
.w5-js .score-box.w5-on .sb-bar i{width:var(--w5w)!important}
html body .sb-stars,html body .stars{background:linear-gradient(90deg,#e8861a 0%,#ffc14d 45%,#fff1c4 50%,#ffc14d 55%,#e8861a 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:w5stars 4s linear infinite}
@keyframes w5stars{from{background-position:120% 0}to{background-position:-120% 0}}
html body .steps li,html body .timeline-x>*{transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.w5-js .w5-rv{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.w5-js .w5-rv.w5-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.w5-js .w5-rv{opacity:1!important;transform:none!important}.w5-bar i{width:var(--w)!important}.w5-js .sb-bar i{width:var(--w5w)!important}}

/* CardioCharge card (2026-10-21) */
.w5-fillg{animation:w5rise 4.5s ease-in-out infinite alternate}
@keyframes w5rise{from{transform:translateY(70px)}to{transform:translateY(0)}}
.w5-wave{animation:w5wave 2.4s linear infinite}
@keyframes w5wave{from{transform:translateX(0)}to{transform:translateX(-40px)}}
.w5-bub{animation:w5bub 3.2s ease-in infinite}
.w5-bub.b2{animation-delay:.8s}.w5-bub.b3{animation-delay:1.6s}.w5-bub.b4{animation-delay:2.4s}
@keyframes w5bub{0%{transform:translateY(0);opacity:0}20%{opacity:.85}100%{transform:translateY(-190px);opacity:0}}
.w5-scoop{transform-box:fill-box;transform-origin:0% 50%;animation:w5tilt 3.2s ease-in-out infinite}
@keyframes w5tilt{0%,100%{transform:rotate(0)}40%,70%{transform:rotate(16deg)}}