/* Final comparison against the supplied 1440px artboard. Text stays live HTML;
   source fragments below contain decorative artwork and the health-card image. */
@media (max-width:1247px) {
  .app-access .phones{background:url('../images/app-background.svg') right center/auto 100% no-repeat}
  .benefit-strip span{display:flex;align-items:center;gap:8px}
  .benefit-strip span img{flex-shrink:0}
  .vertical-row>img{object-fit:contain}
}
@media (min-width:1248px) {
  .hero{background:#fbfaff url('../images/hero-background.svg') center top/cover no-repeat}
  .hero-wash,.hero::after{display:none}
  .hero-person{display:block;mask-image:linear-gradient(to bottom,#000 42%,rgba(0,0,0,.85) 55%,transparent 98%)}
  .hero h1{font-size:68px;line-height:1.06;letter-spacing:-.025em;margin-bottom:16px}
  .eyebrow{font:700 14px/1 Inter,Arial,sans-serif;letter-spacing:.08em;margin-bottom:18px}
  .hero-tags{font:600 16px/1.4 Inter,Arial,sans-serif;color:#587391}
  .hero-tags i{margin:0 10px}
  .lead{font-size:16px;line-height:1.7;margin:28px 0}
  .category-line{font-size:14px}
  .category-line span{color:#d1d5db}
  .hero .actions{position:absolute;top:500px;margin:0}
  .hero .actions .button{font:600 18px/1 Inter,Arial,sans-serif}
  .stat-grid span{font-size:16px}
  .section-heading>p{font:600 16px/1.2 Inter,Arial,sans-serif;letter-spacing:0}
  .section-heading h2{font:600 36px/1.2 Inter,Arial,sans-serif;letter-spacing:0}
  .section-heading>span{font-size:16px;line-height:1.5}
  .sector-grid{margin-top:26px}
  .sector-grid h3{font:700 18px/1.2 Inter,Arial,sans-serif}
  .sector-grid b{font-size:14px}
  .sector-grid p{font-size:12px;line-height:1.3;min-height:48px}
  .sector-grid a{font-size:10px}
  .verticals .section-heading{margin-bottom:57px}
  .vertical-row{grid-template-columns:588px 612px;align-items:start}
  .vertical-copy{padding:5px 56px 0 0}
  .text-right .vertical-copy{padding:5px 0 0 32px}
  .vertical-copy h3{font:700 25px/1.3 Inter,Arial,sans-serif;margin:0 0 10px;max-width:500px}
  .vertical-copy p{font-size:14px;line-height:1.5;margin-bottom:30px;max-width:480px}
  .vertical-copy ul{grid-template-columns:290px 1fr;gap:14px 20px;margin-bottom:32px}
  .text-right .vertical-copy ul{grid-template-columns:290px 1fr}
  .vertical-copy li{font:400 17px/1.5 Inter,Arial,sans-serif;white-space:nowrap}
  .pill{font-size:16px}
  .vertical-row:last-child .vertical-copy h3{max-width:430px}
  .program .section-heading{transform:translateY(12px)}
  .program-layout{margin-top:72px}
  .program-intro h2{font-size:40px;line-height:1.5;margin:0 0 18px}
  .program-intro p{font-family:Arial,sans-serif;font-size:18px;line-height:1.5}
  .phase-grid small{font:500 16px/1.2 Inter,Arial,sans-serif}
  .phase-grid h3{font:700 24px/1.3 Inter,Arial,sans-serif;margin:26px 0 24px}
  .phase-grid p{font-size:18px;line-height:1.5}
  .app-access .copy{transform:none;align-self:start;padding-top:35px}
  .app-access .copy h2{font-size:41px;line-height:1.5;margin-bottom:14px}
  .app-access .copy>p{font-size:18px;line-height:1.5;margin:0 0 22px}
  .app-access .feature-list{grid-template-columns:260px 1fr;gap:30px 20px;font-size:16px;margin:26px 0}
  .detox h2{font-size:56px;letter-spacing:-.035em;margin:18px 0 16px}
  .detox h3{font-size:27px;white-space:nowrap}
  .detox .underline{margin:23px 0 27px}
  .detox-copy p{width:540px;font-size:18px;line-height:1.6}
  .detox-copy .button{font:600 16px/1 Inter,Arial,sans-serif;text-decoration:underline;margin-top:36px}
  .benefit-card>div{border:0}
  .benefit-card>div+div::before{content:'';position:absolute;left:0;top:40px;bottom:40px;width:1px;background:#e5e7eb}
  .benefit-card b{font-family:Inter,Arial,sans-serif;font-weight:500;letter-spacing:.02em}
  .benefit-strip span{font-size:14px;font-weight:400}
  .health-card{padding-top:81px}
  .health-card .split{grid-template-columns:588px 1fr;gap:36px;align-items:start}
  .health-card .split>img{width:588px;height:392px;object-fit:contain}
  .health-card .copy h2{font-size:40px;line-height:1.5;margin:0 0 22px}
  .health-card .copy h3{font:400 22px/1.5 Inter,Arial,sans-serif;white-space:nowrap;margin:0 0 30px}
  .health-card .copy>p{font-size:22px;line-height:1.5;margin:0 0 36px;max-width:540px}
  .check-grid{font-size:15px;gap:18px 15px;margin-top:0}
  .model-intro p{font-size:20px;line-height:1.6;width:430px}
  .model-cards h3{font:700 22px/1.3 Inter,Arial,sans-serif;max-width:230px}
  .model-cards p{font-size:18px;line-height:1.5;width:230px}
  .model-cards article:nth-child(n+3) h3{max-width:225px}
  .model-cards article:nth-child(3) h3{max-width:185px}
  .model-cards article:nth-child(5) h3{text-transform:none}
  .support h2{letter-spacing:-.035em}
  .support-grid h3{font-family:Inter,Arial,sans-serif}
  .contact .section-heading h2{font:600 36px/1.2 Inter,Arial,sans-serif;letter-spacing:0}
  .contact form h3,.contact aside h3{font-family:Inter,Arial,sans-serif}
  .contact form .button{background:#1a3673;font-weight:500}
  .footer-top>h2{font:700 34px/1.25 Inter,Arial,sans-serif;letter-spacing:0}
  .footer-message h3{font:700 28px/1.25 Inter,Arial,sans-serif}
  .footer-links h4{font-family:Inter,Arial,sans-serif;letter-spacing:.04em}
}