/* Intake page stylesheet.
   Structure was ported from the classaction-lawsuit.com Hims & Hers page (its CSS modules read
   out of the shipped bundle on 2026-09-08), with the hashed module class names replaced by plain
   ones. The values below are OURS, not the vendor's, and are shared with registry.css so the
   registry and the intake pages read as one site: the same bone paper and navy-black ink, teal
   as the action colour, sienna as the accent, IBM Plex Serif for headlines (the vendor paired
   Source Serif 4), tighter radii, a left-spine selected state instead of a tinted fill, and a
   numbered step counter above the progress rail. Fonts are self-hosted: this page makes no
   third-party request of any kind. */

@font-face{font-family:"IBM Plex Serif";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/ibm-plex-serif-400-latin.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Serif";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/ibm-plex-serif-600-latin.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Serif";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/ibm-plex-serif-700-latin.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/ibm-plex-sans-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/ibm-plex-mono-400-latin.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/ibm-plex-mono-500-latin.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/ibm-plex-mono-600-latin.woff2) format("woff2")}

:root{
  --paper:#f2efe7;--paper-dim:#e8e3d7;--ink:#191d26;--ink-soft:#414653;--line:#191d2624;
  --flag:#9a4a2f;--flag-deep:#7d3a23;--flag-soft:#f0e2da;--wire:#1d5c5e;--wire-deep:#164a4c;
  --wire-soft:#eaf1f0;--choice-border:#cfc8b8;--white:#fbfaf7;
  --font:"IBM Plex Sans",system-ui,sans-serif;
  --font-serif:"IBM Plex Serif",Georgia,serif;
  --font-mono:"IBM Plex Mono",monospace;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);line-height:1.6}
main.landing{min-height:100vh;background:var(--paper);color:var(--ink);font-family:var(--font);line-height:1.6}
main.landing h1,main.landing h2,main.landing h3{font-family:var(--font-serif);font-weight:600;letter-spacing:-.01em}
a{color:inherit}

/* Header */
.site-header{padding:16px 0;border-bottom:2px solid var(--wire);background:var(--paper);color:var(--ink)}
.site-header__inner{width:100%;max-width:1040px;padding:0 24px;margin:0 auto}
.home-link{display:inline-flex;border-radius:4px;color:inherit;text-decoration:none}
.home-link:focus-visible{outline:3px solid var(--wire);outline-offset:4px}
.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-serif);line-height:1}
.brand__monogram{display:inline-flex;font-size:28px;font-weight:700;letter-spacing:-.09em}
.brand__c{color:var(--wire)}
.brand__a,.brand__action{color:var(--flag)}
.brand__wordmark{color:var(--ink);font-size:19px;font-weight:700;letter-spacing:-.01em}
.brand__lawsuit{color:var(--wire)}

/* Hero: headline, subhead, the card */
.hero{padding:36px 0 48px}
.hero__wrap{width:100%;max-width:1040px;padding:0 24px;margin:0 auto}
.hero__head{margin-bottom:22px;text-align:center}
.hero__title{margin:0 0 10px;color:var(--ink);font-size:30px;line-height:1.15}
.hero__hook{max-width:46ch;margin:0 auto;color:var(--ink-soft);font-size:15.5px}
.hero__form-wrap{max-width:560px;margin:0 auto}
.hero__form-wrap:focus{outline:none}
.form-card{padding:26px;border:1px solid var(--line);border-top:3px solid var(--wire);border-radius:4px;background:var(--white);box-shadow:0 12px 30px -26px #191d2673}
.form-body{min-height:286px;background:var(--white);scroll-margin-top:24px}

/* Progress bar: one segment per step, filled left to right */
.progress{display:flex;gap:4px;margin-bottom:8px}
.progress__segment{height:3px;flex:1 1;background:var(--choice-border);transition:background-color .2s ease}
.progress__label{margin:0 0 22px;color:var(--ink-soft);font-family:var(--font-mono);font-size:11px;letter-spacing:.09em;text-transform:uppercase}
.progress__segment--active{background:var(--wire)}

/* A step */
.step{animation:step-enter .25s ease-out;color:var(--ink);font-family:var(--font)}
.step[hidden]{display:none}
@keyframes step-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.step{animation:none}}
.option-fieldset{min-width:0;padding:0;margin:0;border:0}
.qlabel{display:block;padding:0;margin:0 0 6px;color:var(--ink);font-family:var(--font-serif);font-size:17px;font-weight:600;line-height:1.4;letter-spacing:-.01em}
.hint{margin:0 0 16px;color:var(--ink-soft);font-size:13px;line-height:1.5}
.choices{display:flex;flex-direction:column;gap:10px}
.choice{display:flex;min-height:52px;align-items:center;gap:12px;padding:16px 18px;border:1px solid var(--choice-border);border-radius:4px;background:var(--white);color:var(--ink);cursor:pointer;font-size:15.5px;font-weight:500;line-height:1.4;transition:border-color .1s ease,background-color .1s ease;touch-action:manipulation;-webkit-user-select:none;user-select:none}
.choice:hover{border-color:var(--wire)}
.choice:has(input:focus-visible){outline:3px solid var(--wire);outline-offset:2px}
.choice input{width:18px;height:18px;flex:0 0 18px;margin:0;accent-color:var(--wire);cursor:pointer}
.choice--selected{border-color:var(--wire);box-shadow:inset 3px 0 0 var(--wire);background:var(--wire-soft)}
.confirm-block{padding:16px 18px;border:1px solid var(--choice-border);border-left:3px solid var(--flag);border-radius:3px;background:var(--flag-soft)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{margin:0 0 14px}
.field-label{display:block;margin-bottom:6px;color:var(--ink);font-size:13px;font-weight:600;line-height:1.45}
.field-input,.textarea{width:100%;min-height:46px;box-sizing:border-box;padding:12px 13px;border:1px solid var(--choice-border);border-radius:3px;outline:none;background:var(--white);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.4}
.textarea{min-height:100px;resize:vertical}
.field-input:focus,.field-input:focus-visible,.textarea:focus,.textarea:focus-visible{border-color:var(--wire);outline:2px solid var(--wire);outline-offset:1px}
.field-input--error{border-color:var(--flag)}
.error-text{margin:6px 0 0;color:var(--flag-deep);font-size:13px;font-weight:500;line-height:1.45}
.tech-label{margin-top:18px}
.nav-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px}
.nav-spacer{display:inline-block;min-width:44px}
.btn-back{min-width:44px;min-height:44px;padding:10px 0;border:0;background:#0000;color:var(--ink-soft);cursor:pointer;font-family:var(--font);font-size:14px;line-height:1.4;text-decoration:underline;text-underline-offset:3px}
.btn-back:hover:not(:disabled){color:var(--wire)}
.btn-back:focus-visible{outline:3px solid var(--wire);outline-offset:2px}
.btn-next{min-width:124px;min-height:46px;padding:13px 26px;border:0;border-radius:2px;background:var(--wire);color:#fbfaf7;cursor:pointer;font-family:var(--font);font-size:15px;font-weight:600;letter-spacing:.02em;line-height:1.35;transition:background-color .15s ease;touch-action:manipulation}
.btn-next:hover:not(:disabled){background:var(--wire-deep)}
.btn-next:focus-visible{outline:3px solid var(--wire);outline-offset:2px}
.btn-next:disabled{opacity:.45;cursor:default} /* the vendor's disabled look is the same button at reduced opacity */
.tcpa{margin-top:14px;font-family:var(--font)}
.tcpa,.tcpa *{color:var(--ink-soft)!important;font-family:var(--font)!important;font-size:11px!important;line-height:1.5!important}
.tcpa a{color:var(--wire)!important;text-decoration:underline!important;text-underline-offset:2px}
.tcpa p{margin:0}

/* Result screen (shown after the last submit) */
.result{text-align:center;padding:12px 0 4px}
.result[hidden]{display:none}
.result__checkmark{width:52px;height:52px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;border-radius:3px;background:var(--wire);color:#fbfaf7}
.result__heading{margin:0 0 8px;font-family:var(--font-serif);font-size:22px;font-weight:600;letter-spacing:-.01em}
.result__body{max-width:44ch;margin:0 auto;color:var(--ink-soft);font-size:14.5px}

/* Sections below the form */
.section{padding:52px 0;border-top:1px solid var(--line)}
.section__wrap{width:100%;max-width:1040px;padding:0 24px;margin:0 auto}
.eyebrow{margin:0 0 12px;color:var(--flag);font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.eyebrow::before{content:"";display:inline-block;width:20px;height:1px;margin-right:9px;background:currentColor;vertical-align:middle}
.section__title{margin:0 0 18px;font-size:30px}
.lead{max-width:70ch;margin:0;color:var(--ink-soft);font-size:16.5px}
.funnels-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}
.funnel-card{padding:16px 18px;border:1px solid var(--line);border-left:2px solid var(--wire);border-radius:3px;background:var(--white)}
.funnel-card h3{margin:0 0 4px;font-size:16px}
.funnel-card code{color:var(--wire);font-family:var(--font-mono);font-size:11.5px}
.who-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}
.who-card{display:flex;gap:12px;padding:18px 20px;border:1px solid var(--line);border-radius:3px;background:var(--white)}
.who-card h3{margin:0 0 5px;font-size:17px}
.who-card p{margin:0;color:var(--ink-soft);font-size:13.5px}
.who-card__check{display:flex;width:22px;height:22px;flex:0 0 22px;align-items:center;justify-content:center;margin-top:2px;border-radius:3px;background:var(--wire);color:#fbfaf7;font-size:13px}
.how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0;margin:24px 0 0;list-style:none}
.how-card{padding:22px;border:1px solid var(--line);border-top:2px solid var(--wire);border-radius:3px;background:var(--white)}
.how-card h3{margin:10px 0 8px;font-size:17px}
.how-card p{margin:0;color:var(--ink-soft);font-size:13.5px}
.how-card__number{color:var(--wire);font-family:var(--font-mono);font-size:22px;font-weight:600;letter-spacing:.04em}
.faq-list{margin-top:8px}
.faq-item{border-bottom:1px solid var(--line)}
.faq-question{display:flex;width:100%;min-height:56px;align-items:center;justify-content:space-between;gap:24px;padding:18px 0;color:var(--ink);cursor:pointer;font-size:15.5px;font-weight:600;line-height:1.45;list-style:none}
.faq-question::-webkit-details-marker{display:none}
.faq-question:focus-visible{border-radius:3px;outline:3px solid var(--wire);outline-offset:4px}
.faq-icon{color:var(--flag);font-family:var(--font-mono);font-size:16px;transition:transform .15s ease}
.faq-item[open] .faq-icon{transform:rotate(45deg)}
.faq-answer{max-width:72ch;margin:0 0 18px;color:var(--ink-soft);font-size:14.5px}
@media(prefers-reduced-motion:reduce){.faq-icon{transition:none}}

/* Footer */
.footer{padding:32px 0 60px;border-top:1px solid var(--line);background:var(--paper);color:var(--ink-soft);font-family:var(--font);font-size:12px;line-height:1.7}
.footer__inner{width:100%;max-width:1040px;padding:0 24px;margin:0 auto}
.footer .home-link{margin-bottom:16px}
.footer__links{display:flex;flex-wrap:wrap;align-items:center;gap:0 6px;margin-bottom:16px}
.footer__links>span{color:var(--line)}
.footer__link{display:inline-flex;min-height:44px;align-items:center;padding:0;border:0;border-radius:3px;background:#0000;color:var(--ink-soft);cursor:pointer;font-family:inherit;font-size:12px;text-decoration:underline;text-underline-offset:2px}
.footer__link:hover{color:var(--wire)}
.footer__link:focus-visible{outline:3px solid var(--wire);outline-offset:2px}
.footer__disclaimer{max-width:900px;margin:16px 0 0}
.footer__disclaimer a{color:inherit;text-decoration:underline}
.footer__disclaimer--second{margin-top:14px}
.footer__unsubscribe-note{margin:8px 0 0}
.footer__unsubscribe-note[hidden]{display:none}

/* Legal pages (privacy, terms, ccpa, partners, contact) */
.legal{max-width:820px;padding:36px 24px 72px;margin:0 auto;font-size:15px}
.legal h1{font-family:var(--font-serif);font-size:30px;margin:0 0 18px}
.legal h2{font-family:var(--font-serif);font-size:21px;margin:30px 0 10px}
.legal h3{font-family:var(--font-serif);font-size:17px;margin:24px 0 8px}
.legal p,.legal li{color:var(--ink-soft)}
.legal hr{border:0;border-top:1px solid var(--line);margin:28px 0}
.legal blockquote{margin:0;padding:12px 16px;border-left:3px solid var(--wire);background:var(--white)}
.draft-note{border-left-width:3px}
.draft-note{padding:12px 16px;margin:0 0 24px;border:1px solid var(--choice-border);border-left:3px solid var(--flag);border-radius:3px;background:var(--flag-soft);color:var(--ink);font-size:13.5px}
.review{background:#fff3c4;outline:2px solid #e2c56a;outline-offset:2px}

/* Responsive breakpoints, as shipped */
@media(max-width:860px){
  .hero{padding:24px 0 32px}.hero__title{font-size:22px}.hero__hook{font-size:14px}.form-card{padding:20px}
  .funnels-grid{grid-template-columns:1fr}.who-grid{grid-template-columns:1fr}.how-grid{grid-template-columns:1fr}
}
@media(max-width:560px){.funnels-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.funnel-card{padding:14px}.row2{grid-template-columns:1fr}}