/* V2 brand-first hierarchy: preserve every secondary route without treating it as a first-screen CTA. */
.hero-secondary-links{width:100%;max-width:650px;margin-top:4px}
.hero-secondary-links summary{display:inline-flex;align-items:center;gap:9px;padding:8px 0;list-style:none;color:var(--muted);cursor:pointer;text-underline-offset:4px;text-decoration:underline;font-size:14px}
.hero-secondary-links summary::-webkit-details-marker{display:none}
.hero-secondary-links summary::after{content:"+";display:inline-block;color:var(--accent);font-size:18px}
.hero-secondary-links[open] summary::after{content:"−"}
.hero-secondary-contents{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.hero-secondary-contents .btn{font-size:13px;padding:9px 13px;min-height:40px}
#brand-evidence-standard{margin-top:25px;border:1px solid var(--line);border-radius:14px;padding:16px 18px;scroll-margin-top:80px;background:var(--panel)}
#brand-evidence-standard>summary{font:500 19px/1.4 var(--serif);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}
#brand-evidence-standard>summary::-webkit-details-marker{display:none}
#brand-evidence-standard>summary:after{content:"+";font:20px/1 var(--sans);color:var(--accent)}
#brand-evidence-standard[open]>summary:after{content:"−"}
.brand-proof-intro{font-size:14px;max-width:780px;color:var(--muted);margin:14px 0}
.brand-proof-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.brand-proof-item{border:1px solid var(--line);border-radius:10px;padding:13px}
.brand-proof-item b{font-size:14px;font-weight:600}
.brand-proof-item p{font-size:13px;line-height:1.55;color:var(--muted);margin-top:6px}
.brand-proof-link{display:inline-block;color:var(--accent);margin-top:14px;text-underline-offset:4px;font-size:14px}
.lead-next-steps{margin-top:24px;padding:18px 20px;background:var(--panel);border:1px solid var(--line);border-radius:14px}
.lead-next-steps>.eyebrow{margin-bottom:15px;font-size:11px}
.lead-next-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0}
.lead-next-list li{display:flex;align-items:flex-start;gap:10px}
.lead-next-list li b{font-size:14px}
.lead-next-list li p{font-size:13px;line-height:1.55;color:var(--muted);margin-top:3px}
.lead-next-note{margin-top:15px;padding-top:12px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.hero-secondary-links summary:focus-visible,#brand-evidence-standard summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:700px){
 .brand-proof-levels{grid-template-columns:1fr}
 .lead-next-list{grid-template-columns:1fr}
 .hero-secondary-contents{padding:10px}
 .lead-next-steps{padding:15px}
}
@media(prefers-reduced-motion:reduce){.hero-secondary-links,.brand-evidence-standard{transition:none}}


/* Reviewable media provenance is placed beside the gallery, not used as an unapproved image substitute. */
.portfolio-media-evidence{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:14px 18px;margin:18px 0;display:grid;gap:8px}
.portfolio-media-evidence h3{font-size:19px;margin:0}
.portfolio-media-evidence p{font-size:13px;line-height:1.55;color:var(--muted);margin:0}
.portfolio-media-source{font-size:13px;color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.portfolio-media-source:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

/* Legacy V2 rules hid every mobile hero CTA and the first desktop button.
   New brand-first controls are intentionally restored without touching V1.
   Keep supporting links inside a user-opened disclosure on all viewports. */
#top .hero-cta{display:flex;align-items:center}
#top .hero-cta > #cta-consulting,
#top .hero-cta > #cta-projects{display:inline-flex;min-height:46px}
#top .hero-cta > .hero-secondary-links{display:block}
#top .hero-secondary-contents > .btn{display:inline-flex!important}
@media(max-width:759px){
 #top .hero-cta{display:flex;flex-wrap:wrap;gap:9px}
 #top .hero-cta > #cta-consulting,
 #top .hero-cta > #cta-projects{display:inline-flex;flex:1 1 calc(50% - 8px);font-size:13px;padding:12px 11px;white-space:normal;line-height:1.3;text-align:center}
 #top .hero-cta > .hero-secondary-links{flex:1 1 100%}
}

/* Типовые задачи и ссылки на подстраницы */
#cases .case-grid{display:grid;gap:14px;margin-top:22px}
@media(min-width:900px){#cases .case-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.case-card{display:flex;flex-direction:column;gap:10px;border:1px solid var(--line);border-radius:14px;padding:22px;background:var(--panel)}
.case-card h3{font:400 22px/1.2 var(--serif);margin:0}
.case-card dl{margin:4px 0 8px;display:grid;gap:12px}
.case-card dt{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.case-card dd{margin:2px 0 0;color:var(--muted);font-size:15px;line-height:1.55}
.case-card .btn{align-self:flex-start;margin-top:auto}
.deep-links{display:flex;flex-wrap:wrap;gap:8px 22px;margin:18px 0 0}
.deep-links a{color:var(--ink);text-underline-offset:4px}
#fashion-analytics[hidden],#opportunities[hidden]{display:none!important}

/* Первый экран: две главные и три вторичные кнопки одного размера */
#top .hero-cta{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;max-width:650px}
#top .hero-cta > #cta-consulting,#top .hero-cta > #cta-projects{grid-column:span 3}
#top .hero-cta > .hero-more{display:contents}
#top .hero-more > .btn:not([hidden]){grid-column:span 2}
#top .hero-cta .btn:not([hidden]){display:inline-flex!important;align-items:center;justify-content:center;min-height:46px;padding:11px 14px;font-size:14px;line-height:1.25;text-align:center;white-space:normal}
#top .hero-cta .btn[hidden]{display:none!important}
@media(max-width:520px){#top .hero-cta{gap:8px}#top .hero-cta .btn{font-size:13px;padding:10px 8px}}
.lead-next-start{margin-top:18px;align-self:flex-start;display:inline-flex}

/* Выбранная кнопка-ориентир и подсветка раздела */
#top .hero-cta .btn[data-selected]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.nav-flash .section-head,.nav-flash.lead-routes .section-head{animation:navFlash 1.8s ease}
@keyframes navFlash{0%,35%{background:var(--accent-soft);box-shadow:-12px 0 0 var(--accent-soft),12px 0 0 var(--accent-soft)}100%{background:transparent;box-shadow:none}}
@media(prefers-reduced-motion:reduce){.nav-flash .section-head{animation:none}}
.lead-route-card{position:relative}
.route-arrow{margin-top:auto;align-self:flex-end;font-size:20px;line-height:1;color:var(--accent);transition:transform .15s ease}
.lead-route-card:hover .route-arrow,.lead-route-card:focus-visible .route-arrow{transform:translateX(4px)}

/* Как начать: три способа связаться */
.lead-ways{display:grid;gap:12px;margin-top:14px}
@media(min-width:900px){.lead-ways{grid-template-columns:repeat(3,minmax(0,1fr))}}
.lead-way{display:flex;flex-direction:column;gap:8px;border:1px solid var(--line);border-radius:14px;padding:20px;background:var(--panel)}
.lead-way h3{font:400 20px/1.25 var(--serif);margin:0}
.lead-way p{margin:0;color:var(--muted);font-size:15px;line-height:1.55}
.lead-way-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:10px}
.lead-way-actions .btn{min-height:44px}

/* Диалог «С чем вы пришли?» */
.route-picks{display:grid;gap:10px;margin-top:18px}
@media(min-width:640px){.route-picks{grid-template-columns:repeat(2,minmax(0,1fr))}}
.route-pick{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;border:1px solid var(--line);border-radius:14px;padding:18px 44px 18px 18px;background:var(--panel);color:var(--ink);cursor:pointer;font:inherit}
.route-pick b{font:400 21px/1.2 var(--serif)}
.route-pick > span:last-of-type{color:var(--muted);font-size:14.5px;line-height:1.5}
.route-pick .svc-n{margin:0}
.route-pick i{position:absolute;right:16px;bottom:14px;font-style:normal;color:var(--accent);font-size:20px}
.route-pick:hover,.route-pick:focus-visible{border-color:var(--ink)}
.route-act{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.route-act-label{margin:0 0 10px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.route-act-buttons{display:flex;flex-wrap:wrap;gap:8px}
.route-act-buttons .btn{min-height:44px}
.route-act-buttons [hidden]{display:none!important}
.route-act-hint{margin:12px 0 0;color:var(--muted);font-size:14px;line-height:1.5}