
.guide-section{padding:clamp(56px,8vw,112px) 0;background:#f5f1e9}
.guide-head{max-width:760px;margin-bottom:30px}
.guide-head h2{font-size:clamp(32px,6vw,64px);line-height:1.05;margin:.35em 0}
.guide-head p{max-width:620px;color:#625b63}
.guide-problems{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0 28px}
.guide-problems button{appearance:none;border:1px solid rgba(53,39,61,.18);background:#fffdf8;color:#35273d;padding:15px 16px;text-align:left;border-radius:18px;font-weight:800;min-height:58px;cursor:pointer}
.guide-problems button.is-active{background:#35273d;color:#fff}
.guide-empty{padding:28px 0;color:#6b646c}
.guide-output{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:18px}
.guide-free,.guide-pro{background:#fffdf8;border:1px solid rgba(53,39,61,.12);padding:28px;border-radius:26px}
.guide-free h3{font-size:19px;margin:22px 0 8px}
.guide-free p,.guide-free li,.guide-pro p{line-height:1.8;color:#5d5660}
.guide-free ul{padding-left:1.2em;margin:8px 0}
.guide-free li{margin:6px 0}
.guide-avoid li{color:#70656e}
.guide-quotes p{margin:8px 0;padding:12px 14px;background:#f0f4df;border-left:3px solid #718a42}
.guide-next{margin-top:24px;padding:18px;background:#eef4f6;border-radius:18px}
.guide-next span,.guide-label{display:block;font-size:11px;letter-spacing:.14em;font-weight:900}
.guide-next b{display:block;margin-top:7px;line-height:1.6}
.guide-pro{background:#35273d;color:#fff}
.guide-pro p,.guide-pro small{color:rgba(255,255,255,.78)}
.guide-price{display:flex;align-items:baseline;gap:8px;margin:24px 0}
.guide-price b{font-size:34px}
.guide-pro button{width:100%;border:0;border-radius:14px;padding:15px;background:#dfe9b8;color:#35273d;font-weight:900}
.guide-pro button:disabled{opacity:.7}
@media(max-width:700px){.guide-problems{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-output{grid-template-columns:1fr}.guide-free,.guide-pro{padding:22px;border-radius:20px}}
@media(max-width:420px){.guide-problems{grid-template-columns:1fr}.guide-problems button{min-height:52px}}
@media(prefers-reduced-motion:reduce){.guide-section *{scroll-behavior:auto!important}}

@media(max-width:360px){.guide-free,.guide-pro{padding:18px}.guide-head h2{font-size:32px}.guide-problems{gap:8px}.guide-problems button{font-size:14px;padding:13px 14px}}


.guide-context{display:grid;gap:4px;margin:0 0 22px;padding:16px 18px;border-left:3px solid currentColor;background:rgba(255,255,255,.62)}
.guide-context span{font-size:11px;letter-spacing:.12em;font-weight:800;opacity:.55}
.guide-context b{font-size:18px;line-height:1.4}
.guide-context small{line-height:1.6;opacity:.62}
