.finder-hero{position:relative;overflow:hidden;margin-top:18px;padding:clamp(32px,6vw,68px);border-radius:34px;background:radial-gradient(circle at 82% 18%,rgba(216,255,84,.2),transparent 24rem),linear-gradient(135deg,#071813,#163323);color:#fff;box-shadow:0 30px 80px rgba(12,35,27,.18)}
.finder-hero:after{content:"";position:absolute;right:-70px;bottom:-150px;width:420px;height:620px;border:9px solid rgba(216,255,84,.18);border-radius:48% 48% 42% 42%;transform:rotate(-20deg)}
.finder-hero .eyebrow{color:var(--acid)}.finder-hero h1{position:relative;z-index:1;max-width:820px}.finder-hero .lede{position:relative;z-index:1;color:rgba(255,255,255,.74)}
.finder-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:26px;align-items:start;padding:36px 0 90px}.finder-form{display:grid;gap:18px}.finder-progress{position:sticky;top:0;z-index:5;padding:12px 0;background:linear-gradient(var(--paper) 72%,transparent)}.finder-progress-line{height:8px;overflow:hidden;border-radius:99px;background:#dfe6dc}.finder-progress-line span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--court),var(--acid));transition:width .25s ease}.finder-progress p{display:flex;justify-content:space-between;margin:7px 2px 0;color:var(--muted);font-size:.82rem}
.question{padding:clamp(22px,4vw,34px);border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.94);box-shadow:0 14px 40px rgba(20,42,34,.055)}.question legend{width:100%;padding:0;font-size:1.25rem;font-weight:800;line-height:1.25}.question-note{margin:7px 0 20px;color:var(--muted);font-size:.92rem}.answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.answer{position:relative}.answer input{position:absolute;opacity:0;pointer-events:none}.answer label{display:block;height:100%;padding:15px 16px;border:1px solid var(--line);border-radius:15px;background:#fafbf8;cursor:pointer;transition:.18s ease}.answer label strong,.answer label span{display:block}.answer label span{margin-top:4px;color:var(--muted);font-size:.82rem}.answer input:checked+label{border-color:var(--court);background:#eff7e3;box-shadow:inset 0 0 0 2px var(--court)}.answer input:focus-visible+label{outline:3px solid rgba(13,112,85,.25);outline-offset:2px}
.finder-submit{display:flex;align-items:center;justify-content:center;min-height:58px;border:0;border-radius:18px;background:var(--ink);color:#fff;font:800 1rem/1 system-ui;cursor:pointer}.finder-submit:hover{background:#18352b}.finder-submit:disabled{opacity:.5;cursor:not-allowed}.finder-aside{position:sticky;top:20px;display:grid;gap:14px}.finder-aside-card{padding:22px;border:1px solid var(--line);border-radius:21px;background:rgba(255,255,255,.9)}.finder-aside-card h2{margin:0 0 10px;font-size:1.15rem}.finder-aside-card p,.finder-aside-card li{color:var(--muted);font-size:.9rem}.finder-aside-card ul{margin:0;padding-left:18px}
.finder-results[hidden]{display:none}.finder-results{padding:0 0 100px}.result-hero{padding:clamp(28px,5vw,52px);border-radius:30px;background:linear-gradient(135deg,#0b211a,#173c2d);color:#fff}.result-kicker{margin:0;color:var(--acid);font-weight:850;letter-spacing:.12em;text-transform:uppercase}.result-hero h2{margin:10px 0 12px;font-size:clamp(2rem,5vw,4rem)}.result-hero>p:not(.result-kicker){max-width:760px;color:rgba(255,255,255,.76)}.match-score{display:inline-flex;margin-top:14px;padding:8px 12px;border:1px solid rgba(216,255,84,.45);border-radius:999px;color:var(--acid);font-weight:800}.result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.result-actions button,.result-actions a{padding:11px 15px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font-weight:750;text-decoration:none;cursor:pointer}.result-actions .primary{border-color:var(--acid);background:var(--acid);color:var(--ink)}
.spec-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:18px 0}.spec-card{padding:17px;border:1px solid var(--line);border-radius:18px;background:#fff}.spec-card small{display:block;color:var(--muted);font-weight:750;text-transform:uppercase;letter-spacing:.06em}.spec-card strong{display:block;margin-top:6px;font-size:1.06rem}.why-card{margin:18px 0;padding:24px;border:1px solid var(--line);border-radius:22px;background:#fff}.why-card h3{margin:0 0 10px}.reason-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0;list-style:none}.reason-list li{padding:13px 14px;border-radius:14px;background:#edf4e7}.comparison{margin-top:24px}.comparison h2{margin-bottom:10px}.comparison p{color:var(--muted)}.comparison table{background:#fff}.comparison th:first-child,.comparison td:first-child{position:sticky;left:0;background:#fff}.comparison .winner{color:var(--court);font-weight:850}.finder-explainer{padding-bottom:90px}.finder-explainer .article{max-width:860px;margin:auto}.finder-explainer a{color:var(--court)}
@media(max-width:900px){.finder-layout{grid-template-columns:1fr}.finder-aside{position:static;grid-template-columns:1fr 1fr}.spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.finder-hero{border-radius:24px}.answer-grid,.reason-list,.finder-aside{grid-template-columns:1fr}.spec-grid{grid-template-columns:1fr 1fr}.question{border-radius:20px}.result-actions{display:grid}.result-actions button,.result-actions a{text-align:center}}
