/* HYL brand layer, October 2026: clinical teal accent, slate text, quote forms, illustrations */
[hidden]{display:none!important}

/* Accent used only for actions and trust cues */
.btn{background:var(--accent)}
.btn:hover{background:var(--accent-hover)}
.btn.ghost{color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent)}
.btn.ghost:hover{background:var(--accent-soft);color:var(--accent-hover)}
.cta .btn,.ft .btn{background:#fff;color:var(--accent)}
.cta .btn:hover{background:var(--accent-soft)}
.hero-price{background:var(--accent-soft)!important;color:var(--accent)!important;font-weight:600}
.hero-mark b{color:var(--ink)}
.utility{background:var(--slate);color:rgba(255,255,255,.88)}
.utility a,.utility b,.utility span b{color:#fff}

/* Form fields: visible on white */
.fg input,.fg select,.fg textarea{border-color:var(--field-line);background:#fff}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(15,92,90,.18)}

/* Quote card */
.quote-card .btn{width:100%;justify-content:center;margin-top:6px}
.quote-card-title{font-size:1.45rem;margin-bottom:4px}

/* Quote band at the end of pages */
.quote-band{background:var(--panel);border-top:1px solid var(--line);padding:80px 0;margin-top:70px}
.quote-band .wrap{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:56px;align-items:start}
.quote-band h2{font-size:clamp(1.8rem,3.2vw,2.5rem);margin:10px 0 14px}
.quote-band-copy>p{max-width:52ch;margin-bottom:22px}
.quote-band-call{font-size:.92rem}
.quote-band-call a{color:var(--accent);font-weight:600}

/* Price reassurance list */
.price-points{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:12px}
.price-points li{position:relative;padding-left:32px;line-height:1.55}
.price-points li::before{content:'';position:absolute;left:0;top:.18em;width:20px;height:20px;border-radius:50%;background:var(--accent-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-7' fill='none' stroke='%230F5C5A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat}
.price-points strong{color:var(--ink)}
.price-strip{background:#fff;border:1px solid var(--line);border-left:4px solid var(--accent);padding:28px 30px;margin:34px 0}
.price-strip h2,.price-strip h3{margin-bottom:16px}
.price-strip .price-points{margin-bottom:18px}

/* Illustrations */
.illus{margin:34px 0;background:#fff;border:1px solid var(--line);padding:22px}
.illus img{display:block;width:100%;height:auto}
.illus figcaption{font-size:.8rem;color:var(--faint);margin-top:12px}
.sec-illus{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}

/* Mobile action bar */
.mbar{display:none}
@media(max-width:760px){
  .mbar{display:grid;grid-template-columns:1fr 1.4fr;position:fixed;left:0;right:0;bottom:0;z-index:250;box-shadow:0 -8px 24px rgba(31,42,46,.16);transition:transform .3s var(--ease)}
  .mbar a{display:flex;align-items:center;justify-content:center;padding:16px 10px;font-weight:700;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}
  .mbar-call{background:#fff;color:var(--accent)}
  .mbar-cta{background:var(--accent);color:#fff}
  .mbar.is-hidden{transform:translateY(110%)}
  .cookie:not([hidden]) ~ .mbar{display:none}
  body{padding-bottom:56px}
}

@media(max-width:1020px){
  .quote-band .wrap,.sec-illus{grid-template-columns:1fr;gap:36px}
}
@media(max-width:700px){
  .quote-band{padding:56px 0}
  .fg-row{grid-template-columns:1fr}
}
@media print{.mbar,.quote-band{display:none!important}}
#pricing h2{margin:10px 0 14px;font-size:clamp(1.8rem,3.2vw,2.5rem)}
#pricing p{margin-bottom:22px}
.cov-note{font-size:.9rem;color:var(--body);margin:8px 0 24px;max-width:60ch}
@media(max-width:700px){.utility .wrap>span:first-child{display:none}}