.hp{max-width:1260px;margin:0 auto;padding:32px 24px 80px}.hp-head{max-width:720px;margin:24px 0 36px}.hp-head h1{color:var(--ink);margin:8px 0 12px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.05}.hp-head p{color:var(--muted)}.hp-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:40px;display:grid}.hp-form{background:var(--cream);border:1px solid var(--line);border-radius:18px;gap:22px;padding:24px;display:grid;position:sticky;top:140px}.hp-q{border:0;margin:0;padding:0}.hp-q legend{color:var(--ink);margin-bottom:10px;font-weight:600}.hp-q legend span{color:var(--muted);font-weight:400}.hp-opts{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.hp-opt{text-align:left;border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:12px;flex-direction:column;gap:2px;padding:10px 12px;transition:border-color .15s,background .15s;display:flex}.hp-opt strong{color:var(--ink);font-size:.9rem}.hp-opt span{color:var(--muted);font-size:.78rem}.hp-opt:hover,.hp-chips button:hover,.hp-presets button:hover{border-color:var(--green)}.hp-opt[aria-pressed=true]{border-color:var(--green-dark);background:var(--green-soft);box-shadow:inset 0 0 0 1px var(--green-dark)}.hp-length{align-items:center;gap:14px;display:flex}.hp-length input[type=range]{accent-color:var(--green-dark);flex:1}.hp-num{border:1px solid var(--line);background:var(--paper);border-radius:10px;align-items:center;gap:4px;padding:4px 10px;display:flex}.hp-num input{width:56px;color:var(--ink);background:0 0;border:0;font-size:1rem;font-weight:600}.hp-presets,.hp-chips{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.hp-presets button,.hp-chips button{border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:.85rem}.hp-presets button[aria-pressed=true],.hp-chips button[aria-pressed=true]{background:var(--green-dark);border-color:var(--green-dark);color:var(--paper)}.hp-opt:focus-visible,.hp-chips button:focus-visible,.hp-presets button:focus-visible,.hp-btn:focus-visible,.hp-viz-toggle:focus-visible{outline:2px solid var(--green-dark);outline-offset:2px}.hp-results h2{color:var(--ink);margin:0 0 16px;font-size:1.5rem}.hp-card{border:1px solid var(--line);background:var(--paper);border-radius:18px;gap:16px;margin-bottom:18px;padding:18px;display:grid}.hp-card-top{grid-template-columns:180px 1fr;align-items:start;gap:20px;display:grid}.hp-card-top img{aspect-ratio:1;object-fit:cover;border-radius:12px;width:100%}.hp-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--green-dark);font-size:.75rem;font-weight:600}.hp-card h3{color:var(--ink);margin:4px 0;font-size:1.35rem}.hp-why{color:var(--muted);margin:0 0 8px;font-size:.92rem}.hp-reasons{flex-wrap:wrap;gap:6px;margin:0 0 14px;padding:0;list-style:none;display:flex}.hp-reasons li{background:var(--green-soft);color:var(--green-dark);border-radius:999px;padding:3px 10px;font-size:.78rem}.hp-viz{background:var(--cream);border-bottom:4px solid var(--line);border-radius:10px;padding:12px 12px 6px}.hp-viz-row{justify-content:space-between;align-items:flex-end;height:46px;display:flex}.hp-viz-row span{background:var(--green);border-radius:50% 50% 30% 30%;width:12px;height:16px;transition:all .5s}.hp-viz[data-mature=true] .hp-viz-row span{background:var(--green-dark);border-radius:40% 40% 6px 6px;flex:1;height:44px;margin:0 -2px}.hp-viz-scale{color:var(--muted);justify-content:space-between;margin-top:4px;font-size:.72rem;display:flex}.hp-viz-toggle{color:var(--green-dark);cursor:pointer;background:0 0;border:0;padding:6px 0;font-size:.82rem;text-decoration:underline}.hp-stats{grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0 6px;display:grid}.hp-stats div{background:var(--cream);border-radius:10px;padding:8px 10px}.hp-stats dt{color:var(--muted);font-size:.72rem}.hp-stats dd{color:var(--ink);margin:0;font-weight:700}.hp-fine{color:var(--muted);margin:0 0 12px;font-size:.78rem}.hp-actions{flex-wrap:wrap;gap:8px;display:flex}.hp-btn{border:1px solid var(--ink);color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;align-items:center;padding:9px 16px;font-size:.88rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.hp-btn:hover{background:var(--ink);color:var(--paper)}.hp-btn--primary{background:var(--green-dark);border-color:var(--green-dark);color:var(--paper)}.hp-btn--primary:hover{background:var(--green);border-color:var(--green)}.hp-prep{background:var(--green-dark);color:var(--paper);border-radius:18px;padding:20px 22px}.hp-prep h3{color:var(--paper);margin:0 0 6px}.hp-prep p{opacity:.9;margin:0}@media (width<=900px){.hp-grid{grid-template-columns:1fr}.hp-form{position:static}}@media (width<=560px){.hp-card-top{grid-template-columns:1fr}.hp-card-top img{aspect-ratio:16/9}.hp-opts{grid-template-columns:1fr}.hp-stats{grid-template-columns:repeat(2,1fr)}}