/* ============================================================
   Helix Seven: GLP-1 pre-intake sheet (js/h7-preintake.js)
   Scoped to .h7pi* so nothing else on the page is affected.
   Uses the site tokens when present, with safe fallbacks.
   ============================================================ */
.h7pi{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:18px;font-family:var(--sans,'Sofia',system-ui,sans-serif);color:var(--ink,#15271B)}
.h7pi[hidden]{display:none}
.h7pi__scrim{position:absolute;inset:0;background:rgba(12,52,44,.55);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;transition:opacity .22s}
.h7pi__sheet{position:relative;width:100%;max-width:560px;max-height:calc(100vh - 36px);overflow:auto;background:var(--paper,#FBFAF5);border-radius:var(--r-lg,26px);box-shadow:0 40px 90px -30px rgba(12,52,44,.55);padding:clamp(24px,4vw,40px);opacity:0;transform:translateY(16px) scale(.98);transition:opacity .22s,transform .26s cubic-bezier(.22,.61,.36,1)}
.h7pi.is-open .h7pi__scrim{opacity:1}
.h7pi.is-open .h7pi__sheet{opacity:1;transform:none}
html.h7pi-open{overflow:hidden}
.h7pi__x{position:absolute;top:12px;right:14px;width:38px;height:38px;border-radius:50%;background:var(--cream,#F2EFE6);color:var(--ink,#15271B);font-size:24px;line-height:1;display:grid;place-items:center;border:0;cursor:pointer;transition:background .2s}
.h7pi__x:hover{background:var(--cream-2,#ECE7DA)}

.h7pi__eyebrow{display:block;font-family:var(--label,'Montreal','Sofia',sans-serif);font-weight:500;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted,#5E6B60);margin-bottom:12px;padding-right:40px}
.h7pi__head h2{font-family:var(--serif,'Fraunces',Georgia,serif);font-weight:480;font-size:clamp(1.45rem,3vw,1.9rem);line-height:1.1;letter-spacing:-.015em;margin:0 0 10px;color:var(--ink,#15271B)}
.h7pi__head p{margin:0;font-size:.93rem;line-height:1.55;color:var(--ink-soft,#2A3C2F)}
.h7pi__head p b{font-weight:600}
.h7pi__dots{display:flex;gap:6px;margin:16px 0 4px}
.h7pi__dots i{width:26px;height:4px;border-radius:4px;background:rgba(21,39,27,.12)}
.h7pi__dots i.on{background:var(--forest,#076653)}
.h7pi__dots i.done{background:var(--mid,#8FCC30)}

.h7pi__opts{display:grid;gap:10px;margin-top:18px}
.h7pi__opt{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;background:var(--white,#fff);border:1.5px solid var(--line,rgba(21,39,27,.12));border-radius:var(--r-md,18px);padding:14px 16px;cursor:pointer;font:inherit;color:inherit;transition:border-color .18s,box-shadow .18s,transform .18s}
.h7pi__opt:hover{border-color:var(--forest,#076653);transform:translateY(-1px)}
.h7pi__opt[aria-pressed="true"]{border-color:var(--forest,#076653);box-shadow:0 0 0 3px rgba(7,102,83,.14);background:#F3F8F2}
.h7pi__opt__mark{flex:0 0 22px;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--line,rgba(21,39,27,.2));display:grid;place-items:center;margin-top:2px;color:#fff;transition:background .18s,border-color .18s}
.h7pi__opt__mark svg{width:12px;height:12px;opacity:0}
.h7pi__opt[aria-pressed="true"] .h7pi__opt__mark{background:var(--forest,#076653);border-color:var(--forest,#076653)}
.h7pi__opt[aria-pressed="true"] .h7pi__opt__mark svg{opacity:1}
.h7pi__opt__txt{display:flex;flex-direction:column;gap:3px;min-width:0}
.h7pi__opt__txt b{font-weight:600;font-size:.97rem;line-height:1.3}
.h7pi__opt__txt b em{font-style:normal;font-family:var(--label,'Montreal','Sofia',sans-serif);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;background:var(--lime-soft,#FBF1CF);color:var(--ink,#15271B);padding:.25em .6em;border-radius:100px;margin-left:.5em;vertical-align:middle}
.h7pi__opt__txt small{font-size:.82rem;line-height:1.45;color:var(--muted,#5E6B60)}
.h7pi__opts--form .h7pi__opt{padding:12px 14px}

.h7pi__field{display:block;margin-top:16px}
.h7pi__field span{display:block;font-family:var(--label,'Montreal','Sofia',sans-serif);font-weight:500;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted,#5E6B60);margin-bottom:8px}
.h7pi__field span small{text-transform:none;letter-spacing:0;font-family:var(--sans,'Sofia',system-ui,sans-serif)}
.h7pi__field input{width:100%;font:inherit;font-size:1rem;padding:14px 16px;border-radius:var(--r-md,18px);border:1.5px solid var(--line,rgba(21,39,27,.12));background:var(--white,#fff);color:var(--ink,#15271B);outline:none;transition:border-color .18s,box-shadow .18s}
.h7pi__field input:focus{border-color:var(--forest,#076653);box-shadow:0 0 0 3px rgba(7,102,83,.14)}
.h7pi__err{margin:8px 0 0;font-size:.86rem;color:#B8432D;font-weight:500}
.h7pi__err[hidden]{display:none}
.h7pi__summary{display:flex;flex-direction:column;gap:6px;margin:16px 0 18px;padding:12px 14px;border-radius:var(--r-md,18px);background:var(--cream,#F2EFE6);font-size:.86rem;color:var(--ink-soft,#2A3C2F)}
.h7pi__summary span{display:flex;align-items:center;gap:.5em}
.h7pi__summary svg{width:14px;height:14px;color:var(--forest,#076653);flex-shrink:0}

.h7pi__cta{display:inline-flex;align-items:center;justify-content:center;gap:.55em;width:100%;font-family:var(--sans,'Sofia',system-ui,sans-serif);font-weight:600;font-size:1rem;padding:1em 1.5em;border-radius:100px;background:var(--forest-deep,#0C342C);color:#fff;border:0;cursor:pointer;text-decoration:none;transition:transform .25s,box-shadow .25s,background .25s}
.h7pi__cta:hover{background:var(--forest,#076653);transform:translateY(-2px);box-shadow:0 14px 32px -14px rgba(7,102,83,.6)}
.h7pi__cta svg{width:18px;height:18px}
.h7pi__fine{margin:14px 0 0;font-size:.74rem;line-height:1.55;color:var(--muted-2,#7C887E)}
.h7pi__fine a{color:inherit;text-decoration:underline}

.h7pi__foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line-2,rgba(21,39,27,.07))}
.h7pi__foot:has(> .h7pi__skip:only-child){justify-content:flex-end}
.h7pi__back,.h7pi__skip{background:none;border:0;padding:6px 0;cursor:pointer;font:inherit;font-size:.84rem;font-weight:500;color:var(--muted,#5E6B60);display:inline-flex;align-items:center;gap:.4em;transition:color .2s}
.h7pi__back:hover,.h7pi__skip:hover{color:var(--ink,#15271B)}
.h7pi__skip svg{width:14px;height:14px}

.h7pi__done{text-align:center;padding:10px 0 4px}
.h7pi__done__ic{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--lime-soft,#FBF1CF);color:var(--forest,#076653);margin:0 auto 16px}
.h7pi__done__ic svg{width:26px;height:26px}
.h7pi__done .h7pi__cta{margin-top:18px}

@media (max-width:640px){
  .h7pi{padding:0;align-items:flex-end}
  .h7pi__sheet{max-width:none;max-height:92vh;border-radius:var(--r-lg,26px) var(--r-lg,26px) 0 0;transform:translateY(40px)}
  .h7pi__opts{gap:8px}
}
@media (prefers-reduced-motion:reduce){
  .h7pi__sheet,.h7pi__scrim,.h7pi__opt,.h7pi__cta{transition:none}
}
.h7pi__row{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}@media (max-width:520px){.h7pi__row{grid-template-columns:1fr}}
