/* Geist — self-hosted, ті самі файли, що на оригінальному сайті */
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/fef07dbb0973bf53-s.12tyk43_3sh9u.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/8a480f0b521d4e75-s.p.0jzbimsg8vl84.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/53b9e256198e5412-s.0-wfv7uh4i7h9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/7178b3e590c64307-s.0nx0ww8fni_q3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2)format("woff2");unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* ══════════════════════════════════════════════════════════════
   BeWell · ROUNDED — дизайн-система оригінального сайту
   Палітра і логіка взяті з робочого деплою (navy + gold).
   ══════════════════════════════════════════════════════════════ */
:root{
  --navy:#0c1930;
  --navy-deep:#081326;
  --navy-2:#132440;
  --ink:#152239;
  --gold:#c79a4b;
  --gold-soft:#e7c889;
  --cream:#f7f1e8;
  --light:#fffdf9;
  --blush:#ead9d2;
  --rose:#b96f66;
  --muted:#697486;
  --line:#0f1f3924;
  --radius:24px;
  --f-sans:'Geist','Inter',system-ui,-apple-system,sans-serif;
  --f-serif:Georgia,'Times New Roman',serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--f-sans);
  font-size:17px;
  line-height:1.65;
  color:var(--ink);
  background:var(--light);
  -webkit-font-smoothing:antialiased;
}
img,video{max-width:100%;height:auto;display:block}
a{color:inherit}

h1,h2,h3{line-height:1.15;margin:0 0 .5em;font-weight:650;letter-spacing:-.02em}
h1{font-size:clamp(44px,5.6vw,74px);letter-spacing:-.04em}
h2{font-size:clamp(30px,3.4vw,44px)}
h3{font-size:20px}
h1 em,h2 em{font-style:italic;font-family:var(--f-serif);font-weight:500;color:var(--gold-soft)}
.on-light h2 em, .sec h2 em{color:var(--gold)}
p{margin:0 0 1em}

.wrap{max-width:1160px;margin:0 auto;padding:0 clamp(18px,4vw,40px)}
.sec{padding:clamp(64px,9vw,110px) 0}
.sec--cream{background:var(--cream)}
.sec--cloud{background:#eef0f5}
.sec--navy{background:var(--navy);color:#e8edf4}
.sec--navy h2,.sec--navy h3{color:#fff}
.sec--deep{background:var(--navy-deep);color:#e8edf4}
.sec--deep h2,.sec--deep h3{color:#fff}

.lbl{
  display:block;
  font-size:12.5px;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:18px;
}
.sec--navy .lbl,.sec--deep .lbl{color:var(--gold-soft)}
.lead{font-size:clamp(17px,1.5vw,19.5px);color:#3c4658;max-width:720px}
.sec--navy .lead,.sec--deep .lead{color:#c7d0df}
.muted{color:var(--muted);font-size:15px}
.sec--navy .muted,.sec--deep .muted{color:#aeb9cc}

/* ── кнопки ── */
.btn{
  display:inline-block;
  background:var(--gold);
  color:#fff;
  font-weight:650;
  font-size:16.5px;
  padding:16px 34px;
  border-radius:999px;
  text-decoration:none;
  border:0;
  cursor:pointer;
  transition:transform .15s,box-shadow .15s,background .15s;
  box-shadow:0 10px 26px #c79a4b52;
}
.btn:hover{transform:translateY(-2px);background:#b98a3c;box-shadow:0 14px 30px #c79a4b66}
.btn--ghost{
  background:transparent;
  color:var(--cream);
  border:1.5px solid #ffffff59;
  box-shadow:none;
}
.btn--ghost:hover{background:#ffffff14;box-shadow:none}

/* ── header ── */
.hdr{
  position:sticky;top:0;z-index:50;
  background:#081326f0;
  backdrop-filter:blur(10px);
  border-bottom:1px solid #ffffff14;
}
.hdr__in{
  max-width:1240px;margin:0 auto;
  padding:14px clamp(18px,3vw,32px);
  display:flex;align-items:center;gap:26px;
}
.hdr__logo img{height:17px;width:auto}
.nav{display:flex;gap:22px;margin-left:auto}
.nav a{color:#d6ddeb;text-decoration:none;font-size:14.5px;font-weight:500}
.nav a:hover{color:#fff}
.lang{display:flex;gap:8px;font-size:13.5px}
.lang a{color:#8fa0ba;text-decoration:none;font-weight:600}
.lang a[aria-current]{color:#fff}
.hdr .btn{padding:10px 22px;font-size:14.5px;box-shadow:none}
@media(max-width:900px){.nav{display:none}}

/* ── HERO: відео-підложка на весь екран ── */
.hero{
  position:relative;isolation:isolate;overflow:hidden;
  background:var(--navy-deep);color:#e8edf4;
  min-height:max(700px,100svh - 66px);
  display:flex;align-items:center;
}
.heroVideo,.heroShade{position:absolute;inset:0}
.heroVideo{z-index:-2}
.heroVideo video{width:100%;height:100%;object-fit:cover;object-position:54% 38%}
.heroShade{
  z-index:-1;
  background:
    linear-gradient(90deg,#081326f5 0%,#081326de 38%,#08132675 67%,#0813264d 100%),
    linear-gradient(#0000 55%,#08132673);
}
.heroCopy{width:min(780px,72vw);padding:92px 5vw 92px max(4vw,50vw - 580px)}
.hero h1{max-width:680px;color:#fff}
.heroLead{color:#c7d0df;font-size:19px;max-width:600px;margin-top:22px}
.heroLead strong{color:var(--cream)}
.facts{display:flex;flex-wrap:wrap;gap:9px;list-style:none;padding:0;margin:26px 0 30px}
.facts li{
  font-size:13.5px;font-weight:600;color:var(--cream);
  border:1px solid #ffffff33;border-radius:999px;padding:7px 15px;
  background:#ffffff0d;
}
.heroActions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.heroPrice{display:flex;align-items:baseline;gap:10px}
.heroPrice b{font-size:30px;color:var(--gold-soft);font-weight:700}
.heroPrice span{font-size:14px;color:#aeb9cc}
.trust{color:#aeb9cc;font-size:13.5px;margin-top:26px;max-width:520px}
.heroStamp{
  position:absolute;bottom:30px;right:28px;z-index:2;
  width:124px;height:124px;border-radius:50%;
  display:flex;flex-direction:column;justify-content:center;align-items:center;
  background:#0c193094;border:1px solid #ffffff73;
  backdrop-filter:blur(8px);text-align:center;
}
.heroStamp span{color:var(--gold-soft);font-family:var(--f-serif);font-size:28px}
.heroStamp small{letter-spacing:.14em;text-transform:uppercase;font-size:10px;margin-top:3px;color:#d6ddeb}
@media(max-width:760px){
  .hero{align-items:flex-end;min-height:740px}
  .heroCopy{width:100%;padding:78px 18px 120px}
  .heroShade{background:linear-gradient(#08132659 0%,#081326e3 54%,#081326fa 100%),linear-gradient(90deg,#081326ad,#08132633)}
  .heroVideo video{object-position:57% 42%}
  .heroActions{display:block}
  .heroActions .btn{width:100%;text-align:center}
  .heroPrice{justify-content:center;margin-top:14px}
  .trust{text-align:center;max-width:none}
  .heroStamp{width:92px;height:92px;bottom:14px;right:14px}
  .heroStamp span{font-size:22px}
}

/* ── сітки й картки ── */
.grid{display:grid;gap:18px}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
@media(max-width:960px){.g4{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.g2,.g3,.g4{grid-template-columns:1fr}}

.card{
  background:#fff;border:1px solid var(--line);border-radius:20px;
  padding:26px 24px;
}
.sec--navy .card,.sec--deep .card{
  background:#ffffff0a;border:1px solid #ffffff1f;
}
.sec--navy .card p,.sec--deep .card p{color:#c7d0df}
.card__n{
  display:block;font-size:12px;font-weight:700;letter-spacing:.18em;
  color:var(--gold);margin-bottom:10px;text-transform:uppercase;
}
.card p{margin:0;font-size:15.5px;color:#4a5468}

/* смуга фактів під hero */
.strip{background:var(--navy-deep);color:#e8edf4;border-top:1px solid #ffffff14}
.strip .wrap{display:flex;flex-wrap:wrap;gap:10px 42px;justify-content:center;padding-top:22px;padding-bottom:22px}
.strip b{color:var(--gold-soft);font-weight:700}
.strip span{font-size:14.5px;color:#c7d0df}

/* тижні */
.week{display:flex;gap:22px;padding:22px 0;border-bottom:1px solid var(--line)}
.week:last-child{border-bottom:0}
.week__n{
  flex:0 0 118px;font-size:13px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--gold);padding-top:4px;
}
.week h3{margin-bottom:.25em}
.week p{margin:0;color:#4a5468;font-size:15.5px}

/* цифри-факти */
.nums{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;text-align:center}
@media(max-width:760px){.nums{grid-template-columns:repeat(2,1fr)}}
.num b{display:block;font-family:var(--f-serif);font-size:44px;color:var(--gold-soft);line-height:1.1}
.num span{font-size:14px;color:#c7d0df}

/* вертикальні відео */
.videoGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:760px){.videoGrid{grid-template-columns:1fr}}
.videoCard{
  position:relative;overflow:hidden;border-radius:18px;
  background:var(--navy);height:520px;
}
@media(max-width:760px){.videoCard{height:480px}}
.videoCard video{width:100%;height:100%;object-fit:cover}
.videoCard figcaption{
  position:absolute;left:0;right:0;bottom:0;padding:36px 18px 14px;
  background:linear-gradient(#0000,#081326d9);
  color:#fff;font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
}
.play{
  position:absolute;inset:0;margin:auto;width:74px;height:74px;border-radius:50%;
  background:#081326a6;border:1.5px solid #ffffff8c;cursor:pointer;
  backdrop-filter:blur(6px);transition:transform .15s;
}
.play:hover{transform:scale(1.06)}
.play span{
  display:block;width:0;height:0;margin:0 auto;
  border-style:solid;border-width:12px 0 12px 20px;
  border-color:transparent transparent transparent #fff;
  transform:translateX(3px);
}

/* перевірка 10 присідань */
.checkbox10{
  display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center;
}
@media(max-width:860px){.checkbox10{grid-template-columns:1fr}}
.checkbox10 .videoCard{height:440px}

/* чеклісти */
.checks{list-style:none;padding:0;margin:0}
.checks li{
  position:relative;padding:7px 0 7px 34px;font-size:16px;
}
.checks li::before{
  content:'';position:absolute;left:0;top:12px;width:20px;height:20px;
  border-radius:50%;background:var(--gold);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/14px no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/14px no-repeat;
}
.checks.nos li::before{
  background:var(--rose);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19 6.4 17.6 5 12 10.6 6.4 5 5 6.4 10.6 12 5 17.6 6.4 19 12 13.4 17.6 19 19 17.6 13.4 12z'/%3E%3C/svg%3E") center/12px no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19 6.4 17.6 5 12 10.6 6.4 5 5 6.4 10.6 12 5 17.6 6.4 19 12 13.4 17.6 19 19 17.6 13.4 12z'/%3E%3C/svg%3E") center/12px no-repeat;
}

/* дисклеймер */
.disc{
  background:#fff;border:1px solid var(--line);border-left:4px solid var(--gold);
  border-radius:14px;padding:18px 22px;font-size:14.5px;color:#4a5468;
}
.sec--cream .disc{background:#fffdf9}

/* offer */
.offer{
  background:var(--navy-deep);color:#e8edf4;border-radius:var(--radius);
  padding:clamp(36px,6vw,64px);position:relative;overflow:hidden;
  border:1px solid #ffffff1f;
}
.offer::before{
  content:'';position:absolute;top:-120px;right:-120px;width:340px;height:340px;
  border-radius:50%;background:radial-gradient(#c79a4b33,#0000 70%);
}
.offer h2{color:#fff}
.offer .checks li{color:#e8edf4}
.offer .price{font-family:var(--f-serif);color:var(--gold-soft);font-weight:500}

/* відгуки */
.quote{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:14px}
.quote blockquote{
  margin:0;font-family:var(--f-serif);font-style:italic;
  font-size:18.5px;line-height:1.45;color:var(--ink);
}
.quote img{border-radius:12px;width:100%;height:auto}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
@media(max-width:760px){.gallery{grid-template-columns:repeat(2,1fr)}}
.gallery img{border-radius:12px;width:100%;height:auto}

/* FAQ */
details{border-bottom:1px solid var(--line);padding:4px 0}
summary{
  cursor:pointer;font-weight:650;font-size:17px;padding:15px 34px 15px 0;
  list-style:none;position:relative;
}
summary::-webkit-details-marker{display:none}
summary::after{
  content:'+';position:absolute;right:4px;top:50%;transform:translateY(-50%);
  font-size:22px;color:var(--gold);font-weight:400;transition:transform .2s;
}
details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
details p{color:#4a5468;font-size:15.5px;max-width:760px;margin-top:0}

/* footer */
.ftr{background:var(--navy-deep);color:#aeb9cc;padding:52px 0 40px;font-size:14.5px}
.ftr a{color:#c7d0df;text-decoration:none}
.ftr a:hover{color:#fff}
.ftr__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:34px}
@media(max-width:760px){.ftr__grid{grid-template-columns:1fr}}

/* sticky mobile CTA */
.sticky{
  position:fixed;left:0;right:0;bottom:0;z-index:60;
  display:none;align-items:center;justify-content:space-between;gap:14px;
  background:#081326f5;backdrop-filter:blur(10px);
  padding:11px 16px calc(11px + env(safe-area-inset-bottom));
  border-top:1px solid #ffffff1f;color:#fff;
}
.sticky__l{font-size:14px;color:#c7d0df}
.sticky__l b{color:#fff;margin-right:6px}
.sticky .btn{padding:11px 22px;font-size:14.5px;box-shadow:none}
@media(max-width:760px){.sticky{display:flex}}

/* зображення секцій */
.ph{border-radius:20px;width:100%;height:auto}

/* нейтральний маркер для блоку «Впізнаєш себе?» — не галочка й не хрестик */
.checks.dots li::before{
  background:var(--gold);
  width:7px;height:7px;top:19px;left:6px;
  -webkit-mask:none;mask:none;
}
.checks.dots li{padding-left:28px}