.pilot-process{margin:36px 0 56px;}
body .pilot-process>h3,body .pilot-outcomes>h3{font-size:36px;font-weight:300;letter-spacing:.025em;line-height:1.25;}
.pilot-process-intro{max-width:1000px;font-size:18px;line-height:var(--lh-text);margin:18px 0 30px;color:#56524c;}
.pilot-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;list-style:none;padding:0;margin:0;}
.pilot-steps li{position:relative;min-width:0;}
.pilot-step-art{position:relative;aspect-ratio:4/3;margin:0 0 22px;}
.pilot-step-art img{display:block;}
.pilot-step-number{position:absolute;left:0;bottom:-8px;font-size:72px;line-height:1;font-weight:300;letter-spacing:.025em;color:var(--red-ui);}
body .pilot-steps h4{font-size:25px;line-height:1.3;margin:0 0 14px;}
.pilot-steps p{font-size:16px;line-height:var(--lh-text);color:#56524c;margin:0;}
.pilot-outcomes{margin:0 0 38px;}
body .pilot-outcomes .pilot-benefits{margin-top:26px;}
body .pilot-outcomes .pilot-benefits h4{font-size:25px;font-weight:300;letter-spacing:.025em;line-height:1.3;margin:0 0 14px;}
@media(max-width:1000px){.pilot-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 28px;}.pilot-step-art{max-width:380px;}.pilot-step-number{font-size:64px;}}
@media(max-width:600px){.pilot-steps{grid-template-columns:1fr;gap:34px;}.pilot-step-art{width:100%;max-width:350px;margin-bottom:24px;}.pilot-process{margin-bottom:40px;}body .pilot-process>h3,body .pilot-outcomes>h3{font-size:28px;}.pilot-process-intro{font-size:16px;}body .pilot-steps h4,body .pilot-outcomes .pilot-benefits h4{font-size:24px;}}

/* Open compositions with large sequence markers above the illustrations. */
.pilot-step-heading{display:flex;align-items:center;gap:24px;margin-bottom:14px;}
.pilot-step-heading .pilot-step-number{position:static;font-size:68px;line-height:1;}
.pilot-step-arrow{height:24px;color:#a89d8d;}
.pilot-step-art{display:flex;align-items:center;justify-content:center;}
.pilot-step-art img{width:85%;height:85%;object-fit:contain;}
.pilot-outcomes{background:#dfded1;padding:34px 32px 32px;margin-bottom:38px;}
.pilot-outcomes>h3{margin-top:0;}
@media(max-width:600px){.pilot-step-heading .pilot-step-number{font-size:60px;}.pilot-outcomes{padding:26px 20px;}.pilot-step-art{max-width:350px;}.pilot-step-arrow{max-width:90px;}}

.pilot-step-heading .pilot-step-number{font-weight:900;letter-spacing:.055em;}
.pilot-step-art img{mix-blend-mode:multiply;}

.pilot-step-art{isolation:auto;mix-blend-mode:multiply;}

/* Center each stage number on its illustration. */
.pilot-step-heading{position:relative;justify-content:center;}
.pilot-step-arrow{position:absolute;left:calc(100% - 28px);width:84px;max-width:none;flex:none;}
@media(min-width:601px) and (max-width:1000px){.pilot-step-art{max-width:none;}.pilot-steps li:nth-child(2) .pilot-step-arrow{display:none;}}
@media(max-width:600px){.pilot-step-art{margin-left:auto;margin-right:auto;}.pilot-step-arrow{left:calc(50% + 48px);width:64px;}}

/* Hover or keyboard focus reveals the stage explanation without shifting layout. */
.pilot-steps .pilot-step-art{margin-bottom:-8px;}
body .pilot-steps h4{margin-bottom:8px;transition:color .25s ease;}
.pilot-steps .pilot-step-number{color:#343434;transition:color .25s ease;}
.pilot-steps .pilot-step-art img{transform:scale(1);transform-origin:center;transition:transform .6s cubic-bezier(.22,.61,.36,1);}
.pilot-steps li:focus-visible{outline:1px solid var(--red-ui);outline-offset:8px;}
.pilot-steps li:focus-within .pilot-step-number,body .pilot-steps li:focus-within h4{color:var(--red-ui);}
.pilot-steps li:focus-within .pilot-step-art img{transform:scale(1.06);}
@media(hover:hover) and (pointer:fine){
 .pilot-steps li p{opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .35s ease;}
 .pilot-steps li:hover .pilot-step-number,body .pilot-steps li:hover h4{color:var(--red-ui);}
 .pilot-steps li:hover .pilot-step-art img{transform:scale(1.06);}
 .pilot-steps li:hover p,.pilot-steps li:focus-within p{opacity:1;transform:translateY(0);}
}
@media(prefers-reduced-motion:reduce){.pilot-steps .pilot-step-art img,.pilot-steps .pilot-step-number,body .pilot-steps h4,.pilot-steps li p{transition:none;}.pilot-steps li .pilot-step-art img{transform:none!important;}}

/* Shared center axis for stage illustration, heading and description. */
body .pilot-steps h4,body .pilot-steps p{margin-left:auto;margin-right:auto;}

body .pilot-steps p{text-align:left;}

/* Narrow the stage descriptions while keeping their shared center axis. */
body .pilot-steps p{width:100%;margin-left:auto;margin-right:auto;}

/* Lift near-white studio backdrop to white before multiply compositing. */
.pilot-steps .pilot-step-art img{filter:brightness(1.02);}

/* One continuous beige section for the process and its outcomes. */
.pilot-program-band{position:relative;margin-top:72px;margin-bottom:38px;}
.pilot-program-band::before{content:"";position:absolute;inset:0;background:#dfded1;box-shadow:0 0 0 100vmax #dfded1;clip-path:inset(0 -100vmax);z-index:-1;pointer-events:none;}
#pilot .pilot-program-band .pilot-process{margin:0 0 48px;}
.pilot-program-band .pilot-outcomes{margin:0;}
@media(max-width:700px){.pilot-program-band{margin-top:52px;padding:32px 0;}#pilot .pilot-program-band .pilot-process{margin-bottom:36px;}.pilot-program-band .pilot-outcomes{padding:26px 0 0;}}

/* Shared bold titles and alternative image-first composition. */
body .pilot-steps h4{font-weight:700;letter-spacing:var(--track-h4);}
body[data-steps="image-first"] .pilot-steps .pilot-step-art{margin-bottom:8px;}
body[data-steps="image-first"] .pilot-step-heading{margin-bottom:18px;}

/* Selected image-first layout, light process background and centered copy. */
.pilot-program-band{padding:0;}
.pilot-program-band::before{display:none;}
.pilot-program-band .pilot-outcomes{background:#dfded1;padding:34px 32px 32px;border-top:0;}
body .pilot-steps h4,body .pilot-steps p{text-align:center;}
@media(max-width:700px){.pilot-program-band{padding:0;}.pilot-program-band .pilot-outcomes{padding:26px 20px;}}

/* Let multiply reach the light section background after removing the beige band. */
.pilot-program-band{isolation:auto;}
.pilot-steps .pilot-step-art,.pilot-steps .pilot-step-art img{mix-blend-mode:multiply;}

/* Explain each step immediately; hover remains a visual emphasis. */
body .pilot-steps li p,body .pilot-steps li:hover p,body .pilot-steps li:focus-within p{opacity:1;transform:none;}

body .pilot-participation>h3{font-size:36px;font-weight:300;letter-spacing:.025em;line-height:1.25;margin:0 0 26px;}
body .pilot-participation .pilot-agreement{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;border-top:0;padding:0;margin:0 0 30px;}
body .pilot-participation h4{font-size:22px;font-weight:700;letter-spacing:var(--track-h4);margin:0 0 12px;}
body .pilot-participation p{display:block;font-size:18px;line-height:var(--lh-text);color:#56524c;margin:0;max-width:56ch;}
@media(max-width:700px){body .pilot-participation>h3{font-size:28px;}body .pilot-participation .pilot-agreement{grid-template-columns:1fr;gap:24px;}body .pilot-participation p{font-size:16px;}}

/* White studio glow behind the hovered illustration; image blends with it. */
.pilot-steps .pilot-step-art{mix-blend-mode:normal;isolation:auto;}
.pilot-steps .pilot-step-art::before{content:"";position:absolute;inset:-8%;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,rgba(255,255,255,.95) 0%,rgba(255,255,255,.65) 28%,rgba(255,255,255,.2) 52%,rgba(255,255,255,0) 72%);transition:opacity .6s ease;}
.pilot-steps .pilot-step-art img{position:relative;mix-blend-mode:multiply;}
.pilot-steps li:focus-within .pilot-step-art::before{opacity:1;}
@media(hover:hover) and (pointer:fine){.pilot-steps li:hover .pilot-step-art::before{opacity:1;}}
@media(prefers-reduced-motion:reduce){.pilot-steps .pilot-step-art::before{transition:none;}}

/* More breathing room below outcomes and before participation terms. */
.pilot-program-band .pilot-outcomes{padding-bottom:56px;}
.pilot-participation{margin-top:72px;}
@media(max-width:700px){.pilot-program-band .pilot-outcomes{padding-bottom:40px;}.pilot-participation{margin-top:52px;}}

.pilot-steps .pilot-step-art::before{transform:translateY(16px);}
/* Телефон: h4 шагов не спорит с h2 секции (24/700 против 26/200) — аудит 11.09.2026. */
@media(max-width:700px){body .pilot-steps h4{font-size:20px;}}
/* ── Две двери в блоке участия (В2, решение владельца 21.09.2026) ──────
   Адресаты равноправны и видны сразу — то же строение, что в утверждённом
   блоке пилота на страницах разделов: адресат, кому, заголовок, пара
   «ХАДО предоставляет / потребуется». Пара внутри двери остаётся прежним
   компонентом `.pilot-agreement`, у неё меняется только раскладка: в
   колонке двери две пары идут друг под другом, а не рядом.            */
#pilot .pilot-doors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;row-gap:32px}
#pilot .pilot-door{display:flex;flex-direction:column;border-top:2px solid var(--graphite,#252a30);padding-top:20px}
#pilot .pilot-door-to{margin:0;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1.5;color:var(--red-ui)}
#pilot .pilot-door-who{margin:2px 0 0;font-size:14px;line-height:1.5;color:#76716a}
#pilot .pilot-door-h{margin:12px 0 20px;font-size:26px;font-weight:300;letter-spacing:.025em;line-height:1.25;color:var(--graphite,#252a30);text-wrap:balance}
/* Внутри двери пара условий идёт в одну колонку: две колонки в колонке
   дали бы четыре узких столбца на строку. */
#pilot .pilot-door .pilot-agreement{grid-template-columns:minmax(0,1fr);gap:22px;margin:0}
/* Две кнопки рядом; на узком — одна под другой во всю ширину. */
/* `align-self:stretch` — иначе колонка призыва сжимает пару по содержимому
   и переносит вторую кнопку: замер дал ширину пары 482 px против 484,
   нужных двум кнопкам с промежутком (21.09.2026). */
#pilot .pilot-cta-pair{display:flex;flex-wrap:wrap;gap:14px;align-items:center;align-self:stretch}
/* ДВЕ КНОПКИ ДЕЛЯТ РЯД, А НЕ ВЫСТУПАЮТ ЗА НЕГО. Колонка призыва —
   482 px, а «Получить консультацию» и «Стать партнёром» просят 490:
   на русском они переносились и вставали разной ширины. `flex:1 1 auto`
   даёт один вид в обоих случаях: помещаются — стоят рядом (арабская,
   немецкая), не помещаются — каждая занимает всю ширину, одна под
   другой. Текст кнопок по-прежнему не переносится (`.button` сайта). */
#pilot .pilot-cta-pair .button{flex:1 1 auto;justify-content:center}
/* Рамка 3 px — как у `.button.red`: иначе графитовая кнопка на 6 px ниже. */
#pilot .button.graphite{background:var(--graphite,#252a30);border:3px solid var(--graphite,#252a30);border-radius:0;color:#fff}
#pilot .button.graphite:hover,#pilot .button.graphite:focus-visible{background:var(--graphite-light,#3d454e);border-color:var(--graphite-light,#3d454e);color:#fff}
#pilot .button.graphite:active{background:#17191d;border-color:#17191d}
@media(max-width:900px){
 #pilot .pilot-doors{grid-template-columns:minmax(0,1fr);row-gap:28px}
 #pilot .pilot-door-h{font-size:22px}
 #pilot .pilot-cta-pair{width:100%}
 #pilot .pilot-cta-pair .button{width:100%;justify-content:center}
}