@import url("https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&display=swap");
.stress-page{background:#e6e3dd}.hero{min-height:740px;display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center;overflow:hidden}.hero h1{font-size:clamp(60px,7vw,106px);line-height:.9;letter-spacing:-.06em;margin:16px 0 28px}.hero h1 em,.cycle h2 em,.trans h2 em,.doors h2 em,.daily h2 em{font-family:Georgia,serif;font-weight:400;color:#9a624e}.hero p,.trans p{font-size:18px;line-height:1.7;color:#60676b;max-width:650px}.hero .text-link{display:inline-block;margin-top:24px}.orbit{position:relative;aspect-ratio:1;max-width:480px}.orbit>div{position:absolute;border:1px solid rgba(58,63,69,.18);border-radius:50%;inset:3%}.orbit>div:nth-child(2){inset:17%;border-color:rgba(201,124,93,.5)}.orbit article{position:absolute;inset:31%;border-radius:50%;background:#c97c5d;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.orbit strong{font:400 clamp(30px,4vw,52px) Georgia,serif}.orbit small{text-transform:uppercase;font-size:9px;letter-spacing:.12em}.cycle,.doors,.close{background:#f8f7f4}.intro{display:grid;grid-template-columns:.4fr 1.6fr;gap:60px}.intro h2,.doors h2,.daily h2{font-size:clamp(46px,5.2vw,76px);line-height:.98;letter-spacing:-.05em;margin:0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:60px}.steps article{border-top:1px solid #ccc;padding:28px 22px;min-height:250px}.steps .soft{background:#e6e3dd;border:0;border-radius:24px}.steps b{font-size:11px;color:#9a624e}.steps strong{display:block;font:400 25px Georgia,serif;margin:48px 0 12px}.steps p,.doorlist p,.dailygrid p{font-size:14px;line-height:1.65;color:#646a6e}.signals{background:#3a3f45;color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.signals .eyebrow{color:#d8b09e}.signals h2,.trans h2,.minute h2,.return h2,.close h2{font-size:clamp(46px,5.2vw,76px);line-height:.98;letter-spacing:-.05em;margin:14px 0 22px}.signals h2 em{font:400 italic 1em Georgia,serif;color:#d8b09e}.signals p{color:#d9dcdd;line-height:1.7}.cloud{display:flex;flex-wrap:wrap;gap:12px}.cloud span,.pills span{border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:15px 19px}.cloud span:nth-child(3){background:#c97c5d;border-color:#c97c5d}.trans{background:#eee9e2;display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:center}.translist{border-top:1px solid #ccc}.translist div{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;padding:19px 4px;border-bottom:1px solid #ccc;font:400 24px Georgia,serif}.translist span:last-child{text-align:right}.minute{background:#c97c5d;color:#fff;display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:center}.num{font-size:clamp(120px,18vw,260px);line-height:.75;font-weight:700;letter-spacing:-.09em}.num small{font-size:15px;letter-spacing:.1em}.minute p{font-size:17px;line-height:1.7;max-width:650px}.pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.pills span{padding:9px 13px;font-size:12px}.doors .section-heading{max-width:900px}.doors .section-heading p{color:#646a6e}.doorlist{margin-top:50px;border-top:1px solid #ccc}.doorlist a{display:grid;grid-template-columns:50px .8fr 1fr 25px;gap:25px;align-items:center;padding:24px 8px;border-bottom:1px solid #ccc;color:#3a3f45;text-decoration:none}.doorlist a:hover{background:#eee9e2}.doorlist small{display:block;color:#777}.doorlist strong{font:400 30px Georgia,serif}.doorlist p{margin:0}.return{background:#d9d8ce;display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:end}.return>div>span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#9a624e}.return strong{font:400 clamp(48px,6vw,86px) Georgia,serif;color:#9a624e}.return>p{font-size:18px;line-height:1.7;color:#60676b}.daily{background:#e6e3dd}.dailygrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:48px}.dailygrid article{background:#f8f7f4;border-radius:22px;padding:27px;min-height:270px}.dailygrid article>span{font-size:10px;text-transform:uppercase;color:#9a624e}.dailygrid strong{display:block;font:400 25px Georgia,serif;margin:65px 0 12px}.close{display:grid;grid-template-columns:1fr auto;gap:60px;align-items:end}.close>div{max-width:900px}.close p{font-size:17px;line-height:1.7;color:#646a6e;max-width:650px}@media(max-width:900px){.hero,.signals,.trans,.minute,.return{grid-template-columns:1fr}.intro{grid-template-columns:1fr}.steps,.dailygrid{grid-template-columns:1fr 1fr}.close{grid-template-columns:1fr}.orbit{max-width:380px;margin:auto}}@media(max-width:650px){.hero h1{font-size:52px}.steps,.dailygrid{grid-template-columns:1fr}.doorlist a{grid-template-columns:30px 1fr 20px}.doorlist p{grid-column:2/4}.num{font-size:140px}}

/* v1.12.1 refinements */
.steps strong{margin:26px 0 12px}
.signals{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px}
.signals>div{min-width:0}.signals h2{font-size:clamp(44px,4.6vw,68px);max-width:620px}.signals .cloud{align-content:center;justify-content:flex-start;position:relative;z-index:1}.cloud span{font-size:14px;line-height:1.25;white-space:normal}
.translist{padding-top:14px}.translist-label{display:block;font-size:10px;line-height:1.4;text-transform:uppercase;letter-spacing:.14em;color:#777d81;margin:0 4px 15px}.translist div{grid-template-columns:1fr minmax(92px,auto) 1fr;align-items:center}.translist i{font-family:Inter,sans-serif;font-style:normal;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#9a624e;text-align:center;border:1px solid rgba(154,98,78,.28);border-radius:999px;padding:7px 10px}.translist i:before{content:"←  "}.translist i:after{content:"  →"}
.return{grid-template-columns:1fr .75fr;gap:90px;align-items:center;padding-top:88px;padding-bottom:88px}.return h2{font-size:clamp(42px,4.2vw,62px);max-width:760px;margin-bottom:24px}.return strong{display:block;font-size:clamp(42px,4.8vw,68px);line-height:1.02;max-width:760px}.return>p{max-width:510px;margin:0;font-size:17px}
.close{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding-top:90px;padding-bottom:90px}.close>div{max-width:860px}.close h2{font-size:clamp(42px,4.5vw,64px);max-width:850px}.close p{max-width:700px;margin-bottom:0}.close .button{min-width:150px}
@media(max-width:900px){.signals{gap:40px}.return{gap:38px}.close{grid-template-columns:1fr}.translist div{grid-template-columns:1fr minmax(88px,auto) 1fr}}
@media(max-width:650px){.signals h2{font-size:46px}.cloud span{font-size:13px}.translist div{font-size:20px;gap:10px}.translist i{font-size:8px;padding:6px 7px}.return,.close{padding-top:72px;padding-bottom:72px}.return h2,.close h2{font-size:43px}.return strong{font-size:48px}}

/* v1.12.2 hero, signal clarity, and primary CTA refinements */
.hero{grid-template-columns:1.32fr .68fr;gap:54px}
.hero h1{font-size:clamp(56px,6.1vw,92px);line-height:.91;max-width:900px}
.hero h1 em{white-space:nowrap}
/* Override the decorative .cloud utility from the global stylesheet on this page.
   This cloud is a text-chip group, so it must render crisp and in normal flow. */
.signals .cloud{position:static;width:auto;height:auto;inset:auto;background:none;border-radius:0;filter:none;opacity:1;transform:none;overflow:visible;display:flex;flex-wrap:wrap;gap:12px;align-content:center;justify-content:flex-start}
.signals .cloud span{position:static;filter:none;backdrop-filter:none;-webkit-backdrop-filter:none;opacity:1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
@media(max-width:1100px){.hero{grid-template-columns:1.18fr .82fr}.hero h1{font-size:clamp(54px,6vw,78px)}}
@media(max-width:900px){.hero{grid-template-columns:1fr}.hero h1{font-size:clamp(52px,10vw,76px)}.hero h1 em{white-space:normal}}
@media(max-width:650px){.hero h1{font-size:48px;line-height:.94}}


/* v1.12.3 Spanish hero balance + language-aware app links */
html[lang="es"] .hero{grid-template-columns:1.42fr .58fr;gap:42px}
html[lang="es"] .hero h1{font-size:clamp(54px,5.5vw,84px);line-height:.92;max-width:980px}
html[lang="es"] .hero h1 em{white-space:normal}
@media(max-width:1100px){html[lang="es"] .hero{grid-template-columns:1.25fr .75fr}html[lang="es"] .hero h1{font-size:clamp(50px,5.6vw,72px)}}
@media(max-width:900px){html[lang="es"] .hero{grid-template-columns:1fr}html[lang="es"] .hero h1{font-size:clamp(48px,9vw,70px)}}

/* v1.12.4: keep orbit copy comfortably inside the center circle */
.orbit article{padding:16px;box-sizing:border-box}
.orbit small{display:block;max-width:82%;line-height:1.25;text-wrap:balance}
html[lang="es"] .orbit small{font-size:8px;letter-spacing:.09em;max-width:84%}
html[lang="es"] .orbit strong{font-size:clamp(28px,3.7vw,48px);line-height:1;margin:5px 0}
@media(max-width:650px){html[lang="es"] .orbit small{font-size:7.5px}}

/* v1.53.4 — Stress hero responsive visual refresh */
.stress-page .hero{min-height:auto;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:clamp(36px,5vw,76px);align-items:center;padding-top:clamp(72px,8vw,118px);padding-bottom:clamp(72px,8vw,118px)}
.stress-page .hero>.reveal{min-width:0;max-width:780px}
.stress-page .hero h1{font-size:clamp(50px,5.7vw,88px);line-height:.93;max-width:820px;text-wrap:balance}
.stress-page .hero p{max-width:620px}
.stress-page .orbit{width:100%;max-width:560px;aspect-ratio:1.08;justify-self:center;border-radius:clamp(30px,5vw,72px);overflow:hidden;background:url('stress-calm-hero.png') center center/cover no-repeat;box-shadow:0 22px 60px rgba(58,63,69,.12)}
.stress-page .orbit>div,.stress-page .orbit article{display:none}
html[lang="es"] .stress-page .hero{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:clamp(36px,5vw,76px)}
html[lang="es"] .stress-page .hero h1{font-size:clamp(48px,5.25vw,82px);max-width:850px}
@media(max-width:1100px){.stress-page .hero,html[lang="es"] .stress-page .hero{grid-template-columns:minmax(0,1fr) minmax(300px,.78fr);gap:38px}.stress-page .hero h1,html[lang="es"] .stress-page .hero h1{font-size:clamp(48px,6vw,70px)}.stress-page .orbit{max-width:470px}}
@media(max-width:900px){.stress-page .hero,html[lang="es"] .stress-page .hero{grid-template-columns:1fr;padding-top:64px;padding-bottom:72px}.stress-page .hero>.reveal{max-width:720px}.stress-page .hero h1,html[lang="es"] .stress-page .hero h1{font-size:clamp(48px,8.5vw,70px);max-width:760px}.stress-page .orbit{max-width:680px;width:100%;aspect-ratio:16/9;justify-self:start}}
@media(max-width:650px){.stress-page .hero,html[lang="es"] .stress-page .hero{gap:34px;padding-top:46px;padding-bottom:56px}.stress-page .hero h1,html[lang="es"] .stress-page .hero h1{font-size:clamp(42px,12vw,56px);line-height:.95;letter-spacing:-.05em}.stress-page .hero p{font-size:16px;line-height:1.65}.stress-page .orbit{aspect-ratio:4/3;border-radius:28px}.stress-page .hero .text-link{margin-top:18px}}

/* v1.53.5 — final Stress & Everyday Calm hero: clean photo + proportional responsive layout */
.stress-page .orbit{
  max-width:600px;
  aspect-ratio:14/9;
  border-radius:32px;
  background-image:url('stress-calm-hero-clean.jpg');
  background-position:center;
  background-size:cover;
  box-shadow:0 18px 48px rgba(58,63,69,.10);
}
@media (max-width:1100px){.stress-page .orbit{max-width:520px;border-radius:28px}}
@media (max-width:900px){.stress-page .orbit{max-width:none;aspect-ratio:16/9;border-radius:26px}}
@media (max-width:650px){.stress-page .orbit{width:100%;aspect-ratio:4/3;border-radius:22px;background-position:center center}}

/* v1.53.6 — Stress hero: generous margins + organic photo/illustration composition */
.stress-page .hero.section-pad{
  width:min(1440px,calc(100% - 96px));
  margin:0 auto;
  box-sizing:border-box;
  padding:clamp(78px,7vw,112px) 0 clamp(82px,7vw,116px);
  min-height:auto;
  grid-template-columns:minmax(0,.94fr) minmax(420px,1.06fr);
  gap:clamp(54px,6vw,104px);
  align-items:center;
  overflow:visible;
  background:transparent;
}
.stress-page .hero.section-pad:before,.stress-page .hero.section-pad:after{display:none}
.stress-page .hero>.reveal{max-width:680px}
.stress-page .hero h1{font-size:clamp(58px,5.25vw,84px);line-height:.94;max-width:720px;margin:18px 0 30px}
.stress-page .hero p{font-size:17px;line-height:1.72;max-width:610px}
.stress-page .orbit{
  position:relative;
  width:100%;max-width:690px;aspect-ratio:1.22;
  justify-self:end;overflow:visible;border-radius:0;box-shadow:none;
  background:none;
  isolation:isolate;
}
.stress-page .orbit:before{
  content:"";position:absolute;inset:3% 0 2% 3%;z-index:1;
  background:url('stress-calm-hero-organic.jpg') 58% center/cover no-repeat;
  clip-path:path('M 72 78 C 155 6, 385 -10, 560 54 C 672 96, 700 196, 676 306 C 651 424, 552 493, 397 502 C 246 511, 88 474, 34 379 C -20 284, -7 150, 72 78 Z');
}
.stress-page .orbit:after{
  content:"";position:absolute;width:44%;aspect-ratio:1;left:-7%;top:5%;z-index:0;
  border-radius:48% 52% 58% 42%;background:rgba(214,195,138,.23);transform:rotate(-13deg);
}
.stress-page .orbit>div:first-child{display:block;position:absolute;inset:auto -4% -3% auto;width:31%;aspect-ratio:1;border:0;border-radius:46% 54% 44% 56%;background:rgba(201,124,93,.16);z-index:0}
.stress-page .orbit>div:nth-child(2){display:block;position:absolute;inset:12% auto auto -3%;width:22%;height:58%;border:0;border-radius:55% 45%;background:rgba(107,135,121,.10);transform:rotate(-18deg);z-index:0}
.stress-page .orbit article{display:none}
html[lang="es"] .stress-page .hero.section-pad{grid-template-columns:minmax(0,.98fr) minmax(420px,1.02fr);gap:clamp(48px,5vw,88px)}
html[lang="es"] .stress-page .hero h1{font-size:clamp(54px,4.9vw,78px);max-width:760px}
@media(max-width:1100px){
 .stress-page .hero.section-pad,html[lang="es"] .stress-page .hero.section-pad{width:min(100% - 64px,1120px);grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:44px}
 .stress-page .hero h1,html[lang="es"] .stress-page .hero h1{font-size:clamp(50px,5.8vw,68px)}
 .stress-page .orbit{max-width:560px}
}
@media(max-width:900px){
 .stress-page .hero.section-pad,html[lang="es"] .stress-page .hero.section-pad{width:min(100% - 48px,760px);grid-template-columns:1fr;gap:46px;padding-top:66px;padding-bottom:78px}
 .stress-page .hero>.reveal{max-width:700px}
 .stress-page .hero h1,html[lang="es"] .stress-page .hero h1{font-size:clamp(50px,8vw,68px);max-width:680px}
 .stress-page .orbit{justify-self:center;max-width:680px;aspect-ratio:1.32}
}
@media(max-width:650px){
 .stress-page .hero.section-pad,html[lang="es"] .stress-page .hero.section-pad{width:calc(100% - 40px);gap:34px;padding-top:46px;padding-bottom:60px}
 .stress-page .hero h1,html[lang="es"] .stress-page .hero h1{font-size:clamp(43px,12vw,55px);line-height:.96;margin:14px 0 22px}
 .stress-page .hero p{font-size:16px;line-height:1.65}
 .stress-page .orbit{aspect-ratio:1.08;max-width:520px}
 .stress-page .orbit:before{inset:2% 0 2% 0;clip-path:ellipse(49% 46% at 52% 50%)}
 .stress-page .orbit:after{left:-3%;top:2%;width:38%}
}

/* v1.53.7 — approved Stress hero: clean, borderless, minimal decoration */
.stress-page .orbit{
  width:100%;max-width:760px;aspect-ratio:16/10;
  justify-self:end;overflow:hidden;border-radius:0;box-shadow:none;
  background:url('stress-calm-hero-final.png') 63% center/cover no-repeat;
}
.stress-page .orbit:before,.stress-page .orbit:after,.stress-page .orbit>div{display:none!important}
@media(max-width:1100px){.stress-page .orbit{max-width:620px}}
@media(max-width:900px){.stress-page .orbit{max-width:760px;justify-self:center;aspect-ratio:16/9;background-position:62% center}}
@media(max-width:650px){.stress-page .orbit{max-width:none;aspect-ratio:4/3;background-position:64% center}}

/* v1.53.8 — approved hero rebuilt as a real webpage header, not a screenshot */
.stress-page .hero.section-pad{
  width:min(1520px,calc(100% - 112px));
  margin:0 auto;
  padding:clamp(70px,6.5vw,108px) 0 clamp(76px,6.5vw,112px);
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);
  gap:clamp(48px,5vw,92px);
  align-items:center;
  overflow:visible;
}
.stress-page .hero-copy{max-width:680px;min-width:0}
.stress-page .hero h1{font-size:clamp(58px,5.1vw,84px);line-height:.95;letter-spacing:-.045em;max-width:720px;margin:18px 0 28px}
.stress-page .hero h1 em{color:#a9654d;font-family:Georgia,serif;font-style:normal;font-weight:400}
.stress-page .hero p{max-width:610px;font-size:17px;line-height:1.7;margin:0}
.stress-page .hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:30px}
.stress-page .hero-actions .button{min-width:190px;justify-content:center}
.stress-page .hero-actions .button-outline{background:transparent;color:#3a3f45;border:1.5px solid #60786e;box-shadow:none}
.stress-page .hero-actions .button-outline:hover{background:#f3f0ea}
.stress-page .hero-scene{
  width:100%;height:clamp(470px,38vw,650px);min-width:0;
  background-image:linear-gradient(90deg,#f8f5ef 0%,rgba(248,245,239,.84) 7%,rgba(248,245,239,.20) 25%,rgba(248,245,239,0) 42%),url('stress-calm-scene-approved.jpg');
  background-size:cover;background-position:center center;background-repeat:no-repeat;
  border:0;border-radius:0;box-shadow:none;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 14%,#000 100%);
  mask-image:linear-gradient(to right,transparent 0,#000 14%,#000 100%);
}
.stress-page .hero .orbit{display:none!important}
html[lang="es"] .stress-page .hero.section-pad{grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr)}
html[lang="es"] .stress-page .hero h1{font-size:clamp(54px,4.7vw,78px);max-width:760px}
@media(max-width:1180px){
 .stress-page .hero.section-pad,html[lang="es"] .stress-page .hero.section-pad{width:min(100% - 72px,1180px);grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);gap:42px}
 .stress-page .hero h1,html[lang="es"] .stress-page .hero h1{font-size:clamp(52px,5.5vw,70px)}
 .stress-page .hero-scene{height:clamp(420px,42vw,560px)}
}
@media(max-width:900px){
 .stress-page .hero.section-pad,html[lang="es"] .stress-page .hero.section-pad{width:min(100% - 48px,760px);grid-template-columns:1fr;gap:38px;padding-top:58px;padding-bottom:72px}
 .stress-page .hero-copy{max-width:700px}
 .stress-page .hero h1,html[lang="es"] .stress-page .hero h1{font-size:clamp(50px,8vw,68px);max-width:700px}
 .stress-page .hero-scene{height:auto;aspect-ratio:16/10;background-position:center center;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 100%)}
}
@media(max-width:650px){
 .stress-page .hero.section-pad,html[lang="es"] .stress-page .hero.section-pad{width:calc(100% - 40px);gap:28px;padding-top:42px;padding-bottom:56px}
 .stress-page .hero h1,html[lang="es"] .stress-page .hero h1{font-size:clamp(43px,12vw,55px);line-height:.97;margin:14px 0 22px}
 .stress-page .hero p{font-size:16px;line-height:1.62}
 .stress-page .hero-actions{display:grid;grid-template-columns:1fr;gap:12px;margin-top:24px}
 .stress-page .hero-actions .button{width:100%;min-width:0}
 .stress-page .hero-scene{aspect-ratio:4/3;background-position:58% center}
}

/* v1.53.9 — Stress & Everyday Calm hero matched to approved reference */
.stress-page .hero.section-pad{
  position:relative;
  width:100%;
  max-width:none;
  min-height:calc(100vh - 150px);
  margin:0;
  padding:0;
  display:block;
  overflow:hidden;
  background:#f8f5ef;
}
.stress-page .hero-copy{
  position:relative;
  z-index:3;
  width:min(690px,42vw);
  max-width:none;
  margin-left:clamp(72px,7.5vw,136px);
  padding-top:clamp(72px,7.2vw,122px);
  padding-bottom:clamp(70px,7vw,110px);
}
.stress-page .hero .eyebrow{
  display:block;
  margin:0 0 22px;
  color:#8aa095;
  font-size:clamp(12px,.95vw,16px);
  letter-spacing:.19em;
  font-weight:700;
  text-transform:uppercase;
}
.stress-page .hero h1,
html[lang="es"] .stress-page .hero h1{
  margin:0 0 26px;
  max-width:680px;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:clamp(58px,5.15vw,88px);
  line-height:1.00;
  letter-spacing:-.045em;
  font-weight:700;
  color:#28443d;
  text-wrap:balance;
}
.stress-page .hero h1 em{
  color:#b86f50;
  font-family:Georgia,'Times New Roman',serif;
  font-style:italic;
  font-weight:400;
}
.stress-page .hero p{
  max-width:625px;
  margin:0;
  color:#52606a;
  font-size:clamp(16px,1.15vw,20px);
  line-height:1.58;
}
.stress-page .hero-actions{
  display:flex;
  gap:18px;
  margin-top:30px;
  flex-wrap:nowrap;
}
.stress-page .hero-actions .button{
  min-width:250px;
  min-height:66px;
  padding:0 30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  font-size:17px;
  font-weight:700;
}
.stress-page .hero-actions .button-outline{
  background:rgba(248,245,239,.68);
  color:#29463f;
  border:1.5px solid #58736a;
}
.stress-page .hero-scene{
  position:absolute;
  z-index:1;
  inset:0 0 0 39%;
  width:auto;
  height:auto;
  background:url('stress-calm-reference-right.png') center center/cover no-repeat;
  border:0;
  box-shadow:none;
  border-radius:0;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.15) 5%,#000 23%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.15) 5%,#000 23%,#000 100%);
}
.stress-page .hero.section-pad:before{
  content:"";
  position:absolute;
  z-index:2;
  left:0;
  top:0;
  bottom:0;
  width:52%;
  pointer-events:none;
  background:linear-gradient(90deg,#f8f5ef 0%,#f8f5ef 70%,rgba(248,245,239,.93) 80%,rgba(248,245,239,.56) 91%,transparent 100%);
}
.stress-page .hero.section-pad:after{
  content:"";
  position:absolute;
  z-index:4;
  left:0;
  top:0;
  width:105px;
  height:430px;
  opacity:.58;
  pointer-events:none;
  background:radial-gradient(ellipse at -18% 23%,rgba(107,135,121,.30) 0 32%,transparent 33%),radial-gradient(ellipse at -20% 74%,rgba(107,135,121,.22) 0 30%,transparent 31%);
}
html[lang="es"] .stress-page .hero-copy{width:min(720px,44vw)}
html[lang="es"] .stress-page .hero h1{font-size:clamp(52px,4.65vw,80px)}
@media(max-width:1180px){
  .stress-page .hero.section-pad{min-height:auto}
  .stress-page .hero-copy{width:47vw;margin-left:48px;padding-top:72px;padding-bottom:78px}
  .stress-page .hero h1,html[lang="es"] .stress-page .hero h1{font-size:clamp(50px,5.5vw,68px)}
  .stress-page .hero-scene{inset-left:42%;background-position:54% center}
  .stress-page .hero-actions .button{min-width:205px;min-height:58px;font-size:15px}
}
@media(max-width:900px){
  .stress-page .hero.section-pad{display:flex;flex-direction:column;min-height:0;background:#f8f5ef}
  .stress-page .hero.section-pad:before{display:none}
  .stress-page .hero-copy,html[lang="es"] .stress-page .hero-copy{width:auto;max-width:680px;margin:0;padding:54px 28px 34px;order:1}
  .stress-page .hero h1,html[lang="es"] .stress-page .hero h1{font-size:clamp(48px,9vw,68px);max-width:650px}
  .stress-page .hero-scene{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:16/10;order:2;background-position:54% center;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 100%)}
}
@media(max-width:650px){
  .stress-page .hero-copy,html[lang="es"] .stress-page .hero-copy{padding:40px 20px 26px}
  .stress-page .hero h1,html[lang="es"] .stress-page .hero h1{font-size:clamp(42px,12vw,55px);line-height:1.01}
  .stress-page .hero p{font-size:16px;line-height:1.6}
  .stress-page .hero-actions{display:grid;grid-template-columns:1fr;gap:12px;margin-top:24px}
  .stress-page .hero-actions .button{width:100%;min-width:0;min-height:56px}
  .stress-page .hero-scene{aspect-ratio:4/3;background-position:58% center}
  .stress-page .hero.section-pad:after{width:60px;height:300px}
}

/* v1.54.0 — Stress & Everyday Calm hero: exact desktop composition from approved reference */
@media (min-width:1181px){
  .stress-page .hero.section-pad{
    height:calc(100vh - 123px);
    min-height:705px;
    max-height:760px;
    margin-top:123px;
    background:#fbf8f3;
  }
  .stress-page .hero-copy{
    width:690px;
    margin-left:134px;
    padding-top:49px;
    padding-bottom:0;
  }
  .stress-page .hero .eyebrow{
    margin-bottom:17px;
    font-size:16px;
    line-height:1.2;
    letter-spacing:.16em;
    color:#8fa096;
  }
  .stress-page .hero h1,
  html[lang="es"] .stress-page .hero h1{
    max-width:650px;
    margin:0 0 24px;
    font-size:78px;
    line-height:1.01;
    letter-spacing:-.042em;
  }
  .stress-page .hero p{
    max-width:620px;
    font-size:20px;
    line-height:1.58;
  }
  .stress-page .hero-actions{
    gap:18px;
    margin-top:29px;
  }
  .stress-page .hero-actions .button{
    min-width:292px;
    min-height:70px;
    padding:0 30px;
    font-size:17px;
  }
  .stress-page .hero-actions .button-outline{min-width:254px}
  .stress-page .hero-scene{
    inset:0 0 0 38.6%;
    background-image:url('stress-calm-reference-right-clean.png');
    background-size:cover;
    background-position:center center;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.28) 8%,#000 24%,#000 100%);
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.28) 8%,#000 24%,#000 100%);
  }
  .stress-page .hero.section-pad:before{
    width:50%;
    background:linear-gradient(90deg,#fbf8f3 0%,#fbf8f3 73%,rgba(251,248,243,.91) 83%,rgba(251,248,243,.42) 94%,transparent 100%);
  }
  .stress-page .hero.section-pad:after{
    width:106px;
    height:455px;
    opacity:.62;
  }
}


/* v1.54.1 — Stress hero corrected to the supplied reference composition */
@media (min-width:1181px){
  .stress-page .site-header{height:123px;padding:0 108px;background:#fbf8f3}
  .stress-page .brand-logo{width:176px}
  .stress-page .desktop-nav{gap:48px;margin-left:118px}
  .stress-page .nav-link{font-size:17px}
  .stress-page .header-actions{gap:24px}
  .stress-page .header-actions .button-sm{min-width:224px;min-height:68px;padding:0 30px;font-size:17px}

  .stress-page .hero.section-pad{
    height:709px;min-height:709px;max-height:none;margin-top:123px;padding:0;
    background:#fbf8f3;overflow:hidden;
  }
  .stress-page .hero-copy{
    position:relative;z-index:3;width:620px;max-width:620px;
    margin:0 0 0 134px;padding:49px 0 0;
  }
  .stress-page .hero .eyebrow{margin:0 0 18px;font-size:15px;letter-spacing:.17em;line-height:1.2}
  .stress-page .hero h1,
  html[lang="es"] .stress-page .hero h1{
    width:600px;max-width:600px;margin:0 0 24px;
    font-size:78px;line-height:1.01;letter-spacing:-.045em;text-wrap:initial;
  }
  .stress-page .hero p{width:620px;max-width:620px;font-size:18px;line-height:1.62}
  .stress-page .hero-actions{gap:18px;margin-top:29px}
  .stress-page .hero-actions .button{min-width:292px;min-height:70px;padding:0 30px;font-size:17px}
  .stress-page .hero-actions .button-outline{min-width:254px}
  .stress-page .hero-scene{
    position:absolute;z-index:1;left:39.25%;right:0;top:0;bottom:0;width:auto;height:auto;
    background-image:url('stress-calm-reference-right-clean.png');
    background-size:cover;background-position:left center;background-repeat:no-repeat;
    -webkit-mask-image:none;mask-image:none;
  }
  .stress-page .hero.section-pad:before{
    display:block!important;content:"";position:absolute;z-index:2;left:0;top:0;bottom:0;width:47%;
    background:linear-gradient(90deg,#fbf8f3 0%,#fbf8f3 73%,rgba(251,248,243,.88) 84%,rgba(251,248,243,.32) 95%,transparent 100%);
    pointer-events:none;
  }
  .stress-page .hero.section-pad:after{display:block!important;left:0;top:0;width:105px;height:455px}
}


/* v1.54.2 — exact reference correction: full-bleed hero, reference colors and proportions */
@media (min-width:1181px){
  .stress-page .site-header{height:112px!important;padding:0 6.15vw!important;background:#fbf8f3!important}
  .stress-page .brand-logo{width:172px!important}
  .stress-page .desktop-nav{gap:46px!important;margin-left:105px!important}
  .stress-page .header-actions{gap:20px!important}
  .stress-page .header-actions .button-sm{min-width:220px!important;min-height:68px!important;background:#c96f47!important}

  .stress-page main{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;overflow:visible!important}
  .stress-page .hero.section-pad{
    box-sizing:border-box!important;position:relative!important;left:50%!important;
    width:100vw!important;max-width:none!important;height:750px!important;min-height:750px!important;
    margin:112px 0 0 -50vw!important;padding:0!important;border-radius:0!important;
    background:#fbf8f3!important;overflow:hidden!important;
  }
  .stress-page .hero-copy{
    position:relative!important;z-index:4!important;width:650px!important;max-width:650px!important;
    margin:0 0 0 7.55vw!important;padding:62px 0 0!important;
  }
  .stress-page .hero .eyebrow{margin:0 0 18px!important;font-size:15px!important;line-height:1.2!important;letter-spacing:.17em!important}
  .stress-page .hero h1,html[lang="es"] .stress-page .hero h1{
    width:660px!important;max-width:660px!important;margin:0 0 24px!important;
    font-size:72px!important;line-height:1.01!important;letter-spacing:-.042em!important;font-weight:400!important;
  }
  .stress-page .hero h1 em{color:#bd6f4e!important;font-style:normal!important}
  .stress-page .hero p{width:625px!important;max-width:625px!important;margin:0!important;font-size:18px!important;line-height:1.62!important}
  .stress-page .hero-actions{display:flex!important;gap:18px!important;margin-top:28px!important}
  .stress-page .hero-actions .button{min-width:292px!important;min-height:70px!important;background:#c96f47!important;color:#fff!important;font-size:17px!important;box-shadow:none!important}
  .stress-page .hero-actions .button-outline{min-width:254px!important;background:rgba(251,248,243,.72)!important;color:#29463f!important;border:1.5px solid #58736a!important}
  .stress-page .hero-scene{
    display:block!important;position:absolute!important;z-index:1!important;
    left:40.5%!important;right:0!important;top:0!important;bottom:0!important;width:auto!important;height:auto!important;
    background-image:url('stress-calm-reference-right-clean.png')!important;
    background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;
    border:0!important;border-radius:0!important;box-shadow:none!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.12) 4%,rgba(0,0,0,.72) 17%,#000 29%,#000 100%)!important;
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.12) 4%,rgba(0,0,0,.72) 17%,#000 29%,#000 100%)!important;
  }
  .stress-page .hero.section-pad:before{
    display:block!important;content:""!important;position:absolute!important;z-index:2!important;left:0!important;top:0!important;bottom:0!important;width:51%!important;
    background:linear-gradient(90deg,#fbf8f3 0%,#fbf8f3 72%,rgba(251,248,243,.92) 82%,rgba(251,248,243,.48) 93%,transparent 100%)!important;pointer-events:none!important;
  }
  .stress-page .hero.section-pad:after{display:block!important;z-index:5!important;left:0!important;top:0!important;width:108px!important;height:470px!important;opacity:.58!important}
}

/* v1.54.3 — desktop hero uses the supplied approved reference as one continuous composition */
@media (min-width:1181px){
  .stress-page .hero.section-pad{
    position:relative!important;
    left:50%!important;
    width:100vw!important;
    height:calc(100vw * 742 / 1825)!important;
    min-height:0!important;
    max-height:none!important;
    margin:112px 0 0 -50vw!important;
    padding:0!important;
    overflow:hidden!important;
    background-image:url('stress-and-everyday-calm-reference.png')!important;
    background-size:100vw auto!important;
    background-position:center calc(-100vw * 120 / 1825)!important;
    background-repeat:no-repeat!important;
  }
  .stress-page .hero.section-pad:before,
  .stress-page .hero.section-pad:after,
  .stress-page .hero-copy,
  .stress-page .hero-scene{display:none!important}
  .stress-page .hero{border-radius:0!important;box-shadow:none!important}
  /* preserve the two reference CTAs as working click targets without altering the artwork */
  .stress-page .hero-ref-links{display:block!important}
}
@media (min-width:1181px){
 .stress-page .hero-ref-links{position:absolute;inset:0;z-index:10;pointer-events:none}
 .stress-page .hero-ref-links a{position:absolute;top:75.4%;height:9.4%;pointer-events:auto;border-radius:999px}
 .stress-page .hero-ref-links a:first-child{left:7.55%;width:16.5%}
 .stress-page .hero-ref-links a:last-child{left:25.1%;width:14.2%}
}
@media (max-width:1180px){.stress-page .hero-ref-links{display:none!important}}

/* v1.54.4 — requested micro-fixes only */
@media (min-width:1181px){
  /* Slightly smaller top-right CTA */
  .stress-page .header-actions .button-sm{
    min-width:190px!important;
    min-height:58px!important;
    padding:0 26px!important;
    font-size:16px!important;
  }
  /* Make the complete visible Start a practice button clickable */
  .stress-page .hero-ref-links a:last-child{
    left:24.85%!important;
    width:15.0%!important;
    top:74.8%!important;
    height:10.8%!important;
  }
}

/* v1.54.5 — make the complete visible Explore resources button clickable */
@media (min-width:1181px){
  .stress-page .hero-ref-links a:first-child{
    left:7.3%!important;
    width:17.1%!important;
    top:74.8%!important;
    height:10.8%!important;
  }
}


/* v1.62.5 — Stress hero typography only: match Now website font */
.stress-page .hero h1,
html[lang="es"] .stress-page .hero h1{
  font-family:"DM Sans",Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-weight:700!important;
}
.stress-page .hero h1 em,
html[lang="es"] .stress-page .hero h1 em{
  font-family:Georgia,"Times New Roman",serif!important;
  font-style:italic!important;
  font-weight:400!important;
}
\n\n/* v1.62.7 — rebuild Stress hero as live bilingual HTML; remove baked reference artwork */
@media (min-width:1181px){
  .stress-page .hero.section-pad{
    box-sizing:border-box!important;
    position:relative!important;
    left:50%!important;
    display:grid!important;
    grid-template-columns:44% 56%!important;
    align-items:stretch!important;
    gap:0!important;
    width:100vw!important;
    height:742px!important;
    min-height:742px!important;
    margin:112px 0 0 -50vw!important;
    padding:0!important;
    overflow:hidden!important;
    background:#fbf8f3!important;
    background-image:none!important;
  }
  .stress-page .hero.section-pad:before,
  .stress-page .hero.section-pad:after{display:none!important;content:none!important}
  .stress-page .hero-copy{
    display:block!important;
    position:relative!important;
    z-index:4!important;
    box-sizing:border-box!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:48px 28px 42px 7.55vw!important;
    background:#fbf8f3!important;
  }
  .stress-page .hero .eyebrow{
    display:block!important;
    margin:0 0 18px!important;
    font-family:"DM Sans",Inter,Arial,sans-serif!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.2!important;
    letter-spacing:.16em!important;
    color:#91a096!important;
  }
  .stress-page .hero h1,
  html[lang="es"] .stress-page .hero h1{
    width:auto!important;
    max-width:690px!important;
    margin:0 0 22px!important;
    font-family:"DM Sans",Inter,Arial,sans-serif!important;
    font-size:clamp(60px,4.55vw,82px)!important;
    line-height:.98!important;
    letter-spacing:-.055em!important;
    font-weight:700!important;
    color:#30363b!important;
  }
  .stress-page .hero h1 em,
  html[lang="es"] .stress-page .hero h1 em{
    display:inline-block!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:.88em!important;
    line-height:1.02!important;
    letter-spacing:-.045em!important;
    font-weight:400!important;
    font-style:normal!important;
    color:#bd6f4e!important;
  }
  .stress-page .hero p{
    width:auto!important;
    max-width:625px!important;
    margin:0!important;
    font-size:17px!important;
    line-height:1.52!important;
  }
  .stress-page .hero-actions{display:flex!important;gap:18px!important;margin-top:26px!important}
  .stress-page .hero-actions .button{min-width:250px!important;min-height:62px!important}
  .stress-page .hero-actions .button-outline{min-width:225px!important}
  .stress-page .hero-scene{
    display:block!important;
    position:relative!important;
    z-index:1!important;
    left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    width:100%!important;height:100%!important;
    background-image:url('stress-calm-hero-clean.jpg')!important;
    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    border:0!important;border-radius:0!important;box-shadow:none!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.45) 7%,#000 18%,#000 100%)!important;
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.45) 7%,#000 18%,#000 100%)!important;
  }
  .stress-page .hero-ref-links{display:none!important}
}

/* v1.62.13 — final approved Stress hero: live text/buttons + exact approved right-side artwork */
@media (min-width:1181px){
  .stress-page .hero.section-pad{
    position:relative!important;
    left:50%!important;
    width:100vw!important;
    height:736px!important;
    min-height:736px!important;
    max-height:736px!important;
    margin:104px 0 0 -50vw!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:43% 57%!important;
    gap:0!important;
    align-items:stretch!important;
    overflow:hidden!important;
    background:#fbf8f3!important;
    background-image:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  .stress-page .hero.section-pad:before,
  .stress-page .hero.section-pad:after{display:none!important;content:none!important}
  .stress-page .hero-copy,
  html[lang="es"] .stress-page .hero-copy{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    position:relative!important;
    z-index:3!important;
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:34px 38px 34px clamp(76px,6.7vw,122px)!important;
    background:#fbf8f3!important;
  }
  .stress-page .hero .eyebrow{
    margin:0 0 22px!important;
    font-family:inherit!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.2!important;
    letter-spacing:.16em!important;
    color:#8fa096!important;
  }
  .stress-page .hero h1,
  html[lang="es"] .stress-page .hero h1{
    width:100%!important;
    max-width:650px!important;
    margin:0 0 24px!important;
    font-family:inherit!important;
    font-size:clamp(60px,4.55vw,82px)!important;
    line-height:1.00!important;
    letter-spacing:-.045em!important;
    font-weight:700!important;
    color:#30363b!important;
  }
  .stress-page .hero h1 em,
  html[lang="es"] .stress-page .hero h1 em{
    display:inline!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:.92em!important;
    line-height:1.02!important;
    letter-spacing:-.035em!important;
    font-weight:400!important;
    font-style:normal!important;
    color:#bd6f4e!important;
  }
  .stress-page .hero p{
    width:100%!important;
    max-width:620px!important;
    margin:0!important;
    font-family:inherit!important;
    font-size:17px!important;
    line-height:1.58!important;
    color:#52606a!important;
  }
  .stress-page .hero-actions{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:18px!important;
    margin-top:30px!important;
  }
  .stress-page .hero-actions .button{
    width:auto!important;
    min-width:0!important;
    min-height:64px!important;
    padding:0 38px!important;
    white-space:nowrap!important;
    font-family:inherit!important;
    font-size:16px!important;
    font-weight:700!important;
  }
  .stress-page .hero-actions .button:first-child{min-width:280px!important}
  .stress-page .hero-actions .button-outline{min-width:255px!important}
  html[lang="es"] .stress-page .hero-actions .button:first-child{min-width:270px!important}
  html[lang="es"] .stress-page .hero-actions .button-outline{min-width:300px!important}
  .stress-page .hero-scene{
    display:block!important;
    position:relative!important;
    z-index:1!important;
    inset:auto!important;
    width:100%!important;
    height:100%!important;
    background-image:url('stress-approved-right.png')!important;
    background-size:cover!important;
    background-position:left center!important;
    background-repeat:no-repeat!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
  .stress-page .hero-ref-links{display:none!important}
}

/* v1.62.14 — ONLY correction: show the supplied Stress artwork complete, uncropped and at a restrained scale */
@media (min-width:1181px){
  .stress-page .hero-scene{
    background-image:url('stress-calm-full-user.png')!important;
    background-size:contain!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    background-color:#fbf8f3!important;
  }
}