
:root{--ink:#102a43;--teal:#159b98;--deep:#0b7777;--mist:#edf9f7;--muted:#5c7080;--line:#d9eceb;--white:#fff;--amber:#e8a323;--red:#c94c4c;--green:#3f956f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.55}
a{text-decoration:none;color:inherit}.wrap{max-width:1160px;margin:auto;padding:0 24px}.nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid #edf3f3}.navin{height:74px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:24px;letter-spacing:-.6px}.mark{width:42px;height:42px;border-radius:50%;background:var(--teal);color:white;display:grid;place-items:center;font-size:22px}.links{display:flex;gap:25px;align-items:center;font-size:14px;color:#40566b}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:13px 20px;font-weight:800;cursor:pointer;background:var(--teal);color:white;box-shadow:0 8px 22px rgba(21,155,152,.18)}.btn.secondary{background:white;color:var(--deep);border:1px solid var(--line);box-shadow:none}
.hero{background:linear-gradient(105deg,#f4fbfa,#dfeeed)}.heroGrid{min-height:610px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:42px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:900;color:var(--deep)}h1{font-size:clamp(44px,6vw,72px);line-height:.98;letter-spacing:-3px;margin:14px 0 20px}h2{font-size:clamp(34px,4vw,52px);line-height:1.05;letter-spacing:-2px;margin:10px 0 18px}.accent{color:var(--teal)}.lead{font-size:20px;color:#385166;max-width:620px}.heroVisual{min-height:470px;border-radius:32px;background:linear-gradient(145deg,#bfe1dc,#fff);display:grid;place-items:center;padding:24px;overflow:hidden}.heroVisual img{width:100%;max-width:500px;border-radius:24px}.trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:24px;font-size:13px;color:#476074}.section{padding:92px 0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.night{border-radius:28px;min-height:340px;padding:44px;background:linear-gradient(145deg,#15364d,#0b6f70);color:white;display:flex;flex-direction:column;justify-content:end}.night strong{font-size:76px;line-height:1}.muted{color:var(--muted)}.pillars{background:var(--mist)}.center{text-align:center}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:42px}.card{background:white;border:1px solid var(--line);border-radius:24px;padding:32px;box-shadow:0 12px 30px rgba(16,42,67,.05)}.ico{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#e1f3f1;font-size:27px;margin-bottom:20px}.card h3{font-size:22px;margin:0 0 8px}.ohioBadge{height:330px;border-radius:28px;background:linear-gradient(145deg,#d9f0ed,#f7fcfb);display:grid;place-items:center;font-weight:900;font-size:110px;color:var(--teal)}
.final{text-align:center;background:linear-gradient(135deg,#dff3f1,#f7fcfb);padding:90px 0}.footer{padding:30px 0;border-top:1px solid var(--line);font-size:12px;color:#6b7d8d}.footerIn{display:flex;justify-content:space-between;gap:20px;align-items:center}
.appShell{background:#f4f8f8;min-height:100vh}.appTop{background:white;border-bottom:1px solid var(--line)}.appNav{height:70px;display:flex;align-items:center;justify-content:space-between}.appGrid{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 70px)}.side{background:#0e3445;color:#dce9ec;padding:24px}.side a{display:block;padding:12px 14px;border-radius:12px;margin-bottom:6px}.side a:hover,.side a.active{background:#174b5f;color:white}.main{padding:34px}.dash{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.panel{background:white;border:1px solid var(--line);border-radius:22px;padding:25px}.pet{display:flex;gap:16px;align-items:center}.avatar{width:64px;height:64px;border-radius:50%;background:var(--mist);display:grid;place-items:center;font-size:31px}.status{display:inline-block;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:800}.soon{background:#fff2d4;color:#8a5b00}.ok{background:#e5f5ed;color:#267052}.urgent{background:#fde7e7;color:#9c3333}.timeline{border-left:2px solid var(--line);padding-left:20px}.event{margin:0 0 22px}.triageBox{background:#f8fbfb;border:1px solid var(--line);border-radius:18px;padding:20px}.field{width:100%;padding:14px;border:1px solid #cfe0e0;border-radius:12px;font:inherit;margin:6px 0 13px}.notice{font-size:12px;color:#6a7b89;background:#f4f7f7;padding:12px;border-radius:12px}.modal{display:none;position:fixed;inset:0;background:rgba(16,42,67,.58);z-index:50;place-items:center;padding:20px}.modal.open{display:grid}.modalBox{background:white;border-radius:24px;padding:30px;max-width:470px;width:100%}.close{float:right;border:0;background:none;font-size:24px;cursor:pointer}
@media(max-width:820px){.links{display:none}.heroGrid,.grid2,.dash{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.appGrid{grid-template-columns:1fr}.side{display:flex;overflow:auto;padding:10px}.side a{white-space:nowrap;margin:0 4px}.main{padding:20px}.section{padding:65px 0}.footerIn{flex-direction:column;text-align:center}.heroGrid{padding:50px 0}}

.waitlistEmbed{max-width:620px;margin:0 auto;min-height:72px}.waitlistEmbed form{margin-left:auto!important;margin-right:auto!important}.waitlistNote{margin:14px auto 0;font-size:12px;color:#607687}.final .formkit-form{margin-left:auto!important;margin-right:auto!important}.final .formkit-fields{justify-content:center!important}

/* Kit waitlist: allow the full embedded form to render without clipping. */
.waitlistEmbed{
  width:100%;
  max-width:760px;
  min-height:520px;
  margin:28px auto 0;
  overflow:visible;
  display:flex;
  justify-content:center;
  align-items:flex-start;
}
.waitlistEmbed .formkit-form,
.waitlistEmbed form{
  width:100%!important;
  max-width:760px!important;
  min-height:480px!important;
  margin:0 auto!important;
  overflow:visible!important;
}
.waitlistEmbed .formkit-fields{width:100%!important;overflow:visible!important}
.waitlistEmbed input[type="email"]{min-height:48px!important;font-size:16px!important}
.waitlistEmbed button{min-height:48px!important}
@media(max-width:820px){
  .waitlistEmbed{max-width:100%;min-height:560px;margin-top:22px}
  .waitlistEmbed .formkit-form,.waitlistEmbed form{max-width:100%!important}
}

/* Native Kit signup — intentionally independent of Kit's rendering JavaScript. */
.nativeWaitlist{max-width:720px;margin:28px auto 0;background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 12px 30px rgba(16,42,67,.07);text-align:left}
.vetpilotSignup label{display:block;font-weight:800;color:#102a43;margin-bottom:10px}
.signupRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}
.signupRow input{width:100%;min-height:54px;border:1px solid #b9c8d3;border-radius:12px;padding:0 16px;font:inherit;font-size:16px;color:#102a43;background:#fff}
.signupRow input:focus{outline:3px solid rgba(18,160,157,.18);border-color:var(--teal)}
.signupRow button{min-height:54px;border:0;border-radius:12px;padding:0 22px;background:var(--teal);color:#fff;font:inherit;font-weight:800;cursor:pointer}
.signupRow button:hover{filter:brightness(.94)}
.waitlistPrivacy{font-size:13px;color:#607687;margin:12px 0 0}
@media(max-width:640px){.signupRow{grid-template-columns:1fr}.signupRow button{width:100%}.nativeWaitlist{padding:20px}}

.saraFigure{margin:0;width:100%}.saraFigure img{display:block}.saraFigure figcaption{text-align:center;padding:12px;font-size:14px;font-weight:700}.saraWelcome{display:flex;gap:28px;align-items:center;margin:24px 0}.saraAvatar{width:140px;height:140px;border-radius:50%;object-fit:cover;flex-shrink:0}.saraWelcome h3{margin:8px 0;font-size:26px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #102a43;outline-offset:4px}section[id]{scroll-margin-top:90px}@media(max-width:600px){.saraWelcome{align-items:flex-start;flex-direction:column}.saraAvatar{width:96px;height:96px}.heroGrid{gap:20px}.heroVisual{min-height:0}.links{flex-wrap:wrap}}

/* Sara is a compact video-style companion; original pet artwork stays primary. */
.saraVideo{position:fixed;right:22px;bottom:22px;width:260px;max-width:calc(100vw - 32px);z-index:40;border-radius:18px;overflow:hidden;background:white;border:1px solid #cfdfdf;box-shadow:0 12px 40px #102a4330;font-size:13px}.saraVideo[hidden],.saraLauncher[hidden]{display:none}.saraVideoBar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:#102a43;color:white;font-size:11px;font-weight:700}.saraClose{background:transparent;border:0;color:white;font-size:22px;line-height:1;cursor:pointer;padding:2px 6px}.saraVideoFrame{position:relative;aspect-ratio:16/10;background:#edf9f7}.saraVideoFrame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 35%}.saraPreviewBadge{position:absolute;left:10px;bottom:10px;background:#102a43d9;color:white;border-radius:20px;padding:4px 8px;font-size:10px}.saraVideoInfo{padding:12px 14px}.saraVideoInfo p{margin:4px 0 8px;font-size:12px;color:#5c7080}.saraVideoInfo small{display:block;color:#5c7080;font-size:10px;margin-top:8px}.saraDemoLink{color:#0b7777;font-weight:800;font-size:12px}.saraLauncher{position:fixed;right:22px;bottom:22px;z-index:40;border:0;border-radius:999px;background:#102a43;color:white;font:inherit;font-weight:700;padding:12px 20px;box-shadow:0 8px 25px #102a4330}.appShell{padding-bottom:340px}body:not(.appShell) .footer{padding-bottom:340px}@media(max-width:820px){.heroGrid{padding:50px 24px}.saraVideo{right:16px;bottom:16px;width:220px}.saraVideoInfo p{display:none}.saraVideoInfo{padding:10px 12px}.saraLauncher{right:16px;bottom:16px}}

/* Compact companion and unobtrusive hosting attribution. */
#nl-badge-frame{left:10px!important;right:auto!important;bottom:8px!important;transform:scale(.45)!important;transform-origin:bottom left!important}
.saraVideo{width:220px;right:16px;bottom:16px}.saraVideoBar{font-size:10px;padding:8px 10px}.saraVideoInfo{padding:10px 12px}.saraVideoInfo p{font-size:11px}.saraVideoFrame{aspect-ratio:16/9}.saraLauncher{right:16px;bottom:16px;padding:10px 16px;font-size:13px}@media(max-width:820px){.saraVideo{width:190px}.saraVideoInfo{padding:8px 10px}.saraVideoInfo small{font-size:9px}}
