:root{--ink:#092b55;--soft:#284d72;--paper:#fdfcfa}
html{scroll-behavior:smooth}
body,body.beta-page{background:var(--paper) url('assets/watercolor-paper-v2.png') center/100% 100% no-repeat;font-size:21px;line-height:1.5;padding-bottom:80px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{width:min(1260px,calc(100% - 80px));margin:auto;display:flex;justify-content:space-between;align-items:flex-start;padding:26px 0 45px;min-height:190px;text-align:left}
.brand{width:410px;max-width:48%;margin:0;line-height:0}
nav{gap:28px;padding-top:25px;font-size:18px;font-weight:600}
nav a{padding:8px 2px;min-height:44px}
.page{width:min(1100px,calc(100% - 64px))}
.panel{border:0;border-radius:0;background:none;box-shadow:none;padding:0}
h1{font-size:clamp(62px,7vw,94px);letter-spacing:-.035em;margin:0 0 12px}
p{margin:0 0 20px}
.lead,.subheading{font-family:'Playfair Display',Georgia,serif;line-height:1.2;color:var(--ink)}
.hero .lead{font-size:clamp(34px,4.2vw,54px);font-style:italic;margin-bottom:8px}
.subheading{font-size:clamp(24px,2.8vw,36px);font-style:italic;margin:0 auto 30px}
.hero .intro-copy{max-width:740px;margin:28px auto 0;font-size:22px;scroll-margin-top:30px}
.workflows{text-align:center;padding:0}
.workflow-list{margin:18px auto 26px;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;max-width:1030px}
.workflow-list li{display:flex;align-items:center;flex-direction:column;text-align:center;font-size:19px;line-height:1.35;font-weight:600;padding:0;border:0;border-radius:0;background:none;gap:0}
.art{display:block;flex-shrink:0;background-image:url('assets/watercolor-icons-v2.png');background-size:300% 200%;width:170px;height:170px}
.calendar{background-position:0 0}.families{background-position:50% 0}.contracts{background-position:100% 0}.health{background-position:0 100%}.portal{background-position:50% 100%}.clipboard{background-position:100% 100%}
.button{gap:25px;border:2px solid #20588d;padding:15px 36px;min-height:64px;background:linear-gradient(105deg,#23578eb3,#1d5e9bd9),url('assets/icon-dark.png') center/cover;font-family:'Playfair Display',Georgia,serif;font-size:30px;font-weight:600;box-shadow:inset 0 2px 3px #ffffff4d,0 5px 12px #1a477c18;line-height:1.3;margin:8px 0 14px;text-shadow:0 1px 2px #06284b}
.button:hover{background:linear-gradient(105deg,#28649bb3,#286dadd9),url('assets/icon-dark.png') center/cover}
.button svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.small,.beta-disclosure{font-size:16px;color:var(--soft)}
.beta-disclosure{margin:0 auto 14px;max-width:650px}
footer{padding:0 20px 20px;font-size:19px}
footer p{margin-bottom:12px}
.paw-divider{display:flex;align-items:center;justify-content:center;gap:18px;max-width:510px;margin:18px auto 16px}
.paw-divider span{height:1px;flex:1;background:#7e9fbd}
.paw-divider img{opacity:.85}
.beta-intro{text-align:center}
.beta-intro h1{font-size:clamp(40px,5vw,66px);margin-bottom:12px}
.beta-intro .subheading{font-size:29px;margin-bottom:12px}
.brushstroke{width:280px;height:10px;margin:0 auto 22px;background:linear-gradient(90deg,transparent,#a5badb88,#b6a4d999,transparent);border-radius:55% 40% 60% 30%;transform:rotate(-1deg)}
.beta-details{display:grid;grid-template-columns:300px minmax(0,1fr);gap:25px;max-width:960px;margin:0 auto;text-align:left;align-items:center}
.clipboard{width:300px;height:300px;align-self:start}
.beta-copy>p{font-size:22px}
.paw-list{list-style:none;padding:0;margin:16px 0 24px}
.paw-list li{padding-left:36px;margin:0 0 15px;background:url('assets/paw.svg') left 4px/23px 23px no-repeat}
.beta-note{padding:17px 22px;background:#dce9f9d9;border:1px solid #d1e1f5;border-radius:18px;font-size:19px}
.beta-note p{margin:0}
.signup{max-width:740px;margin:26px auto 20px}
.availability{font-size:16px;color:#654f1c;margin:0 auto 8px;max-width:650px;padding:0;border:0;border-radius:0;background:none}
.questionnaire-caption{font-size:18px;margin:0 auto 8px}
.signature{font-size:30px;font-style:italic;margin:20px 0 0}
.heart{font-size:48px;line-height:1.1;color:#2e629c;margin:2px 0 14px}
body.beta-page{padding-bottom:50px}
.beta-page footer{margin-top:8px}
@media(min-width:1500px){.site-header{padding-bottom:55px}.workflow-list{margin-top:28px;margin-bottom:30px}body{padding-bottom:120px}}
@media(max-width:850px){.site-header{width:calc(100% - 44px);min-height:160px;padding-bottom:35px}.brand{width:340px}nav{gap:18px;font-size:17px;padding-top:12px}.page{width:calc(100% - 44px)}.art{width:135px;height:135px}.workflow-list{gap:4px}.workflow-list li{font-size:17px}.beta-details{grid-template-columns:230px minmax(0,1fr);gap:15px}.clipboard{width:230px;height:230px}.beta-intro .subheading{font-size:26px}}
@media(max-width:600px){body,body.beta-page{font-size:19px;padding-bottom:55px;background-size:auto 100%;background-position:center}.site-header{width:calc(100% - 36px);min-height:auto;align-items:center;flex-direction:column;padding:20px 0 35px;gap:15px}.brand{width:290px;max-width:95%}nav{padding:0;gap:32px;font-size:17px}.page{width:calc(100% - 36px)}h1{font-size:55px;margin-bottom:15px}.hero .lead{font-size:32px;line-height:1.3}.subheading{font-size:25px;line-height:1.35;max-width:340px;margin-bottom:22px}.hero .intro-copy{font-size:19px;margin:22px auto 12px;max-width:355px}.workflow-list{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px 0;margin:20px 0 26px}.workflow-list li{grid-column:span 2;font-size:15px}.workflow-list li:nth-child(4){grid-column:2/span 2}.workflow-list li:nth-child(5){grid-column:4/span 2}.art{width:112px;height:112px}.button{font-size:23px;gap:16px;padding:14px 24px;min-height:60px}.button svg{width:24px;height:24px}.beta-disclosure{font-size:15px;max-width:330px;margin-top:5px}footer{font-size:17px;padding:0 22px 15px}.paw-divider{max-width:290px;margin-top:22px}.beta-intro h1{font-size:43px;max-width:340px;margin-left:auto;margin-right:auto}.beta-intro .subheading{font-size:25px;line-height:1.35}.brushstroke{width:220px;margin-bottom:8px}.beta-details{display:flex;flex-direction:column;gap:4px}.clipboard{align-self:center;width:220px;height:220px;margin:0 auto}.beta-copy>p{font-size:19px;text-align:center}.paw-list{margin:22px 0}.paw-list li{padding-left:32px;margin-bottom:18px;background-size:22px 22px}.beta-note{font-size:18px;padding:17px 18px}.signup{margin-top:24px}.availability{font-size:16px;margin-bottom:10px}.questionnaire-caption{font-size:17px;max-width:330px}.small{font-size:15px}.signature{font-size:26px;line-height:1.4;max-width:330px;margin:22px auto 0}.heart{font-size:42px}}
@media(max-width:360px){h1{font-size:47px}.hero .lead{font-size:29px}.subheading{font-size:23px}.art{width:96px;height:96px}.clipboard{width:205px;height:205px}.workflow-list li{font-size:14px}.button{font-size:21px;padding:14px 20px;gap:12px}.beta-intro h1{font-size:39px}}
body,body.beta-page{background-image:url('assets/watercolor-paper-v2.webp')}
.art{background-image:url('assets/watercolor-icons-v2.webp')}
.button{background:linear-gradient(105deg,#125895ce,#133d83c9),url('assets/watercolor-paper-v2.webp') center bottom/cover}
.button:hover{background:linear-gradient(105deg,#1969a5ce,#204e97c9),url('assets/watercolor-paper-v2.webp') center bottom/cover}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* More breathing room under "Coming Soon!" (Clint, 2026-11-08) */
.hero h1{margin-bottom:34px}
@media(max-width:600px){.hero h1{margin-bottom:24px}}
.hero .intro-copy.intro-more{margin-top:14px}