@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Newsreader:ital,opsz,wght@1,6..72,600&display=swap";:root{color:#193f3d;font-synthesis:none;--green:#173f3c;--mint:#d8eee6;--orange:#ee6a45;--ink:#193f3d;background:#f8f6f1;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,textarea,input{font:inherit}button{color:inherit}header{justify-content:space-between;align-items:center;max-width:1160px;height:78px;margin:auto;padding:0 32px;display:flex}.brand-button{cursor:pointer;background:0 0;border:0;padding:0}.brand{letter-spacing:2px;align-items:center;gap:9px;font-size:20px;font-weight:700;display:flex}.brand>span:last-child span{color:var(--orange)}.brand-mark{background:var(--orange);color:#fff;border-radius:50% 50% 45% 45%;place-items:center;width:36px;height:36px;display:grid}.help-button{cursor:pointer;background:#fff;border:1px solid #d7ddd8;border-radius:99px;align-items:center;gap:8px;padding:10px 16px;font-weight:600;text-decoration:none;display:flex}.hero{background:var(--green);color:#fff;min-height:610px;padding:78px max(24px,50vw - 520px);position:relative;overflow:hidden}.hero:after{content:"✦";color:#28504d;opacity:.55;font-size:430px;position:absolute;top:30px;right:-45px;transform:rotate(12deg)}.hero>*{z-index:1;position:relative}.eyebrow,.section-label{color:#f1a887;letter-spacing:1.8px;justify-content:center;align-items:center;gap:7px;font-size:12px;font-weight:700;display:flex}.hero .eyebrow{justify-content:flex-start}h1{letter-spacing:-3px;max-width:730px;margin:18px 0 22px;font-size:clamp(44px,6vw,72px);line-height:.98}h1 em,h2 em{font-family:Newsreader,serif;font-weight:600}.lead{color:#c4d2cf;max-width:570px;font-size:18px;line-height:1.65}.animal-card{width:455px;color:var(--ink);background:#fff;border-radius:20px;padding:20px;position:absolute;top:83px;right:max(24px,50vw - 520px);box-shadow:0 24px 60px #09252380}.animal-card>p{margin:0 0 12px;font-weight:700}.animal-options{gap:9px;display:grid}.animal-options button{text-align:left;cursor:pointer;background:#fafbf9;border:1px solid #dfe6e1;border-radius:13px;grid-template-columns:48px 1fr auto;align-items:center;padding:14px;transition:all .2s;display:grid}.animal-options button:hover{border-color:var(--orange);transform:translateY(-2px)}.animal-options button span:nth-child(2){flex-direction:column;gap:2px;display:flex}.animal-options small{color:#75807c}.animal-icon{background:#f1eee7;border-radius:10px;place-items:center;width:40px;height:40px;font-size:25px;display:grid}.secure{color:#78837f;justify-content:center;align-items:center;gap:5px;margin-top:14px;font-size:11px;display:flex}.how{text-align:center;max-width:1050px;margin:auto;padding:90px 24px 100px}.how h2{margin:12px 0 50px;font-size:42px}.steps{grid-template-columns:repeat(3,1fr);gap:55px;display:grid}.steps article{position:relative}.steps article>span{color:#d4d8d4;font-size:13px;font-weight:700;position:absolute;right:15px}.step-icon{background:var(--mint);border-radius:17px;place-items:center;width:62px;height:62px;margin:auto;display:grid}.steps h3{margin:20px 0 8px}.steps p{color:#66736f;font-size:14px;line-height:1.6}.trust{background:#edf5f0;border-radius:16px;align-items:center;gap:20px;max-width:850px;margin:0 auto 90px;padding:25px 30px;display:flex}.trust>svg{color:#2b7b61;min-width:38px}.trust p{color:#67736f;margin:5px 0 0;font-size:14px}.flow-page{max-width:730px;min-height:710px;margin:auto;padding:60px 24px 100px}.back{cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:4px 0;font-weight:600;display:flex}.progress{gap:6px;margin:45px 0 35px;display:flex}.progress span{background:#dfe3de;border-radius:4px;flex:1;height:4px}.progress .active{background:var(--orange)}.flow-page .section-label{justify-content:flex-start}.flow-page h1{font-size:52px}.flow-lead{color:#65716d;font-size:17px;line-height:1.6}.symptom-grid{grid-template-columns:1fr 1fr;gap:10px;margin:32px 0;display:grid}.symptom-grid button{cursor:pointer;background:#fff;border:1px solid #dce2dd;border-radius:12px;justify-content:space-between;align-items:center;padding:17px 18px;font-weight:600;display:flex}.symptom-grid button.selected{background:#e5f2eb;border-color:#3a7963}.symptom-grid button.selected svg{color:#fff;background:#377a61;border-radius:50%;padding:2px}.primary{background:var(--orange);color:#fff;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px 22px;font-weight:700;display:flex;box-shadow:0 8px 18px #ee6a4530}.primary:disabled{opacity:.4;cursor:not-allowed}.media-picker{background:#edf5f0;border-radius:18px;margin:28px 0 22px;padding:20px}.media-picker h2{margin:3px 0 5px;font-size:22px}.media-picker>p{color:#65716d;margin:0 0 15px;font-size:13px;line-height:1.5}.optional{color:#377a61;letter-spacing:1.4px;font-size:10px;font-weight:700}.media-option+.media-option{margin-top:9px}.media-add{text-align:left;cursor:pointer;background:#fff;border:1px dashed #9bb9ad;border-radius:12px;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;width:100%;padding:13px;display:grid}.media-add>span{flex-direction:column;display:flex}.media-add small{color:#74817c;margin-top:2px;font-size:11px}.media-preview{background:#fff;border:1px solid #d7e2dc;border-radius:12px;grid-template-columns:76px 1fr;align-items:center;gap:10px;padding:8px;display:grid}.media-preview img,.media-preview video{object-fit:cover;background:#193f3d;border-radius:8px;width:76px;height:62px}.media-preview>div{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.media-preview span{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.media-preview button{color:#a83f29;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;font-size:12px;display:flex}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.upload-error{color:#a83f29;background:#fff0eb;border-radius:8px;padding:10px;font-size:13px}.observation-card{background:#fff;border:1px solid #dce2dd;border-radius:18px;margin:28px 0;padding:22px}.observation-card>div{gap:12px;margin:13px 0;display:flex}.observation-card h2{margin:24px 0 10px;font-size:17px}.observation-card svg{color:var(--orange);flex:none}.observation-card span{flex-direction:column;gap:5px;display:flex}.observation-card small,.observation-card p{color:#65716d;line-height:1.5}.observation-card p{border-top:1px solid #e6e9e6;margin:18px 0 0;padding-top:15px;font-size:13px}.continue-without-ai{margin:15px auto 0;display:block}.target-question{background:#fff;border:1px solid #dce2dd;border-radius:12px;flex-direction:column;gap:8px;margin:12px 0;padding:16px;font-weight:700;display:flex}.target-question select{background:#fff;border:1px solid #ccd6d0;border-radius:8px;padding:11px}fieldset{border:0;margin:35px 0;padding:0}legend,.notes-label{margin-bottom:12px;font-weight:700}.duration-options{gap:8px;margin-top:13px;display:flex}.duration-options label{text-align:center;cursor:pointer;background:#fff;border:1px solid #dce2dd;border-radius:10px;flex:1;padding:14px 10px;font-size:14px}.duration-options label.checked{background:#e5f2eb;border-color:#3a7963}.duration-options input{opacity:0;position:absolute}.notes-label{display:block}.notes-label span{color:#78827e;font-weight:400}.notes-label textarea{resize:vertical;background:#fff;border:1px solid #dce2dd;border-radius:12px;width:100%;min-height:130px;margin-top:12px;padding:15px;display:block}.notes-label+.primary{margin-top:30px}.result-page{text-align:center}.result-icon{color:#297155;background:#dff1e7;border-radius:50%;place-items:center;width:54px;height:54px;margin:5px auto 18px;display:grid}.result-page .section-label{justify-content:center}.result-page h1{margin-left:auto;margin-right:auto}.result-intro{color:#64716c;max-width:590px;margin:0 auto 30px;line-height:1.6}.recommendation{text-align:left;background:#fff;border:1px solid #dde4de;border-radius:18px;padding:25px;box-shadow:0 10px 35px #193f3d0c}.recommendation-top{align-items:center;gap:15px;display:flex}.recommendation-top>svg{background:var(--mint);box-sizing:content-box;border-radius:12px;padding:12px}.recommendation span{color:var(--orange);letter-spacing:1.5px;font-size:11px;font-weight:700}.recommendation h2{margin:2px 0}.recommendation p{color:#65716d;font-size:14px}.recommendation a{color:#fff;background:var(--green);border-radius:10px;align-items:center;gap:8px;margin-top:18px;padding:14px 18px;font-weight:700;text-decoration:none;display:flex}.recommendation a svg:last-child{margin-left:auto}.emergency{text-align:left;border-left:3px solid var(--orange);margin:28px 3px;padding:4px 0 4px 18px}.emergency p{color:#68736f;margin:6px 0;font-size:13px;line-height:1.5}.text-button{cursor:pointer;background:0 0;border:0;text-decoration:underline}footer{color:#afc4bf;background:#123936;align-items:center;gap:35px;padding:40px max(24px,50vw - 520px);font-size:13px;display:flex}footer .brand{color:#fff}footer p{flex:1}@media (width<=800px){header{height:68px;padding:0 18px}.hero{min-height:auto;padding:55px 22px 40px}.hero:after{font-size:250px}.hero h1{letter-spacing:-2px;font-size:48px}.lead{font-size:16px}.animal-card{width:auto;margin-top:36px;position:relative;top:auto;right:auto}.how{padding:65px 24px}.how h2{font-size:34px}.steps{grid-template-columns:1fr;gap:45px}.trust{margin:0 20px 65px}.flow-page{padding-top:35px}.flow-page h1{font-size:43px}footer{flex-wrap:wrap;align-items:flex-start}footer p{flex-basis:100%;order:3}.help-button{padding:10px;font-size:0}.help-button svg{margin:0}}@media (width<=470px){.symptom-grid{grid-template-columns:1fr}.duration-options{flex-direction:column}.hero h1,.flow-page h1{font-size:40px}.trust{align-items:flex-start}.secure{font-size:10px}.animal-card{padding:15px}}
