.howto-page{color:#51331b;background:#fdf9f6;min-height:100vh}.howto-hero{color:#fff;background:linear-gradient(115deg,#4c2c12 0%,#78451c 58%,#ad6428 100%);padding:clamp(36px,5vw,64px) 0 clamp(28px,4vw,48px)}.howto-hero h1{letter-spacing:-.03em;color:#fff;text-wrap:balance;margin:8px 0 12px;font-size:clamp(32px,4.4vw,54px);line-height:1.1}.howto-hero .kicker{color:#eac3a3}.howto-hero .lead{color:#f8ebe0;max-width:62ch;font-size:18px;line-height:1.65}.howto-route{counter-reset:none;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:28px 0 0;padding:0;list-style:none;display:grid}.howto-route li{color:#fff;background:#ffffff14;border:1px solid #ffffff3d;border-radius:14px;align-content:start;gap:8px;padding:14px;font-size:14px;line-height:1.35;display:grid}.howto-route li span{color:#78451c;background:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.howto-body{padding:clamp(28px,4vw,56px) 0 clamp(48px,6vw,88px)}.howto-steps{gap:22px;max-width:860px;margin:0 auto;padding:0;list-style:none;display:grid;position:relative}.howto-steps:before{content:"";background:linear-gradient(#b06629,#f1e2d5);border-radius:2px;width:3px;position:absolute;top:20px;bottom:20px;left:31px}.howto-step{grid-template-columns:64px minmax(0,1fr);gap:18px;display:grid;position:relative}.howto-marker{z-index:1;color:#fff;background:linear-gradient(135deg,#71421b,#b06629);border-radius:20px;place-items:center;width:64px;height:64px;display:grid;position:relative;box-shadow:0 10px 24px #0b3a7a33}.howto-marker b{color:#71421b;background:#fff;border:2px solid #b06629;border-radius:50%;place-items:center;width:24px;height:24px;font-size:13px;display:grid;position:absolute;top:-8px;right:-8px}.howto-step article{background:#fff;border:1px solid #f1e2d5;border-radius:20px;min-width:0;padding:22px 24px;box-shadow:0 10px 28px #0b3a7a12}.howto-who{color:#b06629;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:13px;font-weight:800}.howto-step h2{color:#553114;margin:0 0 10px;font-size:22px;line-height:1.25}.howto-where{color:#715946;margin:0 0 10px}.howto-step ul{color:#624a36;margin:0 0 12px;padding-left:22px;line-height:1.65;list-style:outside}.howto-result{color:#1f5f3d;background:#eaf7ef;border-radius:12px;margin:0 0 14px;padding:10px 14px;line-height:1.55}.howto-step ul li{padding-left:4px;display:list-item}.howto-step ul li::marker{color:#b06629}.howto-step .btn{align-items:center;gap:8px;display:inline-flex}.howto-note{background:#fff;border:1px solid #f1e2d5;border-radius:20px;max-width:860px;margin:34px auto 0;padding:22px 24px;line-height:1.65}.howto-note h2{color:#553114;margin:0 0 8px;font-size:20px}.howto-note p{color:#715946;margin:0 0 8px}.howto-note a{color:#9e5b25;font-weight:700}@media (max-width:900px){.howto-route{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.howto-steps:before{left:23px}.howto-step{grid-template-columns:48px minmax(0,1fr);gap:12px}.howto-marker{border-radius:15px;width:48px;height:48px}.howto-step article{padding:18px}}html body.antialiased .howto-page .howto-hero h1{color:#fff}html body.antialiased .howto-page .howto-hero .kicker{color:#eac3a3}
