/* v37: landing page only — BH Intake PDF palette (deep purple → violet → teal, gold rule, pink crisis box). Intake page does not load this file. */
:root{--pu:#09326e;--pv:#1e96d4;--tl:#23a6df;--gold2:#07ccec;--lav:#eef6fc;--lav2:#dbeaf6;--aqua:#e6f4fb;--line:#cfe3f3;--muted:#3d5274;--text:#0a2346}
body{background:linear-gradient(180deg,var(--lav) 0,#f3f8fd 40%,var(--aqua) 100%);color:var(--text)}
h1,h2,h3,.toplabel,.hb-name,label,legend,.phone,a{color:var(--pu)}
:focus-visible{outline-color:var(--gold2)}
/* header: white strip with gold+gradient rule */
.top{background:#fff;border-bottom:0;box-shadow:0 4px 0 -1px var(--gold2),0 0 0 0}
.top{border-image:linear-gradient(90deg,var(--pu),var(--pv),var(--tl)) 1;border-bottom:4px solid}
.quote,.q-brand,.hb-quote{color:var(--pv)}
/* hero: lavender/teal veil over the photo instead of cream */
.hero{background-color:var(--lav)}
@media (min-width:861px){.hero::before{background:linear-gradient(90deg,rgba(238,246,252,.62) 0%,rgba(238,246,252,.45) 55%,rgba(230,244,251,.30) 100%)}
.hero-text h1,.hero-text .lede{text-shadow:0 0 18px #eef6fc,0 0 8px #eef6fc,0 0 3px #eef6fc}}
@media (max-width:860px){.hero{background-color:var(--lav)}.hero::before{background:linear-gradient(180deg,rgba(238,246,252,0) 0,rgba(238,246,252,0) 190px,rgba(238,246,252,.97) 215px)}}
.hero-text .lede{color:#0a2346}
.hero h1{background:linear-gradient(90deg,var(--pu),var(--pv) 55%,var(--tl));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none!important;filter:drop-shadow(0 0 6px rgba(255,255,255,.9))}
.eyebrow{background:var(--pu);color:#fff;border:0;border-bottom:3px solid var(--gold2);font-weight:700;letter-spacing:.04em}
.hero-brand{border:2px solid transparent;background:linear-gradient(rgba(255,255,255,.92),rgba(255,255,255,.92)) padding-box,linear-gradient(135deg,var(--pv),var(--tl) 60%,var(--gold2)) border-box;box-shadow:0 12px 32px rgba(9,50,110,.18)}
/* buttons: brown → gradient with gold trim */
.btn{background:linear-gradient(120deg,var(--tl),#1e96d4 45%,var(--pv));color:#fff;border:2px solid var(--gold2);box-shadow:0 10px 24px rgba(35,166,223,.28)}
.btn:hover,.btn:focus-visible{background:linear-gradient(120deg,#09326e,#0a2346 45%,#1580c4)}
.cta-row .btn:not(.mw-start){min-height:72px;border-radius:16px;border-width:0 0 5px;font-size:21px}
.btn.mw-start{border:0;border-bottom:5px solid var(--gold2)}
.btn.ghost{background:#fff;color:var(--pu);border:2px solid var(--pv)}
/* steps band */
.stepsec{background:linear-gradient(120deg,var(--pu),var(--pv) 55%,var(--tl));padding:26px 0;border-top:5px solid var(--gold2);border-bottom:5px solid var(--gold2);margin-top:0}
.steps li{border:2px solid transparent;border-radius:16px;box-shadow:0 10px 26px rgba(5,20,45,.25);color:var(--text);font-weight:600}
.steps li:nth-child(1){background:linear-gradient(#eef6fc,#eef6fc) padding-box,linear-gradient(135deg,var(--pv),var(--pu)) border-box}
.steps li:nth-child(2){background:linear-gradient(#e6f4fb,#e6f4fb) padding-box,linear-gradient(135deg,var(--tl),#23a6df) border-box}
.steps li:nth-child(3){background:linear-gradient(#e6f8fd,#e6f8fd) padding-box,linear-gradient(135deg,var(--gold2),#23a6df) border-box}
.steps .ic{border-radius:50%;color:#fff;font-size:22px;box-shadow:0 4px 10px rgba(0,0,0,.18);border:2px solid #fff}
.steps li:nth-child(1) .ic{background:linear-gradient(135deg,var(--pv),var(--pu))}
.steps li:nth-child(2) .ic{background:linear-gradient(135deg,#23a6df,var(--tl))}
.steps li:nth-child(3) .ic{background:linear-gradient(135deg,#07ccec,#1e96d4);color:#09326e}
.steps li:nth-child(1) b{color:var(--pv)}.steps li:nth-child(2) b{color:#09326e}.steps li:nth-child(3) b{color:#09326e}
/* main panels + sidebar cards */
.maincol>.panel{border:1px solid var(--line);border-top:6px solid transparent;border-image:none;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,var(--pv),var(--tl)) border-box;box-shadow:0 10px 28px rgba(9,50,110,.10)}
.intake-cta{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,var(--tl),var(--gold2)) border-box!important}
.intake-cta .kick2{color:#09326e}
.soft,.hint,.chip small,.need{color:var(--muted)}
.need{background:var(--lav2);color:var(--pu)}
input[type=text],input:not([type]),input[type=tel],input[type=email],select,textarea,.chip span{border-color:#b8daf2}
.chip input:checked+span{background:linear-gradient(120deg,var(--pv),var(--tl));border-color:var(--pu);color:#fff}
.chip input:checked+span small{color:#e6f8fd}
.cb input{accent-color:var(--pv)}
.slot-taken{background:#e6f8fd;border-color:var(--gold2);color:var(--pu)}
.done{border-color:var(--gold2);background:linear-gradient(135deg,#fff,var(--lav))}
.side .card{background:#fff;border:1px solid var(--line);border-left:6px solid var(--pv);box-shadow:0 6px 18px rgba(9,50,110,.08)}
.side .card:nth-child(2){border-left-color:var(--tl)}.side .card:nth-child(3){border-left-color:var(--gold2)}
.side .card:nth-child(2) h3{color:#09326e}
.side-phone a{color:var(--tl)}
.crisisbar .heart{color:#ff9ec3}
/* footer: brand gradient with gold rule, white text */
footer{background:linear-gradient(120deg,var(--pu),var(--pv) 60%,var(--tl));color:#fff;border-top:5px solid var(--gold2);margin-top:0}
footer a{color:#cdf8ff}
/* v37 QC fix: purple→teal tint over hero photo (desktop), dark-purple text stays on a light veil */
@media (min-width:861px){.hero::before{background:linear-gradient(90deg,rgba(238,246,252,.78) 0%,rgba(230,244,251,.62) 45%,rgba(30,150,212,.28) 75%,rgba(35,166,223,.38) 100%),linear-gradient(180deg,rgba(9,50,110,.10),rgba(35,166,223,.12))}}