/* Навигационная страница экспертизы по нише. */
.hub-start.hub-start-visual{position:relative;min-height:445px;padding:26px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 65% 55%,var(--brand-soft),var(--surface) 75%)}
.hub-doc-heading{position:relative;z-index:2}.hub-doc-heading .eyebrow{font-size:10px}.hub-start-visual .hub-doc-heading h2{font-size:24px;line-height:1.35;margin:12px 0}
.hub-doc-image{position:absolute;width:82%;height:290px;object-fit:contain;left:12%;top:107px;z-index:1;filter:drop-shadow(0 12px 14px rgba(25,45,120,.12))}
.hub-doc-orbit{position:absolute;width:300px;height:300px;border:1px solid var(--border);border-radius:50%;top:105px;left:17%;z-index:-1}.hub-doc-orbit:after{content:'';position:absolute;inset:28px;border:1px dashed var(--border);border-radius:50%}
.hub-doc-format{position:absolute;left:18px;top:172px;display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 16px;box-shadow:var(--shadow);z-index:3}.hub-doc-format strong{font-size:13px}.hub-start-visual .hub-doc-format small{font-size:11px;margin:2px 0 0}
.hub-doc-action{position:absolute;bottom:18px;left:18px;right:18px;z-index:3;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 16px;box-shadow:var(--shadow)}.hub-doc-action strong{font-size:13px}.hub-start-visual .hub-doc-action small{font-size:11px;margin:2px 0 12px}.hub-doc-action .button{width:100%;font-size:13px;justify-content:space-between;padding:12px 16px;min-height:44px}.hub-doc-action .button>span{font-size:20px}
@media(max-width:900px) and (min-width:601px){.hub-start.hub-start-visual{padding:20px}.hub-start-visual .hub-doc-heading h2{font-size:21px}.hub-doc-image{width:94%;left:4%}.hub-doc-format{left:12px;padding:10px}.hub-doc-orbit{left:5%;width:260px;height:260px}}
@media(max-width:600px){.hub-start.hub-start-visual{min-height:410px;padding:22px}.hub-start-visual .hub-doc-heading h2{font-size:18px}.hub-doc-image{height:260px;top:98px;width:90%;left:7%}.hub-doc-format{top:135px;padding:10px 12px;left:12px}.hub-doc-format strong{font-size:12px}.hub-start-visual .hub-doc-format small,.hub-start-visual .hub-doc-action small{font-size:10px}.hub-doc-orbit{width:250px;height:250px;left:12%}.hub-doc-action{left:12px;right:12px;bottom:12px}}
.hub-page{max-width:1180px}.hub-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--text-2);padding-top:30px}.hub-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:64px;padding:40px 0}.hub-hero h1{font-size:36px;line-height:1.3;letter-spacing:-1px;margin:18px 0}.hub-page h1 span,.hub-page h2 span{color:var(--brand)}.hub-page h2{font-size:28px;line-height:1.4;letter-spacing:-.7px;margin:12px 0 18px}.hub-lead{font-size:16px;color:var(--text-2);line-height:1.8;max-width:550px}.hub-jumps{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.hub-jumps a{border:1px solid var(--border);border-radius:30px;padding:8px 14px;font-size:12px}.hub-jumps a:hover{background:var(--brand-soft);color:var(--brand)}.hub-start{background:linear-gradient(140deg,var(--brand-soft),var(--surface));padding:28px;border:1px solid var(--border);border-radius:20px;align-self:center}.hub-start h2{font-size:24px}.hub-start p{font-size:14px;color:var(--text-2)}.hub-start small{display:block;font-size:12px;color:var(--text-2);margin-top:12px}.hub-start .text-link{font-size:13px}
.hub-tasks{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--surface)}.hub-tasks a{padding:20px;border-right:1px solid var(--border)}.hub-tasks a:last-child{border-right:0}.hub-tasks strong{display:flex;justify-content:space-between;gap:8px;font-size:14px}.hub-tasks strong span{color:var(--brand)}.hub-tasks small{display:block;color:var(--text-2);font-size:12px;margin-top:6px}.hub-tasks a:hover{background:var(--brand-soft)}
.hub-section{padding-top:64px;scroll-margin-top:110px}.hub-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.hub-heading h2{margin-bottom:0}.hub-controls{display:flex;gap:8px}.hub-controls button:disabled{opacity:.35;cursor:default}.hub-description{font-size:13px;color:var(--text-2);max-width:680px;margin:18px 0 24px}.hub-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 44px)/2.6);gap:22px;overflow:auto;scroll-snap-type:x mandatory;padding:0 0 14px;scrollbar-width:none}.hub-card{scroll-snap-align:start;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--surface)}.hub-cover{position:relative;height:140px;overflow:hidden;background:var(--brand-soft);padding:20px;color:var(--brand)}.hub-cover>span{font-size:10px;font-weight:800;letter-spacing:1px}.hub-cover>strong{position:absolute;right:20px;bottom:-28px;font-size:110px;font-weight:800;opacity:.18;line-height:1.3}.cover-2{background:color-mix(in srgb,var(--mint) 12%,var(--surface));color:var(--mint)}.cover-3{background:var(--surface-2)}.hub-cover-lines{display:grid;gap:9px;margin-top:24px;width:45%}.hub-cover-lines i{height:5px;border-radius:4px;background:currentColor;opacity:.25}.hub-cover-lines i:nth-child(2){width:75%}.hub-cover-lines i:last-child{width:50%}.hub-card-copy{padding:24px;display:flex;flex-direction:column;flex:1}.hub-card-copy small{font-size:12px;color:var(--brand)}.hub-card h3{font-size:19px;line-height:1.5;margin:12px 0}.hub-card p{font-size:13px;color:var(--text-2);margin:0 0 24px}.hub-card a{font-size:13px;margin-top:auto}.hub-slider-hint{font-size:11px;color:var(--text-2);margin:8px 0 0}.hub-slider-hint span{color:var(--brand);margin-left:8px}
.hub-reading{display:grid;grid-template-columns:1fr 1.2fr;gap:64px}.hub-reading-list{border-top:1px solid var(--border)}.hub-reading-list a{display:block;border-bottom:1px solid var(--border);padding:22px 0}.hub-reading-list small{font-size:12px;color:var(--brand)}.hub-reading-list h3{font-size:18px;margin:7px 0;display:flex;justify-content:space-between;gap:20px}.hub-reading-list h3 span{color:var(--brand)}.hub-reading-list p{font-size:13px;color:var(--text-2);margin:0}.hub-reading-list a:hover h3{color:var(--brand)}
.hub-download{display:grid;grid-template-columns:230px 1fr;gap:55px;align-items:center;border-radius:22px;border:1px solid var(--border);background:linear-gradient(120deg,var(--brand-soft),var(--surface));padding:36px 56px}.hub-file{transform:rotate(-5deg);padding:24px;background:var(--surface);box-shadow:var(--shadow);border:1px solid var(--border);border-radius:12px}.hub-file>span{font-size:11px;font-weight:800}.hub-file strong{font-size:34px;line-height:1.15;color:var(--brand);display:block;margin:18px 0}.hub-file small{font-size:10px;color:var(--text-2)}.hub-download p{font-size:14px;color:var(--text-2);max-width:530px}.hub-download>div>small{display:block;font-size:12px;color:var(--text-2);margin-top:10px}
.hub-routes{display:grid;grid-template-columns:1fr 1fr;gap:32px}.hub-routes article{border-left:2px solid var(--mint);padding:8px 0 8px 24px}.hub-route-tag{font-size:10px;letter-spacing:1px;color:var(--text-2)}.hub-routes h3{font-size:18px;margin:10px 0}.hub-routes p{font-size:14px;color:var(--text-2)}.hub-routes a{font-size:13px}.hub-case-list{margin-top:28px;border-top:1px solid var(--border)}.hub-case-list a{display:flex;gap:24px;align-items:center;border-bottom:1px solid var(--border);padding:22px 0}.hub-case-list a>span{color:var(--brand);font-size:12px}.hub-case-list h3{font-size:16px;line-height:1.6;margin:0;flex:1}.hub-case-list svg{width:20px;flex:none;color:var(--brand)}.hub-case-list a:hover h3{color:var(--brand)}.hub-end{display:flex;justify-content:space-between;gap:20px;margin:40px 0 60px;padding:20px 0;border-top:1px solid var(--border);font-size:13px;color:var(--text-2)}
@media(max-width:900px){.hub-hero{gap:28px}.hub-hero h1{font-size:30px}.hub-tasks{grid-template-columns:1fr 1fr}.hub-tasks a:nth-child(2){border-right:0}.hub-tasks a:nth-child(-n+2){border-bottom:1px solid var(--border)}.hub-track{grid-auto-columns:calc((100% - 22px)/1.8)}.hub-reading{gap:28px}.hub-download{gap:32px;padding:28px}}
@media(max-width:600px){.hub-breadcrumb{font-size:10px;gap:8px;padding-top:22px}.hub-hero{grid-template-columns:1fr;padding:24px 0;gap:24px}.hub-hero h1{font-size:24px;letter-spacing:-.7px}.hub-lead{font-size:14px}.hub-page h2,.hub-start h2{font-size:18px;letter-spacing:-.3px}.hub-start{padding:22px}.hub-page small{font-size:10px}.hub-tasks a{padding:15px}.hub-tasks strong{font-size:12px}.hub-section{padding-top:42px;scroll-margin-top:145px}.hub-track{grid-auto-columns:88%;gap:16px}.hub-card-copy{padding:20px}.hub-card h3{font-size:18px}.hub-cover{height:120px}.hub-heading{align-items:center;gap:12px}.hub-controls{gap:5px}.hub-controls button{width:32px;height:32px;flex:none}.hub-reading{grid-template-columns:1fr;gap:0}.hub-reading-list h3{font-size:16px}.hub-download{grid-template-columns:1fr;padding:24px;gap:24px}.hub-file{width:140px;padding:18px}.hub-file strong{font-size:26px;margin:10px 0}.hub-download .button{font-size:12px;width:100%;gap:12px}.hub-routes{grid-template-columns:1fr;gap:24px}.hub-routes h3{font-size:16px}.hub-case-list a{gap:14px}.hub-case-list h3{font-size:14px}.hub-heading>.text-link{font-size:11px}.hub-end{flex-direction:column;margin-bottom:36px}.hub-description{font-size:12px}}

/* Акцентный блок получения материала после подборки гайдов. */
.hub-download.hub-download-visual{grid-template-columns:.9fr 1.1fr;gap:44px;padding:38px 44px;background:radial-gradient(ellipse at 20% 50%,var(--brand-soft),transparent 58%),var(--surface);overflow:hidden}
.hub-download-art{position:relative;min-height:330px;display:grid;place-items:center;isolation:isolate}
.hub-download-art>img{width:100%;height:330px;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(25,45,120,.1))}
.hub-download-ring{position:absolute;width:290px;height:290px;border:1px solid var(--border);border-radius:50%;z-index:-1}.hub-download-ring:after{content:'';position:absolute;inset:27px;border:1px dashed var(--border);border-radius:50%}
.hub-download-badge{position:absolute;bottom:0;left:8%;right:8%;display:flex;align-items:center;gap:12px;padding:15px 18px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px}.hub-download-badge strong{font-size:13px}.hub-download-badge small{display:block;font-size:12px;color:var(--text-2);margin-top:3px}
.hub-download-copy>.eyebrow{font-size:10px;margin:0}.hub-download-copy h2{font-size:28px;line-height:1.4;margin:14px 0 16px}.hub-download-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:460px;margin:0;color:var(--text-2)}
.hub-download-points{list-style:none;padding:0;margin:22px 0;display:grid;gap:10px;font-size:13px}.hub-download-points li{display:flex;align-items:center;gap:10px}.hub-download-points svg{width:18px;height:18px;color:var(--mint);flex:none}
.hub-download-cta{border-top:1px solid var(--border);padding-top:20px;display:flex;align-items:center;flex-wrap:wrap;gap:16px}.hub-download-cta .button{font-size:13px;gap:26px;min-height:48px}.hub-download-cta .button>span{font-size:22px;line-height:1}.hub-download-cta small{font-size:10px;line-height:1.8;color:var(--text-2)}
@media(max-width:900px){.hub-download.hub-download-visual{gap:24px;padding:28px}.hub-download-copy h2{font-size:24px}.hub-download-art>img{height:280px}.hub-download-art{min-height:310px}.hub-download-badge{left:0;right:0;padding:12px}.hub-download-ring{width:240px;height:240px}}
@media(max-width:600px){.hub-download.hub-download-visual{display:flex;flex-direction:column-reverse;padding:24px 20px;gap:24px}.hub-download-copy h2{font-size:18px}.hub-download-copy>p:not(.eyebrow){font-size:13px}.hub-download-points{font-size:12px;gap:10px;margin:18px 0}.hub-download-cta{gap:10px}.hub-download-cta .button{width:100%;justify-content:space-between;font-size:13px}.hub-download-cta small{font-size:10px}.hub-download-art{width:100%;min-height:255px}.hub-download-art>img{height:255px;width:100%}.hub-download-badge{left:0;right:0;bottom:0;padding:12px 14px}.hub-download-badge strong{font-size:12px}.hub-download-badge small{font-size:10px}.hub-download-ring{width:220px;height:220px}}

/* Два формата получения материала и карточки реальных проектов. */
.hub-material-actions{display:grid;gap:12px;margin-top:auto}.hub-material-actions .button{width:100%;justify-content:space-between;font-size:13px;min-height:46px;padding:12px 16px}.hub-material-actions .button>span{font-size:20px;line-height:1}.hub-card .hub-google-link{font-size:11px;display:inline-flex;align-items:center;gap:6px;color:var(--text-2);justify-self:start}.hub-google-link svg{width:13px;height:13px}.hub-card .hub-google-link:hover{color:var(--brand)}
.hub-case-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px}.hub-case-card{position:relative;display:flex;flex-direction:column;padding:26px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(150deg,var(--brand-soft),var(--surface) 45%);overflow:hidden}.hub-case-card:nth-child(2){background:linear-gradient(150deg,color-mix(in srgb,var(--mint) 10%,var(--surface)),var(--surface) 45%)}.hub-case-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1px;color:var(--text-2)}.hub-case-top>span:last-child{font-size:13px;color:var(--brand)}.hub-case-symbol{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--surface);border:1px solid var(--border);color:var(--brand);margin-top:24px}.hub-case-symbol svg{width:24px;height:24px}.hub-case-card h3{font-size:17px;line-height:1.6;margin:20px 0 14px}.hub-case-card p{font-size:13px;line-height:1.8;color:var(--text-2);margin:0 0 24px}.hub-case-card>a{margin-top:auto;padding-top:18px;border-top:1px solid var(--border);font-size:13px}
@media(max-width:900px){.hub-case-cards{gap:16px;grid-template-columns:1fr}.hub-case-card{padding:24px}.hub-case-symbol{margin-top:18px}.hub-case-card h3{margin-top:16px}}
@media(max-width:600px){.hub-case-card{padding:22px}.hub-case-card h3{font-size:16px}.hub-case-card p{font-size:12px}.hub-material-actions .button{font-size:13px}.hub-card .hub-google-link{font-size:11px}}

/* Свайп и стрелки сохраняются без видимой полосы прокрутки. */
.hub-track::-webkit-scrollbar{display:none}