@charset "UTF-8";
/* AHEADER */
 .header-nav {
 position: sticky;
 top: 0;
 left: 0;
 width: 100%;
 z-index: 1000;
 background: rgba(10, 11, 14, 0.75);
 backdrop-filter: blur(16px);
 -webkit-backdrop-filter: blur(16px);
 border-bottom: 1px solid var(--border);
 transition: border-color 0.3s ease;
 }

 .header-inner {
 max-width: none;
 margin: 0 auto;
 padding: 0 24px;
 height: 76px;
 display: flex;
 align-items: center;
 justify-content: space-between;
 }

 /* Графический логотип */
 .brand-logo {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 text-decoration: none;
 line-height: 1;
 padding: 4px 0;
 }

 .header-logo-img {
 height: 30px;
 width: auto;
 display: block;
 object-fit: contain;
 transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), filter 0.25s ease;
 }

 .brand-logo:hover .header-logo-img {
 transform: scale(1.08);
 filter: drop-shadow(0 0 14px rgba(210, 255, 0, 0.6));
 }

 /* Status Badge */
 .status-badge {
 display: inline-flex;
 align-items: center;
 gap: 8px;
 background: rgba(255, 255, 255, 0.03);
 border: 1px solid var(--border);
 padding: 6px 14px;
 border-radius: 100px;
 }

 .pulse-dot {
 width: 7px;
 height: 7px;
 background-color: var(--accent);
 border-radius: 50%;
 box-shadow: 0 0 10px var(--accent);
 animation: statusPulse 2s infinite ease-in-out;
 }

 .status-text {
 font-size: 0.75rem;
 font-weight: 500;
 color: var(--text-muted);
 letter-spacing: 0.02em;
 }

 @keyframes statusPulse {
 0%, 100% { transform: scale(1); opacity: 1; }
 50% { transform: scale(1.3); opacity: 0.5; }
 }

 /* Desktop Navigation */
 .desktop-nav {
 display: block;
 }

 .nav-list {
 display: flex;
 align-items: center;
 gap: 32px;
 list-style: none;
 }

 .nav-link {
 font-size: 0.88rem;
 font-weight: 500;
 color: var(--text-muted);
 position: relative;
 padding: 6px 0;
 transition: color 0.2s ease;
 }

 .nav-link::after {
 content: '';
 position: absolute;
 bottom: 0;
 left: 0;
 width: 0;
 height: 2px;
 background: var(--accent);
 border-radius: 2px;
 transition: width 0.25s cubic-bezier(0.16, 1, 0.3, 1);
 }

 .nav-link:hover {
 color: #fff;
 }

 .nav-link:hover::after {
 width: 100%;
 }

 /* CTA Button */
 .header-actions {
 display: flex;
 align-items: center;
 gap: 16px;
 }

 .btn-cta {
 display: inline-flex;
 align-items: center;
 gap: 8px;
 background: #fff;
 color: #0a0b0e;
 padding: 10px 18px;
 border-radius: 8px;
 font-size: 0.82rem;
 font-weight: 600;
 transition: all 0.25s ease;
 }

 .btn-cta:hover {
 background: var(--accent);
 color: #000;
 transform: translateY(-1px);
 box-shadow: 0 6px 20px var(--accent-glow);
 }

 /* Burger Toggle */
 .burger-toggle {
 display: none;
 background: none;
 border: none;
 cursor: pointer;
 padding: 8px;
 flex-direction: column;
 gap: 6px;
 }

 .burger-line {
 width: 24px;
 height: 2px;
 background-color: #fff;
 border-radius: 2px;
 transition: 0.25s ease;
 }

 /* Mobile Drawer */
 .mobile-drawer {
 position: fixed;
 top: 0;
 right: -100%;
 width: 100%;
 max-width: 400px;
 height: 100vh;
 background: #111318;
 border-left: 1px solid var(--border);
 padding: 32px 24px;
 display: flex;
 flex-direction: column;
 z-index: 1001;
 transition: right 0.35s cubic-bezier(0.16, 1, 0.3, 1);
 }

 .mobile-drawer.is-open {
 right: 0;
 }

 .drawer-header {
 display: flex;
 justify-content: space-between;
 align-items: center;
 padding-bottom: 20px;
 border-bottom: 1px solid var(--border);
 }

 .drawer-title {
 font-size: 0.75rem;
 text-transform: uppercase;
 letter-spacing: 0.1em;
 color: var(--text-muted);
 }

 .drawer-close {
 background: none;
 border: none;
 color: #fff;
 font-size: 2rem;
 line-height: 1;
 cursor: pointer;
 }

 .drawer-nav {
 display: flex;
 flex-direction: column;
 gap: 20px;
 padding: 36px 0;
 }

 .drawer-link {
 font-family: var(--font-display);
 font-size: 1.4rem;
 font-weight: 800;
 color: var(--text-muted);
 text-decoration: none;
 transition: color 0.2s ease;
 display: flex;
 justify-content: space-between;
 align-items: center;
 }

 .drawer-link:hover {
 color: #fff;
 }

 .drawer-link--tier span {
 font-family: var(--font-main);
 font-size: 0.7rem;
 background: var(--accent);
 color: #000;
 padding: 3px 8px;
 border-radius: 4px;
 font-weight: 700;
 }

 .drawer-footer {
 margin-top: auto;
 padding-top: 24px;
 border-top: 1px solid var(--border);
 }

 .drawer-caption {
 display: block;
 font-size: 0.75rem;
 color: var(--text-muted);
 margin-bottom: 8px;
 }

 .drawer-contact-item {
 display: block;
 font-size: 0.95rem;
 color: #fff;
 margin-bottom: 6px;
 }

 /* Адаптив */
 @media (max-width: 992px) {
 .status-badge {
 display: none;
 }
 }

 @media (max-width: 820px) {
 .desktop-nav, .btn-cta {
 display: none;
 }
 .burger-toggle {
 display: flex;
 }
 .header-logo-img {
 height: 24px;
 }
 }

/* выделение текста — фирменный салатовый */
::selection { background: #d2ff00; color: #0a0b0e; }
::-moz-selection { background: #d2ff00; color: #0a0b0e; }

/* плавная прокрутка (Lenis) */
html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-stopped { overflow: hidden; }

/* ===== Глобально (UI/UX Pro Max: доступность и движение) ===== */
.drawer-link--tier span{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;border-radius:0!important;color:var(--accent,#d2ff00)!important;margin-left:6px}
/* видимый фокус с клавиатуры, мышью — без обводки */
a:focus-visible,button:focus-visible,[role="button"]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #d2ff00;outline-offset:3px;border-radius:6px}
/* уважение к системной настройке «уменьшить движение» */
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* «Открыт к новым проектам» — без плашки, только точка-статус и текст */
.status-badge{background:transparent!important;background-image:none!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding-left:0!important;padding-right:0!important}

/* ширина сайта = край заголовка интро: отступ от края экрана 24–72px */
.header-inner{padding-left:clamp(16px,4vw,72px)!important;padding-right:clamp(16px,4vw,72px)!important}

/* ===== ШАПКА: логотип и «меню» по центру, кнопка справа ===== */
.header-inner{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center}
.hdr-side{min-width:0}
.hdr-center{display:flex;align-items:center;gap:12px;justify-self:center}
.header-actions{justify-self:end}
.desktop-nav,.burger-toggle,.status-badge,.mobile-drawer{display:none!important}
.menu-toggle{background:none;border:0;padding:6px 2px;cursor:pointer;color:#fff;font:500 1.15rem/1 'Inter',sans-serif;letter-spacing:-.01em;transition:color .2s}
.menu-toggle:hover{color:#d2ff00}

/* ===== МЕНЮ ===== */
.site-menu{position:fixed;left:0;right:0;top:76px;z-index:999;background:rgba(10,11,14,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
 padding:clamp(40px,7vh,72px) clamp(16px,4vw,72px) clamp(56px,10vh,110px);
 opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .35s ease,transform .45s cubic-bezier(.22,1,.36,1),visibility 0s linear .45s}
.site-menu-nav{display:flex;justify-content:space-between;align-items:baseline;gap:24px;flex-wrap:wrap}
.site-menu-link{color:#fff;text-decoration:none;font:400 clamp(2rem,3.6vw,3.6rem)/1.1 'Inter',sans-serif;letter-spacing:-.03em;
 opacity:0;transform:translateY(14px);transition:opacity .4s ease,transform .5s cubic-bezier(.22,1,.36,1),color .2s}
.site-menu-link:hover{color:#d2ff00}
.site-menu-backdrop{position:fixed;inset:76px 0 0;z-index:998;background:rgba(5,6,8,.78);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .35s ease,visibility 0s linear .35s}
.menu-open .site-menu{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.menu-open .site-menu-backdrop{opacity:1;visibility:visible;transition-delay:0s}
.menu-open .site-menu-link{opacity:1;transform:none}
.menu-open .site-menu-link:nth-child(2){transition-delay:.04s}.menu-open .site-menu-link:nth-child(3){transition-delay:.08s}
.menu-open .site-menu-link:nth-child(4){transition-delay:.12s}.menu-open .site-menu-link:nth-child(5){transition-delay:.16s}
@media (max-width:768px){
 .header-inner{grid-template-columns:auto 1fr auto}
 .hdr-side{display:none}
 .hdr-center{justify-self:start}
 .btn-cta span{display:none}
 .site-menu{bottom:0}
 .site-menu-nav{flex-direction:column;align-items:flex-start;gap:18px}
 .site-menu-link{font-size:clamp(2rem,9vw,2.8rem)}
}

/* «Обсудить проект» перенесена в первый экран главной — в шапке не показываем */
.header-actions .btn-cta{display:none!important}

/* низ панели меню — мягкий градиент в затемнение, без резкой границы */
.site-menu{padding-bottom:clamp(110px,18vh,200px);background:linear-gradient(to bottom,rgba(10,11,14,.96) 0%,rgba(10,11,14,.9) 45%,rgba(10,11,14,0) 100%);
 -webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent 100%);mask-image:linear-gradient(to bottom,#000 55%,transparent 100%)}
.site-menu-backdrop{background:linear-gradient(to bottom,rgba(5,6,8,.85) 0%,rgba(5,6,8,.7) 40%,rgba(5,6,8,.6) 100%)}

/* первый экран главной (дублируется здесь, чтобы не зависеть от версии home.css в коде страницы) */
.intro3d-accent{color:#d2ff00}
.intro3d-top{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(28px,5vh,56px)}
.intro3d-cta{pointer-events:auto;display:inline-flex;align-items:center;gap:12px;background:#fff;color:#0a0b0e!important;text-decoration:none;padding:18px 30px;border-radius:10px;font:600 1.05rem/1 'Inter',sans-serif;transition:background-color .2s,transform .2s}
.intro3d-cta:hover{background:#d2ff00;transform:translateY(-2px)}
@media (max-width:768px){.intro3d-cta{padding:14px 22px;font-size:.95rem}}

/* ===== Все толстые заголовки — тем же начертанием, что «Денис Савицкий» / «Дизайн для спорта»: Inter 600 ===== */
.article-text h1,
.article-text h2,
.article-text h3,
.article-title,
.board-row-label,
.btn-tier-pick,
.case-name,
.chip-logo-fallback,
.comments-title,
.drawer-link,
.export-brand-title,
.export-heading,
.export-logo-fallback,
.feature-num,
.footer-headline,
.hero-title,
.legend-pill,
.marker-label,
.modal-team-title,
.pipeline-idx,
.pipeline-name,
.player-handle,
.publ-author-avatar span,
.publ-card-title,
.publ-page-title,
.rating-title,
.section-title,
.service-name,
.service-num,
.sloy-card-name,
.sloy-perks-title,
.sloy-stat,
.spec-title,
.squad-banner-title,
.stat-val,
.team-logo-fallback,
.team-rank,
.team-tier-badge,
.tier-title{font-weight:600!important;letter-spacing:-.03em}

/* «Смотреть кейсы» — салатовая кнопка под «Обсудить проект» */
.intro3d-top{row-gap:14px!important}
.intro3d-top .intro3d-title{margin-bottom:clamp(14px,3vh,42px)}
.intro3d-cases{pointer-events:auto;display:inline-flex;align-items:center;gap:12px;background:#d2ff00;color:#0a0b0e!important;text-decoration:none;
 padding:18px 30px;border-radius:10px;font:600 1.05rem/1 'Inter',sans-serif;transition:background-color .2s,transform .2s}
.intro3d-cases:hover{background:#fff;transform:translateY(-2px)}
@media (max-width:768px){.intro3d-cases{padding:14px 22px;font-size:.95rem}}

/* Раскладка первого экрана: заголовок сверху, «Смотреть кейсы» посередине, описание снизу;
   «Обсудить проект» — в правом нижнем углу на уровне описания */
.intro3d-copy > .intro3d-cases{align-self:flex-start}
.intro3d-cta--corner{position:absolute;z-index:3;right:clamp(16px,4vw,72px);bottom:clamp(64px,11vh,120px);
 opacity:calc(1 - var(--intro-p,0))}
@media (max-width:768px){.intro3d-cta--corner{bottom:auto;top:calc(76px + 16px)}}

/* «Обсудить проект» — закреплена в правом нижнем углу окна, видна всегда при прокрутке */
.intro3d-cta--corner{display:none!important}
.float-cta{position:fixed;z-index:990;right:clamp(16px,2.5vw,40px);bottom:clamp(16px,3vh,40px);display:inline-flex;align-items:center;gap:12px;
 background:#fff;color:#0a0b0e!important;text-decoration:none;padding:16px 26px;border-radius:10px;font:600 1rem/1 'Inter',sans-serif;
 box-shadow:0 10px 30px rgba(0,0,0,.35);transition:background-color .2s,transform .2s}
.float-cta:hover{background:#d2ff00;transform:translateY(-2px)}
.menu-open .float-cta{opacity:0;pointer-events:none}
@media (max-width:768px){.float-cta{padding:13px 18px;font-size:.9rem}}

/* Первый экран при прокрутке вниз плавно размывается и уходит (вместе с затуханием) */
.intro3d-copy{filter:blur(calc(var(--intro-p,0) * 14px))}
#intro3dCanvas{filter:blur(calc(var(--intro-p,0) * 18px))}
.intro3d-scroll{filter:blur(calc(var(--intro-p,0) * 10px))}
@media (prefers-reduced-motion: reduce){.intro3d-copy,#intro3dCanvas,.intro3d-scroll{filter:none}}

/* Услуги-аккордеон: без подложки при наведении/раскрытии — просто название салатовое */
.services-grid>.service-card:not(.is-wide-feature):hover,.services-grid>.service-card.is-open{background:transparent!important;box-shadow:none!important}
.services-grid .service-card .service-name{transition:color .25s ease}
.services-grid>.service-card:not(.is-wide-feature):hover .service-name,.services-grid>.service-card.is-open .service-name{color:#d2ff00!important}
/* подложки у пунктов услуг нет ни в каком состоянии (в т.ч. при старом home.css из кэша) */
.services-grid>.service-card:not(.is-wide-feature),.services-grid>.service-card:not(.is-wide-feature):hover,.services-grid>.service-card:not(.is-wide-feature).is-open,.services-grid>.service-card:not(.is-wide-feature):focus-visible{background:transparent!important;background-image:none!important;box-shadow:none!important;border-color:transparent!important;outline-offset:4px}
.services-grid>.service-card:not(.is-wide-feature)::before,.services-grid>.service-card:not(.is-wide-feature)::after,.services-grid>.service-card:not(.is-wide-feature)>.edge-glow{display:none!important}

/* Фон первого экрана показываем сразу обычной картинкой (как в 3D-сцене: приглушён, слева уходит в темноту),
   чтобы не ждать загрузки 3D-движка; 3D-сцена потом плавно проявляется поверх */
.intro3d-sticky{background:
 linear-gradient(to bottom,rgba(10,11,14,0) 75%,#0a0b0e 100%),
 linear-gradient(90deg,#0a0b0e 0%,rgba(10,11,14,.95) 20%,rgba(10,11,14,.78) 40%,rgba(10,11,14,.72) 60%),
 url(/assets/img/intro-works.jpg?v=1) center/cover no-repeat,#0a0b0e}

/* маркеры списков услуг — мини-логотип вместо салатовой точки */
.service-list li::before{width:11px!important;height:10px!important;border-radius:0!important;background:url(/Logo.svg) center/contain no-repeat!important;box-shadow:none!important;top:5px!important}

/* ===== ПРЕЛОАДЕР: светящийся логотип, пока сайт не загрузится ===== */
.site-preloader{position:fixed;inset:0;z-index:2147483647;background:#0a0b0e;display:flex;align-items:center;justify-content:center;
 transition:opacity .6s ease,visibility 0s linear .6s}
.site-preloader.is-done{opacity:0;visibility:hidden}
.site-preloader img{width:clamp(56px,7vw,96px);height:auto;animation:preGlow 1.6s ease-in-out infinite;will-change:filter,opacity,transform}
@keyframes preGlow{
 0%,100%{opacity:.55;transform:scale(.96);filter:drop-shadow(0 0 0 rgba(210,255,0,0))}
 50%{opacity:1;transform:scale(1);filter:drop-shadow(0 0 18px rgba(210,255,0,.75)) drop-shadow(0 0 42px rgba(210,255,0,.35))}}
@media (prefers-reduced-motion: reduce){.site-preloader img{animation:none;filter:drop-shadow(0 0 16px rgba(210,255,0,.6))}}
/* усиленная специфичность: старое правило home.css (подложка при наведении) грузится позже и перебивало */
html body .services-grid>.service-card:not(.is-wide-feature),html body .services-grid>.service-card:not(.is-wide-feature):hover,html body .services-grid>.service-card:not(.is-wide-feature).is-open,html body .services-grid>.service-card:not(.is-wide-feature).is-open:hover{background:transparent!important;background-image:none!important;box-shadow:none!important;border-color:transparent!important}
html body .services-grid>.service-card:not(.is-wide-feature):hover .service-name,html body .services-grid>.service-card.is-open .service-name{color:#d2ff00!important}

/* подписи на фото «BRAND DESIGNER» и «Ex-Head of Design / NinetyTwo» — убраны */
.card-floating-badge{display:none!important}

/* ===== Первый экран v2: фото + огромный ник ===== */
.intro-v2 #intro3dCanvas,.intro-v2 .intro3d-copy,.intro-v2 .intro3d-fallback{display:none!important}   /* 3D и старый текст скрыты, не удалены */
.intro-v2 .intro3d-sticky{background:#0a0b0e!important}
.hero2{position:absolute;inset:0;overflow:hidden;opacity:calc(1 - var(--intro-p,0));filter:blur(calc(var(--intro-p,0) * 14px))}
.hero2-photo{position:absolute;right:0;top:0;height:100%;width:72%;object-fit:cover;object-position:62% 30%;filter:grayscale(1) contrast(1.08);
 -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 30%),linear-gradient(to bottom,#000 70%,transparent 100%);-webkit-mask-composite:source-in;
 mask-image:linear-gradient(90deg,transparent 0%,#000 30%),linear-gradient(to bottom,#000 70%,transparent 100%);mask-composite:intersect}
.hero2-top{position:absolute;z-index:2;left:clamp(16px,4vw,72px);top:calc(76px + clamp(24px,5vh,56px));max-width:min(440px,80vw)}
.hero2-lead{margin:0 0 22px;color:#fff;font:500 clamp(1.05rem,1.5vw,1.4rem)/1.35 'Inter',sans-serif;letter-spacing:-.01em}
.hero2-actions{display:flex;align-items:center;gap:10px}
.hero2-btn{display:inline-flex;align-items:center;height:48px;padding:0 24px;border-radius:999px;background:#fff;color:#0a0b0e!important;text-decoration:none;font:600 .95rem/1 'Inter',sans-serif;transition:background-color .2s}
.hero2-btn:hover{background:#d2ff00}
.hero2-circle{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#d2ff00;color:#0a0b0e!important;transition:transform .2s}
.hero2-circle:hover{transform:translateY(2px)}
.hero2-name{position:absolute;z-index:1;left:clamp(8px,2vw,40px);bottom:-.16em;color:#fff;font:600 clamp(6rem,24vw,26rem)/.8 'Inter',sans-serif;letter-spacing:-.06em;pointer-events:none;white-space:nowrap}
.hero2-card{position:absolute;z-index:3;right:clamp(16px,2.5vw,40px);bottom:calc(clamp(16px,3vh,40px) + 68px);display:flex;gap:12px;align-items:flex-start;max-width:320px;
 padding:12px;border-radius:14px;background:rgba(18,20,26,.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-decoration:none;color:#c9ccd4!important}
.hero2-card img{width:56px;height:56px;border-radius:10px;object-fit:cover;object-position:60% 25%;filter:grayscale(1);flex-shrink:0}
.hero2-card p{margin:0;font:400 .82rem/1.45 'Inter',sans-serif}
.hero2-card b{color:#fff;font-weight:600}
.hero2-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#d2ff00;margin-right:6px;vertical-align:middle}
.intro-v2 .intro3d-scroll{display:none}
@media (max-width:768px){
 .hero2-photo{width:100%;object-position:70% 30%;-webkit-mask-image:linear-gradient(to bottom,#000 60%,transparent 100%);mask-image:linear-gradient(to bottom,#000 60%,transparent 100%)}
 .hero2-card{display:none}
 .hero2-name{font-size:32vw}
}

.hero2-card{display:none!important}
/* «Смотреть кейсы» — салатовая, той же формы, что «Обсудить проект»; круглая кнопка убрана */
.hero2-circle{display:none!important}
.hero2-btn{height:auto!important;gap:12px;padding:16px 26px!important;border-radius:10px!important;background:#d2ff00!important;font:600 1rem/1 'Inter',sans-serif!important;transition:background-color .2s,transform .2s}
.hero2-btn:hover{background:#fff!important;transform:translateY(-2px)}
/* ник целиком в кадре (поднят); фото — мягкая растушёвка по всем краям без видимой границы */
.hero2-name{bottom:clamp(40px,7vh,80px)!important;line-height:.78!important}
.hero2-photo{width:78%!important;
 -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 18%,#000 45%,#000 88%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 14%,#000 55%,transparent 100%)!important;
 mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 18%,#000 45%,#000 88%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 14%,#000 55%,transparent 100%)!important;
 -webkit-mask-composite:source-in!important;mask-composite:intersect!important}
@media (max-width:768px){.hero2-photo{width:100%!important}}
/* размытие фото к правому нижнему углу — как «глубина резкости» на референсе */
.hero2-blur{position:absolute;inset:0;z-index:1;pointer-events:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
 -webkit-mask-image:linear-gradient(155deg,transparent 42%,rgba(0,0,0,.6) 62%,#000 80%);mask-image:linear-gradient(155deg,transparent 42%,rgba(0,0,0,.6) 62%,#000 80%)}
.hero2-name{z-index:2!important}.hero2-top{z-index:3!important}

/* ===== Первый экран v3: 3D по центру, ник внутри сцены, типографика по углам ===== */
.intro-v3 .intro3d-copy,.intro-v3 .hero2,.intro-v3 .intro3d-fallback{display:none!important}
.intro-v3 #intro3dCanvas{display:block!important;-webkit-mask-image:none!important;mask-image:none!important}
.intro-v3 .intro3d-sticky{background:#0a0b0e!important}
.hero3{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:calc(1 - var(--intro-p,0));filter:blur(calc(var(--intro-p,0) * 14px))}
.hero3-note{position:absolute;right:clamp(16px,6vw,120px);top:30%;max-width:260px;margin:0;color:rgba(255,255,255,.72);font:400 clamp(1rem,1.35vw,1.35rem)/1.3 'Inter',sans-serif;letter-spacing:-.01em}
.hero3-bottom{position:absolute;left:clamp(16px,4vw,72px);bottom:clamp(40px,9vh,110px);display:flex;align-items:flex-end;gap:clamp(20px,2.5vw,40px)}
.hero3-title{margin:0;color:#fff;font:600 clamp(2rem,3.4vw,3.8rem)/.95 'Inter',sans-serif;text-transform:uppercase;letter-spacing:-.035em}
.hero3-side{padding-bottom:.4em}
.hero3-side p{margin:0 0 16px;color:rgba(255,255,255,.85);font:400 .95rem/1.35 'Inter',sans-serif}
.hero3-link{pointer-events:auto;display:inline-flex;align-items:center;gap:12px;color:#fff!important;text-decoration:none;font:600 .95rem/1 'Inter',sans-serif;text-transform:uppercase;letter-spacing:.02em}
.hero3-link span{display:inline-block;width:28px;height:2px;background:#d2ff00;transition:width .25s}
.hero3-link:hover{color:#d2ff00!important}.hero3-link:hover span{width:44px}
.intro-v3 .intro3d-scroll{display:none!important}
@media (max-width:768px){
 .hero3-note{top:auto;bottom:calc(76px + 58vh);right:16px;max-width:200px;font-size:.9rem}
 .hero3-bottom{flex-direction:column;align-items:flex-start;gap:16px;bottom:32px}
}

/* ===== Шапка: логотип слева, «меню» с иконкой-бургером справа ===== */
.hdr-side{display:flex;align-items:center}
.header-actions{display:flex;align-items:center}
.menu-toggle{display:inline-flex;align-items:center;gap:12px}
.burger-icon{position:relative;display:inline-block;width:22px;height:14px}
.burger-icon i{position:absolute;left:0;right:0;height:2px;border-radius:2px;background:currentColor;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .2s,top .35s cubic-bezier(.22,1,.36,1)}
.burger-icon i:nth-child(1){top:0}.burger-icon i:nth-child(2){top:6px}.burger-icon i:nth-child(3){top:12px}
.menu-open .burger-icon i:nth-child(1){top:6px;transform:rotate(45deg)}
.menu-open .burger-icon i:nth-child(2){opacity:0}
.menu-open .burger-icon i:nth-child(3){top:6px;transform:rotate(-45deg)}
@media (max-width:768px){.header-inner{grid-template-columns:auto 1fr auto!important}}
.header-inner{display:flex!important;justify-content:space-between!important;align-items:center}
/* печатающееся слово в заголовке первого экрана */
.hero3-type{color:#d2ff00}
.hero3-caret{display:inline-block;width:.08em;height:.78em;margin-left:.06em;background:#d2ff00;vertical-align:baseline;animation:heroCaret .9s steps(1) infinite}
@keyframes heroCaret{50%{opacity:0}}
.hero3-note{max-width:300px!important;color:#fff!important}

/* кнопка меню — только иконка-бургер (без слова «меню») */
.menu-toggle .menu-label{display:none!important}
.menu-toggle{padding:10px!important;margin-right:-10px}
.burger-icon{width:26px;height:16px}.burger-icon i:nth-child(2){top:7px}.burger-icon i:nth-child(3){top:14px}
.menu-open .burger-icon i:nth-child(1),.menu-open .burger-icon i:nth-child(3){top:7px}

/* заглушка 3D: стеклянный логотип картинкой — виден сразу, плавно уступает место 3D;
   остаётся, если 3D не запустился (слабое устройство, блокировка, нет WebGL) */
.intro3d-poster{position:absolute;z-index:1;left:51%;top:47%;height:min(70vh,74vw);width:auto;transform:translate(-50%,-50%);pointer-events:none;
 transition:opacity .8s ease;opacity:calc(1 - var(--intro-p,0));filter:blur(calc(var(--intro-p,0) * 18px))}
.intro3d.is-ready:not(.is-fallback) .intro3d-poster{opacity:0}
.intro3d.is-fallback #intro3dCanvas{display:none!important}
/* подпись справа вверху: имя + описание */
.hero3-note{max-width:340px!important;top:26%!important}
.hero3-note .hero3-name{display:block;margin-bottom:12px;color:#fff;font:600 clamp(1.3rem,1.9vw,1.9rem)/1.05 'Inter',sans-serif;letter-spacing:-.03em;text-transform:uppercase}
.hero3-note .hero3-name::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#d2ff00;margin-right:10px;vertical-align:middle;transform:translateY(-2px)}
.hero3-note p{margin:0;color:rgba(255,255,255,.72);font:400 clamp(.9rem,1vw,1rem)/1.55 'Inter',sans-serif}
@media (max-width:768px){.hero3-note{top:calc(76px + 16px)!important;bottom:auto!important;left:16px;right:16px!important;max-width:none!important}.hero3-note p{display:none}}
.hero3-note .hero3-name::before{content:none!important;display:none!important}

/* Фото автора справа (по итогам разбора): ч/б, без рамки, растворяется в фоне;
   человек смотрит влево — взгляд ведёт на логотип и заголовок. Тёмные части снимка уходят в фон (lighten) */
.hero3-photo{position:absolute;z-index:1;right:0;top:0;height:100%;width:44vw;object-fit:cover;object-position:68% 22%;pointer-events:none;
 filter:grayscale(1) contrast(1.1) brightness(1.05);mix-blend-mode:lighten;opacity:calc(.9 - var(--intro-p,0) * .9);
 -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 45%),linear-gradient(to bottom,transparent 0%,#000 12%,#000 62%,transparent 92%);-webkit-mask-composite:source-in;
 mask-image:linear-gradient(90deg,transparent 0%,#000 45%),linear-gradient(to bottom,transparent 0%,#000 12%,#000 62%,transparent 92%);mask-composite:intersect}
.hero3{z-index:2!important}
.hero3-note{text-shadow:0 2px 18px rgba(0,0,0,.85)}
@media (max-width:768px){.hero3-photo{width:70vw;opacity:.55}}
.hero3-photo{width:54vw!important;object-position:56% 18%!important;opacity:calc(1 - var(--intro-p,0))!important;filter:grayscale(1) contrast(1.15) brightness(1.25)!important}
/* имя и описание — справа внизу, чтобы не закрывать лицо на фото */
@media (min-width:769px){.hero3-note{top:auto!important;bottom:clamp(110px,17vh,180px)!important}}

/* Минималистичная композиция (по разбору): один герой — логотип по центру; фото убрано;
   имя с короткой ролью — справа вверху, заголовок — слева внизу (диагональный баланс) */
.hero3-photo{display:none!important}
@media (min-width:769px){.hero3-note{top:calc(76px + clamp(40px,8vh,90px))!important;bottom:auto!important;right:clamp(16px,4vw,72px)!important;text-align:right;max-width:280px!important}}
.hero3-note .hero3-name{font-size:clamp(1.1rem,1.4vw,1.4rem)!important;margin-bottom:8px!important}
.hero3-note p{display:block!important;font-size:.9rem!important;color:rgba(255,255,255,.6)!important}
.hero3-note{text-shadow:none!important}

/* ===== Первый экран v4: фото-герой со смазанным движением (цвета бренда) ===== */
.intro-v4 #intro3dCanvas,.intro-v4 .intro3d-copy,.intro-v4 .hero3,.intro-v4 .intro3d-poster,.intro-v4 .intro3d-scroll{display:none!important}
.intro-v4 .intro3d-sticky{background:#0a0b0e!important}
.hero4{position:absolute;inset:0;overflow:hidden;opacity:calc(1 - var(--intro-p,0));filter:blur(calc(var(--intro-p,0) * 14px))}
.hero4-glow{position:absolute;inset:0;background:
 radial-gradient(60% 70% at 72% 45%,rgba(210,255,0,.10) 0%,rgba(210,255,0,.03) 45%,transparent 70%),
 radial-gradient(120% 90% at 50% 50%,transparent 55%,rgba(0,0,0,.55) 100%)}
.hero4-photo,.hero4-smear{position:absolute;right:-4vw;top:0;height:100%;width:72vw;object-fit:cover;object-position:62% 28%;pointer-events:none;
 -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 32%),linear-gradient(to bottom,#000 70%,transparent 100%);-webkit-mask-composite:source-in;
 mask-image:linear-gradient(90deg,transparent 0%,#000 32%),linear-gradient(to bottom,#000 70%,transparent 100%);mask-composite:intersect}
.hero4-photo{mix-blend-mode:lighten;filter:brightness(1.1) contrast(1.1)}
.hero4-smear{mix-blend-mode:screen;opacity:.95;animation:smearIn 1.6s cubic-bezier(.22,1,.36,1) .3s both}
@keyframes smearIn{from{opacity:0;transform:translateX(4%)}to{opacity:.95;transform:none}}
.hero4-grain{position:absolute;inset:-50%;pointer-events:none;opacity:.14;mix-blend-mode:overlay;
 background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
 animation:grain 1.2s steps(6) infinite}
@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,2%)}100%{transform:translate(0,0)}}
.hero4-copy{position:absolute;z-index:2;left:clamp(16px,4vw,72px);top:50%;transform:translateY(-38%);max-width:min(620px,52vw)}
.hero4-kicker{margin:0 0 18px;color:rgba(255,255,255,.6);font:400 .9rem/1.4 'Inter',sans-serif}
.hero4-title{font-weight:400!important;text-transform:none!important;font-size:clamp(2.6rem,5vw,5.2rem)!important;line-height:1.02!important;letter-spacing:-.035em!important;margin:0 0 20px!important;min-width:0!important}
.hero4-lead{margin:0;max-width:440px;color:rgba(255,255,255,.62);font:400 clamp(.95rem,1.1vw,1.1rem)/1.5 'Inter',sans-serif}
.hero4-nav{position:absolute;z-index:2;right:clamp(16px,4vw,72px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-end;gap:14px}
.hero4-nav a{color:rgba(255,255,255,.5)!important;text-decoration:none;font:500 1rem/1 'Inter',sans-serif;transition:color .2s}
.hero4-nav a:hover{color:#fff!important}
.hero4-nav a.is-active{color:#d2ff00!important}
@media (prefers-reduced-motion: reduce){.hero4-grain,.hero4-smear{animation:none}}
@media (max-width:768px){
 .hero4-photo,.hero4-smear{width:120vw;right:-30vw;opacity:.7}
 .hero4-copy{top:auto;bottom:56px;transform:none;max-width:none;right:16px}
 .hero4-nav{display:none}
}
.hero4-nav a{text-shadow:0 1px 14px rgba(0,0,0,.9),0 0 2px rgba(0,0,0,.8)}

/* убран салатовый шлейф на человеке; вместо него — мягкий свет по контуру экрана */
.hero4-smear{display:none!important}
.hero4-glow{background:none!important;
 box-shadow:inset 0 0 0 1px rgba(210,255,0,.10),inset 0 0 60px rgba(210,255,0,.10),inset 0 0 180px rgba(210,255,0,.07),inset 0 0 360px rgba(0,0,0,.55);
 animation:edgeGlow 6s ease-in-out infinite}
@keyframes edgeGlow{0%,100%{opacity:.8}50%{opacity:1}}
@media (prefers-reduced-motion: reduce){.hero4-glow{animation:none}}

/* ===== Шапка v5 (по референсу): логотип слева — разделы по центру — белая кнопка-пилюля справа ===== */
html .header-nav .header-inner{display:grid!important;grid-template-columns:1fr auto 1fr;justify-content:normal!important}
.hdr-center{justify-self:center}
.header-actions{justify-self:end;gap:12px}
.brand-logo{gap:10px}
.brand-word{color:#fff;font:600 1.2rem/1 'Inter',sans-serif;letter-spacing:-.04em}
.hdr-nav{display:flex;align-items:center;gap:clamp(22px,2.6vw,42px)}
.hdr-nav-link{position:relative;padding:8px 0;color:rgba(255,255,255,.72);font:500 .95rem/1 'Inter',sans-serif;letter-spacing:-.01em;transition:color .2s}
.hdr-nav-link::after{content:"";position:absolute;left:50%;bottom:0;width:4px;height:4px;border-radius:50%;background:#d2ff00;transform:translate(-50%,4px) scale(0);transition:transform .25s cubic-bezier(.22,1,.36,1)}
.hdr-nav-link:hover{color:#fff}
.hdr-nav-link:hover::after{transform:translate(-50%,4px) scale(1)}
html .header-inner .header-actions .btn-cta{display:inline-flex!important;align-items:center;gap:10px;padding:13px 20px;border-radius:10px;background:#fff;color:#0a0b0e!important;
 font:600 .9rem/1 'Inter',sans-serif;box-shadow:none;transform:none;transition:background-color .2s,transform .2s}
html .header-inner .header-actions .btn-cta:hover{background:#d2ff00;transform:translateY(-1px)}
@media (min-width:1025px){.menu-toggle{display:none!important}.float-cta{display:none!important}}
@media (max-width:1024px){
 html .header-nav .header-inner{display:flex!important;justify-content:space-between!important}
 .hdr-nav,html .header-inner .header-actions .btn-cta{display:none!important}
}
/* ===== Шапка на всех страницах одинаковая: без плашки и без резкого нижнего края =====
   фон — мягкий градиент, который растворяется ниже шапки (раньше тёмная полоса с размытием читалась как «вырез»);
   на главной в самом верху градиент убирается совсем — под шапкой продолжается первый экран */
html .header-nav{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-bottom:0!important;box-shadow:none!important}
.header-nav::before{content:"";position:absolute;left:0;right:0;top:0;height:calc(100% + 44px);z-index:-1;pointer-events:none;
 background:linear-gradient(to bottom,#0a0b0e 0%,rgba(10,11,14,.94) 50%,rgba(10,11,14,.55) 76%,rgba(10,11,14,0) 100%);transition:opacity .35s ease}
html.hdr-over-hero.hdr-at-top:not(.menu-open) .header-nav::before{opacity:0}
.menu-open .header-nav::before{height:100%;background:rgba(10,11,14,.96)}
/* угловая «Обсудить проект» (телефон, планшет) не спорит с карточками первого экрана */
.float-cta{transition:background-color .2s,transform .3s,opacity .3s}
html.intro-on .float-cta{opacity:0;transform:translateY(12px);pointer-events:none}

/* ===== Первый экран v10 (по референсу): тёмная сцена, огромный тонкий заголовок «лесенкой»,
   стеклянный логотип справа сверху преломляет верхние строки, справа внизу — абзац с фото и прежние кнопки ===== */
.intro-v10 .intro3d-copy,.intro-v10 .hero2,.intro-v10 .hero3,.intro-v10 .hero4,.intro-v10 .intro3d-scroll,.intro-v10 .intro3d-fallback{display:none!important}
.intro-v10 .intro3d-sticky{background:#0a0b0e!important}
.intro-v10 #intro3dCanvas{display:block!important}
.intro3d.intro-v10.is-fallback #intro3dCanvas{display:none!important}
.intro-v10 .intro3d-poster{left:68%;top:28%;height:min(40vh,34vw);width:auto;transform:translate(-50%,-50%) rotate(-12deg)}
/* высота первого экрана = окно минус то, что стоит над страницей (панель администратора uCoz и т.п.) */
.intro3d.intro-v10{height:calc(100svh - var(--hero-shift,0px))!important}
.intro-v10 .intro3d-sticky{height:calc(100svh - var(--hero-shift,0px))!important}

.hero10{--h10-fs:clamp(3rem,min(8.4vw,14.5vh),10.5rem);position:absolute;inset:0;z-index:2;pointer-events:none;opacity:calc(1 - var(--intro-p,0))}
.hero10 a{pointer-events:auto;text-decoration:none}

/* заголовок: Inter 600, капс, строки «лесенкой» (на телефоне — ровно по левому краю) */
.hero10-title{position:absolute;left:var(--site-pad);right:var(--site-pad);top:calc(76px + clamp(48px,15vh,160px));margin:0;color:#fff;
 font:600 var(--h10-fs)/.9 'Inter',sans-serif;letter-spacing:-.05em;text-transform:uppercase;filter:blur(calc(var(--intro-p,0) * 18px))}
.hero10-line{display:block;white-space:nowrap}
.hero10-l1{padding-left:3%}
.hero10-l2{padding-left:38%}
.hero10-l3{padding-left:13%}
.hero10-bl{display:inline-block;width:0;height:0;vertical-align:baseline}
.hero10-l3 .hero3-type{color:#d2ff00}
.hero10-title .hero3-caret{width:.04em;height:.7em;margin-left:.06em}
/* строки уже нарисованы в 3D-сцене (их преломляет стекло) — HTML-копия прозрачная, но остаётся для поиска и экранных читалок */
.intro3d.is-ready.text-in-scene .hero10-scene{color:transparent}

/* справа внизу: короткий абзац с фото и кнопки — те же, что были: салатовая «Смотреть кейсы» и квадратные соцсети */
.hero10-aside{position:absolute;left:52%;right:var(--site-pad);bottom:clamp(28px,7vh,72px);max-width:470px}
.hero10-lead{display:flex;align-items:flex-start;gap:14px;margin:0 0 22px;color:rgba(255,255,255,.6);font:400 .95rem/1.55 'Inter',sans-serif}
.hero10-lead b{color:#fff;font-weight:600}
.hero10-ava{flex:none;width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:58% 22%;filter:brightness(1.45) contrast(1.05)}
.hero10-actions{display:flex;align-items:center;gap:8px}
.hero10-cta{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 22px;border-radius:10px;background:#d2ff00;color:#0a0b0e!important;
 font:600 .9rem/1 'Inter',sans-serif;transition:background-color .2s,transform .2s}
.hero10-cta:hover{background:#fff;transform:translateY(-2px)}
.hero10-soc{display:grid;place-items:center;width:48px;height:48px;border-radius:10px;background:rgba(255,255,255,.06);transition:background-color .2s}
.hero10-soc img{width:16px;height:16px}
.hero10-soc:hover{background:#d2ff00}
.hero10-soc:hover img{filter:brightness(0)}

/* появление: строки поднимаются по очереди, потом абзац с кнопками */
@keyframes h10Up{from{opacity:0;translate:0 26px}to{opacity:1;translate:0 0}}
.intro-v10:not(.hero-go) .hero10-anim,.intro-v10:not(.hero-go) .hero10-line{opacity:0}
.hero-go:not(.hero-done) .hero10-anim,.hero-go:not(.hero-done) .hero10-line{animation:h10Up 1.1s cubic-bezier(.22,1,.36,1) both}
.hero-go:not(.hero-done) .hero10-l2{animation-delay:.1s}
.hero-go:not(.hero-done) .hero10-l3{animation-delay:.2s}
.hero-go:not(.hero-done) .hero10-aside{animation-delay:.4s}

@media (max-width:900px){
 .hero10{--h10-fs:12.6vw}
 .hero10-title{top:50%}
 .hero10-l1,.hero10-l2,.hero10-l3{padding-left:0}
 .hero10-aside{left:var(--site-pad);max-width:none;bottom:clamp(20px,4vh,40px)}
 .hero10-lead{font-size:.88rem;margin-bottom:16px}
 .intro-v10 .intro3d-poster{left:60%;top:38%;height:auto;width:66vw}
}
.hero10-cta{white-space:nowrap;flex:0 0 auto}.hero10-soc{flex:none}
@media (max-width:900px){
 .hero10-lead{gap:12px;margin-bottom:20px}
 .hero10-actions{gap:8px}
 .hero10-cta{flex:1 1 auto;min-width:0;justify-content:center;padding:0 16px}
}
@media (max-width:400px){
 .hero10-actions{gap:6px}
 .hero10-cta{flex:1 1 auto;justify-content:center;padding:0 14px}
 .hero10-soc{width:44px;height:44px}
}
@media (prefers-reduced-motion: reduce){.hero10-title .hero3-caret{display:none}}

/* =====================================================================
   v9 — ЕДИНЫЙ СТИЛЬ ВСЕХ СТРАНИЦ
   Этот файл подключает общий блок шапки, поэтому он есть на каждой странице (главная, рейтинг, статьи, «обо мне»).
   Здесь — общая база, которой раньше у разделов не было: у статей свой шаблон без page.css,
   отсюда подчёркнутые ссылки в меню, другие поля, другая жирность заголовков и форма кнопок.
   ===================================================================== */
:root{--accent:#d2ff00;--text-muted:#8b8f9a;--bg-main:#0a0b0e;--bg-surface:#111319;--site-pad:clamp(16px,4vw,72px)}
html{scrollbar-gutter:stable;background:#0a0b0e}
body{background:#0a0b0e;color:#f4f4f6;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased}
*,*::before,*::after{box-sizing:border-box}
a{color:inherit;text-decoration:none}
/* меню, подвал и кнопки — никогда не подчёркнуты (на странице статей были «полоски» под пунктами меню) */
.header-nav a,.site-menu a,.site-footer a,.float-cta,.btn-cta,.btn-primary,.btn-ghost,.hero10 a{text-decoration:none!important}

/* поля страницы — как у шапки: контент не «прыгает» при переходе между разделами */
.site-main{padding-left:var(--site-pad)!important;padding-right:var(--site-pad)!important}
.publ-page-wrap{padding-left:var(--site-pad)!important;padding-right:var(--site-pad)!important}
.site-main .publ-page-wrap{padding-left:0!important;padding-right:0!important}
body:not(:has(.site-main)) .rating-page-wrap{padding-left:var(--site-pad);padding-right:var(--site-pad)}
.publ-page-wrap,.rating-page-wrap{padding-top:clamp(40px,5vw,72px)!important;padding-bottom:clamp(72px,8vw,120px)!important}
.about-page .hero-section{padding-top:clamp(40px,5vw,72px)!important}

/* заголовки страниц — как заголовки разделов главной: Inter 600, капс, плотный трекинг */
.publ-page-title,.rating-title{font-family:'Inter',sans-serif!important;font-weight:600!important;text-transform:uppercase;letter-spacing:-.04em!important;line-height:1!important;
 font-size:clamp(2.2rem,4.4vw,3.8rem)!important;color:#fff}
.article-title,.comments-title,.publ-card-title,.team-name{font-family:'Inter',sans-serif!important;font-weight:600!important}
.publ-page-desc,.rating-desc{font-size:1rem!important;line-height:1.6!important;color:var(--text-muted)!important;max-width:60ch}

/* кнопки — одна форма везде: салатовые, слегка скруглённые (10px), как было изначально */
.btn-primary{display:inline-flex;align-items:center;gap:10px;border-radius:10px!important;padding:15px 24px!important;font:600 .95rem/1 'Inter',sans-serif!important;
 background:#d2ff00!important;color:#0a0b0e!important;box-shadow:none!important;transition:background-color .2s,transform .2s!important}
.btn-primary:hover{background:#fff!important;color:#0a0b0e!important;transform:translateY(-2px)!important}
.comments-box input[type=submit],.editor-form input[type=submit]{border-radius:10px!important;font-family:'Inter',sans-serif!important;font-weight:600!important}

/* убран «шум»: пульсирующие точки, статус-метки и надзаголовки над заголовками разделов */
.pulse-dot,.audit-pulse,.sloy-pulse-dot,.badge-pulse,.status-badge,.hero5-dot,.publ-header-top{display:none!important}


/* «Дизайн-поддержка»: без зелёной линии, отступ сверху как у остальных строк списка */

html body .services-section .services-grid>.service-card.service-card.is-wide-feature{margin-top:0!important;border:0!important;padding-top:37px!important}

/* «07 Дизайн-поддержка»: номер и название в тех же колонках, что у пунктов 01–06 */
@media(min-width:861px){
 html body .services-section .services-grid>.service-card.service-card.is-wide-feature{grid-template-columns:72px minmax(0,7fr) minmax(0,5fr)!important;grid-template-areas:"meta name tags" ". lead tags"!important;column-gap:24px!important;padding-left:8px!important;padding-right:8px!important}
 .services-section .is-wide-feature .service-wide-meta{align-self:baseline;margin-bottom:0!important}
 .services-section .is-wide-feature .service-name{align-self:baseline}
 .services-section .is-wide-feature .service-wide-tags{margin-left:24px}
}

/* Меню на компьютере: разделы в одну строку слева направо, как список, только вдоль */
@media (min-width:769px){
 .site-menu{padding-top:clamp(32px,6vh,64px)}
 .site-menu-nav{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:baseline;gap:14px clamp(22px,2.4vw,40px)}
 .site-menu-link{font-size:clamp(1.4rem,1.9vw,2.3rem);white-space:nowrap}
}