* { margin: 0; padding: 0; box-sizing: border-box; }
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background: #0f0f23;
            color: #e0e0e0;
            min-height: 100vh;
            line-height: 1.65;
        }
        .container { max-width: 720px; margin: 0 auto; padding: 40px 24px 80px; }
        .crumb { color: rgba(255,255,255,0.62); font-size: 13px; margin-bottom: 20px; }
        .crumb a { color: #10B981; text-decoration: none; }
        .crumb a:hover { text-decoration: underline; }

        h1 {
            font-size: 36px; font-weight: 900; color: white;
            margin-bottom: 12px; letter-spacing: -0.5px;
        }
        .lede { font-size: 17px; color: rgba(255,255,255,0.6); margin-bottom: 24px; line-height: 1.5; }

        /* "How help works" — informational, funnels to the app first */
        .howhelp {
            background: rgba(255,255,255,0.03);
            border: 1px solid rgba(255,255,255,0.10);
            border-radius: 16px; padding: 22px 24px; margin: 0 0 28px;
        }
        .howhelp h2 {
            color: white; font-size: 18px; font-weight: 800; margin: 0 0 14px;
        }
        .howhelp ol {
            margin: 0 0 14px; padding: 0 0 0 20px; color: rgba(255,255,255,0.75);
            font-size: 14.5px; line-height: 1.6;
        }
        .howhelp li { margin: 0 0 10px; }
        .howhelp li:last-child { margin-bottom: 0; }
        /* The support-email mailto link inside step 2 had no color rule at
           all, so it rendered as the browser's default link blue on this
           page's dark navy background — about 2:1 contrast, well under the
           4.5:1 WCAG AA minimum for normal text. Reusing the same green the
           page's other mailto link (.contact-line a, below) already uses
           keeps both instances of the same email link consistent and gives
           ~12:1 contrast. */
        .howhelp a { color: #6ee7b7; }
        .howhelp a:focus-visible { outline: 2px solid #6ee7b7; outline-offset: 2px; }

        /* Reassurance panel */
        .reassure {
            background: rgba(16,185,129,0.06);
            border: 1px solid rgba(16,185,129,0.25);
            border-radius: 14px; padding: 16px 20px; margin: 0 0 28px;
        }
        .reassure p { color: rgba(255,255,255,0.8); font-size: 14px; margin: 0; }
        .reassure strong { color: #6ee7b7; }

        /* Contact line — subtle, plain-text mailto for pre-purchase questions.
           Deliberately NOT a form: no fields, no submit, no network request. */
        .contact-line {
            color: rgba(255,255,255,0.55); font-size: 14px; margin: 0;
        }
        .contact-line a { color: #6ee7b7; }
        .contact-line a:focus-visible { outline: 2px solid #6ee7b7; outline-offset: 2px; }