:root{font-family:Inter,Arial,sans-serif;color:#050505;background:#f7f4ef;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;padding:24px 20px 60px}
.home{display:inline-block;font-size:12px;color:#6b6b68;text-decoration:none}
main{max-width:640px;margin:auto}
.progress{display:flex;align-items:center;justify-content:center;gap:10px;margin:24px 0 48px;font-size:14px;font-weight:600}
.step{display:grid;place-items:center;width:33px;height:33px;border:2px solid #e5e4df;border-radius:50%;color:#888}
.step.active{background:#39ff14;border-color:#39ff14;color:black}
.step.done{color:#39da18;border-color:#39ff14}
.connector{height:2px;width:48px;background:#e5e4df;margin-right:14px}
.progress:has(.done) .connector{background:#39ff14}
#step-label{margin-left:22px}
.panel{background:white;border-radius:18px;padding:48px;box-shadow:0 2px 2px #00000004}
[hidden]{display:none!important}
h1{text-align:center;margin:0 0 12px;font-size:30px;letter-spacing:-.8px;font-weight:800}
.subtitle{text-align:center;color:#808080;font-size:16px;line-height:1.6;margin:0 0 34px}
form>label{display:block;font-size:14px;font-weight:600;margin:18px 0 10px}
input:not([type=radio]),select{font:inherit;font-size:14px;border:1px solid transparent;background:#eeebf2;border-radius:6px;padding:16px 13px;width:100%;color:#29252f}
input::placeholder{color:#939099;opacity:1}
.phone-field{display:flex;background:#eeebf2;border-radius:12px;overflow:hidden;min-height:72px}
.phone-field select{width:138px;flex-shrink:0;border-radius:0}
.phone-field input{min-width:0;border-radius:0}
fieldset{padding:0;border:0;margin:42px 0 24px}
legend{font-size:14px;font-weight:600;margin-bottom:18px}
.experience{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.experience label{position:relative;cursor:pointer}
.experience input{position:absolute;opacity:0}
.experience span{display:block;text-align:center;padding:18px 8px;font-size:13px;font-weight:700;background:#f6f4ef;border:1px solid #e5e4dc;border-radius:12px}
.experience input:checked+span{background:black;color:white;border-color:black}
button{font-family:inherit;cursor:pointer}
.primary{border:0;background:black;color:white;border-radius:999px;padding:16px 28px;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:26px}
.continue{width:100%;margin-top:28px}
.primary:hover{filter:brightness(.88)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,.experience input:focus-visible+span{outline:3px solid #24b20d;outline-offset:4px}
.packages{display:grid;gap:24px;margin:32px 0 46px}
.package{border:2px solid #e5e4dc;border-radius:12px;padding:25px 23px;display:flex;align-items:center;gap:22px}
h2{font-size:18px;margin:0 0 8px;letter-spacing:-.3px}
.package p{font-size:14px;color:#808080;line-height:1.5;margin:0}
.package strong{font-weight:400}
.select-plan{flex-shrink:0;padding:13px 24px;text-decoration:none;line-height:normal}
.highlighted{border-color:#39ff14;background:#f7fff5}
.highlighted .primary{background:#39ff14;color:black}
.package.selected{box-shadow:0 0 0 3px #050505}
.back{width:100%;border:0;border-top:1px solid #e6e5df;padding:26px 0 0;background:none;color:#888;text-align:left;font-weight:600;font-size:14px}
.selection{border-radius:10px;background:#f7f4ef;padding:20px;margin-bottom:28px}
.selection p{color:#666;font-size:14px;line-height:1.6;margin-bottom:0}
@media(max-width:600px){body{padding:18px 16px 40px}.progress{margin:28px 0 30px}.panel{padding:32px 22px}h1{font-size:27px}.subtitle{font-size:15px}.package{align-items:stretch;flex-direction:column;padding:22px;gap:18px}.experience{gap:10px}.experience span{font-size:12px}.phone-field select{width:115px}.select-plan{align-self:flex-start}.packages{margin-bottom:32px}}