/* Original editorial direction and patient task layer, November 2026. */
:root{--paper:#f8f5ec;--ink:#143f50;--green:#2c675e;--deep:#103744;--pale:#e8efe3;--muted:#4c6267;--line:#ced8ce;--max:1320px}
html{scroll-padding-top:112px;scrollbar-gutter:stable}
body{background:var(--paper)}
.button{border-radius:12px;background:var(--ink);border-color:var(--ink);min-height:52px;padding:14px 22px;box-shadow:0 3px 0 #1037440b}
.button:hover{background:#21576a;border-color:#21576a;transform:none}
.button:active{transform:scale(.98)}
.button.secondary{background:#ffffff70;border-color:#a6bcb4}
.utility{background:var(--ink)}
.utility .wrap{padding-top:7px;padding-bottom:7px}
.site-header{background:#f8f5ecf5;border-bottom:1px solid #ced8ce90}
.header-inner{padding-top:18px;padding-bottom:18px;gap:20px}
.brand img{width:230px}
.nav{gap:21px}
.nav a{font-size:.82rem}
.header-call{min-height:43px;border-radius:30px;padding:10px 16px;font-size:.8rem}
.menu-toggle{border-radius:12px;background:#fffefa;border-color:#c4d2c9}
.menu-lines i{transition:transform .18s,opacity .18s}
.menu-toggle[aria-expanded=true] .menu-lines i:first-child{transform:translateY(5px) rotate(45deg)}
.menu-toggle[aria-expanded=true] .menu-lines i:nth-child(2){opacity:0}
.menu-toggle[aria-expanded=true] .menu-lines i:last-child{transform:translateY(-5px) rotate(-45deg)}
.home-hero{grid-template-columns:1fr 1.07fr;gap:58px;min-height:0;padding:42px 0 42px;align-items:center}
.home-hero h1{font-size:clamp(4rem,6.3vw,5.5rem);line-height:1.015;letter-spacing:-.045em;margin:0 0 30px;max-width:none}
.home-hero h1 em{color:#2b665e}
.hero-copy .eyebrow{font-size:.71rem;letter-spacing:.11em;margin-bottom:30px}
.hero-copy .body-large{font-size:1.08rem;line-height:1.75;max-width:35ch;margin-bottom:29px}
.hero .actions{gap:18px}
.hero-plan{min-height:48px;display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-size:.94rem;font-weight:700}
.hero-plan svg{width:18px}
.hero-plan:hover{text-decoration:underline}
.hero-doctor{display:inline-flex;gap:9px;align-items:center;margin-top:25px;min-height:44px;color:var(--muted);font-size:.86rem;text-underline-offset:5px}
.hero-doctor svg{width:16px}
.hero-art{position:relative;margin:0;min-width:0;background:#e3dccb;border-radius:3px 3px 80px 3px;overflow:hidden;isolation:isolate}
.hero-art picture,.hero-art img{display:block;width:100%}
.hero-art img{height:auto;aspect-ratio:4/5;object-fit:cover}
.hero-art figcaption{position:absolute;left:22px;bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:24px;min-width:235px;padding:16px 18px;background:#fffdf3f2;border:1px solid #ffffff90;border-radius:14px;font-size:.84rem;line-height:1.5;box-shadow:0 10px 25px #173b3420}
.hero-art figcaption strong{font-size:.97rem}
.art-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid #bfd0bd;border-radius:50%;color:var(--green)}
.art-mark svg{width:25px;height:25px}
.help-strip{margin-bottom:6px}
.help-strip a{padding:27px 36px 27px 0;min-height:116px}
.help-strip a+a{padding-left:36px}
.help-strip .small{font-size:.76rem;letter-spacing:.02em;margin-bottom:5px}
.help-strip .large{font-size:1.7rem}
.round-arrow{width:44px;height:44px;background:#ffffff70;border-color:#bccdc1}
.section{padding-top:88px;padding-bottom:88px}
.section-head{align-items:end;gap:70px;margin-bottom:38px}
.section-head .body-large{font-size:1.05rem;max-width:41ch}
.care-section .section-head h2{font-size:4.3rem}
.care-explorer{border:1px solid #cbd7cd;border-radius:22px;overflow:hidden;background:#fffefa}
.care-tabs{display:flex;gap:8px;padding:10px;border-bottom:1px solid #cbd7cd;background:#edf1e8}
.care-tabs a{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;min-height:53px;padding:12px 16px;text-align:center;text-decoration:none;border:1px solid transparent;border-radius:14px;line-height:1.3;font-weight:700;font-size:.95rem}
.care-tabs a:hover{background:#e1e8dc}
.care-tabs a[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:0 3px 8px #143f501c}
.care-tabs a:focus-visible{outline-offset:-4px;outline-color:#b36336}
.care-tabs a[aria-selected=true]:focus-visible{outline-color:#e3edb7}
.care-panel{padding:29px 34px 15px;scroll-margin-top:130px}
.care-panel[hidden]{display:none}
.care-panel+.care-panel{border-top:1px solid var(--line)}
.is-enhanced .care-panel{border-top:0}
.care-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 0 28px}
.care-panel-heading h3{font-size:1.05rem;font-weight:700}
.care-panel-heading>span{font-size:.83rem;color:var(--muted)}
.care-panel .condition-grid{column-gap:32px}
.care-panel .condition-grid a{padding:23px 0;min-height:118px}
.care-panel .condition-grid strong{font-size:1.6rem}
.care-panel .condition-grid small{font-size:.8rem;margin-top:7px}
.care-panel .condition-grid a:hover strong{text-decoration:underline;text-underline-offset:4px}
.care-panel .condition-grid svg{width:19px;height:19px}
.care-education-link{padding:10px 0 15px}
.care-education-link .text-link{font-size:.87rem}
.care-feature-panel{display:grid;grid-template-columns:1fr 1.1fr;gap:58px;align-items:center;min-height:325px;padding:12px 0 30px}
.care-feature-panel h3{font-family:var(--display);font-size:2.7rem;letter-spacing:-.03em;line-height:1.1}
.care-feature-panel .eyebrow{font-size:.7rem;margin-bottom:18px}
.care-feature-panel p{color:var(--muted)}
.care-feature-panel .text-link{margin-top:18px}
.care-feature-panel .care-panel-note{font-size:.85rem;margin-top:22px}
.first-look{background:#e9eee2;border-top:1px solid #d4ddcb;border-bottom:1px solid #d4ddcb}
.first-look .section-head h2{font-size:3.6rem}
.first-look .steps{margin-top:46px;gap:42px}
.first-look .step{border-color:#b4c5af;padding-top:25px}
.first-look .step-no{display:inline-flex;align-items:center;justify-content:center;background:#f8faf1;border:1px solid #b9ccb4;width:44px;height:44px;border-radius:50%;font:500 .9rem var(--body);margin-bottom:25px;color:var(--green)}
.first-look .step h3{font-family:var(--display);font-size:1.9rem;line-height:1.13;letter-spacing:-.02em}
.first-look .step p{font-size:.96rem;color:var(--muted)}
.first-look .section-cta{border-color:#b4c5af;font-size:.88rem}
.meet-grid{grid-template-columns:1fr 1fr;gap:74px}
.meet-grid h2{font-size:3.6rem}
.meet-copy{border:0;padding:0}
.meet-copy .body-large{font-size:1.22rem;line-height:1.7}
.patient-feature{background:var(--ink);color:#fffdf3;border:0;border-radius:24px;padding:50px 48px;gap:60px}
.patient-feature .eyebrow{color:#d9e6ae}
.patient-feature em{color:#d9e6ae}
.patient-feature h2{font-size:3.3rem}
.patient-feature p{color:#d7e3df;font-size:1rem}
.patient-feature .button{background:#e0eabb;color:var(--ink);border-color:#e0eabb;margin-top:24px}
.patient-feature .button:hover{background:#eef5d7}
.feature-list{padding:0;border-left:0}
.feature-list>a{display:flex;align-items:center;gap:16px;text-decoration:none;min-height:108px;border-bottom:1px solid #628087;padding:20px 0}
.feature-list>a:first-child{border-top:1px solid #628087}
.feature-list>a>svg:first-child{width:24px;height:24px;color:#d9e6ae}
.feature-list>a>svg:last-child{width:18px;height:18px;margin-left:auto;color:#cfdfd8}
.feature-list strong{display:block;font-size:1rem;font-weight:500}
.feature-list small{display:block;color:#cbddda;font-size:.8rem;margin-top:5px}
.feature-list>a:hover strong{text-decoration:underline;text-underline-offset:5px}
.faq-layout{gap:65px}
.closing{border-radius:22px;padding:44px;background:#e8eee0;margin-bottom:44px}
.closing h2{font-size:3.1rem}
.closing .button{border-radius:12px}
.side-note{border-top:0;border-radius:20px;background:#e7eee2;box-shadow:inset 0 0 0 1px #cedccc}
.contact-tool,.calendar-tool,.returning-band,.doctor-care-band,.route-card{border-radius:20px}
.patient-shortcuts a{border:1px solid #bacdc0;border-radius:30px;padding:8px 17px;text-decoration:none;background:#fffdf7;font-size:.87rem}
.patient-shortcuts a:hover{background:var(--pale)}
.breadcrumb a{min-height:44px;display:inline-flex;align-items:center}
.footer{padding-bottom:32px}
.footer-bottom{padding-bottom:8px}
@media(min-width:1101px){.side-note{position:sticky;top:120px}}
@media(max-width:1200px){.nav{gap:15px}.nav a{font-size:.77rem}.brand img{width:215px}.home-hero{gap:42px}.home-hero h1{font-size:5rem}.hero .actions{gap:13px}.hero-plan{font-size:.86rem}.hero .button{font-size:.9rem;padding:14px 18px}}
@media(max-width:1000px){.home-hero{gap:35px}.home-hero h1{font-size:4.3rem}.hero-copy .body-large{font-size:1rem}.hero-copy .eyebrow{font-size:.64rem;margin-bottom:23px}.hero-art{border-bottom-right-radius:56px}.hero-art figcaption{min-width:205px;left:15px;bottom:15px;padding:12px 14px}.hero-doctor{margin-top:13px}.hero .actions{gap:10px}.care-feature-panel{gap:30px}.patient-feature{gap:35px;padding:40px}.care-panel{padding-left:25px;padding-right:25px}.meet-grid h2{font-size:3rem}.meet-grid{gap:45px}.help-strip .large{font-size:1.5rem}}
@media(max-width:800px){.header-inner{padding-top:13px;padding-bottom:13px}.js .nav.is-open{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:16px 0 5px}.nav a{font-size:.9rem;padding:16px;border:1px solid #d3dccf;border-radius:12px;background:#fffdf6;white-space:normal}.nav a[aria-current=page]{background:#e4ecdf}.care-section .section-head h2{font-size:3.5rem}.care-panel-heading{display:block}.care-panel-heading>span{display:block;margin-top:6px}.care-panel .condition-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.care-panel .condition-grid a{min-height:116px}.care-panel .condition-grid strong{font-size:1.5rem}.care-feature-panel h3{font-size:2.4rem}.section-head{gap:35px}.first-look .section-head h2{font-size:3.1rem}}
@media(max-width:700px){.home-hero{grid-template-columns:1fr;gap:30px;padding-top:34px;padding-bottom:29px}.home-hero h1{font-size:clamp(2.8rem,11.4vw,4.6rem);max-width:none;line-height:1.04;margin-bottom:22px}.hero-copy .eyebrow{font-size:.67rem;margin-bottom:22px}.hero-copy .body-large{font-size:1.02rem;line-height:1.65;max-width:43ch;margin-bottom:23px}.hero .actions{gap:23px}.hero .button{font-size:.93rem;min-height:52px;padding:14px 20px}.hero-plan{font-size:.9rem}.hero-doctor{font-size:.82rem;margin-top:13px;min-height:36px}.hero-art{border-radius:3px 3px 58px 3px;max-width:510px;width:100%;justify-self:center}.hero-art figcaption{bottom:18px;left:18px;min-width:215px;padding:13px 16px}.help-strip a{padding:24px 0;min-height:104px}.help-strip a+a{padding:24px 0}.help-strip .large{font-size:1.57rem}.section{padding-top:61px;padding-bottom:61px}.section-head{gap:23px;margin-bottom:30px}.care-section .section-head h2{font-size:3rem}.section-head .body-large{font-size:1.02rem}.care-panel{padding:24px 24px 12px}.care-panel-heading{padding-bottom:20px}.care-tabs{gap:4px;padding:7px}.care-tabs a{font-size:.8rem;padding:9px 7px;min-height:52px;border-radius:11px}.care-explorer{border-radius:18px}.care-panel .condition-grid{gap:0 22px}.care-panel .condition-grid strong{font-size:1.4rem}.care-panel .condition-grid small{font-size:.79rem}.care-panel .condition-grid a{min-height:125px;gap:10px}.care-panel .condition-grid svg{width:16px}.care-feature-panel{grid-template-columns:1fr;gap:22px;min-height:0;padding:4px 0 22px}.care-feature-panel h3{font-size:2.6rem}.first-look .section-head h2,.meet-grid h2{font-size:2.85rem}.first-look .steps{grid-template-columns:1fr;gap:25px;margin-top:33px}.first-look .step{display:grid;grid-template-columns:42px 1fr;column-gap:21px;padding-top:23px}.first-look .step-no{grid-column:1;grid-row:1/3;margin:0;width:40px;height:40px}.first-look .step h3{grid-column:2;font-size:1.65rem;margin:0 0 12px;max-width:20ch}.first-look .step p{grid-column:2}.first-look .section-cta{display:block;margin-top:33px;padding-top:25px}.first-look .section-cta .text-link{margin-top:14px;display:flex;width:fit-content}.meet-grid{grid-template-columns:1fr;gap:27px}.meet-copy .body-large{font-size:1.1rem}.patient-feature{padding:32px 28px;gap:28px;border-radius:20px}.patient-feature h2{font-size:2.8rem}.feature-list>a{min-height:94px;padding:18px 0}.feature-list strong{font-size:.96rem}.feature-list small{font-size:.76rem}.feature-list>a{gap:13px}.faq-layout{gap:26px}.closing{padding:30px 27px;border-radius:18px}.closing h2{font-size:2.6rem}.footer{padding-bottom:125px}.mobile-actions{display:flex;position:fixed;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));padding:7px;gap:5px;background:#fffef9f7;border:1px solid #cad7cc;border-radius:22px;box-shadow:0 4px 26px #10374426;z-index:25}.mobile-actions a{flex:1!important;min-width:0;min-height:54px;padding:7px 5px;border:0;border-radius:15px;font-size:.75rem;line-height:1.2;display:flex;flex-direction:column;gap:4px;background:transparent;white-space:nowrap}.mobile-actions a:first-child{background:var(--ink);color:white}.mobile-actions a:not(:first-child){color:var(--ink)}.mobile-actions svg{width:19px;height:19px}.mobile-actions a:active{background:#e4edde}.mobile-actions a:first-child:active{background:#245b6d}.mobile-actions a:focus-visible{outline-offset:0}.patient-shortcuts{gap:8px}.patient-shortcuts a{font-size:.82rem}.page-hero .body-large{line-height:1.7}}
@media(max-width:370px){.hero .actions{gap:15px}.hero .button{padding:13px 16px;font-size:.86rem}.hero-plan{font-size:.83rem}.hero-plan svg{width:16px}.home-hero h1{font-size:2.85rem}.hero-copy .body-large{font-size:.97rem}.care-panel{padding-left:18px;padding-right:18px}.care-panel .condition-grid{grid-template-columns:1fr}.care-panel .condition-grid a{min-height:95px}.care-tabs a{font-size:.71rem;padding:8px 5px}.patient-feature{padding:29px 24px}.help-strip .large{font-size:1.38rem}.help-strip .round-arrow{width:40px;height:40px}.header-inner{padding-left:18px;padding-right:18px}.brand img{width:184px}.mobile-actions{left:10px;right:10px}.hero-art figcaption{min-width:200px}}
@media(hover:hover){.button,.round-arrow,.care-tabs a,.feature-list a,.mobile-actions a{transition:background .16s,color .16s,transform .16s,box-shadow .16s}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.menu-lines i{transition:none}}
@media print{.hero-art,.care-tabs,.mobile-actions,.visit-planner{display:none!important}.care-panel[hidden]{display:block}.care-panel{padding:10px 0}.patient-feature,.first-look{background:#fff;color:#000}.patient-feature p,.patient-feature .eyebrow,.patient-feature em,.feature-list small{color:#000}.footer{padding-bottom:0}}
/* On phones, bring the artwork into the first screen; Call stays in the dock. */
@media(max-width:700px){.home-hero{display:grid;gap:22px;padding-top:27px}.hero-copy{display:contents}.hero-copy>.eyebrow{grid-row:1;margin:0}.hero-copy>h1{grid-row:2;margin:0}.hero-art{grid-row:3;margin:2px 0 0}.hero-copy>.body-large{grid-row:4;margin:0;max-width:none}.hero-copy>.actions{grid-row:5;gap:16px;flex-direction:row;align-items:center}.hero-copy>.hero-doctor{display:none}.hero .button{font-size:.88rem;padding:14px 16px}.hero-plan{font-size:.86rem;gap:6px}}
@media(max-width:370px){.home-hero h1{font-size:2.45rem}.hero-copy>.actions{gap:13px}.hero .button{font-size:.82rem;padding:13px 12px}.hero-plan{font-size:.78rem}.hero-plan svg{width:15px}}
@media(max-width:450px){.calendar-fields{grid-template-columns:1fr}}
@media(max-width:370px){.header-inner{gap:10px}.brand img{width:176px}}

.patient-feature a:focus-visible{outline-color:#e0eabb}
@media(min-width:701px) and (max-width:900px){.home-hero h1{font-size:3.6rem}}
