Meta Muse Spark 1.3 – Health and Fitness

via Meta · Generated

  • AIMAC Debt 25.95
  • Cost $0.07
  • Total Violations 23
  • HTML Size 53 KB
  • Em Dashes 29

Screenshot

View Meta Muse Spark 1.3 Health and Fitness page View Live Page

Accessibility Issues Found

6 Critical 17 Serious

  • color-contrast serious 17 instances

    Elements must meet minimum color contrast ratio thresholds

    Example HTML <a href="#booking" class="btn btn-teal" style="padding:12px 20px">Book Visit</a>
  • label critical 4 instances

    Form elements must have labels

    Example HTML <input type="number" id="h" value="172">
  • select-name critical 2 instances

    Select element must have an accessible name

    Example HTML <select id="act"><option>Lightly active</option><option selected="">Moderately active</option><option>Very active</option><option>Athlete</option><...

Artifacts

View Generated HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>VitalityPeak Health & Wellness | Where Clinical Care Meets Everyday Wellness</title>
<meta name="description" content="VitalityPeak is an integrated health, fitness and nutrition center offering primary care, personal training, nutrition counseling, pharmacy and lab services under one roof.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700;9..144,800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
<style>
:root{
--navy:#0a1f33; --navy2:#122f4a; --teal:#0ea5a0; --teal-dark:#087873; --lime:#c8f04a; --lime-dark:#a8d61f;
--bg:#f4f8f7; --card:#ffffff; --muted:#5a6d80; --line:#e2ecea; --radius:18px;
--shadow:0 18px 50px rgba(10,31,51,.11); --shadow-sm:0 8px 24px rgba(10,31,51,.08);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:"Plus Jakarta Sans",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--navy);background:var(--bg);line-height:1.65;overflow-x:hidden}
h1,h2,h3,h4{font-family:"Fraunces",serif;line-height:1.15;letter-spacing:-.02em}
img{max-width:100%;display:block;border-radius:inherit}
a{text-decoration:none;color:inherit}
.container{max-width:1220px;margin:0 auto;padding:0 24px}
.btn{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:.95rem;padding:15px 26px;border-radius:100px;border:0;cursor:pointer;transition:.25s;letter-spacing:.01em}
.btn-lime{background:var(--lime);color:var(--navy)}
.btn-lime:hover{background:var(--navy);color:#fff;transform:translateY(-2px)}
.btn-teal{background:var(--teal);color:#fff}
.btn-teal:hover{background:var(--navy);transform:translateY(-2px)}
.btn-outline{background:transparent;color:var(--navy);border:2px solid var(--navy)}
.btn-outline:hover{background:var(--navy);color:#fff}
.btn-white{background:#fff;color:var(--navy)}
.badge{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--teal-dark);background:#def7f5;border:1px solid #bde9e6;padding:8px 14px;border-radius:100px}
.badge.lime{background:#f1facd;border-color:#d9ef7a;color:#4a6200}
/* utility */
.topbar{background:var(--navy);color:#cfe0e8;font-size:.85rem}
.topbar .container{display:flex;justify-content:space-between;align-items:center;padding:9px 24px;gap:16px;flex-wrap:wrap}
.topbar a{color:#fff;font-weight:600}
.topbar i{color:var(--lime);margin-right:7px}
/* header */
header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.navwrap{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0}
.brand{display:flex;align-items:center;gap:14px}
.brand img{width:56px;height:56px;border-radius:14px;object-fit:cover}
.brand-name{font-family:"Fraunces",serif;font-weight:800;font-size:1.35rem;line-height:1}
.brand-name span{color:var(--teal)}
.tagline{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
nav.main{display:flex;align-items:center;gap:26px;font-weight:700;font-size:.93rem}
nav.main a{position:relative;padding:6px 0;color:#23405c}
nav.main a:hover,nav.main a.active{color:var(--teal-dark)}
nav.main a.active::after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:3px;background:var(--lime);border-radius:10px}
.nav-cta{display:flex;align-items:center;gap:12px}
.phone-pill{display:flex;align-items:center;gap:10px;font-weight:800}
.phone-pill div{width:42px;height:42px;border-radius:50%;background:var(--navy);color:var(--lime);display:grid;place-items:center}
.hamburger{display:none;background:var(--navy);color:#fff;border:0;width:46px;height:46px;border-radius:12px;font-size:1.2rem;cursor:pointer}
/* hero */
.hero{background:radial-gradient(900px 500px at 10% 0%,#d9f7f3 0%,transparent 60%),radial-gradient(800px 500px at 95% 20%,#f0f9c2 0%,transparent 55%),linear-gradient(180deg,#fff 0%,#f4f8f7 100%);padding:34px 0 0;position:relative;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding:26px 0 46px}
.hero h1{font-size:3.55rem;font-weight:800;margin:18px 0 16px}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--teal),#0a7aa5);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p.lead{font-size:1.12rem;color:#35506a;max-width:560px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:26px 0}
.hero-proof{display:flex;gap:18px;flex-wrap:wrap;margin-top:10px}
.proof{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 16px 10px 10px;box-shadow:var(--shadow-sm)}
.proof img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.proof strong{font-size:.9rem;display:block;line-height:1.2}
.proof small{color:var(--muted)}
.hero-visual{position:relative}
.hero-visual .main-img{border-radius:28px;height:560px;width:100%;object-fit:cover;box-shadow:var(--shadow)}
.float-card{position:absolute;background:#fff;border-radius:18px;box-shadow:var(--shadow);padding:14px 16px;display:flex;gap:12px;align-items:center;border:1px solid var(--line)}
.fc1{top:28px;left:-24px}
.fc2{bottom:92px;right:-14px}
.fc3{bottom:18px;left:22px}
.float-card .icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:1.2rem}
.stats-bar{background:var(--navy);color:#fff;border-radius:22px;padding:22px 28px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:-34px;position:relative;z-index:2;box-shadow:var(--shadow)}
.stats-bar h3{font-size:1.9rem;color:var(--lime)}
.stats-bar p{font-size:.86rem;color:#b9cbd9;margin:0}
/* sections */
section{padding:88px 0}
.section-head{max-width:720px;margin-bottom:40px}
.section-head h2{font-size:2.5rem;margin:14px 0 12px}
.section-head p{color:var(--muted);font-size:1.06rem}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:.3s;display:flex;flex-direction:column}
.card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.card img.top{height:210px;width:100%;object-fit:cover}
.card-body{padding:26px}
.card-body h3{font-size:1.35rem;margin-bottom:10px}
.card-body p{color:var(--muted);font-size:.96rem;margin-bottom:16px}
.card-meta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.pill{font-size:.78rem;font-weight:800;background:#eef6f5;border:1px solid var(--line);padding:6px 12px;border-radius:100px;color:var(--teal-dark)}
.card-link{font-weight:800;color:var(--teal-dark);display:inline-flex;gap:8px;align-items:center;margin-top:auto}
.card-link:hover{color:var(--navy)}
.insurance{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin-top:34px}
.insurance .container{display:flex;align-items:center;gap:22px;flex-wrap:wrap;justify-content:space-between}
.insurance span{font-weight:800;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.ins-logos{display:flex;gap:12px;flex-wrap:wrap}
.ins-logos img{height:36px;width:auto;border-radius:8px;background:#f2f5f4;padding:2px 8px;border:1px solid var(--line)}
/* split */
.split{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:stretch}
.panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:var(--shadow-sm)}
.panel.dark{background:var(--navy);color:#e8f0f5;border-color:var(--navy2)}
.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}
.field label{font-size:.82rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:8px}
.field input,.field select{width:100%;padding:14px 16px;border-radius:12px;border:1.5px solid var(--line);font:inherit;font-weight:600;background:#fbfdfd;color:var(--navy)}
.panel.dark .field input,.panel.dark .field select{background:#0f2a44;border-color:#24405e;color:#fff}
.bmi-result{background:linear-gradient(135deg,#defaf7,#f3fccd);border:1px solid #b9e8e2;border-radius:16px;padding:20px;display:flex;gap:18px;align-items:center;margin-top:8px}
.bmi-number{width:96px;height:96px;border-radius:50%;background:var(--navy);color:var(--lime);display:grid;place-items:center;text-align:center;flex-shrink:0}
.bmi-number strong{font-size:1.7rem;line-height:1;font-family:"Fraunces",serif}
.bmi-number small{font-size:.65rem;letter-spacing:.1em}
.gauge{height:10px;background:#e2ecea;border-radius:100px;overflow:hidden;margin:12px 0 6px}
.gauge div{height:100%;width:20%;background:linear-gradient(90deg,var(--teal),#f0b429,#e5484d);border-radius:100px;transition:1s}
/* schedule */
.schedule{background:var(--navy);color:#eaf2f6;border-radius:28px;padding:0;overflow:hidden;position:relative}
.schedule-top{padding:42px 42px 10px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:end}
.schedule-top h2{color:#fff;font-size:2.4rem}
.schedule-top p{color:#a8bdd0}
.filters{display:flex;gap:10px;flex-wrap:wrap;margin:18px 42px 0}
.fbtn{border:1px solid #2a4b6b;background:#112a44;color:#cfe0ec;padding:10px 18px;border-radius:100px;font-weight:800;font-size:.86rem;cursor:pointer;transition:.2s}
.fbtn.active,.fbtn:hover{background:var(--lime);color:var(--navy);border-color:var(--lime)}
.class-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:24px 42px 42px}
.class{background:#fff;color:var(--navy);border-radius:18px;overflow:hidden;display:flex;flex-direction:column}
.class img{height:160px;object-fit:cover;width:100%}
.class-body{padding:20px}
.class-body h4{font-size:1.15rem}
.class-meta{display:flex;justify-content:space-between;font-size:.85rem;font-weight:700;color:var(--muted);margin:10px 0 14px}
.class-meta span i{color:var(--teal);margin-right:6px}
/* booking */
.booking-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:start}
.steps{display:flex;gap:10px;margin:18px 0 22px}
.step{flex:1;text-align:center;font-size:.8rem;font-weight:800;color:var(--muted)}
.step i{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e9efee;margin:0 auto 8px;font-style:normal}
.step.active{color:var(--navy)} .step.active i{background:var(--lime);color:var(--navy)}
.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.slot{padding:12px;border:1.5px solid var(--line);border-radius:12px;text-align:center;font-weight:800;font-size:.9rem;cursor:pointer;background:#fff;transition:.2s}
.slot:hover{border-color:var(--teal)} .slot.sel{background:var(--navy);color:var(--lime);border-color:var(--navy)}
.doctor-list{display:grid;gap:12px;margin-top:14px}
.doc{display:flex;gap:14px;align-items:center;border:1.5px solid var(--line);border-radius:14px;padding:12px;cursor:pointer;background:#fff;transition:.2s}
.doc.sel{border-color:var(--teal);background:#eefaf9;box-shadow:var(--shadow-sm)}
.doc img{width:56px;height:56px;border-radius:50%;object-fit:cover}
.doc strong{display:block} .doc small{color:var(--muted)}
.confirm{background:linear-gradient(180deg,#e8faf8,#fff);border:2px dashed var(--teal);border-radius:16px;padding:22px;margin-top:18px;display:none}
.confirm.show{display:block;animation:pop .4s}
@keyframes pop{from{transform:scale(.97);opacity:0}to{transform:scale(1);opacity:1}}
/* education + sidebar */
.edu-layout{display:grid;grid-template-columns:1.6fr .9fr;gap:26px;align-items:start}
.article{display:grid;grid-template-columns:200px 1fr;gap:20px;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-bottom:18px;box-shadow:var(--shadow-sm)}
.article img{height:100%;min-height:180px;object-fit:cover;width:100%}
.article-body{padding:22px 22px 22px 0}
.article-body h3{font-size:1.25rem;margin:8px 0}
.article-body p{color:var(--muted);font-size:.94rem}
.sidebar{display:grid;gap:18px;position:sticky;top:110px}
.side-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--shadow-sm)}
.side-card.alert{background:#fff7e8;border-color:#f5d48a}
.side-card.tip{background:var(--navy);color:#e8f0f5;border-color:var(--navy)}
.side-card h4{font-size:1.15rem;margin-bottom:10px;display:flex;gap:10px;align-items:center}
.side-card p,.side-card li{font-size:.92rem;color:inherit}
.side-card ul{padding-left:18px;margin:10px 0}
.alert-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px dashed #e6cf9a}
.alert-item:last-child{border:0}
/* testimonials */
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.testi{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:var(--shadow-sm);position:relative}
.testi .stars{color:#f0a500;letter-spacing:2px;margin-bottom:12px}
.testi p{color:#334b62;font-size:.97rem}
.testi-foot{display:flex;gap:12px;align-items:center;margin-top:18px}
.testi-foot img{width:52px;height:52px;border-radius:50%;object-fit:cover}
.testi-foot small{color:var(--muted);display:block}
/* faq */
.faq-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:26px;align-items:start}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:12px;overflow:hidden}
.faq-q{width:100%;text-align:left;background:none;border:0;padding:18px 20px;font:inherit;font-weight:800;font-size:1rem;cursor:pointer;display:flex;justify-content:space-between;gap:12px;align-items:center;color:var(--navy)}
.faq-a{max-height:0;overflow:hidden;transition:.35s;color:var(--muted);font-size:.95rem}
.faq-a div{padding:0 20px 20px}
.faq-item.open .faq-a{max-height:300px}
.faq-item.open{border-color:var(--teal)}
.cta-banner{background:linear-gradient(100deg,var(--teal) 0%,#0a6d8a 60%,var(--navy) 100%);border-radius:26px;padding:42px;color:#fff;display:grid;grid-template-columns:1.3fr .7fr;gap:24px;align-items:center;margin-top:36px;position:relative;overflow:hidden}
.cta-banner img{border-radius:18px;height:220px;width:100%;object-fit:cover}
/* footer */
footer{background:var(--navy);color:#b9cbd9;padding:64px 0 0;margin-top:40px}
.foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.1fr;gap:30px;padding-bottom:40px}
.foot-grid h4{color:#fff;font-size:1.05rem;margin-bottom:16px;font-family:"Plus Jakarta Sans",sans-serif}
.foot-grid a{display:block;padding:6px 0;font-size:.93rem}
.foot-grid a:hover{color:var(--lime)}
.foot-brand p{font-size:.93rem;margin:12px 0 18px}
.social{display:flex;gap:10px}
.social a{width:40px;height:40px;border-radius:50%;background:#14304b;display:grid;place-items:center;color:#fff;padding:0}
.social a:hover{background:var(--lime);color:var(--navy)}
.foot-bottom{border-top:1px solid #1e3b58;padding:18px 0;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:.86rem}
.toast{position:fixed;bottom:24px;right:24px;background:var(--navy);color:#fff;padding:16px 20px;border-radius:14px;box-shadow:var(--shadow);display:none;z-index:200;border-left:6px solid var(--lime);max-width:360px}
.toast.show{display:block;animation:slide .35s}
@keyframes slide{from{transform:translateX(30px);opacity:0}to{transform:none;opacity:1}}
@media(max-width:1020px){
.hero-grid,.split,.booking-grid,.edu-layout,.faq-wrap,.cta-banner{grid-template-columns:1fr}
.grid3,.testi-grid,.class-grid{grid-template-columns:1fr 1fr}
nav.main{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:20px;gap:14px;border-bottom:1px solid var(--line)}
nav.main.open{display:flex}
.hamburger{display:block}
.stats-bar{grid-template-columns:1fr 1fr}
.foot-grid{grid-template-columns:1fr 1fr}
.fc1{left:10px}.fc2{right:10px}
.hero h1{font-size:2.6rem}
.hero-visual .main-img{height:420px}
}
@media(max-width:640px){.grid3,.testi-grid,.class-grid,.calc-grid{grid-template-columns:1fr}.article{grid-template-columns:1fr}.article-body{padding:0 20px 20px}.foot-grid{grid-template-columns:1fr}section{padding:60px 0}}
</style>
</head>
<body>

<div class="topbar">
<div class="container">
<div><i class="fa-solid fa-location-dot"></i> 425 Wellness Way, Seattle, WA 98101 &nbsp;&nbsp; <i class="fa-regular fa-clock"></i> Mon–Sat: 6am–9pm • Sun: 8am–6pm</div>
<div><i class="fa-solid fa-phone"></i> <a href="tel:+12065550148">(206) 555-0148</a> &nbsp; | &nbsp; <a href="#lab">Lab Results <i class="fa-solid fa-arrow-right" style="font-size:.7rem"></i></a></div>
</div>
</div>

<header>
<div class="container navwrap">
<div class="brand">
<img src="https://placehold.co/112x112/0ea5a0/ffffff?text=V%E2%97%86&font=montserrat" alt="VitalityPeak logo">
<div><div class="brand-name">Vitality<span>Peak</span></div><div class="tagline">Clinical Care Meets Everyday Wellness</div></div>
</div>
<nav class="main" id="mainNav" aria-label="Primary">
<a href="#services" class="active">Services</a>
<a href="#nutrition">Nutrition</a>
<a href="#fitness">Fitness</a>
<a href="#pharmacy">Pharmacy</a>
<a href="#lab">Lab Results</a>
<a href="#learn">Resources</a>
<a href="#contact">Contact</a>
</nav>
<div class="nav-cta">
<div class="phone-pill"><div><i class="fa-solid fa-stethoscope"></i></div><div style="line-height:1.1"><small style="color:var(--muted);font-size:.72rem;letter-spacing:.08em">24/7 NURSE LINE</small><br>(206) 555-0148</div></div>
<a href="#booking" class="btn btn-teal" style="padding:12px 20px">Book Visit</a>
<button class="hamburger" id="menuBtn" aria-label="Menu"><i class="fa-solid fa-bars"></i></button>
</div>
</div>
</header>

<main>
<!-- HERO -->
<div class="hero">
<div class="container">
<div class="hero-grid">
<div>
<span class="badge"><i class="fa-solid fa-heart-pulse"></i> Integrated Health Center • Since 2009</span>
<h1>Whole-person health, <em>backed by real medicine.</em></h1>
<p class="lead">VitalityPeak unites primary care, nutrition counseling, personal training, mental wellness, pharmacy and on-site lab services — so your vital signs, habits, and goals are cared for in one coordinated plan, not five disconnected visits.</p>
<div class="hero-actions">
<a href="#booking" class="btn btn-lime">Book Appointment <i class="fa-solid fa-calendar-check"></i></a>
<a href="#fitness" class="btn btn-outline">View Schedule <i class="fa-solid fa-arrow-right"></i></a>
</div>
<div class="hero-proof">
<div class="proof"><img src="https://i.pravatar.cc/100?u=vital1" alt="patient"><div><strong>4.9 ★ from 6,200+ patients</strong><small>Google • Zocdoc • Yelp verified</small></div></div>
<div class="proof"><div style="width:44px;height:44px;border-radius:50%;background:#e6faf8;display:grid;place-items:center;color:var(--teal-dark);font-size:1.2rem"><i class="fa-solid fa-shield-halved"></i></div><div><strong>HIPAA-Secure Portal</strong><small>Labs, Rx refills & messaging</small></div></div>
</div>
</div>
<div class="hero-visual">
<img class="main-img" src="https://picsum.photos/seed/vitalityhero/800/700" alt="Bright modern wellness center with training and care">
<div class="float-card fc1"><div class="icon" style="background:#e6faf8;color:var(--teal-dark)"><i class="fa-solid fa-heart-pulse"></i></div><div><strong style="font-size:.9rem">Resting HR 62 bpm</strong><br><small style="color:var(--muted)">Vital signs improved • -18%</small></div></div>
<div class="float-card fc2"><div class="icon" style="background:#f1facd"><i class="fa-solid fa-dumbbell"></i></div><div><strong style="font-size:.9rem">Next class: Strength 6PM</strong><br><small style="color:var(--muted)">4 spots left • Coach Maya</small></div></div>
<div class="float-card fc3"><div class="icon" style="background:var(--navy);color:var(--lime)"><i class="fa-solid fa-flask-vial"></i></div><div><strong style="font-size:.9rem">Labs ready in 24h</strong><br><small style="color:var(--muted)">View in patient portal →</small></div></div>
</div>
</div>
<div class="stats-bar">
<div><h3>28k+</h3><p>Active members in holistic wellness programs</p></div>
<div><h3>42</h3><p>Board-certified clinicians, RDs & CSCS trainers</p></div>
<div><h3>92%</h3><p>Members lower BP or A1C within 6 months</p></div>
<div><h3>24hr</h3><p>Average lab turnaround + same-day pharmacy</p></div>
</div>
</div>
<div class="insurance">
<div class="container">
<span>We accept 40+ insurance plans</span>
<div class="ins-logos">
<img src="https://placehold.co/140x36/f1f5f4/5a6d80?text=Premera&font=montserrat" alt="Premera">
<img src="https://placehold.co/140x36/f1f5f4/5a6d80?text=Aetna&font=montserrat" alt="Aetna">
<img src="https://placehold.co/140x36/f1f5f4/5a6d80?text=Cigna&font=montserrat" alt="Cigna">
<img src="https://placehold.co/140x36/f1f5f4/5a6d80?text=Kaiser&font=montserrat" alt="Kaiser">
<img src="https://placehold.co/140x36/f1f5f4/5a6d80?text=UnitedHealth&font=montserrat" alt="United">
</div>
<a href="#contact" style="font-weight:800;color:var(--teal-dark);font-size:.9rem">Verify coverage →</a>
</div>
</div>
</div>

<!-- SERVICES -->
<section id="services" style="padding-top:90px">
<div class="container">
<div class="section-head">
<span class="badge">Medical Services • Prevention • Recovery</span>
<h2>One roof for your body, mind, and metabolism</h2>
<p>No more bouncing between clinics, gyms, and nutritionists who never talk to each other. Our care teams share one chart, one plan, and one goal: measurable, sustainable health. Every new member starts with a 60-minute intake — comprehensive vital signs, movement screen, labs, and lifestyle review.</p>
</div>
<div class="grid3">
<div class="card"><img class="top" src="https://picsum.photos/seed/vp-primary/600/400" alt="Primary care"><div class="card-body"><div class="card-meta"><span class="pill">Primary Care</span><span class="pill">Same-day</span></div><h3>Primary & Preventive Medicine</h3><p>Annual physicals, chronic disease management for hypertension, diabetes and thyroid disorders, immunizations, women's and men's health, and age-appropriate cancer screenings. We track blood pressure, SpO2, ECG, BMI trends and order evidence-based labs — then translate results into plain-English action plans.</p><a href="#booking" class="card-link">Book a physical <i class="fa-solid fa-arrow-right"></i></a></div></div>
<div class="card"><img class="top" src="https://picsum.photos/seed/vp-nutrition/600/400" alt="Nutrition counseling"><div class="card-body"><div class="card-meta"><span class="pill">Nutrition Counseling</span><span class="pill">RD-led</span></div><h3 id="nutrition">Nutrition Counseling & Metabolic Health</h3><p>Work 1:1 with registered dietitians on weight management, sports nutrition, gut health, PCOS, pre-diabetes reversal and heart-healthy eating. Includes body-composition analysis, continuous glucose monitor trials, grocery tours, and culturally responsive meal plans built around foods you actually love.</p><a href="#booking" class="card-link">Meet a dietitian <i class="fa-solid fa-arrow-right"></i></a></div></div>
<div class="card"><img class="top" src="https://picsum.photos/seed/vp-training/600/400" alt="Personal training"><div class="card-body"><div class="card-meta"><span class="pill">Personal Training</span><span class="pill">Holistic Wellness</span></div><h3>Personal Training & Rehab Fitness</h3><p>Certified strength coaches and physical therapists co-design programs for fat loss, muscle gain, post-injury return-to-sport, prenatal fitness, and healthy aging. Every program starts with FMS screening, VO2 estimation and strength baselines, with progress re-tested every 6 weeks.</p><a href="#fitness" class="card-link">View Schedule <i class="fa-solid fa-arrow-right"></i></a></div></div>
</div>
<div class="grid3" style="margin-top:22px">
<div class="card"><div class="card-body"><h3><i class="fa-solid fa-brain" style="color:var(--teal)"></i> Behavioral & Sleep Health</h3><p>CBT-based coaching for stress, anxiety, emotional eating and insomnia. Our psychologists collaborate directly with your PCP and trainer, because sleep quality and cortisol profoundly affect blood pressure, recovery, and cravings. Evening telehealth appointments available.</p><a href="#" class="card-link">Learn More <i class="fa-solid fa-arrow-right"></i></a></div></div>
<div class="card" id="pharmacy"><div class="card-body"><h3><i class="fa-solid fa-pills" style="color:var(--teal)"></i> On-Site Pharmacy</h3><p>Full-service pharmacy with same-day fills, vaccinations, MTM reviews, and 90-day maintenance packs. We automatically check interactions with supplements, synchronize refills, and deliver within 10 miles. Most generics $4 with our wellness membership.</p><a href="#contact" class="card-link">Transfer prescription <i class="fa-solid fa-arrow-right"></i></a></div></div>
<div class="card" id="lab"><div class="card-body"><h3><i class="fa-solid fa-vial-circle-check" style="color:var(--teal)"></i> Lab & Diagnostics</h3><p>CLIA-certified lab for lipid panels, A1C, thyroid, vitamin D, allergy testing, ECG, spirometry and DEXA scans. Check in with a QR code, get results in 12–24 hours in the portal, and message your clinician with questions — no phone tag.</p><a href="#booking" class="card-link">Access Lab Results <i class="fa-solid fa-arrow-right"></i></a></div></div>
</div>
</div>
</section>

<!-- BMI + HOLISTIC -->
<section style="padding-top:20px">
<div class="container split">
<div class="panel dark">
<span class="badge lime"><i class="fa-solid fa-calculator"></i> Interactive Tool</span>
<h2 style="margin:14px 0 10px;font-size:2rem">Calculate BMI & daily energy needs</h2>
<p style="color:#b9cbd9">BMI is a screening tool — not a diagnosis. Pair it with waist circumference, vital signs and labs for a full picture. Try our calculator for an instant estimate plus trainer notes.</p>
<div class="calc-grid">
<div class="field"><label>Height (cm)</label><input type="number" id="h" value="172"></div>
<div class="field"><label>Weight (kg)</label><input type="number" id="w" value="78"></div>
<div class="field"><label>Age</label><input type="number" id="age" value="34"></div>
<div class="field"><label>Activity</label><select id="act"><option>Lightly active</option><option selected>Moderately active</option><option>Very active</option><option>Athlete</option></select></div>
</div>
<button class="btn btn-lime" style="width:100%;justify-content:center" onclick="calcBMI()">Calculate BMI <i class="fa-solid fa-arrow-right"></i></button>
<div class="bmi-result" style="color:var(--navy)"><div class="bmi-number"><div><strong id="bmiVal">26.4</strong><br><small>BMI</small></div></div><div><strong id="bmiCat">Overweight</strong><p id="bmiMsg" style="font-size:.9rem;color:#35506a;margin:4px 0 0">Est. maintenance ~2,450 kcal/day. A modest 300 kcal deficit + 3x strength training is a sustainable start.</p><div class="gauge"><div id="gaugeFill"></div></div><small style="font-weight:700">18.5 • 25 • 30 BMI thresholds</small></div></div>
</div>
<div class="panel">
<span class="badge">Holistic Wellness Philosophy</span>
<h2 style="margin:14px 0 12px;font-size:2rem">We treat numbers — and the life behind them</h2>
<p style="color:var(--muted)">High blood pressure is rarely just about salt. Poor sleep raises ghrelin, increases cravings, and blunts recovery from personal training. That's why our holistic wellness model looks at five pillars together: medical, movement, nourishment, sleep, and mindset.</p>
<p style="color:var(--muted);margin-top:12px">Your care pod — physician, dietitian, trainer, and health coach — meets weekly to review your vital signs, lab trends, training load, and nutrition adherence. If your resting heart rate is trending down but your LDL is stubborn, we adjust food and medication together rather than in silos.</p>
<img src="https://picsum.photos/seed/vp-holistic/700/320" alt="Holistic wellness lifestyle" style="border-radius:16px;margin:18px 0;height:210px;width:100%;object-fit:cover">
<div style="display:flex;gap:12px;flex-wrap:wrap"><a href="#booking" class="btn btn-teal">Start with assessment</a><a href="#learn" class="btn btn-outline">Learn More</a></div>
</div>
</div>
</section>

<!-- FITNESS SCHEDULE -->
<section id="fitness" style="padding-top:20px">
<div class="container">
<div class="schedule">
<div class="schedule-top">
<div><span class="badge lime">Fitness • Recovery • Community</span><h2>Train with purpose this week</h2><p>Small-group coaching capped at 12. All levels welcome. Vital signs checked at intro.</p></div>
<a href="#booking" class="btn btn-white">View Schedule <i class="fa-regular fa-calendar"></i></a>
</div>
<div class="filters" id="filters">
<button class="fbtn active" data-f="all">All classes</button>
<button class="fbtn" data-f="hiit">HIIT & Strength</button>
<button class="fbtn" data-f="yoga">Yoga & Mobility</button>
<button class="fbtn" data-f="cardio">Cardio & Aquatic</button>
</div>
<div class="class-grid" id="classGrid">
<div class="class" data-cat="hiit"><img src="https://picsum.photos/seed/vp-hiit/500/300" alt="HIIT"><div class="class-body"><span class="pill">HIIT & Strength</span><h4>Peak Strength 45</h4><div class="class-meta"><span><i class="fa-regular fa-clock"></i> Mon, Wed 6:00 PM</span><span><i class="fa-solid fa-fire"></i> 450 kcal</span></div><p style="font-size:.9rem;color:var(--muted)">Barbell basics + conditioning finisher. Coach Maya • All levels scaled.</p><div style="display:flex;justify-content:space-between;align-items:center;margin-top:14px"><strong>4 spots left</strong><button class="btn btn-teal reserve" style="padding:10px 18px;font-size:.85rem">Reserve</button></div></div></div>
<div class="class" data-cat="yoga"><img src="https://picsum.photos/seed/vp-yoga/500/300" alt="Yoga"><div class="class-body"><span class="pill">Yoga & Mobility</span><h4>Restore + Breathe</h4><div class="class-meta"><span><i class="fa-regular fa-clock"></i> Tue, Thu 7:30 AM</span><span><i class="fa-solid fa-spa"></i> Recovery</span></div><p style="font-size:.9rem;color:var(--muted)">Down-regulate stress, improve HRV and hip mobility. Mats + breathwork.</p><div style="display:flex;justify-content:space-between;align-items:center;margin-top:14px"><strong>9 spots left</strong><button class="btn btn-teal reserve" style="padding:10px 18px;font-size:.85rem">Reserve</button></div></div></div>
<div class="class" data-cat="cardio"><img src="https://picsum.photos/seed/vp-swim/500/300" alt="Aquatic"><div class="class-body"><span class="pill">Cardio & Aquatic</span><h4>Low-Impact Aqua Fit</h4><div class="class-meta"><span><i class="fa-regular fa-clock"></i> Sat 9:00 AM</span><span><i class="fa-solid fa-heart-pulse"></i> Joint-friendly</span></div><p style="font-size:.9rem;color:var(--muted)">Perfect for arthritis, pregnancy or post-PT. 88°F therapy pool.</p><div style="display:flex;justify-content:space-between;align-items:center;margin-top:14px"><strong>6 spots left</strong><button class="btn btn-teal reserve" style="padding:10px 18px;font-size:.85rem">Reserve</button></div></div></div>
<div class="class" data-cat="hiit"><img src="https://picsum.photos/seed/vp-box/500/300" alt="Boxing"><div class="class-body"><span class="pill">HIIT & Strength</span><h4>Box & Burn</h4><div class="class-meta"><span><i class="fa-regular fa-clock"></i> Fri 5:30 PM</span><span><i class="fa-solid fa-bolt"></i> Intermediate</span></div><p style="font-size:.9rem;color:var(--muted)">Bag rounds, core, and sled pushes. Wraps provided. Max 12 athletes.</p><div style="display:flex;justify-content:space-between;align-items:center;margin-top:14px"><strong>2 spots left</strong><button class="btn btn-teal reserve" style="padding:10px 18px;font-size:.85rem">Reserve</button></div></div></div>
<div class="class" data-cat="yoga"><img src="https://picsum.photos/seed/vp-pilates/500/300" alt="Pilates"><div class="class-body"><span class="pill">Yoga & Mobility</span><h4>Core Pilates Reformer</h4><div class="class-meta"><span><i class="fa-regular fa-clock"></i> Wed 12:15 PM</span><span><i class="fa-solid fa-person"></i> Beginner</span></div><p style="font-size:.9rem;color:var(--muted)">Posture, pelvic floor and deep core with certified rehab specialists.</p><div style="display:flex;justify-content:space-between;align-items:center;margin-top:14px"><strong>7 spots left</strong><button class="btn btn-teal reserve" style="padding:10px 18px;font-size:.85rem">Reserve</button></div></div></div>
<div class="class" data-cat="cardio"><img src="https://picsum.photos/seed/vp-run/500/300" alt="Run club"><div class="class-body"><span class="pill">Cardio & Aquatic</span><h4>Sunrise Run Club 5K</h4><div class="class-meta"><span><i class="fa-regular fa-clock"></i> Sun 8:00 AM</span><span><i class="fa-solid fa-location-dot"></i> Green Lake</span></div><p style="font-size:.9rem;color:var(--muted)">Paced groups + free gait analysis. Coffee after. All paces welcome.</p><div style="display:flex;justify-content:space-between;align-items:center;margin-top:14px"><strong>Open run</strong><button class="btn btn-teal reserve" style="padding:10px 18px;font-size:.85rem">Reserve</button></div></div></div>
</div>
</div>
</div>
</section>

<!-- BOOKING -->
<section id="booking" style="padding-top:20px">
<div class="container">
<div class="section-head"><span class="badge"><i class="fa-solid fa-calendar-check"></i> Appointment Scheduler</span><h2>Book in 60 seconds — no phone hold music</h2><p>Choose your care type, pick a clinician who fits your needs, and grab a time that works. You'll get SMS + email confirmation and intake forms pre-filled in the portal. Free cancellation up to 4 hours before.</p></div>
<div class="booking-grid">
<div class="panel">
<div class="steps"><div class="step active"><i>1</i>Service</div><div class="step active"><i>2</i>Provider</div><div class="step active"><i>3</i>Time</div></div>
<div class="calc-grid">
<div class="field"><label>Visit type</label><select id="visitType"><option>Primary Care Visit</option><option>Nutrition Counseling (60 min)</option><option>Personal Training Assessment</option><option>Lab Draw + Review</option><option>Mental Wellness Intake</option></select></div>
<div class="field"><label>Preferred date</label><input type="date" id="apptDate"></div>
</div>
<label style="font-size:.82rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)">Select provider</label>
<div class="doctor-list" id="docList">
<div class="doc sel"><img src="https://i.pravatar.cc/112?u=docAmara" alt="Dr Amara"><div><strong>Dr. Amara Okafor, MD</strong><small>Family Medicine • 4.9 ★ • Next: Today</small></div><span style="margin-left:auto;color:var(--teal)"><i class="fa-solid fa-circle-check"></i></span></div>
<div class="doc"><img src="https://i.pravatar.cc/112?u=rdLuis" alt="Luis"><div><strong>Luis Herrera, RDN, CSSD</strong><small>Sports Nutrition & Diabetes • 5.0 ★</small></div></div>
<div class="doc"><img src="https://i.pravatar.cc/112?u=coachMaya" alt="Maya"><div><strong>Maya Chen, CSCS, DPT</strong><small>Strength & Rehab • 4.9 ★</small></div></div>
</div>
<label style="font-size:.82rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);display:block;margin-top:16px">Available times <span id="dateLabel" style="color:var(--teal-dark)"></span></label>
<div class="slots" id="slots"></div>
<div class="calc-grid" style="margin-top:16px">
<div class="field"><label>Full name</label><input id="pName" placeholder="Jordan Taylor"></div>
<div class="field"><label>Mobile</label><input id="pPhone" placeholder="(206) 555-..."></div>
</div>
<button class="btn btn-teal" style="width:100%;justify-content:center" onclick="confirmBooking()">Confirm Appointment <i class="fa-solid fa-check"></i></button>
<div class="confirm" id="confirmBox"><strong><i class="fa-solid fa-circle-check" style="color:var(--teal-dark)"></i> You're booked, <span id="cName">friend</span>!</strong><p id="cDetail" style="font-size:.92rem;color:#35506a;margin:8px 0"></p><div style="display:flex;gap:10px;flex-wrap:wrap"><span class="pill" id="cRef">Ref: VP-0000</span><span class="pill">SMS reminder ON</span><span class="pill">Intake forms sent</span></div></div>
</div>
<div>
<div class="panel dark" id="contact" style="margin-bottom:18px">
<h3 style="color:#fff;font-size:1.6rem">Visit us or reach out</h3>
<p style="color:#b9cbd9;margin:10px 0 18px">425 Wellness Way, Suite 200<br>Seattle, WA 98101<br><strong style="color:#fff">(206) 555-0148</strong> • hello@vitalitypeak.health</p>
<div style="display:grid;gap:10px">
<div style="background:#112a44;border:1px solid #24405e;border-radius:12px;padding:12px 16px;display:flex;gap:12px;align-items:center"><i class="fa-solid fa-truck-medical" style="color:var(--lime)"></i><small><strong style="color:#fff">Urgent? </strong>Same-day acute slots daily + 24/7 nurse line.</small></div>
<div style="background:#112a44;border:1px solid #24405e;border-radius:12px;padding:12px 16px;display:flex;gap:12px;align-items:center"><i class="fa-solid fa-prescription-bottle-medical" style="color:var(--lime)"></i><small><strong style="color:#fff">Pharmacy: </strong>Mon–Sat 8am–8pm, Sun 10am–5pm. Delivery available.</small></div>
<div style="background:#112a44;border:1px solid #24405e;border-radius:12px;padding:12px 16px;display:flex;gap:12px;align-items:center"><i class="fa-solid fa-flask" style="color:var(--lime)"></i><small><strong style="color:#fff">Lab: </strong>Walk-ins 7am–5pm. Fasting draws before 10am.</small></div>
</div>
<img src="https://picsum.photos/seed/vp-clinic/600/300" alt="Clinic interior" style="border-radius:14px;margin-top:18px;height:170px;width:100%;object-fit:cover">
</div>
<div class="side-card tip"><h4><i class="fa-solid fa-lightbulb" style="color:var(--lime)"></i> Wellness tip of the day</h4><p id="tipText" style="color:#d6e3ee">“Stack” a 10-minute walk after lunch — it can lower post-meal glucose by up to 30% and aids digestion.</p><button class="btn btn-lime" style="margin-top:14px;padding:10px 18px;font-size:.85rem" onclick="newTip()">New tip <i class="fa-solid fa-rotate"></i></button></div>
</div>
</div>
</div>
</section>

<!-- EDUCATION + SIDEBAR -->
<section id="learn" style="padding-top:20px">
<div class="container">
<div class="section-head"><span class="badge">Health Education • Evidence-based</span><h2>Learn, cook, move, repeat</h2><p>Written and reviewed by our clinicians — no fad diets, no fear-mongering. Practical guides to nutrition advice, training, sleep, and understanding your labs.</p></div>
<div class="edu-layout">
<div>
<div class="article"><img src="https://picsum.photos/seed/vp-food/400/400" alt="Healthy food"><div class="article-body"><span class="pill">Nutrition Advice</span><h3>What your lipid panel is actually telling you</h3><p>LDL vs. HDL vs. triglycerides — and why ApoB may matter more than total cholesterol. Our RDNs break down ideal ranges, how 12 weeks of fiber + Zone 2 cardio can shift numbers, and when medication is the kindest option. Includes a 7-day heart-healthy meal framework.</p><a href="#" class="card-link">Learn More <i class="fa-solid fa-arrow-right"></i></a></div></div>
<div class="article"><img src="https://picsum.photos/seed/vp-sleep/400/400" alt="Sleep"><div class="article-body"><span class="pill">Sleep + Recovery</span><h3>Why your vital signs look worse after bad sleep</h3><p>One night of &lt;6 hours can raise morning blood pressure 5–10 mmHg and spike cravings 20%. Sleep psychologist Dr. Patel shares a 4-step wind-down, CBT-I basics, and how we use wearable data (with consent) to personalize training intensity.</p><a href="#" class="card-link">Learn More <i class="fa-solid fa-arrow-right"></i></a></div></div>
<div class="article"><img src="https://picsum.photos/seed/vp-protein/400/400" alt="Protein"><div class="article-body"><span class="pill">Fitness + Fuel</span><h3>Protein after 40: how much do you really need?</h3><p>Muscle protein synthesis declines with age — but 1.6–2.0 g/kg plus progressive personal training reverses it. Simple distribution strategies, budget-friendly sources, and what to eat before and after lifting for maximal recovery.</p><a href="#" class="card-link">Learn More <i class="fa-solid fa-arrow-right"></i></a></div></div>
</div>
<aside class="sidebar">
<div class="side-card alert"><h4><i class="fa-solid fa-triangle-exclamation" style="color:#c67c00"></i> Health alerts</h4>
<div class="alert-item"><i class="fa-solid fa-virus" style="color:#c67c00"></i><div><strong style="font-size:.88rem">Flu + updated COVID boosters in stock</strong><br><small>Walk-ins welcome at Pharmacy. No appointment needed.</small></div></div>
<div class="alert-item"><i class="fa-solid fa-temperature-high" style="color:#c67c00"></i><div><strong style="font-size:.88rem">Heat advisory: adjust training</strong><br><small>Outdoor run club moves to 7AM + extra hydration stations.</small></div></div>
<a href="#" style="font-weight:800;color:#8a5a00;font-size:.88rem">View all advisories →</a>
</div>
<div class="side-card"><h4><i class="fa-solid fa-apple-whole" style="color:var(--teal)"></i> This week's nutrition advice</h4><ul><li><strong>½ plate veg:</strong> Aim for 30 different plants per week for gut diversity.</li><li><strong>Smart swaps:</strong> Greek yogurt for sour cream (+14g protein).</li><li><strong>Hydration:</strong> 35ml/kg + 500ml per hour of training.</li></ul><a href="#nutrition" class="btn btn-teal" style="width:100%;justify-content:center;padding:12px">Get meal plan</a></div>
<div class="side-card" style="background:#eefaf9;border-color:#bde9e6"><h4><i class="fa-solid fa-envelope-open-text" style="color:var(--teal-dark)"></i> The Peak — weekly newsletter</h4><p style="color:var(--muted);font-size:.9rem">One recipe, one workout, one health insight. Read by 18k Seattleites.</p><div style="display:flex;gap:8px;margin-top:12px"><input id="nlEmail" placeholder="you@email.com" style="flex:1;padding:12px;border-radius:10px;border:1.5px solid var(--line);font:inherit"><button class="btn btn-teal" style="padding:12px 18px" onclick="subscribe()">Join</button></div></div>
</aside>
</div>
</div>
</section>

<!-- TESTIMONIALS + FAQ -->
<section style="padding-top:20px">
<div class="container">
<div class="section-head"><span class="badge">Member stories • Real results</span><h2>Health that shows up in labs — and life</h2><p>From reversing pre-diabetes to running a first 10K at 58, our members define success beyond the scale: better energy, lower medications, and confidence in their bodies.</p></div>
<div class="testi-grid">
<div class="testi"><div class="stars">★★★★★</div><p>“My A1C went from 6.4 to 5.6 in five months. My doctor, dietitian and trainer actually talked to each other. I never felt judged — just supported with a clear plan.”</p><div class="testi-foot"><img src="https://i.pravatar.cc/100?u=vp-t1" alt="Sarah"><div><strong>Sarah M., 47</strong><small>Reversed pre-diabetes • Member 2 yrs</small></div></div></div>
<div class="testi"><div class="stars">★★★★★</div><p>“After two knee surgeries I thought running was over. The rehab-to-performance bridge got me back to 5Ks pain-free. They checked my vital signs every session at first — I felt so safe.”</p><div class="testi-foot"><img src="https://i.pravatar.cc/100?u=vp-t2" alt="James"><div><strong>James L., 52</strong><small>Personal training + PT • Member 1 yr</small></div></div></div>
<div class="testi"><div class="stars">★★★★★</div><p>“Pharmacy texts me before I run out, labs are in my phone next day, and nutrition counseling finally made eating healthy fit my Filipino family meals. Worth every penny.”</p><div class="testi-foot"><img src="https://i.pravatar.cc/100?u=vp-t3" alt="Priya"><div><strong>Priya R., 35</strong><small>Holistic wellness plan • Member 3 yrs</small></div></div></div>
</div>

<div class="faq-wrap" style="margin-top:50px">
<div>
<h2 style="font-size:2rem;margin-bottom:12px">Questions, answered</h2>
<p style="color:var(--muted);margin-bottom:20px">New to integrated care? Here's how membership, insurance, and our pharmacy + lab services work. Still curious — message us, a human replies within one business day.</p>
<img src="https://picsum.photos/seed/vp-team/600/400" alt="Care team" style="border-radius:18px;height:260px;width:100%;object-fit:cover">
</div>
<div>
<div class="faq-item open"><button class="faq-q">Do you take my insurance? <i class="fa-solid fa-chevron-down"></i></button><div class="faq-a"><div>Yes — we bill insurance for medical visits, labs, dietitian counseling (with qualifying diagnosis), and physical therapy. Fitness memberships are HSA/FSA-eligible and start at $79/mo. Our team verifies benefits before your first visit so there are no surprises.</div></div></div>
<div class="faq-item"><button class="faq-q">How fast will I get lab results? <i class="fa-solid fa-chevron-down"></i></button><div class="faq-a"><div>Most labs result in 12–24 hours directly in your portal with clinician interpretation. Urgent vital signs or critical values trigger a same-day phone call. You can download, share, or message about any result.</div></div></div>
<div class="faq-item"><button class="faq-q">Can I fill prescriptions if I'm not a member? <i class="fa-solid fa-chevron-down"></i></button><div class="faq-a"><div>Absolutely. Our pharmacy is open to the public, offers vaccinations, free delivery within 10 miles, and automatic refill sync. Transfers take ~15 minutes — just bring your bottles or Rx numbers.</div></div></div>
<div class="faq-item"><button class="faq-q">I'm new to exercise. Where do I start? <i class="fa-solid fa-chevron-down"></i></button><div class="faq-a"><div>Start with our Foundations Assessment: vital signs, mobility screen, and a 30-minute coached session. 70% of members begin with low-impact strength + walking. You'll never be thrown into an advanced class.</div></div></div>
<div class="faq-item"><button class="faq-q">Do you offer virtual visits? <i class="fa-solid fa-chevron-down"></i></button><div class="faq-a"><div>Yes — primary care follow-ups, all nutrition counseling, and mental wellness are available via secure video. Labs and training assessments are in-person for accuracy.</div></div></div>
</div>
</div>

<div class="cta-banner">
<div><span class="badge lime">Limited: 20 Founders spots for October</span><h2 style="font-size:2.2rem;margin:14px 0 10px">Get $150 off your comprehensive intake + DEXA</h2><p style="color:#d6f0ee">Includes 60-min physician visit, full labs, body comp, movement screen and personalized nutrition + training roadmap. HSA/FSA eligible.</p><div style="display:flex;gap:12px;margin-top:20px;flex-wrap:wrap"><a href="#booking" class="btn btn-lime">Claim assessment <i class="fa-solid fa-arrow-right"></i></a><a href="tel:+12065550148" class="btn btn-white">Call (206) 555-0148</a></div></div>
<img src="https://picsum.photos/seed/vp-cta/600/400" alt="Happy members training">
</div>
</div>
</section>
</main>

<footer>
<div class="container">
<div class="foot-grid">
<div class="foot-brand"><div class="brand"><img src="https://placehold.co/112x112/c8f04a/0a1f33?text=V%E2%97%86&font=montserrat" alt="logo"><div><div class="brand-name" style="color:#fff">Vitality<span style="color:var(--lime)">Peak</span></div><div class="tagline" style="color:#8aa0b5">Clinical Care Meets Everyday Wellness</div></div></div><p>An integrated health & fitness center in Seattle offering primary care, nutrition counseling, personal training, pharmacy and diagnostics — coordinated around you.</p><div class="social"><a href="#" aria-label="Instagram"><i class="fa-brands fa-instagram"></i></a><a href="#" aria-label="Facebook"><i class="fa-brands fa-facebook-f"></i></a><a href="#" aria-label="Youtube"><i class="fa-brands fa-youtube"></i></a><a href="#" aria-label="Tiktok"><i class="fa-brands fa-tiktok"></i></a><a href="#" aria-label="Linkedin"><i class="fa-brands fa-linkedin-in"></i></a></div></div>
<div><h4>Services</h4><a href="#services">Primary Care</a><a href="#nutrition">Nutrition Counseling</a><a href="#fitness">Personal Training</a><a href="#pharmacy">Pharmacy</a><a href="#lab">Lab Results & Diagnostics</a><a href="#learn">Health Education</a></div>
<div><h4>Company</h4><a href="#">About & Careers</a><a href="#">Providers & Coaches</a><a href="#">Membership Pricing</a><a href="#">Insurance & Billing</a><a href="#">Gift Cards</a><a href="#contact">Contact</a></div>
<div><h4>Contact & Hours</h4><p style="font-size:.92rem"><i class="fa-solid fa-location-dot" style="color:var(--lime)"></i> 425 Wellness Way, Suite 200<br>Seattle, WA 98101<br><br><i class="fa-solid fa-phone" style="color:var(--lime)"></i> (206) 555-0148<br><i class="fa-solid fa-envelope" style="color:var(--lime)"></i> hello@vitalitypeak.health<br><br>Mon–Sat 6am–9pm • Sun 8am–6pm<br>Lab walk-ins 7am–5pm daily</p></div>
</div>
<div class="foot-bottom"><div>© 2026 VitalityPeak Health & Wellness Center. All rights reserved. This site does not provide emergency medical advice — call 911 for emergencies.</div><div style="display:flex;gap:18px"><a href="#">Privacy Policy</a><a href="#">Terms of Service</a><a href="#">HIPAA Notice</a><a href="#">Accessibility</a></div></div>
</div>
</footer>

<div class="toast" id="toast"></div>

<script>
document.getElementById('menuBtn').onclick=()=>document.getElementById('mainNav').classList.toggle('open');
const d=document.getElementById('apptDate'); d.min=new Date().toISOString().split('T')[0]; d.value=d.min;
function slotsFor(){const all=["7:30 AM","8:15 AM","9:30 AM","11:00 AM","1:15 PM","2:40 PM","4:00 PM","5:30 PM","6:45 PM"];return all;}
let selSlot="9:30 AM";
function renderSlots(){const box=document.getElementById('slots');box.innerHTML="";const lbl=document.getElementById('dateLabel');lbl.textContent="• "+(d.value||"today");slotsFor().forEach((t,i)=>{const s=document.createElement('div');s.className='slot'+(t===selSlot?' sel':'');s.textContent=t;if(i===4){s.style.opacity=".45";s.style.textDecoration="line-through";s.title="Booked";s.onclick=()=>toast("That slot just filled — try 2:40 PM or 4:00 PM.");}else{s.onclick=()=>{selSlot=t;renderSlots();};}box.appendChild(s);});}
d.onchange=renderSlots;renderSlots();
document.querySelectorAll('.doc').forEach(el=>el.onclick=()=>{document.querySelectorAll('.doc').forEach(x=>x.classList.remove('sel'));el.classList.add('sel');});
function confirmBooking(){const n=document.getElementById('pName').value.trim()||"friend";const v=document.getElementById('visitType').value;const doc=document.querySelector('.doc.sel strong').textContent;document.getElementById('cName').textContent=n.split(' ')[0];document.getElementById('cDetail').textContent=`${v} with ${doc} on ${d.value} at ${selSlot}. Intake forms + parking info sent to your phone.`;document.getElementById('cRef').textContent="Ref: VP-"+Math.floor(1000+Math.random()*9000);document.getElementById('confirmBox').classList.add('show');toast("Appointment confirmed! Check SMS for intake link.");}
function toast(m){const t=document.getElementById('toast');t.textContent=m;t.classList.add('show');setTimeout(()=>t.classList.remove('show'),3800);}
function calcBMI(){const h=+document.getElementById('h').value/100,w=+document.getElementById('w').value,a=+document.getElementById('age').value||30;if(!h||!w){toast("Enter height and weight to calculate.");return;}const bmi=w/(h*h);document.getElementById('bmiVal').textContent=bmi.toFixed(1);let cat,msg;const act=document.getElementById('act').value;let mult={"Lightly active":1.375,"Moderately active":1.55,"Very active":1.725,"Athlete":1.9}[act]||1.55;let bmr=w*10+ (h*100)*6.25 - a*5 +5;let tdee=Math.round(bmr*mult/10)*10;if(bmi<18.5){cat="Underweight";msg=`Est. maintenance ~${tdee.toLocaleString()} kcal/day. Focus on strength + protein 1.6g/kg with our RDN.`;}else if(bmi<25){cat="Healthy range";msg=`Est. maintenance ~${tdee.toLocaleString()} kcal/day. Maintain with 150 min Zone 2 + 2x strength.`;}else if(bmi<30){cat="Overweight";msg=`Est. maintenance ~${tdee.toLocaleString()} kcal/day. A 300 kcal deficit + 3x training is sustainable.`;}else{cat="Obesity range";msg=`Est. maintenance ~${tdee.toLocaleString()} kcal/day. Let's build a kind, clinical plan — book an intake.`;}document.getElementById('bmiCat').textContent=cat;document.getElementById('bmiMsg').textContent=msg;document.getElementById('gaugeFill').style.width=Math.min(98,Math.max(8,bmi/40*100))+"%";toast("BMI calculated: "+bmi.toFixed(1)+" — "+cat);}
document.querySelectorAll('.fbtn').forEach(b=>b.onclick=()=>{document.querySelectorAll('.fbtn').forEach(x=>x.classList.remove('active'));b.classList.add('active');const f=b.dataset.f;document.querySelectorAll('#classGrid .class').forEach(c=>c.style.display=(f==='all'||c.dataset.cat===f)?'':'none');});
document.querySelectorAll('.reserve').forEach(b=>b.onclick=()=>toast("Spot held for 15 minutes! Complete booking below to confirm."));
document.querySelectorAll('.faq-q').forEach(q=>q.onclick=()=>{const it=q.parentElement;const was=it.classList.contains('open');document.querySelectorAll('.faq-item').forEach(x=>x.classList.remove('open'));if(!was)it.classList.add('open');});
const tips=["“Stack” a 10-minute walk after lunch — it can lower post-meal glucose by up to 30% and aids digestion.","Aim for 25–35g protein at breakfast to reduce evening cravings and preserve lean mass.","Set a wind-down alarm 60 min before bed: dim lights, no news, 4-7-8 breathing for 5 cycles.","Check your resting heart rate weekly. A 5 bpm drop over 8 weeks often signals improving fitness.","Add one fermented food daily — kefir, kimchi or yogurt — for gut diversity and immunity."];let ti=0;function newTip(){ti=(ti+1)%tips.length;document.getElementById('tipText').textContent="“"+tips[ti].replace(/^“|”$/g,'')+"”";}
function subscribe(){const e=document.getElementById('nlEmail').value;if(!e||!e.includes('@')){toast("Enter a valid email to join The Peak.");return;}toast("Welcome to The Peak! First issue arrives Sunday.");document.getElementById('nlEmail').value="";}
calcBMI();
</script>
</body>
</html>
View Axe Report (JSON)
{
  "testEngine": {
    "name": "axe-core",
    "version": "4.10.2"
  },
  "testRunner": {
    "name": "axe"
  },
  "testEnvironment": {
    "userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/156.0.8078.4 Safari/537.36",
    "windowWidth": 1280,
    "windowHeight": 720,
    "orientationAngle": 0,
    "orientationType": "landscape-primary"
  },
  "timestamp": "2026-11-12T09:55:11.088Z",
  "url": "https://benchmark.aimac.invalid/9bba464c0b8fda22393ddc87629e71cb6dae9cf431308f167f99a59ef7154f10.html",
  "toolOptions": {
    "runOnly": {
      "type": "tag",
      "values": [
        "wcag2a",
        "wcag2aa",
        "wcag21a",
        "wcag21aa",
        "wcag22a",
        "wcag22aa"
      ]
    },
    "resultTypes": [
      "violations"
    ],
    "reporter": "v1"
  },
  "inapplicable": [
    {
      "id": "area-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag244",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.2.4.4",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure <area> elements of image maps have alternative text",
      "help": "Active <area> elements must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/area-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-braille-equivalent",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-braillelabel and aria-brailleroledescription have a non-braille equivalent",
      "help": "aria-braille attributes must have a non-braille equivalent",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-braille-equivalent?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-command-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA button, link and menuitem has an accessible name",
      "help": "ARIA commands must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-command-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-deprecated-role",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure elements do not use deprecated roles",
      "help": "Deprecated ARIA roles must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-deprecated-role?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-hidden-focus",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-hidden elements are not focusable nor contain focusable elements",
      "help": "ARIA hidden element must not be focusable or contain focusable elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-focus?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-input-field-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA input field has an accessible name",
      "help": "ARIA input fields must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-input-field-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-meter-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag111",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure every ARIA meter node has an accessible name",
      "help": "ARIA meter nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-meter-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-progressbar-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag111",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure every ARIA progressbar node has an accessible name",
      "help": "ARIA progressbar nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-progressbar-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-required-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure elements with ARIA roles have all required ARIA attributes",
      "help": "Required ARIA attributes must be provided",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-attr?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-required-children",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure elements with an ARIA role that require child roles contain them",
      "help": "Certain ARIA roles must contain particular children",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-children?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-required-parent",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure elements with an ARIA role that require parent roles are contained by them",
      "help": "Certain ARIA roles must be contained by particular parents",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-parent?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-roles",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure all elements with a role attribute use a valid value",
      "help": "ARIA roles used must conform to valid values",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-roles?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-toggle-field-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA toggle field has an accessible name",
      "help": "ARIA toggle fields must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-toggle-field-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-tooltip-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure every ARIA tooltip node has an accessible name",
      "help": "ARIA tooltip nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-tooltip-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "autocomplete-valid",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag21aa",
        "wcag135",
        "EN-301-549",
        "EN-9.1.3.5",
        "ACT"
      ],
      "description": "Ensure the autocomplete attribute is correct and suitable for the form field",
      "help": "autocomplete attribute must be used correctly",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/autocomplete-valid?application=axeAPI",
      "nodes": []
    },
    {
      "id": "blink",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag222",
        "section508",
        "section508.22.j",
        "TTv5",
        "TT2.b",
        "EN-301-549",
        "EN-9.2.2.2"
      ],
      "description": "Ensure <blink> elements are not used",
      "help": "<blink> elements are deprecated and must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/blink?application=axeAPI",
      "nodes": []
    },
    {
      "id": "definition-list",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <dl> elements are structured correctly",
      "help": "<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/definition-list?application=axeAPI",
      "nodes": []
    },
    {
      "id": "dlitem",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <dt> and <dd> elements are contained by a <dl>",
      "help": "<dt> and <dd> elements must be contained by a <dl>",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/dlitem?application=axeAPI",
      "nodes": []
    },
    {
      "id": "duplicate-id-aria",
      "impact": null,
      "tags": [
        "cat.parsing",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure every id attribute value used in ARIA and in labels is unique",
      "help": "IDs used in ARIA and labels must be unique",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/duplicate-id-aria?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-focusable-content",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag211",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1"
      ],
      "description": "Ensure <frame> and <iframe> elements with focusable content do not have tabindex=-1",
      "help": "Frames with focusable content must not have tabindex=-1",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-focusable-content?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-title-unique",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT12.d",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure <iframe> and <frame> elements contain a unique title attribute",
      "help": "Frames must have a unique title attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title-unique?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-title",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.i",
        "TTv5",
        "TT12.d",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure <iframe> and <frame> elements have an accessible name",
      "help": "Frames must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title?application=axeAPI",
      "nodes": []
    },
    {
      "id": "html-xml-lang-mismatch",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure that HTML elements with both valid lang and xml:lang attributes agree on the base language of the page",
      "help": "HTML elements with lang and xml:lang must have the same base language",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-xml-lang-mismatch?application=axeAPI",
      "nodes": []
    },
    {
      "id": "input-button-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure input buttons have discernible text",
      "help": "Input buttons must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-button-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "input-image-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure <input type=\"image\"> elements have alternative text",
      "help": "Image buttons must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-image-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "marquee",
      "impact": null,
      "tags": [
        "cat.parsing",
        "wcag2a",
        "wcag222",
        "TTv5",
        "TT2.b",
        "EN-301-549",
        "EN-9.2.2.2"
      ],
      "description": "Ensure <marquee> elements are not used",
      "help": "<marquee> elements are deprecated and must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/marquee?application=axeAPI",
      "nodes": []
    },
    {
      "id": "meta-refresh",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag221",
        "TTv5",
        "TT8.a",
        "EN-301-549",
        "EN-9.2.2.1"
      ],
      "description": "Ensure <meta http-equiv=\"refresh\"> is not used for delayed refresh",
      "help": "Delayed refresh under 20 hours must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-refresh?application=axeAPI",
      "nodes": []
    },
    {
      "id": "object-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure <object> elements have alternative text",
      "help": "<object> elements must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/object-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "role-img-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure [role=\"img\"] elements have alternative text",
      "help": "[role=\"img\"] elements must have an alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/role-img-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "scrollable-region-focusable",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag211",
        "wcag213",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1",
        "EN-9.2.1.3"
      ],
      "description": "Ensure elements that have scrollable content are accessible by keyboard",
      "help": "Scrollable region must have keyboard access",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=axeAPI",
      "nodes": []
    },
    {
      "id": "server-side-image-map",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag211",
        "section508",
        "section508.22.f",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1"
      ],
      "description": "Ensure that server-side image maps are not used",
      "help": "Server-side image maps must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/server-side-image-map?application=axeAPI",
      "nodes": []
    },
    {
      "id": "summary-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure summary elements have discernible text",
      "help": "Summary elements must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/summary-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "svg-img-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure <svg> elements with an img, graphics-document or graphics-symbol role have an accessible text",
      "help": "<svg> elements with an img role must have an alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/svg-img-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "td-headers-attr",
      "impact": null,
      "tags": [
        "cat.tables",
        "wcag2a",
        "wcag131",
        "section508",
        "section508.22.g",
        "TTv5",
        "TT14.b",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that each cell in a table that uses the headers attribute refers only to other cells in that table",
      "help": "Table cells that use the headers attribute must only refer to cells in the same table",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/td-headers-attr?application=axeAPI",
      "nodes": []
    },
    {
      "id": "th-has-data-cells",
      "impact": null,
      "tags": [
        "cat.tables",
        "wcag2a",
        "wcag131",
        "section508",
        "section508.22.g",
        "TTv5",
        "TT14.b",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that <th> elements and elements with role=columnheader/rowheader have data cells they describe",
      "help": "Table headers in a data table must refer to data cells",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/th-has-data-cells?application=axeAPI",
      "nodes": []
    },
    {
      "id": "valid-lang",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2aa",
        "wcag312",
        "TTv5",
        "TT11.b",
        "EN-301-549",
        "EN-9.3.1.2",
        "ACT"
      ],
      "description": "Ensure lang attributes have valid values",
      "help": "lang attribute must have a valid value",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/valid-lang?application=axeAPI",
      "nodes": []
    },
    {
      "id": "video-caption",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag122",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT17.a",
        "EN-301-549",
        "EN-9.1.2.2"
      ],
      "description": "Ensure <video> elements have captions",
      "help": "<video> elements must have captions",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/video-caption?application=axeAPI",
      "nodes": []
    },
    {
      "id": "no-autoplay-audio",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag142",
        "TTv5",
        "TT2.a",
        "EN-301-549",
        "EN-9.1.4.2",
        "ACT"
      ],
      "description": "Ensure <video> or <audio> elements do not autoplay audio for more than 3 seconds without a control mechanism to stop or mute the audio",
      "help": "<video> or <audio> elements must not play automatically",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/no-autoplay-audio?application=axeAPI",
      "nodes": []
    }
  ],
  "passes": [
    {
      "id": "aria-allowed-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure an element's role supports its ARIA attributes",
      "help": "Elements must only use supported ARIA attributes",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-allowed-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "aria-allowed-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attributes are used correctly for the defined role"
            }
          ],
          "none": [
            {
              "id": "aria-unsupported-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attribute is supported"
            }
          ],
          "impact": null,
          "html": "<nav class=\"main\" id=\"mainNav\" aria-label=\"Primary\">\n<a href=\"#services\" class=\"active\">Services</a>\n<a href=\"#nutrition\">Nutrition</a>\n<a href=\"#fitness\">Fitness</a>\n<a href=\"#pharmacy\">Pharmacy</a>\n<a href=\"#lab\">Lab Results</a>\n<a href=\"#learn\">Resources</a>\n<a href=\"#contact\">Contact</a>\n</nav>",
          "target": [
            "#mainNav"
          ]
        }
      ]
    },
    {
      "id": "aria-conditional-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure ARIA attributes are used as described in the specification of the element's role",
      "help": "ARIA attributes must be used as specified for the element's role",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-conditional-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "aria-conditional-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "ARIA attribute is allowed"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<nav class=\"main\" id=\"mainNav\" aria-label=\"Primary\">\n<a href=\"#services\" class=\"active\">Services</a>\n<a href=\"#nutrition\">Nutrition</a>\n<a href=\"#fitness\">Fitness</a>\n<a href=\"#pharmacy\">Pharmacy</a>\n<a href=\"#lab\">Lab Results</a>\n<a href=\"#learn\">Resources</a>\n<a href=\"#contact\">Contact</a>\n</nav>",
          "target": [
            "#mainNav"
          ]
        }
      ]
    },
    {
      "id": "aria-hidden-body",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "wcag412",
        "EN-301-549",
        "EN-9.1.3.1",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-hidden=\"true\" is not present on the document body.",
      "help": "aria-hidden=\"true\" must not be present on the document body",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-body?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "aria-hidden-body",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "No aria-hidden attribute is present on document body"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<body>",
          "target": [
            "body"
          ]
        }
      ]
    },
    {
      "id": "aria-prohibited-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure ARIA attributes are not prohibited for an element's role",
      "help": "Elements must only use permitted ARIA attributes",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-prohibited-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "aria-prohibited-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "ARIA attribute is allowed"
            }
          ],
          "impact": null,
          "html": "<nav class=\"main\" id=\"mainNav\" aria-label=\"Primary\">\n<a href=\"#services\" class=\"active\">Services</a>\n<a href=\"#nutrition\">Nutrition</a>\n<a href=\"#fitness\">Fitness</a>\n<a href=\"#pharmacy\">Pharmacy</a>\n<a href=\"#lab\">Lab Results</a>\n<a href=\"#learn\">Resources</a>\n<a href=\"#contact\">Contact</a>\n</nav>",
          "target": [
            "#mainNav"
          ]
        }
      ]
    },
    {
      "id": "aria-valid-attr-value",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure all ARIA attributes have valid values",
      "help": "ARIA attributes must conform to valid values",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr-value?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "aria-valid-attr-value",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attribute values are valid"
            },
            {
              "id": "aria-errormessage",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-errormessage exists and references elements visible to screen readers that use a supported aria-errormessage technique"
            },
            {
              "id": "aria-level",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-level values are valid"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<nav class=\"main\" id=\"mainNav\" aria-label=\"Primary\">\n<a href=\"#services\" class=\"active\">Services</a>\n<a href=\"#nutrition\">Nutrition</a>\n<a href=\"#fitness\">Fitness</a>\n<a href=\"#pharmacy\">Pharmacy</a>\n<a href=\"#lab\">Lab Results</a>\n<a href=\"#learn\">Resources</a>\n<a href=\"#contact\">Contact</a>\n</nav>",
          "target": [
            "#mainNav"
          ]
        }
      ]
    },
    {
      "id": "aria-valid-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure attributes that begin with aria- are valid ARIA attributes",
      "help": "ARIA attributes must conform to valid names",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "aria-valid-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attribute name is valid"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<nav class=\"main\" id=\"mainNav\" aria-label=\"Primary\">\n<a href=\"#services\" class=\"active\">Services</a>\n<a href=\"#nutrition\">Nutrition</a>\n<a href=\"#fitness\">Fitness</a>\n<a href=\"#pharmacy\">Pharmacy</a>\n<a href=\"#lab\">Lab Results</a>\n<a href=\"#learn\">Resources</a>\n<a href=\"#contact\">Contact</a>\n</nav>",
          "target": [
            "#mainNav"
          ]
        }
      ]
    },
    {
      "id": "avoid-inline-spacing",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag21aa",
        "wcag1412",
        "EN-301-549",
        "EN-9.1.4.12",
        "ACT"
      ],
      "description": "Ensure that text spacing set through style attributes can be adjusted with custom stylesheets",
      "help": "Inline text spacing must be adjustable with custom stylesheets",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/avoid-inline-spacing?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "important-letter-spacing",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Letter-spacing in the style attribute is not set to !important, or meets the minimum"
            },
            {
              "id": "important-word-spacing",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "word-spacing in the style attribute is not set to !important, or meets the minimum"
            },
            {
              "id": "important-line-height",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "line-height in the style attribute is not set to !important, or meets the minimum"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<i class=\"fa-solid fa-arrow-right\" style=\"font-size:.7rem\"></i>",
          "target": [
            "a[href$=\"#lab\"] > .fa-arrow-right.fa-solid"
          ]
        }
      ]
    },
    {
      "id": "button-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure buttons have discernible text",
      "help": "Buttons must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/button-name?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "button-has-visible-text",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has inner text that is visible to screen readers"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<button class=\"btn btn-lime\" style=\"width:100%;justify-content:center\" onclick=\"calcBMI()\">Calculate BMI <i class=\"fa-solid fa-arrow-right\"></i></button>",
          "target": [
            "button[onclick=\"calcBMI()\"]"
          ]
        }
      ]
    },
    {
      "id": "bypass",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag241",
        "section508",
        "section508.22.o",
        "TTv5",
        "TT9.a",
        "EN-301-549",
        "EN-9.2.4.1"
      ],
      "description": "Ensure each page has at least one mechanism for a user to bypass navigation and jump straight to the content",
      "help": "Page must have means to bypass repeated blocks",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/bypass?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "internal-link-present",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Valid skip link found"
            },
            {
              "id": "header-present",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<h1>Whole-person health, <em>backed by real medicine.</em></h1>",
                  "target": [
                    "h1"
                  ]
                },
                {
                  "html": "<h3>28k+</h3>",
                  "target": [
                    ".stats-bar > div:nth-child(1) > h3"
                  ]
                },
                {
                  "html": "<h3>42</h3>",
                  "target": [
                    ".stats-bar > div:nth-child(2) > h3"
                  ]
                },
                {
                  "html": "<h3>92%</h3>",
                  "target": [
                    "div:nth-child(3) > h3"
                  ]
                },
                {
                  "html": "<h3>24hr</h3>",
                  "target": [
                    "div:nth-child(4) > h3"
                  ]
                },
                {
                  "html": "<h2>One roof for your body, mind, and metabolism</h2>",
                  "target": [
                    "#services > .container > .section-head > h2"
                  ]
                },
                {
                  "html": "<h3>Primary &amp; Preventive Medicine</h3>",
                  "target": [
                    ".grid3:nth-child(2) > .card:nth-child(1) > .card-body > h3"
                  ]
                },
                {
                  "html": "<h3 id=\"nutrition\">Nutrition Counseling &amp; Metabolic Health</h3>",
                  "target": [
                    "#nutrition"
                  ]
                },
                {
                  "html": "<h3>Personal Training &amp; Rehab Fitness</h3>",
                  "target": [
                    ".grid3:nth-child(2) > .card:nth-child(3) > .card-body > h3"
                  ]
                },
                {
                  "html": "<h3><i class=\"fa-solid fa-brain\" style=\"color:var(--teal)\"></i> Behavioral &amp; Sleep Health</h3>",
                  "target": [
                    ".grid3:nth-child(3) > .card:nth-child(1) > .card-body > h3"
                  ]
                },
                {
                  "html": "<h3><i class=\"fa-solid fa-pills\" style=\"color:var(--teal)\"></i> On-Site Pharmacy</h3>",
                  "target": [
                    "#pharmacy > .card-body > h3"
                  ]
                },
                {
                  "html": "<h3><i class=\"fa-solid fa-vial-circle-check\" style=\"color:var(--teal)\"></i> Lab &amp; Diagnostics</h3>",
                  "target": [
                    "#lab > .card-body > h3"
                  ]
                },
                {
                  "html": "<h2 style=\"margin:14px 0 10px;font-size:2rem\">Calculate BMI &amp; daily energy needs</h2>",
                  "target": [
                    ".dark.panel > h2"
                  ]
                },
                {
                  "html": "<h2 style=\"margin:14px 0 12px;font-size:2rem\">We treat numbers \u2014 and the life behind them</h2>",
                  "target": [
                    ".panel:nth-child(2) > h2"
                  ]
                },
                {
                  "html": "<h2>Train with purpose this week</h2>",
                  "target": [
                    ".schedule-top > div > h2"
                  ]
                },
                {
                  "html": "<h4>Peak Strength 45</h4>",
                  "target": [
                    ".class[data-cat=\"hiit\"]:nth-child(1) > .class-body > h4"
                  ]
                },
                {
                  "html": "<h4>Restore + Breathe</h4>",
                  "target": [
                    ".class[data-cat=\"yoga\"]:nth-child(2) > .class-body > h4"
                  ]
                },
                {
                  "html": "<h4>Low-Impact Aqua Fit</h4>",
                  "target": [
                    ".class[data-cat=\"cardio\"]:nth-child(3) > .class-body > h4"
                  ]
                },
                {
                  "html": "<h4>Box &amp; Burn</h4>",
                  "target": [
                    ".class[data-cat=\"hiit\"]:nth-child(4) > .class-body > h4"
                  ]
                },
                {
                  "html": "<h4>Core Pilates Reformer</h4>",
                  "target": [
                    ".class[data-cat=\"yoga\"]:nth-child(5) > .class-body > h4"
                  ]
                },
                {
                  "html": "<h4>Sunrise Run Club 5K</h4>",
                  "target": [
                    ".class[data-cat=\"cardio\"]:nth-child(6) > .class-body > h4"
                  ]
                },
                {
                  "html": "<h2>Book in 60 seconds \u2014 no phone hold music</h2>",
                  "target": [
                    "#booking > .container > .section-head > h2"
                  ]
                },
                {
                  "html": "<h3 style=\"color:#fff;font-size:1.6rem\">Visit us or reach out</h3>",
                  "target": [
                    "#contact > h3"
                  ]
                },
                {
                  "html": "<h4><i class=\"fa-solid fa-lightbulb\" style=\"color:var(--lime)\"></i> Wellness tip of the day</h4>",
                  "target": [
                    ".tip > h4"
                  ]
                },
                {
                  "html": "<h2>Learn, cook, move, repeat</h2>",
                  "target": [
                    "#learn > .container > .section-head > h2"
                  ]
                },
                {
                  "html": "<h3>What your lipid panel is actually telling you</h3>",
                  "target": [
                    ".article:nth-child(1) > .article-body > h3"
                  ]
                },
                {
                  "html": "<h3>Why your vital signs look worse after bad sleep</h3>",
                  "target": [
                    ".article:nth-child(2) > .article-body > h3"
                  ]
                },
                {
                  "html": "<h3>Protein after 40: how much do you really need?</h3>",
                  "target": [
                    ".article:nth-child(3) > .article-body > h3"
                  ]
                },
                {
                  "html": "<h4><i class=\"fa-solid fa-triangle-exclamation\" style=\"color:#c67c00\"></i> Health alerts</h4>",
                  "target": [
                    ".alert > h4"
                  ]
                },
                {
                  "html": "<h4><i class=\"fa-solid fa-apple-whole\" style=\"color:var(--teal)\"></i> This week's nutrition advice</h4>",
                  "target": [
                    "aside > .side-card:nth-child(2) > h4"
                  ]
                },
                {
                  "html": "<h4><i class=\"fa-solid fa-envelope-open-text\" style=\"color:var(--teal-dark)\"></i> The Peak \u2014 weekly newsletter</h4>",
                  "target": [
                    ".side-card:nth-child(3) > h4"
                  ]
                },
                {
                  "html": "<h2>Health that shows up in labs \u2014 and life</h2>",
                  "target": [
                    "section:nth-child(7) > .container > .section-head > h2"
                  ]
                },
                {
                  "html": "<h2 style=\"font-size:2rem;margin-bottom:12px\">Questions, answered</h2>",
                  "target": [
                    ".faq-wrap > div:nth-child(1) > h2"
                  ]
                },
                {
                  "html": "<h2 style=\"font-size:2.2rem;margin:14px 0 10px\">Get $150 off your comprehensive intake + DEXA</h2>",
                  "target": [
                    ".cta-banner > div > h2"
                  ]
                },
                {
                  "html": "<h4>Services</h4>",
                  "target": [
                    ".foot-grid > div:nth-child(2) > h4"
                  ]
                },
                {
                  "html": "<h4>Company</h4>",
                  "target": [
                    ".foot-grid > div:nth-child(3) > h4"
                  ]
                },
                {
                  "html": "<h4>Contact &amp; Hours</h4>",
                  "target": [
                    "div:nth-child(4) > h4"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Page has a heading"
            },
            {
              "id": "landmark",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<main>",
                  "target": [
                    "main"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Page has a landmark region"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#cfe0e8",
                "bgColor": "#0a1f33",
                "contrastRatio": 12.31,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has sufficient color contrast of 12.31"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<div><i class=\"fa-solid fa-location-dot\"></i> 425 Wellness Way, Seattle, WA 98101 &nbsp;&nbsp; <i class=\"fa-regular fa-clock\"></i> Mon\u2013Sat: 6am\u20139pm \u2022 Sun: 8am\u20136pm</div>",
          "target": [
            ".topbar > .container > div:nth-child(1)"
          ]
        }
      ]
    },
    {
      "id": "document-title",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag242",
        "TTv5",
        "TT12.a",
        "EN-301-549",
        "EN-9.2.4.2",
        "ACT"
      ],
      "description": "Ensure each HTML document contains a non-empty <title> element",
      "help": "Documents must have <title> element to aid in navigation",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/document-title?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "doc-has-title",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Document has a non-empty <title> element"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "form-field-multiple-labels",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag332",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.3.3.2"
      ],
      "description": "Ensure form field does not have multiple label elements",
      "help": "Form field must not have multiple label elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/form-field-multiple-labels?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "multiple-label",
              "data": null,
              "relatedNodes": [],
              "impact": "moderate",
              "message": "Form field does not have multiple label elements"
            }
          ],
          "impact": null,
          "html": "<input type=\"number\" id=\"h\" value=\"172\">",
          "target": [
            "#h"
          ]
        }
      ]
    },
    {
      "id": "html-has-lang",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "TTv5",
        "TT11.a",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure every HTML document has a lang attribute",
      "help": "<html> element must have a lang attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-has-lang?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-lang",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "The <html> element has a lang attribute"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "html-lang-valid",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "TTv5",
        "TT11.a",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure the lang attribute of the <html> element has a valid value",
      "help": "<html> element must have a valid value for the lang attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-lang-valid?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "valid-lang",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Value of lang attribute is included in the list of valid languages"
            }
          ],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "image-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "TT7.b",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure <img> elements have alternative text or a role of none or presentation",
      "help": "Images must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/image-alt?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-alt",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has an alt attribute"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "alt-space-value",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has a valid alt attribute value"
            }
          ],
          "impact": null,
          "html": "<img src=\"https://placehold.co/112x112/0ea5a0/ffffff?text=V%E2%97%86&amp;font=montserrat\" alt=\"VitalityPeak logo\">",
          "target": [
            "img[alt=\"VitalityPeak logo\"]"
          ]
        }
      ]
    },
    {
      "id": "label",
      "impact": "critical",
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.n",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every form element has a label",
      "help": "Form elements must have labels",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/label?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "non-empty-placeholder",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has a placeholder attribute"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "hidden-explicit-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Form element has a visible explicit <label>"
            }
          ],
          "impact": null,
          "html": "<input id=\"pName\" placeholder=\"Jordan Taylor\">",
          "target": [
            "#pName"
          ]
        }
      ]
    },
    {
      "id": "link-in-text-block",
      "impact": null,
      "tags": [
        "cat.color",
        "wcag2a",
        "wcag141",
        "TTv5",
        "TT13.a",
        "EN-301-549",
        "EN-9.1.4.1"
      ],
      "description": "Ensure links are distinguished from surrounding text in a way that does not rely on color",
      "help": "Links must be distinguishable without relying on color",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-in-text-block?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "link-in-text-block-style",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<div class=\"card-body\">",
                  "target": [
                    ".grid3:nth-child(2) > .card:nth-child(1) > .card-body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Links can be distinguished from surrounding text by visual styling"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<a href=\"#booking\" class=\"card-link\">Book a physical <i class=\"fa-solid fa-arrow-right\"></i></a>",
          "target": [
            ".card:nth-child(1) > .card-body > .card-link[href$=\"#booking\"]"
          ]
        }
      ]
    },
    {
      "id": "link-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag244",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.2.4.4",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure links have discernible text",
      "help": "Links must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-name?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-visible-text",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has text that is visible to screen readers"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "focusable-no-name",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element is not in tab order or has accessible text"
            }
          ],
          "impact": null,
          "html": "<a href=\"tel:+12065550148\">(206) 555-0148</a>",
          "target": [
            "div:nth-child(2) > a[href=\"tel:+12065550148\"]"
          ]
        }
      ]
    },
    {
      "id": "list",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that lists are structured correctly",
      "help": "<ul> and <ol> must only directly contain <li>, <script> or <template> elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/list?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "only-listitems",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "List element only has direct children that are allowed inside <li> elements"
            }
          ],
          "impact": null,
          "html": "<ul><li><strong>\u00bd plate veg:</strong> Aim for 30 different plants per week for gut diversity.</li><li><strong>Smart swaps:</strong> Greek yogurt for sour cream (+14g protein).</li><li><strong>Hydration:</strong> 35ml/kg + 500ml per hour of training.</li></ul>",
          "target": [
            "ul"
          ]
        }
      ]
    },
    {
      "id": "listitem",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <li> elements are used semantically",
      "help": "<li> elements must be contained in a <ul> or <ol>",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/listitem?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "listitem",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "List item has a <ul>, <ol> or role=\"list\" parent element"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<li><strong>\u00bd plate veg:</strong> Aim for 30 different plants per week for gut diversity.</li>",
          "target": [
            "li:nth-child(1)"
          ]
        }
      ]
    },
    {
      "id": "meta-viewport",
      "impact": null,
      "tags": [
        "cat.sensory-and-visual-cues",
        "wcag2aa",
        "wcag144",
        "EN-301-549",
        "EN-9.1.4.4",
        "ACT"
      ],
      "description": "Ensure <meta name=\"viewport\"> does not disable text scaling and zooming",
      "help": "Zooming and scaling must not be disabled",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-viewport?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "meta-viewport",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "<meta> tag does not disable zooming on mobile devices"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
          "target": [
            "meta[name=\"viewport\"]"
          ]
        }
      ]
    },
    {
      "id": "nested-interactive",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies",
      "help": "Interactive controls must not be nested",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/nested-interactive?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "no-focusable-content",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element does not have focusable descendants"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<img src=\"https://placehold.co/112x112/0ea5a0/ffffff?text=V%E2%97%86&amp;font=montserrat\" alt=\"VitalityPeak logo\">",
          "target": [
            "img[alt=\"VitalityPeak logo\"]"
          ]
        }
      ]
    },
    {
      "id": "target-size",
      "impact": null,
      "tags": [
        "cat.sensory-and-visual-cues",
        "wcag22aa",
        "wcag258"
      ],
      "description": "Ensure touch targets have sufficient size and space",
      "help": "All touch targets must be 24px large, or leave sufficient space",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/target-size?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "target-size",
              "data": {
                "minSize": 24,
                "width": 62.3,
                "height": 36.5
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Control has sufficient size (62.3px by 36.5px, should be at least 24px by 24px)"
            },
            {
              "id": "target-offset",
              "data": {
                "closestOffset": 24,
                "minOffset": 24
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Target has sufficient space from its closest neighbors. Safe clickable space has a diameter of 24px which is at least 24px."
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<a href=\"#services\" class=\"active\">Services</a>",
          "target": [
            ".active[href$=\"#services\"]"
          ]
        }
      ]
    }
  ],
  "incomplete": [
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": null,
                "bgColor": null,
                "contrastRatio": 0,
                "fontSize": "8.6pt (11.52px)",
                "fontWeight": "bold",
                "messageKey": "elmPartiallyObscured",
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div style=\"line-height:1.1\"><small style=\"color:var(--muted);font-size:.72rem;letter-spacing:.08em\">24/7 NURSE LINE</small><br>(206) 555-0148</div>",
                  "target": [
                    ".phone-pill > div:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element's background color could not be determined because it's partially obscured by another element"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<small style=\"color:var(--muted);font-size:.72rem;letter-spacing:.08em\">24/7 NURSE LINE</small>",
          "target": [
            ".phone-pill > div:nth-child(2) > small"
          ],
          "failureSummary": "Fix any of the following:\n  Element's background color could not be determined because it's partially obscured by another element"
        }
      ]
    }
  ],
  "violations": [
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#0ea5a0",
                "contrastRatio": 3.03,
                "fontSize": "11.4pt (15.2px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<a href=\"#booking\" class=\"btn btn-teal\" style=\"padding:12px 20px\">Book Visit</a>",
                  "target": [
                    ".nav-cta > .btn-teal.btn[href$=\"#booking\"]"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.03 (foreground color: #ffffff, background color: #0ea5a0, font size: 11.4pt (15.2px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#booking\" class=\"btn btn-teal\" style=\"padding:12px 20px\">Book Visit</a>",
          "target": [
            ".nav-cta > .btn-teal.btn[href$=\"#booking\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.03 (foreground color: #ffffff, background color: #0ea5a0, font size: 11.4pt (15.2px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#5a6d80",
                "bgColor": "#0a1f33",
                "contrastRatio": 3.13,
                "fontSize": "9.8pt (13.12px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"panel dark\">",
                  "target": [
                    ".split > .dark.panel"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.13 (foreground color: #5a6d80, background color: #0a1f33, font size: 9.8pt (13.12px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<label>Height (cm)</label>",
          "target": [
            ".dark.panel > .calc-grid > .field:nth-child(1) > label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.13 (foreground color: #5a6d80, background color: #0a1f33, font size: 9.8pt (13.12px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#5a6d80",
                "bgColor": "#0a1f33",
                "contrastRatio": 3.13,
                "fontSize": "9.8pt (13.12px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"panel dark\">",
                  "target": [
                    ".split > .dark.panel"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.13 (foreground color: #5a6d80, background color: #0a1f33, font size: 9.8pt (13.12px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<label>Weight (kg)</label>",
          "target": [
            ".dark.panel > .calc-grid > .field:nth-child(2) > label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.13 (foreground color: #5a6d80, background color: #0a1f33, font size: 9.8pt (13.12px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#5a6d80",
                "bgColor": "#0a1f33",
                "contrastRatio": 3.13,
                "fontSize": "9.8pt (13.12px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"panel dark\">",
                  "target": [
                    ".split > .dark.panel"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.13 (foreground color: #5a6d80, background color: #0a1f33, font size: 9.8pt (13.12px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<label>Age</label>",
          "target": [
            ".field:nth-child(3) > label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.13 (foreground color: #5a6d80, background color: #0a1f33, font size: 9.8pt (13.12px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#5a6d80",
                "bgColor": "#0a1f33",
                "contrastRatio": 3.13,
                "fontSize": "9.8pt (13.12px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"panel dark\">",
                  "target": [
                    ".split > .dark.panel"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.13 (foreground color: #5a6d80, background color: #0a1f33, font size: 9.8pt (13.12px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<label>Activity</label>",
          "target": [
            ".field:nth-child(4) > label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.13 (foreground color: #5a6d80, background color: #0a1f33, font size: 9.8pt (13.12px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#0ea5a0",
                "contrastRatio": 3.03,
                "fontSize": "11.4pt (15.2px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<a href=\"#booking\" class=\"btn btn-teal\">Start with assessment</a>",
                  "target": [
                    ".panel:nth-child(2) > div > .btn-teal.btn[href$=\"#booking\"]"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.03 (foreground color: #ffffff, background color: #0ea5a0, font size: 11.4pt (15.2px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#booking\" class=\"btn btn-teal\">Start with assessment</a>",
          "target": [
            ".panel:nth-child(2) > div > .btn-teal.btn[href$=\"#booking\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.03 (foreground color: #ffffff, background color: #0ea5a0, font size: 11.4pt (15.2px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#0ea5a0",
                "contrastRatio": 3.03,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<button class=\"btn btn-teal reserve\" style=\"padding:10px 18px;font-size:.85rem\">Reserve</button>",
                  "target": [
                    ".class[data-cat=\"hiit\"]:nth-child(1) > .class-body > div:nth-child(5) > .reserve.btn-teal.btn"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.03 (foreground color: #ffffff, background color: #0ea5a0, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<button class=\"btn btn-teal reserve\" style=\"padding:10px 18px;font-size:.85rem\">Reserve</button>",
          "target": [
            ".class[data-cat=\"hiit\"]:nth-child(1) > .class-body > div:nth-child(5) > .reserve.btn-teal.btn"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.03 (foreground color: #ffffff, background color: #0ea5a0, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#0ea5a0",
                "contrastRatio": 3.03,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<button class=\"btn btn-teal reserve\" style=\"padding:10px 18px;font-size:.85rem\">Reserve</button>",
                  "target": [
                    ".class[data-cat=\"yoga\"]:nth-child(2) > .class-body > div:nth-child(5) > .reserve.btn-teal.btn"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.03 (foreground color: #ffffff, background color: #0ea5a0, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<button class=\"btn btn-teal reserve\" style=\"padding:10px 18px;font-size:.85rem\">Reserve</button>",
          "target": [
            ".class[data-cat=\"yoga\"]:nth-child(2) > .class-body > div:nth-child(5) > .reserve.btn-teal.btn"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.03 (foreground color: #ffffff, background color: #0ea5a0, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#0ea5a0",
                "contrastRatio": 3.03,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<button class=\"btn btn-teal reserve\" style=\"padding:10px 18px;font-size:.85rem\">Reserve</button>",
                  "target": [
                    ".class[data-cat=\"cardio\"]:nth-child(3) > .class-body > div:nth-child(5) > .reserve.btn-teal.btn"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.03 (foreground color: #ffffff, background color: #0ea5a0, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<button class=\"btn btn-teal reserve\" style=\"padding:10px 18px;font-size:.85rem\">Reserve</button>",
          "target": [
            ".class[data-cat=\"cardio\"]:nth-child(3) > .class-body > div:nth-child(5) > .reserve.btn-teal.btn"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.03 (foreground color: #ffffff, background color: #0ea5a0, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#0ea5a0",
                "contrastRatio": 3.03,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<button class=\"btn btn-teal reserve\" style=\"padding:10px 18px;font-size:.85rem\">Reserve</button>",
                  "target": [
                    ".class[data-cat=\"hiit\"]:nth-child(4) > .class-body > div:nth-child(5) > .reserve.btn-teal.btn"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.03 (foreground color: #ffffff, background color: #0ea5a0, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<button class=\"btn btn-teal reserve\" style=\"padding:10px 18px;font-size:.85rem\">Reserve</button>",
          "target": [
            ".class[data-cat=\"hiit\"]:nth-child(4) > .class-body > div:nth-child(5) > .reserve.btn-teal.btn"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.03 (foreground color: #ffffff, background color: #0ea5a0, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#0ea5a0",
                "contrastRatio": 3.03,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<button class=\"btn btn-teal reserve\" style=\"padding:10px 18px;font-size:.85rem\">Reserve</button>",
                  "target": [
                    ".class[data-cat=\"yoga\"]:nth-child(5) > .class-body > div:nth-child(5) > .reserve.btn-teal.btn"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.03 (foreground color: #ffffff, background color: #0ea5a0, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<button class=\"btn btn-teal reserve\" style=\"padding:10px 18px;font-size:.85rem\">Reserve</button>",
          "target": [
            ".class[data-cat=\"yoga\"]:nth-child(5) > .class-body > div:nth-child(5) > .reserve.btn-teal.btn"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.03 (foreground color: #ffffff, background color: #0ea5a0, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#0ea5a0",
                "contrastRatio": 3.03,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<button class=\"btn btn-teal reserve\" style=\"padding:10px 18px;font-size:.85rem\">Reserve</button>",
                  "target": [
                    ".class[data-cat=\"cardio\"]:nth-child(6) > .class-body > div:nth-child(5) > .reserve.btn-teal.btn"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.03 (foreground color: #ffffff, background color: #0ea5a0, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<button class=\"btn btn-teal reserve\" style=\"padding:10px 18px;font-size:.85rem\">Reserve</button>",
          "target": [
            ".class[data-cat=\"cardio\"]:nth-child(6) > .class-body > div:nth-child(5) > .reserve.btn-teal.btn"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.03 (foreground color: #ffffff, background color: #0ea5a0, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#919aa3",
                "bgColor": "#ffffff",
                "contrastRatio": 2.85,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"slot\" title=\"Booked\" style=\"opacity: 0.45; text-decoration: line-through;\">1:15 PM</div>",
                  "target": [
                    "div[title=\"Booked\"]"
                  ]
                },
                {
                  "html": "<div class=\"panel\">",
                  "target": [
                    ".booking-grid > .panel"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.85 (foreground color: #919aa3, background color: #ffffff, font size: 10.8pt (14.4px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"slot\" title=\"Booked\" style=\"opacity: 0.45; text-decoration: line-through;\">1:15 PM</div>",
          "target": [
            "div[title=\"Booked\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.85 (foreground color: #919aa3, background color: #ffffff, font size: 10.8pt (14.4px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#0ea5a0",
                "contrastRatio": 3.03,
                "fontSize": "11.4pt (15.2px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<button class=\"btn btn-teal\" style=\"width:100%;justify-content:center\" onclick=\"confirmBooking()\">Confirm Appointment <i class=\"fa-solid fa-check\"></i></button>",
                  "target": [
                    "button[onclick=\"confirmBooking()\"]"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.03 (foreground color: #ffffff, background color: #0ea5a0, font size: 11.4pt (15.2px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<button class=\"btn btn-teal\" style=\"width:100%;justify-content:center\" onclick=\"confirmBooking()\">Confirm Appointment <i class=\"fa-solid fa-check\"></i></button>",
          "target": [
            "button[onclick=\"confirmBooking()\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.03 (foreground color: #ffffff, background color: #0ea5a0, font size: 11.4pt (15.2px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#0ea5a0",
                "contrastRatio": 3.03,
                "fontSize": "11.4pt (15.2px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<a href=\"#nutrition\" class=\"btn btn-teal\" style=\"width:100%;justify-content:center;padding:12px\">Get meal plan</a>",
                  "target": [
                    ".btn-teal.btn[href$=\"#nutrition\"]"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.03 (foreground color: #ffffff, background color: #0ea5a0, font size: 11.4pt (15.2px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#nutrition\" class=\"btn btn-teal\" style=\"width:100%;justify-content:center;padding:12px\">Get meal plan</a>",
          "target": [
            ".btn-teal.btn[href$=\"#nutrition\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.03 (foreground color: #ffffff, background color: #0ea5a0, font size: 11.4pt (15.2px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#0ea5a0",
                "contrastRatio": 3.03,
                "fontSize": "11.4pt (15.2px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<button class=\"btn btn-teal\" style=\"padding:12px 18px\" onclick=\"subscribe()\">Join</button>",
                  "target": [
                    "button[onclick=\"subscribe()\"]"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.03 (foreground color: #ffffff, background color: #0ea5a0, font size: 11.4pt (15.2px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<button class=\"btn btn-teal\" style=\"padding:12px 18px\" onclick=\"subscribe()\">Join</button>",
          "target": [
            "button[onclick=\"subscribe()\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.03 (foreground color: #ffffff, background color: #0ea5a0, font size: 11.4pt (15.2px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#0ea5a0",
                "bgColor": "#f3f4f6",
                "contrastRatio": 2.76,
                "fontSize": "16.2pt (21.6px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "3:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<header>",
                  "target": [
                    "header"
                  ]
                },
                {
                  "html": "<input type=\"number\" id=\"age\" value=\"34\">",
                  "target": [
                    "#age"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.76 (foreground color: #0ea5a0, background color: #f3f4f6, font size: 16.2pt (21.6px), font weight: bold). Expected contrast ratio of 3:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Peak</span>",
          "target": [
            ".navwrap > .brand > div > .brand-name > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.76 (foreground color: #0ea5a0, background color: #f3f4f6, font size: 16.2pt (21.6px), font weight: bold). Expected contrast ratio of 3:1"
        }
      ]
    },
    {
      "id": "label",
      "impact": "critical",
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.n",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every form element has a label",
      "help": "Form elements must have labels",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/label?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "implicit-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element does not have an implicit (wrapped) <label>"
            },
            {
              "id": "explicit-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element does not have an explicit <label>"
            },
            {
              "id": "aria-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-label attribute does not exist or is empty"
            },
            {
              "id": "aria-labelledby",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
            },
            {
              "id": "non-empty-title",
              "data": {
                "messageKey": "noAttr"
              },
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has no title attribute"
            },
            {
              "id": "non-empty-placeholder",
              "data": {
                "messageKey": "noAttr"
              },
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has no placeholder attribute"
            },
            {
              "id": "presentational-role",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
            }
          ],
          "all": [],
          "none": [],
          "impact": "critical",
          "html": "<input type=\"number\" id=\"h\" value=\"172\">",
          "target": [
            "#h"
          ],
          "failureSummary": "Fix any of the following:\n  Element does not have an implicit (wrapped) <label>\n  Element does not have an explicit <label>\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Element has no title attribute\n  Element has no placeholder attribute\n  Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
        },
        {
          "any": [
            {
              "id": "implicit-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element does not have an implicit (wrapped) <label>"
            },
            {
              "id": "explicit-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element does not have an explicit <label>"
            },
            {
              "id": "aria-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-label attribute does not exist or is empty"
            },
            {
              "id": "aria-labelledby",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
            },
            {
              "id": "non-empty-title",
              "data": {
                "messageKey": "noAttr"
              },
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has no title attribute"
            },
            {
              "id": "non-empty-placeholder",
              "data": {
                "messageKey": "noAttr"
              },
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has no placeholder attribute"
            },
            {
              "id": "presentational-role",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
            }
          ],
          "all": [],
          "none": [],
          "impact": "critical",
          "html": "<input type=\"number\" id=\"w\" value=\"78\">",
          "target": [
            "#w"
          ],
          "failureSummary": "Fix any of the following:\n  Element does not have an implicit (wrapped) <label>\n  Element does not have an explicit <label>\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Element has no title attribute\n  Element has no placeholder attribute\n  Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
        },
        {
          "any": [
            {
              "id": "implicit-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element does not have an implicit (wrapped) <label>"
            },
            {
              "id": "explicit-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element does not have an explicit <label>"
            },
            {
              "id": "aria-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-label attribute does not exist or is empty"
            },
            {
              "id": "aria-labelledby",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
            },
            {
              "id": "non-empty-title",
              "data": {
                "messageKey": "noAttr"
              },
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has no title attribute"
            },
            {
              "id": "non-empty-placeholder",
              "data": {
                "messageKey": "noAttr"
              },
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has no placeholder attribute"
            },
            {
              "id": "presentational-role",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
            }
          ],
          "all": [],
          "none": [],
          "impact": "critical",
          "html": "<input type=\"number\" id=\"age\" value=\"34\">",
          "target": [
            "#age"
          ],
          "failureSummary": "Fix any of the following:\n  Element does not have an implicit (wrapped) <label>\n  Element does not have an explicit <label>\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Element has no title attribute\n  Element has no placeholder attribute\n  Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
        },
        {
          "any": [
            {
              "id": "implicit-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element does not have an implicit (wrapped) <label>"
            },
            {
              "id": "explicit-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element does not have an explicit <label>"
            },
            {
              "id": "aria-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-label attribute does not exist or is empty"
            },
            {
              "id": "aria-labelledby",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
            },
            {
              "id": "non-empty-title",
              "data": {
                "messageKey": "noAttr"
              },
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has no title attribute"
            },
            {
              "id": "non-empty-placeholder",
              "data": {
                "messageKey": "noAttr"
              },
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has no placeholder attribute"
            },
            {
              "id": "presentational-role",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
            }
          ],
          "all": [],
          "none": [],
          "impact": "critical",
          "html": "<input type=\"date\" id=\"apptDate\" min=\"2026-11-12\">",
          "target": [
            "#apptDate"
          ],
          "failureSummary": "Fix any of the following:\n  Element does not have an implicit (wrapped) <label>\n  Element does not have an explicit <label>\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Element has no title attribute\n  Element has no placeholder attribute\n  Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
        }
      ]
    },
    {
      "id": "select-name",
      "impact": "critical",
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.n",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure select element has an accessible name",
      "help": "Select element must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/select-name?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "implicit-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element does not have an implicit (wrapped) <label>"
            },
            {
              "id": "explicit-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element does not have an explicit <label>"
            },
            {
              "id": "aria-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-label attribute does not exist or is empty"
            },
            {
              "id": "aria-labelledby",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
            },
            {
              "id": "non-empty-title",
              "data": {
                "messageKey": "noAttr"
              },
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has no title attribute"
            },
            {
              "id": "presentational-role",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
            }
          ],
          "all": [],
          "none": [],
          "impact": "critical",
          "html": "<select id=\"act\"><option>Lightly active</option><option selected=\"\">Moderately active</option><option>Very active</option><option>Athlete</option></select>",
          "target": [
            "#act"
          ],
          "failureSummary": "Fix any of the following:\n  Element does not have an implicit (wrapped) <label>\n  Element does not have an explicit <label>\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Element has no title attribute\n  Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
        },
        {
          "any": [
            {
              "id": "implicit-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element does not have an implicit (wrapped) <label>"
            },
            {
              "id": "explicit-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element does not have an explicit <label>"
            },
            {
              "id": "aria-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-label attribute does not exist or is empty"
            },
            {
              "id": "aria-labelledby",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
            },
            {
              "id": "non-empty-title",
              "data": {
                "messageKey": "noAttr"
              },
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has no title attribute"
            },
            {
              "id": "presentational-role",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
            }
          ],
          "all": [],
          "none": [],
          "impact": "critical",
          "html": "<select id=\"visitType\"><option>Primary Care Visit</option><option>Nutrition Counseling (60 min)</option><option>Personal Training Assessment</option><option>Lab Draw + Review</option><option>Mental Wellness Intake</option></select>",
          "target": [
            "#visitType"
          ],
          "failureSummary": "Fix any of the following:\n  Element does not have an implicit (wrapped) <label>\n  Element does not have an explicit <label>\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Element has no title attribute\n  Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
        }
      ]
    }
  ],
  "coverage": {
    "contract": "main-document-vertical-scroll",
    "complete": true,
    "positions": [
      {
        "y": 0,
        "height": 9045
      },
      {
        "y": 576,
        "height": 9045
      },
      {
        "y": 1152,
        "height": 9045
      },
      {
        "y": 1728,
        "height": 9045
      },
      {
        "y": 2304,
        "height": 9045
      },
      {
        "y": 2880,
        "height": 9045
      },
      {
        "y": 3456,
        "height": 9045
      },
      {
        "y": 4032,
        "height": 9045
      },
      {
        "y": 4608,
        "height": 9045
      },
      {
        "y": 5184,
        "height": 9045
      },
      {
        "y": 5760,
        "height": 9045
      },
      {
        "y": 6336,
        "height": 9045
      },
      {
        "y": 6912,
        "height": 9045
      },
      {
        "y": 7488,
        "height": 9045
      },
      {
        "y": 8064,
        "height": 9045
      },
      {
        "y": 8325,
        "height": 9045
      }
    ],
    "scans": 17,
    "max_states": 512,
    "settle_ms": 5000,
    "page_timeout_seconds": 150,
    "layout_stability": "consecutive 100ms size samples within one CSS pixel",
    "animation_settling": "finite animations present when scroll resources are ready finish or are cancelled",
    "interactive_states": "not exercised",
    "horizontal_scroll": "not exercised"
  }
}
System Prompt
You are a lead web developer at a top digital agency, tasked with creating a one-page website for a new client based on the given specifications, delivered as an HTML file. First non-whitespace char '<', last non-whitespace char '>'. Use the following services to generate placeholder images where needed:
- placehold.co (text): https://placehold.co/[{w}x{h}|{size}][/{bg-color}/{text-color}]?text={text}&font=[lato|lora|montserrat|noto sans|open sans|oswald|playfair display|poppins|pt sans|raleway|roboto|source sans|source sans pro]
- picsum.photos (photos): https://picsum.photos/[{w}/{h}|{size}]?[grayscale][&blur={1-10}]
- pravatar.cc (avatars): https://i.pravatar.cc/{size}?u={identifier}
Choose sizes appropriate to layout.
User Prompt
Create a **complete, polished, production-quality** primary web page for a new client in the "Health and Fitness" sector.
Your goal is to generate the full HTML code for a page that is not just functional but also visually compelling, content-rich, and feels like a finished product ready for launch.

**Client & Category:**
- Industry: "Health and Fitness"
- Description: Healthcare, wellness, fitness tips, nutrition, and medical resources.

**Your Creative Task:**
1.  **Invent:** Create a unique, professional-sounding site name and a strong tagline fitting the "Health and Fitness" category.
2.  **Define Page:** Determine the most effective primary page type (e.g., homepage, service landing page, category portal) to showcase this fictional entity.
3.  **Design:** Develop an opinionated, modern, and professional layout. Make distinct choices about structure and flow.

**Content & Structure Requirements (Deliver a COMPLETE page):**
-   **Overall:** The final page must feel substantial and complete, with realistic amounts of text (multiple paragraphs per section where appropriate, avoid single sentences), well-integrated placeholder images, and logical flow. It should look like a real website a business would proudly use.
-   **HEADER:** Include the invented site name, tagline, a logo placeholder image, and a primary navigation bar. Ensure the navigation has **at least 5-7 clearly defined, relevant links** including: "Contact", "Pharmacy", "Lab Results".
-   **MAIN CONTENT:** Structure this area with **at least 3-4 distinct, well-developed sections**.
    -   Address key topics relevant to the "Health and Fitness" category. Consider themes similar to: "Nutrition Counseling", "Medical Services", "Health Education".
    -   **Content Depth:** Populate each section with **substantial, realistic text** (multiple sentences/paragraphs). Use authentic industry language and terminology like: "vital signs", "personal training", "holistic wellness".
    -   **Visuals:** Integrate relevant placeholder images logically within the content sections.
    -   **Calls to Action:** Include clear and contextually relevant CTAs. Use strong verbs similar to: "View Schedule", "Learn More", "Calculate BMI".
-   **ENGAGEMENT (Recommended):** Strongly consider incorporating **one meaningful interactive element** that would genuinely benefit a user in the "Health and Fitness" sector. Ideas similar but not limited to: "appointment scheduler".
-   **SIDEBAR (Optional):** If your design includes a sidebar, populate it with **useful, relevant content**. Ideas: "wellness tips", "health alerts", "nutrition advice".
-   **FOOTER:** Include a professional footer with invented contact details, copyright (current year), social media links, and standard links (Privacy, Terms).
-   **MODERN WEB PATTERNS:** Include modern web patterns like testimonial cards, feature grids, or FAQ accordions where appropriate.