:root{--how-ink:#512614;--how-brown:#702b1c;--how-soft:#efe4dc;--how-line:#dcc4b6;--how-card:#fffdfa}
.how-page{color:var(--how-ink)}
.site-name{font-style:italic;font-weight:800}
.site-name em{font-style:inherit;font-weight:inherit}
.how-main{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:52px 0 80px}
.how-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:38px;align-items:center;padding:52px;border:1px solid var(--how-line);border-radius:28px;background:var(--how-card);box-shadow:0 18px 50px rgba(81,38,20,.07)}
.how-kicker{display:inline-flex;padding:9px 14px;border-radius:999px;background:#d9b9a8;font-size:13px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.how-hero h1{max-width:760px;margin:22px 0 14px;font-size:clamp(25.2px,3vw,43.2px);line-height:1.05;letter-spacing:-.035em}
.how-hero p{max-width:720px;margin:0;font-size:20px;line-height:1.6}
.how-hero-note{padding:26px;border-radius:22px;background:var(--how-soft)}
.how-hero-note strong{display:block;margin-bottom:12px;font-size:20px}
.how-hero-note ul{margin:0;padding-left:20px;display:grid;gap:10px;line-height:1.45}
.how-section{padding:68px 0 0}
.how-heading{max-width:760px;margin-bottom:28px}
.how-heading span{font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.how-heading h2{margin:10px 0 8px;font-size:clamp(30px,3.4vw,48px);line-height:1.05}
.how-heading p{margin:0;font-size:18px;line-height:1.55}
.how-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;counter-reset:steps}
.how-step{position:relative;min-height:245px;padding:28px 22px;border:1px solid var(--how-line);border-radius:20px;background:var(--how-card);counter-increment:steps}
.how-step::before{content:counter(steps);display:grid;width:38px;height:38px;margin-bottom:34px;place-items:center;border-radius:50%;background:var(--how-brown);color:#fff;font-weight:800}
.how-step h3{margin:0 0 10px;font-size:20px}
.how-step p{margin:0;line-height:1.55}
.how-trust-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.how-trust-card{padding:28px;border:1px solid var(--how-line);border-radius:20px;background:var(--how-card)}
.how-trust-card h3{margin:0 0 9px;font-size:21px}
.how-trust-card p{margin:0;line-height:1.6}
.how-notice{margin-top:20px;padding:24px 28px;border-left:5px solid var(--how-brown);border-radius:14px;background:#f5ece6;line-height:1.6}
.how-faq{display:grid;gap:12px}
.how-faq details{border:1px solid var(--how-line);border-radius:16px;background:var(--how-card);padding:0 22px}
.how-faq summary{cursor:pointer;padding:20px 0;font-size:18px;font-weight:800}
.how-faq p{margin:0;padding:0 0 20px;line-height:1.6}
.how-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:68px;padding:34px 38px;border-radius:24px;background:var(--how-brown);color:#fff}
.how-cta h2{margin:0 0 8px;font-size:30px;color:#fff!important}.how-cta p{margin:0;line-height:1.5;color:#fff!important}
.how-cta-actions{display:flex;gap:12px;flex-wrap:wrap}.how-cta .button{white-space:nowrap}.how-cta .button:first-child{background:#fff!important;color:var(--how-brown)!important;-webkit-text-fill-color:var(--how-brown)!important}.how-cta .button:last-child{background:#5c2115!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
@media(max-width:1000px){.how-hero{grid-template-columns:1fr}.how-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.how-step:last-child{grid-column:1/-1}.how-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:680px){.how-main{width:min(100% - 28px,1180px);padding-top:28px}.how-hero{padding:28px 22px;border-radius:22px}.how-hero p{font-size:17px}.how-steps,.how-trust-grid{grid-template-columns:1fr}.how-step:last-child{grid-column:auto}.how-step{min-height:auto}.how-cta{padding:28px 22px}.how-cta-actions{width:100%}.how-cta .button{width:100%;text-align:center}}