:root{--ink:#16332d;--muted:#60756f;--green:#16735c;--green-dark:#0d5545;--mint:#e5f2ec;--paper:#f7fbf8;--line:#cfe1d9;--white:#fff}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--ink);background:var(--paper);margin:0;font-family:DM Sans,Arial,sans-serif}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.home,.flow-page{flex-direction:column;min-height:100vh;display:flex;overflow:hidden}.nav{justify-content:space-between;align-items:center;width:min(1120px,100% - 40px);margin:0 auto;padding:28px 0;display:flex}.brand{letter-spacing:-.03em;font-size:1.05rem;font-weight:700}.brand-mark{color:var(--green)}.confidential{color:var(--muted);align-items:center;gap:8px;font-size:.8rem;display:inline-flex}.confidential:before{content:"";background:#51a77f;border-radius:50%;width:7px;height:7px}.hero{flex:1;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:center;gap:80px;width:min(1120px,100% - 40px);margin:0 auto;padding:62px 0 90px;display:grid}.eyebrow{color:var(--green);letter-spacing:.15em;text-transform:uppercase;margin:0 0 22px;font-size:.76rem;font-weight:700}h1{letter-spacing:-.065em;max-width:680px;margin:0;font-family:Fraunces,Georgia,serif;font-size:clamp(3.1rem,7vw,5.7rem);font-weight:600;line-height:.98}.intro{max-width:505px;color:var(--muted);margin:28px 0 36px;font-size:1.08rem;line-height:1.7}.start-button{color:var(--white);background:var(--green);cursor:pointer;border:0;border-radius:999px;padding:15px 24px;font-weight:700;transition:background .16s,transform .16s;display:inline-block;box-shadow:0 10px 24px #16735c33}.start-button:hover:not(:disabled){background:var(--green-dark);transform:translateY(-2px)}.start-button:focus-visible,.back-link:focus-visible,.test-card:focus-visible{outline-offset:4px;outline:3px solid #9dccb7}.support-note{color:var(--muted);margin-top:22px;font-size:.82rem}.info-card{border:1px solid var(--line);background:var(--white);border-radius:28px;padding:38px;position:relative;box-shadow:0 18px 60px #16332d14}.info-card:before{content:"";background:var(--mint);border-radius:20px 20px 0 0;width:58px;height:32px;position:absolute;top:-16px;right:34px}.info-card h2{margin:0 0 24px;font-size:1.1rem}.info-list{flex-direction:column;gap:20px;margin:0;padding:0;list-style:none;display:flex}.info-list li{color:var(--muted);align-items:flex-start;gap:14px;font-size:.93rem;line-height:1.55;display:flex}.info-list li:before{content:"✓";width:23px;height:23px;color:var(--green);background:var(--mint);border-radius:50%;flex:none;place-items:center;font-size:.75rem;font-weight:700;display:grid}.footer{border-top:1px solid var(--line);width:min(1120px,100% - 40px);color:var(--muted);margin:0 auto;padding:22px 0 28px;font-size:.78rem}.flow-nav{padding-bottom:22px}.flow-shell{width:min(700px,100% - 40px);margin:0 auto;padding:34px 0 72px}.back-link{color:var(--green);margin-bottom:40px;font-size:.88rem;font-weight:700;display:inline-block}.back-link:before{content:"← "}.flow-heading{margin-bottom:34px}.flow-heading .eyebrow{margin-bottom:14px}.flow-heading h1{font-size:clamp(2.6rem,6vw,4.6rem)}.flow-subtitle{max-width:580px;color:var(--muted);margin:18px 0 0;line-height:1.65}.registration-form{border:1px solid var(--line);background:var(--white);border-radius:24px;flex-direction:column;gap:22px;padding:32px;display:flex;box-shadow:0 18px 60px #16332d0f}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.field{color:var(--ink);flex-direction:column;gap:8px;font-size:.86rem;font-weight:700;display:flex}.field b{color:var(--green)}.field input,.field select{border:1px solid var(--line);width:100%;min-height:48px;color:var(--ink);background:var(--paper);border-radius:10px;outline:none;padding:0 13px}.field input:focus,.field select:focus{border-color:var(--green);box-shadow:0 0 0 3px #16735c1f}.consent-field{color:var(--muted);align-items:flex-start;gap:12px;font-size:.81rem;line-height:1.5;display:flex}.consent-field input{width:18px;height:18px;accent-color:var(--green);flex:none;margin-top:1px}.continue-button{cursor:pointer;align-self:flex-start}.continue-button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}.test-shell{max-width:780px}.test-options{flex-direction:column;gap:14px;display:flex}.test-card{border:1px solid var(--line);width:100%;color:var(--ink);background:var(--white);text-align:left;cursor:pointer;border-radius:18px;align-items:center;gap:16px;padding:22px;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex}.test-card:hover,.test-card.selected{border-color:var(--green);transform:translateY(-2px);box-shadow:0 10px 30px #16735c1a}.test-card strong,.test-card small{display:block}.test-card strong{font-size:1rem}.test-card small{color:var(--muted);margin-top:6px;font-size:.82rem}.test-radio{border:1px solid var(--line);width:24px;height:24px;color:var(--white);background:var(--white);border-radius:50%;flex:none;place-items:center;font-size:.75rem;display:grid}.test-card.selected .test-radio{border-color:var(--green);background:var(--green)}.screening-note{color:var(--muted);margin:28px 0 0;font-size:.82rem;line-height:1.6}.result-card{min-height:88px}.result-shell h1{max-width:680px}.result-lead{margin:28px 0 14px;font-size:1.2rem;font-weight:700;line-height:1.5}.question-card{border:1px solid var(--line);background:var(--white);border-radius:20px;margin-top:34px;padding:26px}.question-card h2{margin:0 0 20px;font-size:1.05rem}.choice-row{flex-wrap:wrap;gap:10px;display:flex}.choice-button{border:1px solid var(--line);color:var(--green-dark);background:var(--paper);cursor:pointer;border-radius:999px;padding:12px 18px;font-weight:700}.choice-button:hover,.choice-button:focus-visible{border-color:var(--green);background:var(--mint)}.important-note{border-left:4px solid var(--green);color:var(--green-dark);background:var(--mint);border-radius:0 14px 14px 0;margin:30px 0 22px;padding:22px;line-height:1.55}.result-shell .start-button{margin-top:28px}.photo-shell{max-width:780px}.test-info-banner{border:1px solid var(--line);color:var(--green-dark);background:var(--mint);border-radius:14px;margin:-8px 0 28px;padding:16px 20px}.test-info-banner p{margin:0;font-size:.92rem}.photo-upload-section{flex-direction:column;gap:22px;display:flex}.upload-options{border:1px dashed var(--line);background:var(--white);border-radius:20px;justify-content:center;padding:28px;display:flex}.upload-buttons{gap:12px;display:flex}.upload-button{border:1px solid var(--line);cursor:pointer;border-radius:999px;padding:13px 20px;font-weight:700}.upload-button.primary{border-color:var(--green);color:var(--white);background:var(--green)}.upload-button.primary:hover{background:var(--green-dark)}.upload-button.secondary{color:var(--green-dark);background:var(--paper)}.image-preview-section{border:1px solid var(--line);background:var(--white);border-radius:20px;flex-direction:column;align-items:center;gap:14px;padding:20px;display:flex}.image-preview{background:var(--paper);border-radius:12px;justify-content:center;width:100%;max-height:340px;display:flex;overflow:hidden}.image-preview img,.review-image img{object-fit:contain;max-width:100%;max-height:340px;display:block}.instructions-card,.review-card,.manual-choice-section{border:1px solid var(--line);background:var(--white);border-radius:20px;padding:26px}.instructions-card h2,.manual-choice-section h2{margin:0 0 16px;font-size:1.05rem}.instructions-list{color:var(--muted);flex-direction:column;gap:10px;margin:0;padding-left:22px;font-size:.9rem;line-height:1.5;display:flex}.error-message{color:#8a2e2e;background:#fbeaea;border-radius:10px;padding:13px 16px;font-size:.88rem}.review-card{flex-direction:column;gap:24px;display:flex}.review-image{background:var(--paper);border-radius:12px;justify-content:center;max-height:340px;display:flex;overflow:hidden}.interpretation-results{flex-direction:column;gap:14px;display:flex}.interpretation-results h2{margin:0 0 4px;font-size:1.15rem}.result-info{border-bottom:1px solid var(--line);padding-bottom:12px}.result-info p{margin:0}.result-info .label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700}.result-info .value{margin-top:5px;line-height:1.5}.result-highlight{color:var(--green-dark);font-size:1.15rem;font-weight:700}.confirmation-section{padding-top:4px}.confirmation-section h3{margin:0 0 14px;font-size:1rem}.confirmation-buttons{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.confirmation-buttons .start-button{margin:0}.uncertain-notice{color:var(--green-dark);background:var(--mint);border-radius:12px;padding:16px;line-height:1.5}.manual-options{flex-direction:column;gap:12px;margin-top:24px;display:flex}.choice-button.large{text-align:left;border-radius:14px;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:16px 18px;display:flex}.choice-button.large span{color:var(--muted);font-size:.82rem;font-weight:400}@media (max-width:760px){.choice-row{flex-direction:column}.choice-button{width:100%}.nav{padding-top:22px}.confidential{display:none}.hero{grid-template-columns:1fr;gap:48px;padding:52px 0 64px}.info-card{padding:30px}.flow-shell{padding-top:22px}.form-grid{grid-template-columns:1fr;gap:22px}.registration-form{padding:24px}.continue-button{text-align:center;width:100%}}
