@font-face{font-family:"DM Sans";src:url(/fonts/dm-sans-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"DM Sans";src:url(/fonts/dm-sans-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"DM Sans";src:url(/fonts/dm-sans-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"DM Sans";src:url(/fonts/dm-sans-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Playfair Display";src:url(/fonts/playfair-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Playfair Display";src:url(/fonts/playfair-600.woff2) format("woff2");font-weight:600 700;font-display:swap}
@font-face{font-family:"Playfair Display";src:url(/fonts/playfair-500-italic.woff2) format("woff2");font-weight:500 700;font-style:italic;font-display:swap}

/* ClearPath Intake brand tokens (matches clearpathintake.co) */
:root{
  --navy:#082D4E; --navy-2:#0D3D68; --blue:#2A7DC0;
  --gold:#E3B64A; --gold-deep:#C9962B; --gold-text:#82590B; --gold-tint:#FBF3DE;
  --green:#209D50; --green-dark:#17803F; --green-tint:#E6F4EA;
  --ink:#14263A; --muted:#4A5B6C; --stone:#E1DFD9; --stone-light:#F4F3F0; --white:#fff;
  --line:var(--stone); --moon:rgba(255,255,255,.78);
  --brand-button:linear-gradient(90deg,#946A0E 0%,#17803F 52%,#1B64A8 100%);
  --gold-foil:linear-gradient(100deg,#F3D98B 0%,#E3B64A 40%,#C9962B 70%,#F0D48A 100%);
  --display:"Playfair Display",Georgia,"Times New Roman",serif; --body:"DM Sans",Arial,Helvetica,sans-serif;
  --radius:.375rem; --measure:68ch;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--white);color:var(--ink);font:400 1.0625rem/1.65 var(--body)}
a{color:var(--green-dark);text-underline-offset:.18em}
a:hover{color:var(--navy)}
:focus-visible{outline:3px solid var(--green);outline-offset:2px;border-radius:2px}
img,svg{max-width:100%}
.wrap{width:min(1152px,100% - 3rem);margin-inline:auto}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;color:var(--navy);font-weight:600;padding:.5rem 1rem;z-index:60;border-radius:2px}

h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.12;letter-spacing:-.01em;margin:0 0 .5em;color:var(--navy);text-wrap:balance}
h1{font-size:clamp(2.2rem,5.4vw,3.75rem);font-weight:500}
h2{font-size:clamp(1.6rem,2.8vw,2.25rem);font-weight:500}
h3{font-size:1.25rem;letter-spacing:0}
h1 em,h2 em{font-style:italic;color:var(--gold-text)}
p{margin:0 0 1em;max-width:var(--measure)}
.eyebrow{display:inline-flex;align-items:center;gap:.5rem;margin:0 0 1.5rem;padding:.4rem 1rem;border:1px solid rgba(227,182,74,.4);border-radius:2px;background:rgba(255,255,255,.05);color:var(--gold);font:600 .75rem/1.4 var(--body);text-transform:uppercase;letter-spacing:.2em}

/* header */
.site-head{position:sticky;top:0;z-index:40;background:rgba(8,45,78,.92);color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.topbar{margin:0;max-width:none;background:var(--gold-tint);color:var(--navy);text-align:center;font-size:.8rem;font-weight:600;padding:.4rem 1rem}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:.9rem;flex-wrap:wrap}
.hairline{height:1px;background:linear-gradient(90deg,transparent,rgba(227,182,74,.7) 50%,transparent)}
.brand{display:inline-flex;align-items:center;gap:.9rem;font-family:var(--display);font-weight:500;font-size:1.1rem;color:#fff;text-decoration:none}
.brand img{height:44px;width:auto;min-width:120px;display:block}
.brand .product{color:var(--gold);font-style:italic;padding-left:.9rem;border-left:1px solid rgba(227,182,74,.4)}
.brand:hover{color:#fff}
.site-nav{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;font-size:.9rem}
.site-nav a{color:var(--moon);text-decoration:none}
.site-nav a:hover{color:#fff}
.site-nav .talk{color:#fff;font-weight:600;background:var(--brand-button);padding:.5rem 1rem;border-radius:2px;transition:filter .15s}
.site-nav .talk:hover{filter:brightness(1.1)}

/* hero: the line shows the visitor's local time against typical clinic hours */
.sky{position:relative;overflow:hidden;background-color:var(--navy);background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 1px,transparent 1px 14px),radial-gradient(60rem 30rem at 85% -10%,rgba(227,182,74,.18),transparent 60%),radial-gradient(50rem 30rem at -10% 110%,rgba(42,125,192,.25),transparent 60%);color:#fff;padding:clamp(3.5rem,8vw,6.5rem) 0 3.5rem}
.sky::before{content:"";position:absolute;right:-10rem;top:-10rem;width:36rem;height:36rem;border-radius:50%;background:rgba(13,61,104,.6);box-shadow:0 0 0 1px rgba(227,182,74,.15);pointer-events:none}
.sky::after{content:"";position:absolute;right:-2.5rem;top:6rem;width:14rem;height:14rem;border-radius:50%;border:1px solid rgba(227,182,74,.4);pointer-events:none}
.sky .wrap{position:relative;z-index:1}
.sky h1{max-width:20ch;color:#fff;line-height:1.1}
.sky h1 em{color:transparent;background-image:var(--gold-foil);-webkit-background-clip:text;background-clip:text}
.sky .lede{font-size:1.15rem;max-width:52ch;color:rgba(255,255,255,.75)}

.dayline{margin:2rem 0 2.25rem;max-width:620px}
.dayline svg{display:block;width:100%;height:auto;overflow:visible}
.dayline .track{fill:#fff;opacity:.15}
.dayline .open{fill:var(--green);opacity:.85}
.dayline .now{fill:var(--gold)}
.dayline text{fill:rgba(255,255,255,.75);font:400 12px var(--body)}
.dayline .nowlabel{font-weight:600;fill:var(--gold)}

.search{display:flex;gap:.5rem;flex-wrap:wrap;max-width:620px}
.search input{flex:1 1 220px;min-width:0;font:inherit;font-size:1.05rem;padding:.85rem 1rem;border:1px solid transparent;border-radius:var(--radius);background:#fff;color:var(--ink)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font:600 1rem var(--body);padding:.85rem 1.5rem;border-radius:2px;border:0;background:var(--brand-button);color:#fff;cursor:pointer;text-decoration:none;transition:filter .15s}
.btn:hover{filter:brightness(1.1);color:#fff}
.btn.ghost{background:transparent;color:inherit;box-shadow:inset 0 0 0 1px currentColor}
.btn.ghost:hover{background:rgba(255,255,255,.08);color:inherit;filter:none}
.search-hint{font-size:.88rem;color:rgba(255,255,255,.65);margin-top:.75rem}

/* results */
.results{padding:2rem 0 1rem}
.results:empty{display:none}
.results-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap;margin-bottom:.5rem}
.clinic-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.clinic-row{display:grid;grid-template-columns:1fr auto;gap:.25rem 1.5rem;padding:1.1rem 0;border-bottom:1px solid var(--line)}
.clinic-row h3{margin:0 0 .15rem}
.clinic-row h3 a{color:var(--navy);text-decoration:none}
.clinic-row h3 a:hover{text-decoration:underline}
.clinic-row .where{color:var(--muted);margin:0}
.clinic-row .dist{font-family:var(--display);font-weight:500;color:var(--navy);font-size:1.1rem;text-align:right;white-space:nowrap}
.clinic-row .acts{grid-column:1/-1;display:flex;gap:1.25rem;font-size:.95rem;flex-wrap:wrap}
.empty{padding:1.25rem;background:var(--stone-light);border:1px solid var(--line);border-radius:var(--radius)}

/* sections */
.band{padding:4.5rem 0}
.band:nth-of-type(even){background:var(--stone-light)}
.band + .band{border-top:1px solid var(--line)}
.states{columns:4 12rem;column-gap:2rem;list-style:none;padding:0;margin:0}
.states li{break-inside:avoid;padding:.2rem 0;display:flex;justify-content:space-between;gap:1rem;border-bottom:1px dotted var(--line)}
.states .n{color:var(--muted);font-variant-numeric:tabular-nums}

.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem}
.offer{padding:2rem;border-radius:var(--radius);background:#fff;border:1px solid var(--line);box-shadow:0 1px 2px rgba(8,45,78,.05)}
.offer.night{position:relative;overflow:hidden;background:var(--navy) radial-gradient(30rem 16rem at 100% 0,rgba(227,182,74,.16),transparent 60%);color:var(--moon);border-color:var(--navy);border-top:2px solid var(--gold)}
.offer.night h2 em{color:var(--gold)}
.offer.night h2{color:#fff}

/* forms */
form.stack{display:grid;gap:.9rem;max-width:520px}
.field{display:grid;gap:.3rem}
.field label,.field legend{font-weight:700;font-size:.95rem}
.field input,.field select{font:inherit;padding:.7rem .8rem;border:1px solid #C9C6BE;border-radius:var(--radius);background:#fff;color:var(--ink);width:100%}
.offer.night .field input,.offer.night .field select{border-color:transparent}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.check{display:flex;gap:.6rem;align-items:flex-start;font-size:.9rem;line-height:1.45}
.check input{margin-top:.25rem;width:1.1rem;height:1.1rem;flex:none}
.note{font-size:.88rem;color:var(--muted)}
.offer.night .note{color:var(--moon);opacity:.85}
.hp{display:none}

/* clinic page */
.crumbs{font-size:.92rem;padding-top:1.5rem;color:var(--muted)}
.crumbs a{color:var(--muted)}
.clinic-hero{padding:1rem 0 2rem}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem 2rem;margin:1.5rem 0}
.facts dt{font-size:.9rem;color:var(--muted)}
.facts dd{margin:.15rem 0 0;font-size:1.1rem}
.services{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:0}
.services li{background:var(--green-tint);color:var(--green-dark);font-weight:500;padding:.3rem .7rem;border-radius:999px;font-size:.95rem}
.source{font-size:.9rem;color:var(--muted)}

/* guide */
.guide h2{margin-top:2.5rem}
.guide ol,.guide ul{max-width:var(--measure);padding-left:1.3rem}
.guide li{margin-bottom:.55rem}

/* footer */
.site-foot{background:var(--navy);color:rgba(255,255,255,.7);font-size:.9rem;padding:3.5rem 0 2.5rem;margin-top:0;border-top:1px solid rgba(227,182,74,.5)}
.site-foot p{max-width:80ch}
.site-foot a{color:var(--gold)}
.site-foot a:hover{color:#fff}
.foot-brand img{height:48px;width:auto;display:block}
.foot-tag{font-family:var(--display);font-style:italic;color:var(--gold);font-size:1.1rem;margin:.75rem 0 1.75rem}
.alert{border-left:4px solid #C2413A;background:#fff;border-radius:2px;padding:.8rem 1rem;margin:0 0 1.25rem;color:var(--ink);max-width:80ch}

@media (max-width:640px){
  .topbar .more{display:none}
  .site-nav{gap:1rem}
  .brand img{height:36px}
  .row2{grid-template-columns:1fr}
  .clinic-row{grid-template-columns:1fr}
  .clinic-row .dist{text-align:left}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
[tabindex="-1"]:focus{outline:none}
