.how-hero{min-height:618px;padding-top:35px;background:linear-gradient(180deg,transparent 70%,#08090b 100%),url('../img/bgall.webp') center/cover no-repeat}
.how-breadcrumb{display:flex;align-items:center;gap:10px;color:#92939d;font-size:14px}
.how-breadcrumb a:hover{color:#fff}
.how-hero h1{font-size:48px;line-height:1.1;letter-spacing:-.025em;margin:53px 0 34px}
.how-subtitle{font-size:18px;color:#d4d4d8;margin:0;line-height:1.4}
.how-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:51px}
.how-steps>a{position:relative;isolation:isolate;overflow:hidden;min-height:100px;border:1px solid #27272a;border-radius:12px;background:#18181b;padding:18px 15px}
.how-steps img{position:absolute;z-index:-1;right:0;top:0;width:150px;height:100%;object-fit:cover;pointer-events:none}
.how-steps__title{display:block;font-family:var(--font-heading);font-size:28px;letter-spacing:-.025em;line-height:1.1;margin:0 0 9px;font-weight:700}
.how-steps p{font-size:13px;line-height:1.3;color:#a1a1aa;margin:0;font-weight:500}
.how-steps>a:hover{border-color:#0878ff}
.how-content{padding-top:48px;padding-bottom:80px}
.how-section{position:relative;overflow:hidden;scroll-margin-top:24px;min-height:202px;padding:28px 35px;border:1px solid #2b2c32;border-radius:12px;background:#111114;margin-bottom:24px}
.how-section:before{content:"";position:absolute;inset:0 auto 0 0;width:7px;background:#0d69fd}
#math-formula:before{background:#ff9800}
#ai-verification:before{background:#b744ff}
#confidence-score:before{background:#84d914}
.how-section h2{font-size:24px;line-height:1.2;margin:0 0 18px;letter-spacing:-.02em}
.how-section p{font-size:15px;line-height:1.25;color:#d4d4d8;margin:0}
.how-section p+p{margin-top:16px;color:#83838f}
.how-results{display:inline-flex;align-items:center;gap:12px;margin-top:12px;padding:10px 24px}
.how-faq{margin-top:50px}
.how-faq>h2{font-size:32px;line-height:1.2;letter-spacing:-.02em;margin:0 0 28px}
@media(max-width:600px){.how-faq{margin-top:36px}.how-faq>h2{font-size:25px;margin-bottom:22px}}
.how-page a:focus-visible,.how-page button:focus-visible{outline:2px solid #0878ff;outline-offset:4px}
@media(max-width:1100px){.how-steps__title{font-size:23px}.how-steps p{font-size:11px}}
@media(max-width:900px){.how-hero{min-height:550px}.how-hero h1{font-size:40px;margin-top:40px}.how-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:32px}.how-steps>a{min-height:94px}.how-content{padding-top:32px}.how-section{padding:26px 28px;min-height:202px}}
@media(max-width:600px){.how-hero{padding-top:22px;padding-bottom:36px;min-height:0}.how-breadcrumb{font-size:12px}.how-hero h1{font-size:32px;margin:32px 0 18px}.how-subtitle{font-size:14px}.how-steps{gap:10px;margin-top:26px}.how-steps>a{padding:16px 12px;min-height:100px}.how-steps__title{font-size:19px;line-height:1.15}.how-steps p{font-size:11px}.how-steps img{width:110px}.how-content{padding-top:24px;padding-bottom:48px}.how-section{min-height:0;padding:24px 22px;margin-bottom:16px;border-radius:10px}.how-section h2{font-size:21px;margin-bottom:16px}.how-section p{font-size:14px;line-height:1.45}.how-section:before{width:5px}.how-results{margin-top:8px}.how-page .mobile-nav a:first-child{color:#a1a1aa;background:transparent;border:1px solid transparent}}
/* Текст из SEO-ТЗ перед карточками разделов (28.10.2026) */
.how-copy{margin-bottom:56px}
.how-copy h2{margin:0 0 16px;font-size:28px;line-height:1.2;letter-spacing:-.4px}
.how-copy h2:not(:first-child){margin-top:40px}
.how-copy p{margin:0 0 16px;font-size:16px;line-height:1.6;color:#a1a1aa}
.how-copy p:last-child{margin-bottom:0}
.how-copy strong{color:#e4e4e7}
.how-copy a,.how-faq .faq-item__a a{color:#0d7cff}
.how-copy a:hover,.how-faq .faq-item__a a:hover{text-decoration:underline}
@media(max-width:600px){.how-copy{margin-bottom:40px}.how-copy h2{font-size:22px}.how-copy h2:not(:first-child){margin-top:32px}.how-copy p{font-size:14px}}