.q-sec{background:linear-gradient(180deg,var(--white),var(--mist));padding:56px 0}
.q-sec h2{font-size:clamp(2rem,7vw,3.2rem);margin:12px 0 10px}
.q-sec .sub{color:var(--mute);max-width:36rem}
.q{position:relative;margin-top:24px}
.q>input{position:absolute;opacity:0;pointer-events:none}
.q-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:28px;padding:22px 18px 20px;box-shadow:0 30px 60px -44px rgba(18,48,74,.45)}
.q-prog{display:flex;gap:6px;margin-bottom:18px}
.q-prog i{flex:1;height:4px;border-radius:4px;background:var(--line);transition:background .4s}
.q-prog i:first-child{background:var(--sage)}
#q1:checked~.q-card .q-prog i:nth-child(2),#q2:checked~.q-card .q-prog i:nth-child(2),#q3:checked~.q-card .q-prog i:nth-child(2),#q4:checked~.q-card .q-prog i:nth-child(2),#q5:checked~.q-card .q-prog i:nth-child(2){background:var(--sage)}
#c1:checked~.q-card .q-prog i:nth-child(3),#c2:checked~.q-card .q-prog i:nth-child(3),#c3:checked~.q-card .q-prog i:nth-child(3),#c4:checked~.q-card .q-prog i:nth-child(3){background:var(--sage)}
.qs{display:none;animation:qin .45s ease-out both}
.qs1{display:block}
#q1:checked~.q-card .qs1,#q2:checked~.q-card .qs1,#q3:checked~.q-card .qs1,#q4:checked~.q-card .qs1,#q5:checked~.q-card .qs1{display:none}
#q1:checked~.q-card .qs2,#q2:checked~.q-card .qs2,#q3:checked~.q-card .qs2,#q4:checked~.q-card .qs2,#q5:checked~.q-card .qs2{display:block}
#c1:checked~.q-card .qs2,#c2:checked~.q-card .qs2,#c3:checked~.q-card .qs2,#c4:checked~.q-card .qs2{display:none}
#c1:checked~.q-card .qs3,#c2:checked~.q-card .qs3,#c3:checked~.q-card .qs3,#c4:checked~.q-card .qs3{display:block}
#a1:checked~.q-card .qs3,#a2:checked~.q-card .qs3,#a3:checked~.q-card .qs3,#a4:checked~.q-card .qs3{display:none}
.q-res{display:none;animation:qin .5s ease-out both}
#a1:checked~.q-card .q-res,#a2:checked~.q-card .q-res,#a3:checked~.q-card .q-res,#a4:checked~.q-card .q-res{display:block}
.qs h3{font-size:clamp(1.35rem,5vw,1.8rem);margin:2px 0 14px}
.q-step{font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--sage-d)}
.q-opts{display:grid;gap:8px}
.q-opts label{display:flex;align-items:center;gap:12px;background:var(--white);border:1.5px solid var(--line);border-radius:16px;padding:10px 14px;cursor:pointer;font-weight:500;font-size:.98rem;line-height:1.35;transition:transform .2s,border-color .2s,background .2s;-webkit-tap-highlight-color:transparent}
.q-opts label:hover,.q-opts label:active{border-color:var(--sage);background:var(--mist)}
.q-opts .ic{flex:none;width:40px;height:40px;border-radius:50%;background:var(--mist);color:var(--ink);display:grid;place-items:center}
.q-opts .ic svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#a1:focus-visible~.q-card label[for=a1],#a2:focus-visible~.q-card label[for=a2],#a3:focus-visible~.q-card label[for=a3],#a4:focus-visible~.q-card label[for=a4],#q1:focus-visible~.q-card label[for=q1],#q2:focus-visible~.q-card label[for=q2],#q3:focus-visible~.q-card label[for=q3],#q4:focus-visible~.q-card label[for=q4],#q5:focus-visible~.q-card label[for=q5],#c1:focus-visible~.q-card label[for=c1],#c2:focus-visible~.q-card label[for=c2],#c3:focus-visible~.q-card label[for=c3],#c4:focus-visible~.q-card label[for=c4]{outline:3px solid var(--sage);outline-offset:2px}
.q-main>div{display:none;background:var(--ink);color:#fff;border-radius:22px;padding:22px 20px;position:relative;overflow:hidden;margin-top:10px}
.q-main>div::before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;border:1px solid rgba(155,208,199,.22);right:-90px;top:-100px}
.q-main .eyebrow{color:#9BD0C7;font-size:.72rem}
.q-main h3{font-size:clamp(1.6rem,6vw,2.1rem);margin:8px 0 8px;color:#fff;position:relative}
.q-main p{color:#C9DCE3;position:relative;font-size:.98rem}
.q-main .row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;position:relative}
.q-main .btn{min-height:46px;padding:0 20px;font-size:.95rem}
.q-main .btn-soft{background:rgba(255,255,255,.12);color:#fff}
.q-main .btn-light{background:#fff;color:var(--ink)}
#q1:checked~.q-card .r1,#q2:checked~.q-card .r2,#q3:checked~.q-card .r3,#q4:checked~.q-card .r4,#q5:checked~.q-card .r5{display:block}
.q-notes ul{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:8px}
.q-notes li{display:none;position:relative;padding-left:20px;color:var(--mute);font-size:.92rem;line-height:1.45}
.q-notes li::before{content:"";position:absolute;left:0;top:.55em;width:9px;height:9px;border-radius:50%;background:var(--sage)}
#a1:checked~.q-card .na1,#a2:checked~.q-card .na2,#a3:checked~.q-card .na3,#a4:checked~.q-card .na4,#c1:checked~.q-card .nc1,#c2:checked~.q-card .nc2,#c3:checked~.q-card .nc3,#c4:checked~.q-card .nc4{display:block}
.q-disc{margin-top:10px;color:var(--mute);font-size:.78rem}
.q-reset{display:none;margin-top:14px;background:none;border:0;padding:8px 0;font:inherit;font-weight:600;font-size:.9rem;color:var(--sage-d);cursor:pointer;min-height:44px}
#q1:checked~.q-card .q-reset,#q2:checked~.q-card .q-reset,#q3:checked~.q-card .q-reset,#q4:checked~.q-card .q-reset,#q5:checked~.q-card .q-reset{display:inline-block}
@media (min-width:760px){.q-card{padding:30px 32px 26px}.q-opts{grid-template-columns:repeat(2,minmax(0,1fr))}.q-main>div{padding:28px 32px}}
@media (min-width:960px){.q-sec{padding:84px 0}.q-opts.q-4{grid-template-columns:repeat(4,minmax(0,1fr))}.q-card{max-width:880px}}
@keyframes qin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.qs,.q-res{animation:none!important}.q-opts label,.q-prog i{transition:none!important}}