/* Tablet and desktop extension of the mobile design system */
.home-prices .button-row .coral{order:1}.home-prices .button-row .navy{order:2;flex:0 0 auto;width:auto;max-width:none;min-height:auto;margin:0;padding:10px 8px;border-radius:0;background:none;color:var(--navy);font-size:13px;text-decoration:underline;text-decoration-color:var(--sage);text-decoration-thickness:3px;text-underline-offset:6px}

@media (min-width:700px){
  body{padding:24px 0 40px}
  header,main,.global-cta,.full-footer{width:min(calc(100% - 32px),820px)}
  header{height:100px;padding:10px 34px;border-radius:28px 28px 0 0}
  .logo{width:190px;height:80px;overflow:visible;display:flex;align-items:center}
  .logo img{width:190px;height:80px;object-fit:contain;margin:0}
  main{box-shadow:0 18px 50px rgba(47,65,78,.09)}
  .global-cta{padding:76px 10%}
  .full-footer{border-radius:0 0 28px 28px;padding:54px 8%}

  .pad,.content-section{padding:76px 8%}
  .hero{padding:70px 9% 76px;text-align:center}
  .hero h1{font-size:58px;max-width:640px;margin-inline:auto}
  .hero>p{font-size:18px;max-width:620px;margin-inline:auto}
  .hero>.btn{width:360px;margin:28px auto 14px}
  .hero-link{margin:5px auto 0}.hero-note{margin-top:12px}
  .hero .heart{width:58px;height:58px;right:8%;top:54px}
  .hero .eyebrow{margin-inline:auto}
  .hero .trust{max-width:560px;margin:42px auto 42px}
  .hero .trust .badge{width:72px;height:72px}
  .hero .trust small{font-size:15px;line-height:1.45}
  .sound-familiar>p{font-size:30px}.sound-familiar a,.sound-familiar span{font-size:14px;padding:10px 15px}
  .services h3{font-size:20px}.services p{font-size:15px;line-height:1.5}
  .steps h3{font-size:19px}.steps p{font-size:14px;line-height:1.5}
  .hero .quote{max-width:560px;margin-inline:auto;padding:48px 38px;font-size:28px}
  .hero-photo{max-width:460px;margin:34px auto 68px}.hero-photo>img{height:auto;aspect-ratio:3/4;object-fit:contain}.hero-photo figcaption{bottom:18px;width:min(calc(100% - 90px),340px)}.hero-photo figcaption strong{font-size:25px}.hero-photo figcaption span{font-size:10px}

  .problem{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:54px;align-items:center;text-align:left}
  .problem .susan-baby{grid-column:1;grid-row:1/7;height:420px}
  .problem .rays{right:49%;top:70px}
  .problem h2,.problem p,.problem>.btn,.problem>.underline{grid-column:2}
  .problem h2{text-align:left;margin-top:0;font-size:48px}
  .problem>.underline{margin-left:0}
  .problem>.btn{width:100%;max-width:330px;margin-left:0}

  .home-fit>.btn{max-width:360px}
  .services{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:22px 7% 40px}
  .services article{min-height:130px;border:0;border-radius:26px;padding:18px;background:#fff9f4}
  .services article:nth-child(4n+2),.services article:nth-child(4n+3){background:#f1f6ef}
  .tailored{margin:20px 5% 0;padding:60px 12%;border-radius:46px}
  .tailored p{max-width:580px;margin-inline:auto}
  .home-prices .price-grid,.price-grid{grid-template-columns:1fr}
  .price-grid article{padding:36px 42px}

  .about{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:58px;align-items:start;text-align:left}
  .about .portrait-box{grid-column:1;grid-row:1/9;margin:0}
  .about h2,.about>p,.about>.underline,.about .proof,.about>.btn{grid-column:2}
  .about h2{text-align:left;font-size:48px}
  .about>.underline{margin-left:0}
  .about>.btn{width:100%;max-width:330px;margin-left:0}

  .how{border-radius:48px 48px 0 0;padding:76px 8%}
  .steps{display:grid;grid-template-columns:1fr 1fr;gap:28px 44px}
  .steps article:not(:last-child):before{display:none}
  .steps p{max-width:none}

  .inner-hero{padding:88px 9%;max-width:none}
  .inner-hero h1{font-size:64px}
  .inner-hero>p{font-size:19px;max-width:650px}
  .content-section{max-width:none}
  .process-large{max-width:720px}
  .faq-list{max-width:720px;margin-inline:auto}
  .contact-layout{gap:54px}
  .problem-hero{display:grid;grid-template-columns:190px minmax(0,1fr);column-gap:54px;text-align:left;align-items:center}
  .problem-hero>img{grid-column:1;grid-row:1/7;width:170px;height:170px}
  .problem-hero>.eyebrow,.problem-hero>h1,.problem-hero>h2,.problem-hero>p,.problem-hero>.btn{grid-column:2}
  .problem-hero>p{margin-left:0}
  .problem-hero>.btn{margin-left:0;width:320px}
  .problem-hero h1{font-size:58px;margin-bottom:10px}
  .problem-hero h2{text-align:left}
  .two-col{gap:70px}
}

@media (min-width:1000px){
  body{padding:30px 0 54px}
  main{overflow:clip}
  header,main,.global-cta,.full-footer{width:min(calc(100% - 64px),1180px)}
  header{height:100px;padding:10px 48px;position:sticky;top:14px;border-radius:28px;z-index:60;background:rgba(255,253,252,.95);backdrop-filter:blur(16px);box-shadow:0 12px 34px rgba(47,65,78,.08);transition:height .3s,padding .3s}
  body.header-scrolled header{height:78px;padding-block:6px}
  body.header-scrolled .logo,body.header-scrolled .logo img{width:158px;height:64px}
  .logo,.logo img{width:196px;height:80px;transition:width .3s,height .3s}
  main{margin-top:16px;border-radius:32px;overflow:clip}
  .global-cta{margin-top:16px;border-radius:32px 32px 0 0}

  .nav-links{gap:30px}.nav-links span{font-size:15px}
  header nav{background:transparent;border-radius:0;box-shadow:none}
  .hero{min-height:0;display:grid;grid-template-columns:minmax(0,1.16fr) minmax(340px,.84fr);grid-template-rows:repeat(6,min-content) auto;column-gap:76px;text-align:left;padding:82px 8% 72px;align-items:start}
  .hero .eyebrow,.hero h1,.hero>p,.hero>.btn,.hero-link,.hero-note{grid-column:1;margin-left:0;text-align:left}
  .hero .eyebrow{grid-row:1}
  .hero h1{grid-row:2}
  .hero>p{grid-row:3}
  .hero>.btn{grid-row:4}
  .hero-link{grid-row:5}
  .hero-note{grid-row:6}
  .hero h1{font-size:68px;max-width:650px;margin-right:0}
  .hero>p{font-size:19px;max-width:620px;margin-right:0}
  .hero>.btn{width:360px;margin:28px 0 14px}
  .hero-link,.hero-note{width:360px;text-align:center;margin-left:0}
  .hero-link{margin-top:0}.hero-note{margin-top:8px}
  .hero .trust{grid-column:1/-1;grid-row:7;width:100%;max-width:none;margin:54px 0 0;padding:26px 34px;border-radius:30px;background:linear-gradient(120deg,#fbf4ed 0%,#f1f5ee 100%);box-shadow:inset 0 0 0 1px rgba(73,98,83,.06)}
  .hero .trust>div{display:grid;grid-template-columns:72px auto;align-items:center;justify-content:center;gap:14px;text-align:left}
  .hero .trust small{text-align:left;font-size:17px;line-height:1.45;font-weight:600}
  .hero .trust .badge{width:86px;height:86px}
  .hero-photo{grid-column:2;grid-row:1/7;align-self:center;justify-self:end;width:100%;max-width:420px;margin:0 0 42px}.hero-photo>img{height:auto;aspect-ratio:3/4;object-fit:contain}.hero-photo figcaption{left:50%;bottom:18px;width:300px;min-width:0;padding:15px 18px}.hero-photo figcaption strong{font-size:26px}.hero-photo figcaption span{font-size:10px}
  .hero .heart{right:4%;top:52px}

  .sound-familiar{padding:44px 8%}.sound-familiar div{max-width:880px;margin-inline:auto}
  .sound-familiar>p{font-size:36px;margin-bottom:22px}.sound-familiar a,.sound-familiar span{font-size:15px;padding:11px 17px}
  .press{padding:46px 8%}.press>span{font-size:13px}.press strong{font-size:23px}.press .itv{font-size:38px}
  .problem{padding:100px 10%;column-gap:90px}
  .problem .susan-baby{height:520px}
  .problem h2{font-size:60px}
  .services{grid-template-columns:1fr 1fr;gap:20px 28px;padding:30px 9% 54px}
  .services article{grid-template-columns:86px 1fr 20px;min-height:145px}
  .services .icon{width:80px;height:80px}
  .services h3{font-size:22px}.services p{font-size:16px}
  .tailored{margin-inline:7%;padding:76px 20%;border-radius:60px}
  .tailored h2{font-size:52px}.tailored p{font-size:27px}
  .home-fit{position:relative;padding-bottom:112px;border-radius:0 0 50% 50%/0 0 7% 7%}
  .home-fit h2,.home-prices .page-heading h2,.fix-intro h2{font-size:52px}.home-fit>.warm-list li{font-size:18px;line-height:1.5}
  .fix-intro p{font-size:19px;line-height:1.55}
  .home-fit>.warm-list{max-width:980px;display:grid;grid-template-columns:1fr 1fr;column-gap:54px}
  .home-fit>.warm-list li{display:flex;align-items:center;min-height:82px;padding-right:20px}
  .home-fit>p{text-align:center;max-width:760px;margin:34px auto 0}
  .home-fit>.btn{margin-top:26px}
  .home-prices .price-grid,.price-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
  .price-grid article{padding:34px 30px}
  .price-grid h3{font-size:33px}.price-grid p{font-size:15px;line-height:1.55}.price-grid .warm-list li{font-size:14px;line-height:1.5}
  .price-grid article.featured{transform:translateY(-12px)}
  .home-prices .button-row{width:100%;justify-content:center;gap:22px;margin-top:38px}
  .home-prices .button-row .btn{flex:0 1 360px;width:360px;max-width:360px;min-height:64px;margin:0;padding:0 28px;text-align:center;white-space:normal;line-height:1.25}
  .about{padding:100px 10%;column-gap:90px;background:linear-gradient(145deg,#fffdfc 0%,#f7faf5 100%)}
  .about .portrait-box{position:sticky;top:142px;align-self:start;margin-bottom:0}
  .about h2{font-size:58px}
  .about>p{font-size:18px;line-height:1.6}
  .how{padding:92px 10%;border-radius:50% 50% 0 0/8% 8% 0 0}
  .steps{grid-template-columns:repeat(4,1fr);gap:34px}
  .how h2{font-size:52px}.steps h3{font-size:22px;line-height:1.2}.steps p{font-size:15px;line-height:1.55}
  .steps article{display:block}.steps article>b{margin-bottom:18px}
  .tv-band,.testimonials{padding:96px 10%}

  .inner-hero{padding:110px 12%}
  .inner-hero h1{font-size:78px}
  .content-section{padding:96px 10%}
  .process-large{max-width:880px}
  .process-large article{grid-template-columns:64px 1fr;gap:24px}
  .process-large b{width:58px;height:58px;font-size:18px}
  .process-large h2{font-size:36px}
  .faq-list{max-width:850px}
  .faq-list summary{font-size:27px}
  .problem-hero{grid-template-columns:250px minmax(0,1fr);column-gap:80px;padding-inline:13%}
  .problem-hero>img{width:220px;height:220px}
  .problem-hero h1{font-size:74px}
  .problem-hero h2{font-size:34px}
  .two-col{gap:100px}
}

@media (min-width:1300px){
  header,main,.global-cta,.full-footer{width:1240px}
  .hero{grid-template-columns:minmax(0,1.25fr) 390px}
}