/* == style.css == */
@font-face{font-family:Inter;src:url("assets/Inter-Latin.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:Inter;src:url("assets/Inter-Cyrillic.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+400-52F,U+2DE0-2DFF,U+A640-A69F}
:root{--bg:#141519;--text:#f3f3f4;--muted:#bdc0c8;--red:var(--red);--line:#464950;--graphite:#292c31;}
*{box-sizing:border-box;}html{scroll-behavior:smooth;scroll-padding-top:24px;}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased;}a{color:inherit;text-decoration:none;}button,input{font:inherit;}button{cursor:pointer;}img{display:block;max-width:100%;}h1,h2,h3,p{margin:0;}a,button{-webkit-tap-highlight-color:transparent;}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:6px;}input:focus-visible{outline:2px solid var(--red);outline-offset:3px;}.wrap{width:min(1312px,calc(100% - 96px));margin:auto;}.section{padding:96px 0;}.skip{position:fixed;top:-100px;left:24px;padding:16px;background:#fff;color:#111;z-index:20;}.skip:focus{top:12px;}
.logo{flex-shrink:0;display:block;}.logo img{object-fit:contain;}.simple-link:hover,.partner-links a:hover{color:var(--red);}
h1{font-weight:750;letter-spacing:0;text-transform:uppercase;}h1 span{color:#b4bac5;}h2{font-size:clamp(34px,3.2vw,46px);line-height:1.2;letter-spacing:0;font-weight:750;text-transform:uppercase;}
.hero{background:var(--bg);}.hero-inner{padding:64px 0 48px;}.hero-copy{font-size:18px;line-height:1.6;color:#c1c5ce;margin-top:22px;}.equipment-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:38px;}.equipment-choice{position:relative;min-width:0;border:0;border-bottom:1px solid #42454e;background:transparent;color:#aeb4bf;text-align:left;padding:17px 0 23px;line-height:1.4;}.equipment-choice.active,.equipment-choice:hover{color:#fff;}.equipment-choice.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--red);}.equipment-view{display:grid;min-height:525px;}.equipment-summary{position:relative;}.equipment-context{color:#c3c7cf;min-height:53px;}.equipment-results{display:flex;flex-direction:column;min-width:0;}.result-stat{display:flex;flex-direction:column;align-items:flex-start;min-width:0;color:#f4f4f5;}.result-number{display:flex;align-items:baseline;gap:2px;font-size:clamp(40px,3.65vw,52px);line-height:1.15;white-space:nowrap;font-variant-numeric:tabular-nums;}.result-arrow{margin-right:5px;}.result-number small{font-size:max(.43em,11px);font-weight:500;margin-left:3px;letter-spacing:var(--track-unit);}.result-label{font-size:17px;font-weight:500;line-height:1.5;margin-top:9px;}.result-source{color:#afb5bf;font-size:14px;line-height:1.5;margin-top:5px;}.result-stat:hover .result-source{color:white;text-decoration:underline;text-underline-offset:4px;}.equipment-stage{width:100%;justify-self:end;min-width:0;}.equipment-stage img{width:100%;height:auto;mix-blend-mode:normal;}.hero-actions{display:flex;flex-direction:column;gap:17px;margin-top:30px;}/* Кнопки титула 12.09.2026: один кегль 17 px везде (было 16/15/14/13), без тени; наведение — смена оттенка на соседний: статика --red-ui #BF0016, наведение --red-hero — на тёмных и светлых секциях одинаково (владелец 12.09, вечер-6); на светлых (пилот, калькулятор) статика --red-ui, наведение --red-hero; нажатие — графит. */
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:20px 24px;min-height:60px;font-size:17px;font-weight:700;}.simple-link{font-size:15px;font-weight:500;}.result-context{font-size:13.5px;color:#a7aeba;margin-top:20px;}
.problem-section{background:var(--graphite);}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:46px;}.all-problems{font-size:17px;border-bottom:1px solid #8b9099;padding-bottom:8px;}.all-problems:hover{color:var(--red);}.symptom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}.symptom-card{min-width:0;border-bottom:1px solid #5a5d63;}.symptom-card h3{font-weight:600;}.symptom-card>img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;margin:6px 0 8px;mix-blend-mode:normal;}.symptom-card .result-stat{grid-template-columns:auto 1fr;column-gap:25px;}.symptom-card .result-number{grid-row:1/3;}.symptom-card .result-label{margin:0;}.search{display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:center;margin-top:55px;}.search label{font-size:23px;font-weight:600;}.search-field{display:flex;border-bottom:1px solid #868b95;min-width:0;}.search input{width:100%;min-width:0;padding:17px 12px 17px 0;border:0;color:white;background:transparent;font-size:16px;}.search input::placeholder{color:#b8bec8;}.search button{display:flex;gap:24px;align-items:center;border:0;padding:17px 0 17px 20px;color:white;background:transparent;font-weight:600;}
.methods{background:#dfe2e5;color:#23262b;}.methods-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;}.methods p{font-size:18px;line-height:1.6;color:#535a63;margin-top:28px;}.method-links>a{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:22px;font-weight:600;padding:26px 0;border-bottom:1px solid #afb4bd;}.method-links>a:first-child{border-top:1px solid #afb4bd;}.method-links>a:hover{color:var(--red);}.method-links>a>span:last-child{font-size:25px;font-weight:400;}
.pilot{background:#e9e8de;color:#282725;}.pilot h2{font-weight:750;}.pilot h2 span{color:#76716a;}.pilot-bottom{display:flex;align-items:flex-start;justify-content:space-between;gap:80px;margin-top:38px;}.pilot-bottom p{font-size:18px;line-height:1.7;max-width:600px;color:#56524c;}.pilot-bottom>div{flex-shrink:0;}.pilot-terms{display:block;text-align:center;margin-top:21px;font-size:15px;color:#514d47;}.pilot-terms:hover{text-decoration:underline;}footer{background:#121317;}.footer-main{display:flex;gap:45px;align-items:flex-start;padding-top:56px;padding-bottom:56px;}.footer-main p{font-size:16px;line-height:1.6;color:#b9bec7;}.partner-links{margin-left:auto;display:flex;flex-direction:column;gap:23px;font-size:17px;}.partner-links a{display:flex;justify-content:space-between;gap:30px;}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:24px;padding-bottom:24px;border-top:1px solid #383b43;font-size:13px;color:#a7aeba;}.footer-bottom a{text-decoration:underline;text-underline-offset:4px;}
@media(max-width:1200px){.wrap{width:calc(100% - 64px);}.equipment-view{grid-template-columns:320px minmax(0,1fr);gap:12px;min-height:480px;}.equipment-choice{font-size:19px;}.equipment-context{font-size:16px;}.result-number{font-size:45px;}.symptom-grid{gap:45px 38px;}.symptom-card .result-stat{display:flex;align-items:flex-start;gap:0;}.symptom-card .result-label{margin-top:10px;max-width:none;}.symptom-card .result-number{font-size:48px;}.symptom-card h3{font-size:24px;}.methods-layout{gap:45px;}.method-links>a{font-size:20px;}.pilot-bottom{gap:50px;}.footer-main{gap:30px;}.partner-links{font-size:15px;}}
@media(max-width:940px){.equipment-view{grid-template-columns:285px minmax(0,1fr);gap:0;}.equipment-choice{font-size:17px;}.equipment-context{font-size:15px;}.equipment-results{gap:24px;}.result-number{font-size:39px;}.result-label{font-size:16px;}.result-source{font-size:13px;}.hero-copy{font-size:17px;}.symptom-card h3{font-size:23px;}.section-heading{gap:25px;}.all-problems{font-size:15px;}.methods-layout{gap:30px;}.method-links>a{font-size:18px;}.pilot-bottom p{font-size:17px;}.footer-main{flex-wrap:wrap;}.partner-links{width:100%;margin-left:0;flex-direction:row;gap:35px;}.hero-inner{padding-top:48px;}.section{padding:76px 0;}}
@media(max-width:700px){.wrap{width:calc(100% - 40px);}h1{font-size:clamp(26px,6.75vw,46px);line-height:1.22;}h1 span{display:block;}h2{font-size:clamp(30px,6.5vw,40px);}.hero-inner{padding:38px 0;}.hero-copy{font-size:16px;line-height:1.6;margin-top:20px;max-width:480px;}.equipment-selector{gap:15px;margin-top:26px;}.equipment-choice{font-size:16px;padding:13px 0 18px;line-height:1.5;}.equipment-choice[data-equipment=gearbox],.equipment-choice[data-equipment=compressor]{font-size:0;}.equipment-choice[data-equipment=gearbox]:before{content:"Редукторы";font-size:16px;}.equipment-choice[data-equipment=compressor]:before{content:"Компрессоры";font-size:16px;}.equipment-view{display:flex;flex-direction:column;gap:0;min-height:0;margin-top:14px;}.equipment-stage{order:0;max-width:560px;align-self:center;}.equipment-summary{order:1;padding:12px 0 0;width:100%;display:flex;flex-direction:column;}.equipment-context{font-size:16px;min-height:0;max-width:100%;line-height:1.5;}.equipment-results{flex-direction:row;gap:22px;justify-content:space-between;margin-top:24px;}.equipment-results .result-stat{width:50%;}.result-number{font-size:clamp(28px,5.8vw,39px);gap:0;}.result-arrow{margin-right:3px;}.result-number small{margin-left:2px;}.result-label{font-size:15px;max-width:190px;margin-top:10px;}.result-source{font-size:12px;margin-top:7px;}.hero-actions{margin-top:28px;flex-direction:row;align-items:center;gap:22px;flex-wrap:wrap;}.button{font-size:17px;min-height:58px;padding:19px 22px;gap:30px;}.simple-link{font-size:14px;}.result-context{font-size:12px;margin-top:25px;line-height:1.6;}.section{padding:64px 0;}.section-heading{display:block;margin-bottom:35px;}.all-problems{display:inline-block;margin-top:25px;font-size:15px;}.symptom-grid{grid-template-columns:1fr;gap:38px;}.symptom-card h3{font-size:25px;min-height:0;}.symptom-card>img{margin-top:8px;margin-bottom:12px;}.symptom-card .result-stat{display:grid;grid-template-columns:auto 1fr;column-gap:20px;}.symptom-card .result-number{font-size:42px;}.symptom-card .result-label{font-size:15px;margin:0;}.symptom-card .result-source{font-size:12px;margin-top:5px;}.symptom-card{padding-bottom:27px;}.search{grid-template-columns:1fr;gap:12px;margin-top:40px;}.search label{font-size:21px;}.search input{font-size:14px;}.search button{font-size:14px;gap:12px;padding-left:12px;}.methods-layout{grid-template-columns:1fr;gap:34px;}.methods p{font-size:16px;margin-top:23px;}.method-links>a{font-size:20px;padding:23px 0;}.pilot h2{font-size:clamp(29px,6.25vw,43px);}.pilot-bottom{display:block;margin-top:28px;}.pilot-bottom p{font-size:16px;}.pilot-bottom>div{width:fit-content;margin-top:30px;}.footer-main{gap:25px;padding:42px 0;}.footer-main .logo img{width:96px;height:38px;}.footer-main p{font-size:14px;}.partner-links{flex-direction:column;gap:23px;font-size:15px;}.footer-bottom{flex-direction:column;align-items:flex-start;gap:18px;font-size:12px;}.desktop-break{display:none;}}
@media(max-width:440px){.equipment-selector{gap:12px;}.equipment-choice,.equipment-choice[data-equipment=gearbox]:before,.equipment-choice[data-equipment=compressor]:before{font-size:15px;}.equipment-choice[data-equipment=gearbox],.equipment-choice[data-equipment=compressor]{font-size:0;}.equipment-results{gap:16px;}.result-number{font-size:29px;}.symptom-card .result-stat{display:flex;}.symptom-card .result-number{font-size:44px;}.symptom-card .result-label{margin-top:10px;font-size:16px;}.symptom-card .result-source{font-size:13px;}.hero-actions{gap:19px;}.symptom-card h3{font-size:24px;}}
@media(max-width:370px){.wrap{width:calc(100% - 32px);}.equipment-selector{gap:10px;}.equipment-choice,.equipment-choice[data-equipment=gearbox]:before,.equipment-choice[data-equipment=compressor]:before{font-size:14px;}.equipment-choice[data-equipment=gearbox],.equipment-choice[data-equipment=compressor]{font-size:0;}.result-number{font-size:27px;}.result-label{font-size:14px;}.result-source{font-size:11px;}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}*{transition:none!important;}}
/* Мягкое сведение периметра; контактные тени остаются внутри непрозрачной области. */
:root{--bg:#101115;}
.hero-inner{padding-top:48px;padding-bottom:38px;}
.equipment-stage img{mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(0deg,transparent,#000 9%,#000 87%,transparent);mask-composite:intersect;}
.symptom-card>img{mask-image:radial-gradient(ellipse 72% 72% at 50% 52%,#000 48%,#000d 63%,transparent 94%),linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(0deg,transparent,#000 10%,#000 80%,transparent);mask-composite:intersect;}
.symptom-card>img[src*="problem-fuel-"]{filter:brightness(1.13);}
@media(max-width:700px){.hero-inner{padding-top:38px;}.equipment-stage img{aspect-ratio:4/3;object-fit:contain;}.equipment-choice .equipment-prefix{display:none;}.equipment-choice[data-equipment=gearbox],.equipment-choice[data-equipment=compressor]{font-size:16px;}.equipment-choice[data-equipment=gearbox]:before,.equipment-choice[data-equipment=compressor]:before{content:none;}}
@media(max-width:440px){.equipment-choice[data-equipment=gearbox],.equipment-choice[data-equipment=compressor]{font-size:15px;}}
@media(max-width:370px){.equipment-choice[data-equipment=gearbox],.equipment-choice[data-equipment=compressor]{font-size:14px;}}

@media(max-width:700px){.equipment-name{text-transform:capitalize;}}

/* V10: согласованные композиции, приборы и опорные тени сохраняются целиком. */
.symptom-card>img[src*="-v10.webp"]{filter:none;mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent),linear-gradient(0deg,transparent,#000 2%,#000 98%,transparent);mask-composite:intersect;}
.equipment-stage img[src*="diesel-v5"]{aspect-ratio:4/3;object-fit:contain;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(0deg,transparent,#000 3%,#000 96%,transparent);mask-composite:intersect;}

/* V13: independent review draft */
:root{--bg:#1b1e23;}
h1{font-size:clamp(30px,3.45vw,49px);line-height:1.24;}.hero-copy{max-width:940px;}.equipment-stage img{aspect-ratio:4/3;object-fit:contain;}.result-arrow{line-height:.85;align-self:center;}.equipment-directory{padding-top:22px;}.equipment-directory summary{cursor:pointer;font-size:19px;font-weight:600;}.equipment-directory summary span{font-size:14px;font-weight:400;color:#bdc0c8;}.equipment-directory-links a{padding:15px 0;border-bottom:1px solid #ffffff20;line-height:1.4;}.equipment-directory-links small{color:#9ba1ab;margin-left:8px;}.equipment-directory-links a:hover{color:var(--red);}.problem-section .section-heading{align-items:center;gap:24px;}.variant-switch{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:-15px 0 36px;font-size:14px;color:#c3c7ce;}.variant-switch a{padding:10px 0;border-bottom:2px solid transparent;}.variant-switch a[aria-current]{border-color:var(--red);color:white;}.symptom-visual{position:relative;margin-top:12px;}.symptom-image-link{display:block;overflow:hidden;}.symptom-image-link img{width:100%;aspect-ratio:4/3;height:auto;object-fit:contain;}.symptom-image-link:hover img,.symptom-image-link:focus-visible img{transform:scale(1.035);filter:brightness(1.08);}.symptom-card .result-stat{position:absolute;display:flex;gap:0;max-width:calc(100% - 16px);padding:14px 18px;z-index:2;}.symptom-card .result-number{font-size:44px;}.symptom-card .result-label{font-size:15px;margin-top:4px;max-width:none;}.symptom-card .result-source{font-size:12px;margin-top:3px;color:#d2d5db;}body[data-results=shadow] .symptom-card .result-stat{text-shadow:0 2px 4px #000,0 0 12px #000,0 5px 24px #000;}body[data-results=panel] .symptom-card .result-stat{background:rgba(16,18,22,.78);backdrop-filter:blur(8px);border:1px solid #ffffff15;border-radius:3px;}.symptom-card{padding-bottom:22px;}.symptom-grid{gap:44px 48px;}
@media(min-width:1000px){.problem-section h2{white-space:nowrap;}}
@media(max-width:940px){.problem-section .section-heading{display:block;}.all-problems{display:inline-block;margin-top:20px;}.symptom-card .result-number{font-size:35px;}.symptom-card .result-stat{padding:10px 12px;right:0;bottom:0;}.equipment-directory-links{grid-template-columns:repeat(2,1fr);}}
@media(max-width:700px){h1{font-size:clamp(27px,5.5vw,38px);}.equipment-choice{font-size:14px;line-height:1.4;}.equipment-directory summary{font-size:17px;}.equipment-directory summary span{display:block;float:none;margin-top:10px;}.equipment-directory-links{grid-template-columns:1fr;}.symptom-card .result-number{font-size:38px;}.variant-switch{gap:10px 20px;margin-top:0;}.symptom-card .result-label{font-size:14px;}.symptom-card .result-source{font-size:12px;}.symptom-grid{gap:35px;}.equipment-results .result-number{font-size:clamp(25px,5.8vw,38px);}}

@media(max-width:700px){.symptom-visual{padding-bottom:70px;}.symptom-card .result-stat{bottom:0;}.symptom-card .result-number{font-size:35px;}}

/* V14: original Inter weights and brand red, left problem overlays */
:root{--red-hero:#eb0000;--red-ui:#bf0016;--red-light:#ff3049;--graphite-dark:#1b1e23;--graphite:#252a30;--graphite-light:#3d454e;--track-num:.025em;--track-unit:.04em;--track-caps:.06em;--track-chip:.04em;--track-sub:.03em;--track-h4:.02em;--lh-text:1.6;--red:var(--red-ui);}
.result-number{font-family:Inter,Arial,sans-serif;font-weight:900;}
.result-arrow{font-family:Inter,Arial,sans-serif;font-weight:300;font-size:max(1.14em,24px);color:var(--red-hero);}
.hero-variants{margin:20px 0 0;justify-content:flex-end;}
.symptom-card .result-stat{left:8px;right:auto;align-items:flex-start;text-align:left;}

.equipment-summary{transform:translateX(85px);z-index:2;}
.equipment-context{margin-left:auto;}
.equipment-results{gap:18px;}
.equipment-results .result-stat{padding:15px 18px;}
.equipment-results .result-label{margin-top:5px;}
.equipment-results .result-source{margin-top:4px;}
.hero-actions{align-items:flex-end;}
body[data-results=shadow] .equipment-results .result-stat{text-shadow:0 2px 4px #000,0 0 12px #000,0 5px 24px #000;}
body[data-results=panel] .equipment-results .result-stat{background:rgba(16,18,22,.78);backdrop-filter:blur(8px);border:1px solid #ffffff15;border-radius:3px;}
@media(max-width:1200px){.equipment-summary{transform:translateX(40px);}.equipment-view{grid-template-columns:320px minmax(0,1fr);}}
@media(max-width:940px){.equipment-summary{transform:translateX(15px);}.equipment-view{grid-template-columns:285px minmax(0,1fr);}.equipment-results .result-stat{padding:12px;}.equipment-results .result-number{font-size:38px;}}
@media(max-width:700px){.equipment-summary{transform:none;}.equipment-context{text-align:left;max-width:none;margin:0;}.equipment-results{gap:8px;align-items:stretch;}.equipment-results .result-stat{padding:12px 8px;align-items:flex-end;}.equipment-results .result-number{font-size:clamp(24px,5.5vw,37px);}.equipment-results .result-label{font-size:14px;}.equipment-results .result-source{font-size:11px;}.hero-actions{align-items:center;}.hero-variants{justify-content:flex-start;margin:17px 0 0;font-size:12px;gap:8px 15px;}.symptom-card .result-stat{left:0;right:auto;}.symptom-visual{padding-bottom:25px;}}

@media(min-width:1201px){.equipment-summary{transform:translateX(180px);}}

/* One shared hover state across each problem card. */
.symptom-card:hover .symptom-image-link img,.symptom-card:focus-within .symptom-image-link img{transform:scale(1.035);filter:brightness(1.08);}
.symptom-card h3 a:hover{color:inherit;}
.symptom-card .result-stat:hover .result-source{color:#d2d5db;text-decoration:none;}
.equipment-results .result-stat:hover .result-source{color:#afb5bf;text-decoration:none;}
@media(hover:none){.symptom-card:hover .symptom-image-link img{transform:none;filter:none;}}

/* V15 — shared typography contract: no negative tracking for bold headings. */
:root{--heading-tracking:.02em;--metric-tracking:.015em;--result-panel:rgba(53,57,64,.76);}
h1,h2,h3,h4,h5,h6,.equipment-choice,.equipment-directory summary{letter-spacing:var(--heading-tracking);}

.result-label,.button{letter-spacing:.012em;}
.result-arrow{letter-spacing:0;}
body[data-results=panel] .symptom-card .result-stat,body[data-results=panel] .equipment-results .result-stat{border-color:#ffffff20;}

.equipment-view{grid-template-columns:430px minmax(0,1fr);gap:28px;align-items:center;}
.equipment-summary{transform:none!important;width:100%;padding:18px 0;}
.equipment-context{max-width:none;width:100%;text-align:left;font-size:17px;line-height:1.6;margin:0;}
.equipment-results{margin-top:25px;}
.equipment-stage{max-width:850px;}
.hero-actions .button{flex-wrap:wrap;gap:7px 15px;}
.button-count{white-space:nowrap;font-size:14px;font-weight:500;}

.problem-section .section-heading{display:block;}
.problem-section .section-heading .all-problems{display:inline-block;margin-top:18px;}
.equipment-collage{position:relative;height:260px;max-width:960px;margin:32px auto 0;isolation:isolate;}
.equipment-collage img{position:absolute;object-fit:contain;width:43%;height:100%;}
.collage-diesel{left:0;top:-10px;z-index:1;}.collage-gearbox{left:28%;top:15px;z-index:3;}.collage-compressor{right:0;top:-10px;z-index:2;}
.equipment-directory{margin-top:8px;}
@media(min-width:701px){.problem-section h2{white-space:nowrap;font-size:clamp(26px,3vw,43px);}}
@media(max-width:1200px){.equipment-view{grid-template-columns:370px minmax(0,1fr);gap:22px;}.equipment-context{font-size:16px;}}
@media(max-width:940px){.equipment-view{grid-template-columns:320px minmax(0,1fr);gap:18px;}.equipment-context{font-size:15px;}.equipment-results .result-number{font-size:38px;}.equipment-collage{height:220px;}}
@media(max-width:700px){.equipment-view{display:flex;gap:0;}.equipment-context{font-size:16px;}.equipment-results .result-number{font-size:clamp(23px,5.2vw,35px);}.equipment-results .result-stat{padding:12px 7px;}.equipment-results .result-label{font-size:13px;}.equipment-results .result-source{font-size:12px;}.symptom-card .result-stat{bottom:24px;}.equipment-collage{height:150px;}.equipment-directory summary{line-height:1.4;}.result-context{text-align:right;}.hero-actions .button{font-size:17px;}.problem-section h2{font-size:clamp(27px,6.5vw,38px);}}

.equipment-collage img{mask-image:radial-gradient(ellipse 70% 70% at center,#000 52%,transparent 95%),linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(0deg,transparent,#000 6%,#000 94%,transparent);mask-composite:intersect;}

/* V16 — visible metric tracking, square translucent panels, unified hover. */
:root{--metric-tracking:var(--track-num);--graphite:#252a30;--panel-ink:#f4f4f5;--panel-source:#bfc4cd;--result-panel:rgba(23,27,33,.46);}
body[data-panel=light]{--result-panel:rgba(229,233,237,.58);--panel-ink:#182028;--panel-source:#414b56;}
body[data-results=panel] .result-stat{color:var(--panel-ink);}
body[data-results=panel] .symptom-card .result-stat,body[data-results=panel] .equipment-results .result-stat{border-radius:0;background:var(--result-panel);text-shadow:none;}
body[data-results=panel] .result-stat .result-source{color:var(--panel-source);}
body .result-stat:hover .result-source,body .result-stat:focus-visible .result-source{color:var(--red)!important;text-decoration:underline!important;text-underline-offset:4px;}
.symptom-card .result-stat{bottom:52px;}
.symptom-image-link img{filter:none!important;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(0deg,transparent,#000 4%,#000 96%,transparent);mask-composite:intersect;}
.symptom-card:hover h3 a,.symptom-card:focus-within h3 a{color:var(--red);}
.symptom-card h3{white-space:nowrap;font-size:clamp(14px,1.7vw,25px);min-height:0;line-height:1.4;}
.problem-section h2{white-space:nowrap;font-size:clamp(17px,3vw,43px);}
.result-number{letter-spacing:var(--metric-tracking);}
.equipment-results{align-items:flex-end;}.equipment-results .result-stat{text-align:right;align-items:flex-end;}
.hero-copy,#equipment-context{width:85vw;max-width:100%;margin-right:0;}
#equipment-context{margin:28px 0 0;font-size:18px;line-height:1.6;}
.equipment-summary{padding-top:0;}.equipment-view{margin-top:14px;}
.panel-choice{display:flex;gap:24px;margin:0 0 30px;font-size:14px;}.panel-choice a{padding-bottom:8px;border-bottom:2px solid transparent;}.panel-choice a[aria-current]{border-color:var(--red);}
.equipment-directory summary{display:flex;align-items:center;gap:20px;list-style:none;}.equipment-directory summary::-webkit-details-marker{display:none;}.equipment-directory summary::after{content:"";width:12px;height:12px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-left:5px;margin-bottom:6px;flex-shrink:0;transition:transform .2s;}.equipment-directory[open] summary::after{transform:rotate(225deg);margin-bottom:-6px;}.equipment-directory summary span{margin-left:auto;float:none;}.problem-directory{margin-top:44px;}
@media(max-width:940px){.symptom-card .result-number{font-size:32px;}}
@media(max-width:700px){.symptom-card h3{font-size:clamp(14px,3.5vw,23px);}.problem-section h2{font-size:clamp(17px,4.4vw,29px);}.symptom-card .result-stat{bottom:40px;}.symptom-card .result-number{font-size:32px;}.equipment-results .result-number{font-size:clamp(21px,5vw,34px);}#equipment-context{font-size:16px;margin-top:22px;}.equipment-directory summary{font-size:16px;flex-wrap:wrap;gap:10px;}.equipment-directory summary span{font-size:12px;margin-top:0;}.panel-choice{font-size:13px;}.equipment-directory-links{margin-top:18px;}}

/* V17: quiet outline and coordinated scale on result panels. */
body[data-panel=dark]{--result-panel:rgba(16,19,24,.66);}

body[data-results=panel] .symptom-card .result-stat,body[data-results=panel] .equipment-results .result-stat{border:1px solid rgba(255,255,255,.075);}
body[data-panel=light] .result-stat{border-color:rgba(255,255,255,.15);}
.symptom-card .result-stat{transform-origin:left bottom;}
.equipment-results .result-stat{transform-origin:right center;}
.symptom-card:hover .result-stat,.symptom-card:focus-within .result-stat,.equipment-results .result-stat:hover,.equipment-results .result-stat:focus-visible{transform:scale(1.055);}
body .symptom-card:hover .result-source,body .symptom-card:focus-within .result-source,body .result-stat:hover .result-source,body .result-stat:focus-visible .result-source{color:var(--red)!important;text-decoration:none!important;}
@media(hover:none){.symptom-card:hover .result-stat,.equipment-results .result-stat:hover{transform:none;}}

.engine-variants{display:flex;justify-content:center;gap:22px;margin-bottom:12px;flex-wrap:wrap;}.engine-variants[hidden]{display:none;}.engine-variants button{font:500 13px Inter,Arial,sans-serif;color:#bdc0c8;border:0;border-bottom:2px solid transparent;padding:10px 0;background:transparent;}.engine-variants button[aria-pressed=true]{color:#fff;border-color:var(--red);}

/* V19 — selected dark treatment, quieter panels, search in hero. */
body[data-panel=dark]{--result-panel:rgba(16,19,24,.52);}

.symptom-card:nth-last-child(-n/**/+2){border-bottom:0;}
.hero-inner .search{display:block;margin-top:28px;}.hero-inner .search label{display:block;font-size:16px;font-weight:500;margin-bottom:7px;}.hero-inner .search input{font-size:14px;text-overflow:ellipsis;}.hero-inner .search button{gap:10px;}
.symptom-image-link img{transition:transform .5s cubic-bezier(.22,.61,.36,1);}
body[data-results=panel] .symptom-card .result-stat,body[data-results=panel] .equipment-results .result-stat{transition:transform .5s cubic-bezier(.22,.61,.36,1),border-color .3s ease;}
.result-source,.symptom-card h3 a{transition:color .25s ease;}
@media(max-width:700px){.symptom-card:nth-last-child(2){border-bottom:1px solid #5a5d63;}.symptom-card:last-child{border-bottom:0;}.hero-inner .search{margin-top:25px;}}
@media(prefers-reduced-motion:reduce){.symptom-image-link img,body[data-results=panel] .result-stat{transition:none!important;}}

/* V20 — contained search and outlined actions. */
.hero-inner .search-field{border:1px solid #555c66;overflow:hidden;align-items:stretch;transition:background-color .25s,border-color .25s,box-shadow .25s;}
.hero-inner .search-field:hover{border-color:#9099a6;}
.hero-inner .search-field:focus-within{border-color:#c1c8d2;box-shadow:0 0 0 2px #c1c8d225;}
.hero-inner .search input{padding:16px 14px;outline:none!important;box-shadow:none!important;}
.hero-inner .search button{width:52px;min-width:52px;min-height:52px;justify-content:center;padding:0;border-left:1px solid #555c66;font-size:28px;font-weight:300;transition:background-color .25s,color .25s;}
.hero-inner .search button:hover{background:var(--red);color:#fff;}
.hero-inner .search button:focus-visible{outline:2px solid #fff;outline-offset:-5px;}
.button.red{background:transparent;border:1px solid var(--red);color:var(--text);transition:background-color .25s,color .25s,border-color .25s;}
.pilot .button.red{color:#282725;}
.button.red:hover,.button.red:focus-visible{color:#fff;}
.equipment-directory summary{padding:18px 14px;margin-left:-14px;margin-right:-14px;transition:background-color .25s,color .25s;}
.equipment-directory summary:hover{background:#ffffff06;}
.equipment-directory summary:focus-visible{background:#ffffff06;}
.problems-intro{font-size:17px;line-height:var(--lh-text);color:#bdc3cd;max-width:1000px;margin-top:22px;}
@media(max-width:700px){.problems-intro{font-size:15px;margin-top:18px;}.hero-inner .search input{font-size:14px;}}

/* V21 — centered controls, 3px frame, one brand red. */
body[data-panel=dark]{--result-panel:rgba(16,19,24,.48);}
body[data-panel=dark] .equipment-results .result-stat{background:rgba(10,13,17,.44);}
.hero-inner .search{margin-left:auto;margin-right:auto;}
.hero-inner .search-field{border-width:3px;border-radius:0;}
.hero-inner .search button{border-left-width:1px;border-radius:0;}
.equipment-summary .hero-actions{justify-content:center;}
.button.red{border-width:3px;border-radius:0;}
.equipment-directory summary:hover{color:var(--red);}

/* V22 — search at the right edge, actions aligned with result panels. */
.equipment-view{position:relative;}
.equipment-summary .hero-actions{text-align:right;}
.hero-inner .search{right:0;bottom:0;z-index:2;}
.hero-inner .search-field{background:rgba(28,32,37,.88);}
.hero-inner .search-field:hover{background:rgba(39,44,51,.92);}
.hero-inner .search-field:focus-within{background:rgba(39,44,51,.96);}

@media(max-width:700px){.equipment-view{padding-bottom:0;}.hero-inner .search{position:relative;order:3;width:100%;margin-top:26px;}.equipment-summary .hero-actions{align-items:flex-end;}.result-context{font-size:12px;}}

/* V23 — full industrial scope, shared reading width, accessible result notes. */
:root{--intro-width:1000px;}
.hero-copy,#equipment-context,.problems-intro{width:100%;max-width:var(--intro-width);}
.pilot h2{font-size:clamp(32px,4.3vw,62px);line-height:1.18;max-width:1100px;}
.equipment-view{padding-bottom:0;}
.hero-inner .search{position:static;width:100%;max-width:430px;margin:26px 0 0;text-align:left;}
.hero-inner .search .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.equipment-summary .hero-actions{width:100%;padding-right:0;box-sizing:border-box;align-items:flex-end;}
.hero-actions .button{box-sizing:border-box;margin:0;max-width:100%;justify-content:flex-end;text-align:right;font-size:17px;padding:17px 16px;}
.hero-actions .simple-link{max-width:100%;text-align:right;}
.result-context{max-width:850px;line-height:var(--lh-text);}
.result-note-mark{color:var(--red-light);align-self:flex-start;position:relative;top:-.12em;font-size:max(.34em,11px);line-height:1;font-weight:700;letter-spacing:0;margin-left:2px;}
.note-star{color:var(--red);font-weight:700;}
.result-arrow{display:inline-block;will-change:auto;}


@keyframes result-fall{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@keyframes result-rise{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(max-width:700px){.hero-actions .button{font-size:15px;}.hero-actions .simple-link{font-size:13px;}.hero-inner .search{margin-top:24px;}.result-context br{display:none;}}
@media(prefers-reduced-motion:reduce){.result-arrow{animation:none!important;}}

/* V24 — search after the introduction, left-aligned result note. */
.hero-inner > .search{position:static;width:430px;max-width:100%;margin:24px 0 0;text-align:left;}
.result-context{margin-left:0;margin-right:auto;text-align:left;}

/* V25 — footnote below the equipment image, text aligned left. */
.equipment-view > .result-context{grid-column:2;justify-self:end;align-self:start;width:100%;max-width:850px;margin:0;text-align:left;}
@media(max-width:700px){.equipment-view > .result-context{order:3;margin-top:24px;}}

/* V26 — lift the note into the empty area below the aggregate. */
@media(min-width:941px){.equipment-view > .result-context{margin-top:-64px;position:relative;z-index:1;}}
@media(min-width:701px) and (max-width:940px){.equipment-view > .result-context{margin-top:-36px;position:relative;z-index:1;}}

/* V27 — align the note with the visible aggregate, excluding image background. */
@media(min-width:941px){.equipment-view > .result-context{width:86%;max-width:731px;margin-top:-104px;margin-left:0;margin-right:0;justify-self:end;}}
@media(min-width:701px) and (max-width:940px){.equipment-view > .result-context{width:86%;margin-top:-56px;margin-left:0;margin-right:0;justify-self:end;}}

/* V28 — larger, shorter equipment tabs and solid brand-red actions. */
.equipment-choice{font-size:clamp(26px,2.3vw,34px);font-weight:600;letter-spacing:var(--track-sub);}
.button.red,.pilot .button.red{transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease;}
.button.red:hover{background:var(--red-hero);border-color:var(--red-hero);}
.button.red:focus-visible{background:var(--red-ui);border-color:var(--red-ui);outline:2px solid currentColor;outline-offset:4px;}
.button.red:active{box-shadow:none;}
@media(max-width:700px){.equipment-choice{font-size:clamp(16px,4.2vw,25px);padding-bottom:18px;}}
@media(prefers-reduced-motion:reduce){.button.red{transition:none;}}

/* V29 — more space before equipment tabs. */
.hero-inner > .search + .equipment-selector{margin-top:72px;}
@media(max-width:700px){.hero-inner > .search + .equipment-selector{margin-top:48px;}.equipment-selector{grid-template-columns:repeat(3,max-content);justify-content:space-between;gap:8px;}.equipment-selector .equipment-choice[data-equipment]{font-size:clamp(12px,3.7vw,22px);}}

/* V30 — lower note, darker idle buttons, slower damped metric arrows. */
@media(min-width:941px){.equipment-view > .result-context{margin-top:-74px;}}
@media(min-width:701px) and (max-width:940px){.equipment-view > .result-context{margin-top:-26px;}}
.button.red{background:var(--red-ui);border-color:var(--red-ui);color:#fff;}
.pilot .button.red{background:var(--red-ui);border-color:var(--red-ui);color:#fff;}
.button.red:hover,.button.red:focus-visible{background:var(--red-hero);border-color:var(--red-hero);}
.pilot .button.red:hover,.pilot .button.red:focus-visible{background:var(--red-hero);border-color:var(--red-hero);}
.button.red:active,.pilot .button.red:active{background:var(--graphite);border-color:var(--graphite);}
.result-stat:hover .result-arrow[data-direction=down],.result-stat:focus-visible .result-arrow[data-direction=down]{animation:result-fall-damped 4.8s ease-in-out infinite;}
.result-stat:hover .result-arrow[data-direction=up],.result-stat:focus-visible .result-arrow[data-direction=up]{animation:result-rise-damped 4.8s ease-in-out infinite;}
@keyframes result-fall-damped{0%,48%,100%{transform:translateY(0)}12%{transform:translateY(9px)}23%{transform:translateY(-4px)}32%{transform:translateY(2px)}40%{transform:translateY(-1px)}}
@keyframes result-rise-damped{0%,48%,100%{transform:translateY(0)}12%{transform:translateY(-9px)}23%{transform:translateY(4px)}32%{transform:translateY(-2px)}40%{transform:translateY(1px)}}
@media(prefers-reduced-motion:reduce){.result-arrow{animation:none!important;}}

/* V32 — animate metric arrows when the whole problem card is active. */
.symptom-card:hover .result-arrow[data-direction=down],.symptom-card:focus-within .result-arrow[data-direction=down]{animation:result-fall-damped 4.8s ease-in-out infinite;}
.symptom-card:hover .result-arrow[data-direction=up],.symptom-card:focus-within .result-arrow[data-direction=up]{animation:result-rise-damped 4.8s ease-in-out infinite;}
@media(prefers-reduced-motion:reduce){.result-arrow{animation:none!important;}}

/* V33 — one accordion component and one SVG link-arrow style. */
.link-arrow{display:inline-block;width:1em;height:1em;min-width:1em;flex-shrink:0;vertical-align:-.13em;color:inherit;stroke-width:1.6;}
.search-arrow{width:24px;height:24px;}
.equipment-directory{border-top:1px solid rgba(255,255,255,.18);color:#f3f3f4;}
.equipment-directory > summary{display:flex;align-items:center;gap:20px;margin:0;padding:20px 16px;font-size:19px;font-weight:600;line-height:1.4;color:#f3f3f4;background:#20252b;border:0;letter-spacing:.02em;transition:color .25s,background-color .25s;}
.equipment-directory > summary:hover,.equipment-directory > summary:focus-visible{color:var(--red);background:#2b3037;}
.equipment-directory > summary > span{margin:0 0 0 auto;font-size:14px;font-weight:400;letter-spacing:0;color:#bdc3cd;float:none;}
.equipment-directory > summary::after{width:10px;height:10px;border-width:0 1.6px 1.6px 0;margin-left:4px;}
.equipment-directory-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;margin-top:16px;}
.equipment-directory-links > a{display:grid;grid-template-columns:minmax(0,1fr) auto 16px;align-items:center;gap:10px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.18);font-size:16px;line-height:1.45;color:#c3c7cf;text-decoration:none;}
.equipment-directory-links > a:hover,.equipment-directory-links > a:focus-visible{color:var(--red);}
.equipment-directory-links .directory-count{margin:0;font-size:12px;font-weight:400;color:#9ba1ab;white-space:nowrap;}
.equipment-directory-links .link-arrow{width:16px;height:16px;}
@media(max-width:940px){.equipment-directory-links{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:700px){.equipment-directory > summary{font-size:16px;padding:18px 12px;gap:10px;flex-wrap:wrap;}.equipment-directory > summary > span{font-size:12px;}.equipment-directory-links{grid-template-columns:1fr;}.equipment-directory-links > a{font-size:15px;}}

/* V36 — enterprise pilot: scope, measured benefits and responsibilities. */
.pilot-intro{font-size:18px;line-height:var(--lh-text);max-width:1000px;color:#56524c;margin-top:26px;}
.pilot-fleet-stage{margin:28px auto 22px;max-width:1240px;position:relative;}
.pilot-fleet-stage img{width:100%;height:auto;mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent),linear-gradient(0deg,transparent,#000 8%,#000 92%,transparent);mask-composite:intersect;}
.pilot-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:28px;}
.pilot-benefits article{border-top:1px solid #bdb7ad;padding-top:22px;}
.pilot-benefits p{font-size:16px;line-height:var(--lh-text);color:#56524c;margin-top:14px;}
.pilot-agreement{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:38px;padding:24px 0;border-top:1px solid #bdb7ad;}
.pilot-agreement p{display:flex;flex-direction:column;gap:8px;font-size:16px;line-height:1.6;color:#56524c;}
.pilot-agreement strong{font-weight:500;color:#282725;}
.pilot-cta{display:flex;align-items:center;flex-wrap:wrap;gap:26px;margin-top:14px;}
.pilot-cta .pilot-terms{margin:0;text-align:left;}
@media(max-width:700px){.pilot-intro{font-size:16px;}.pilot-fleet-stage{margin:24px -10px;}.pilot-benefits,.pilot-agreement{grid-template-columns:1fr;gap:24px;}.pilot-benefits h3{font-size:23px;}.pilot-benefits p,.pilot-agreement p{font-size:15px;}.pilot-cta{gap:20px;}.pilot-cta .button{width:100%;justify-content:center;}}
/* Кнопки не переносят текст (владелец, 12.09.2026). */
.button,.hero-actions .button{white-space:nowrap;}
/* Счёт актов в кнопке вкладок — по базовой линии с подписью, а не по центру строки (владелец, 12.09.2026). */
.hero-actions .button{align-items:baseline;}
/* Кнопка вкладок: одна ширина для всех трёх (по самой широкой, «Компрессоры · 97 актов»), надпись и счёт центрированы (владелец, 12.09.2026). */
.hero-actions .button,.hero-actions #equipment-catalog{min-width:250px;justify-content:center;text-align:center;gap:14px;}
/* Горизонтальная прокрутка на телефоне (14.09.2026, T7): карточки итога въезжают анимацией со сдвигом 30 px вправо (app.js), и в начальной фазе вторая карточка выходила за край окна на 10 px при 390 и на 14 px при 360. Секция первого экрана во всю ширину окна обрезает содержимое по своему краю; прокрутки не создаёт, анимация сохраняется. Сторож — local_redesign/check_inputs.py (ширина документа на 390 и 360 после каждой вкладки). */
#trials.hero{overflow-x:clip;}

/* == typography.css == */
/* Typography shared by every section of the local landing page.
   Source: original site .page h1/h2 (Inter 200, .036em), h3 (300),
   .wc-num (900), .wc-arrow (300). Landing-page sizes scale by role. */
:root{
 --title-weight:200;
 --subtitle-weight:300;
 --title-tracking:.036em;
 --title-leading:1.22;
 --type-h1:clamp(32px,4.5vw,64px);
 --type-h2:clamp(26px,3.35vw,48px);
 --type-h3:clamp(18px,1.8vw,26px);
 --type-tab:clamp(26px,2.5vw,36px);
 --type-accordion:22px;
}
body h1,body h2,body h3,body h4,body h5,body h6,
body .equipment-selector .equipment-choice[data-equipment],
body .equipment-directory > summary,body .method-links > a{
 font-family:Inter,Arial,sans-serif;
 font-style:normal;
 text-transform:none;
 letter-spacing:var(--title-tracking);
}
body h1{font-size:var(--type-h1);font-weight:var(--title-weight);line-height:var(--title-leading)}
body h2,body .problem-section h2,body .pilot h2{font-size:var(--type-h2);font-weight:var(--title-weight);line-height:1.25}
body h3,body h4,body h5,body h6,body .symptom-card h3{font-size:var(--type-h3);font-weight:var(--subtitle-weight);line-height:1.3;letter-spacing:var(--track-sub)}
body h4{letter-spacing:var(--track-h4)}
body .equipment-selector .equipment-choice[data-equipment]{font-size:var(--type-tab);font-weight:var(--subtitle-weight);line-height:1.3;letter-spacing:var(--track-sub)}
body .equipment-directory > summary{font-size:var(--type-accordion);font-weight:var(--subtitle-weight);line-height:1.3;letter-spacing:var(--track-sub)}
body .method-links > a{font-size:var(--type-accordion);font-weight:var(--subtitle-weight);line-height:1.3}
body .result-number{font-weight:900}
body .result-arrow{font-weight:300}
@media(max-width:700px){
 :root{--type-h3:clamp(16px,3.7vw,22px);--type-tab:clamp(12px,3.7vw,22px);--type-accordion:20px}
}

@media(min-width:701px) and (max-width:940px){:root{--type-h3:16px}}
@media(max-width:370px){:root{--type-h2:21px}}



/* == pilot-process.css == */

.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)}
/* Цвет подводки #76716a на поле блока #e9e8de давал 3,93 при пороге 4,5
   (аудит 22.09.2026, Д-01); #69645d — 4,76, тот же тёплый серый тоном ниже. */
#pilot .pilot-door-who{margin:2px 0 0;font-size:14px;line-height:1.5;color:#69645d}
#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}
}

/* == hero-promo.css == */
/* Transparent PROMO images and owner OCTO background */
.equipment-stage{position:relative;isolation:isolate;aspect-ratio:4/3}
.equipment-stage::before{content:"";position:absolute;inset:auto;left:-21%;top:-1%;width:63%;height:55.44%;z-index:0;transform:rotate(195deg);background:url("assets/octo-b.svg") center/contain no-repeat;opacity:.14;filter:none;pointer-events:none}
.equipment-stage #equipment-image{position:relative;z-index:1;display:block;width:100%;height:100%;aspect-ratio:4/3;object-fit:contain;mask-image:none;-webkit-mask-image:none;mix-blend-mode:normal;filter:none;box-sizing:border-box;padding:2% 4% 9%;transform:scale(.88825);transform-origin:center center}
@media(max-width:700px){.equipment-stage::before{left:-9%;top:-14%}}

body .equipment-results .result-stat{backdrop-filter:none;-webkit-backdrop-filter:none}
.pilot-fleet-stage img{mask-image:none;-webkit-mask-image:none}
body[data-results=panel] .equipment-results .result-stat{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}

/* Both light fields fade to zero before reaching their canvas edges. */
.equipment-stage::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 32% 29% at 36% 66%,rgba(210,219,230,.10) 0%,rgba(210,219,230,.055) 35%,rgba(210,219,230,.015) 68%,rgba(210,219,230,0) 100%),radial-gradient(ellipse 34% 34% at 64% 39%,rgba(0,0,0,.48) 0%,rgba(0,0,0,.29) 34%,rgba(0,0,0,.11) 64%,rgba(0,0,0,0) 100%)}

/* == problem-layers.css == */
.problem-layered-scene{position:relative;display:block;aspect-ratio:4/3;isolation:isolate}
.problem-layered-scene::before{content:"";position:absolute;inset:0;background:url("assets/octo-card-15-full.svg") 17% 14%/58.5% auto no-repeat;opacity:.10;z-index:0;pointer-events:none}
.symptom-card .problem-layered-scene img{position:absolute;display:block;height:auto;aspect-ratio:auto;object-fit:fill;mask-image:none;-webkit-mask-image:none;filter:none}
.problem-layered-scene .problem-machine{z-index:1}.problem-layered-scene .problem-instrument{z-index:2}

.symptom-card .problem-layered-scene .problem-machine{transition:transform .55s cubic-bezier(.22,.61,.36,1);transition-delay:0s}
.symptom-card .problem-layered-scene .problem-instrument{transition:transform .75s cubic-bezier(.22,.61,.36,1);transition-delay:0s}
@media(hover:hover){.symptom-card:hover .problem-layered-scene .problem-machine{transform:scale(1.02)}.symptom-card:hover .problem-layered-scene .problem-instrument{transform:scale(1.07);transition-delay:0s}}
.symptom-card:focus-within .problem-layered-scene .problem-machine{transform:scale(1.02)}
.symptom-card:focus-within .problem-layered-scene .problem-instrument{transform:scale(1.07);transition-delay:0s}
@media(prefers-reduced-motion:reduce){.symptom-card .problem-layered-scene img{transition:none!important;transform:none!important}}


/* Background lighting for the separate machine and instrument layers. */
.problem-layered-scene::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 31% 25% at 43% 24%,rgba(0,0,0,.40) 0%,rgba(0,0,0,.22) 38%,rgba(0,0,0,.07) 70%,rgba(0,0,0,0) 100%),radial-gradient(ellipse 30% 22% at 64% 76%,rgba(215,223,232,.12) 0%,rgba(215,223,232,.065) 38%,rgba(215,223,232,.018) 70%,rgba(215,223,232,0) 100%)}

/* Fuel generator grows from upper right toward lower left. */
.symptom-card .problem-scene-fuel .problem-machine{transform-origin:59% 8%}
/* Shrinking toward upper-left / upper-right anchors moves the pattern upward. */
.problem-layered-scene::before{transform:scale(1);transform-origin:left top;transition:transform .75s cubic-bezier(.22,.61,.36,1)}
.problem-scene-fuel::before{transform-origin:right top}
@media(hover:hover){.symptom-card:hover .problem-layered-scene::before{transform:scale(.98)}}
.symptom-card:focus-within .problem-layered-scene::before{transform:scale(.98)}
@media(prefers-reduced-motion:reduce){.symptom-card .problem-layered-scene::before{transform:none!important;transition:none!important}}

.problem-scene-fuel::before{background-image:url("assets/octo-card-15-full.svg")}

body[data-results=panel] .symptom-card .result-stat{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}

/* Shared space after the equipment and problems accordions. */
body .hero-inner,body .problem-section > .section{padding-bottom:38px}

/* Subtle crossed diagonal microtexture inspired by XADO RED. */
#problems{background-image:repeating-linear-gradient(45deg,transparent 0 2.25px,rgba(3,9,21,.09) 2.25px 3px),repeating-linear-gradient(-45deg,transparent 0 2.25px,rgba(237,243,255,.025) 2.25px 3px);background-size:4.5px 4.5px;}

/* === layers:auto begin === */
/* Сборка build_layers.py (local_redesign), 12.09.2026: каждый слой обрезан по объекту и стоит
   на своём месте сцены; точка масштабирования — та же точка холста, что раньше, пересчитанная
   в координаты обрезанного слоя, поэтому наведение растёт в ту же сторону. Не править руками. */
.symptom-card .problem-layered-scene img[src*="power-part1-"]{left:4.805%;top:4.704%;width:44.869%;transform-origin:7.121% 8.111%}
.symptom-card .problem-layered-scene .heat-glow[data-layer="power-part1"]{left:4.805%;top:4.704%;width:44.869%;aspect-ratio:742/504;transform-origin:7.121% 8.111%;-webkit-mask-image:url(assets/power-part1-v220-512w.webp);mask-image:url(assets/power-part1-v220-512w.webp)}
.symptom-card .problem-layered-scene img[src*="power-part2-"]{left:55.013%;top:19.762%;width:43.749%;transform-origin:93.688% 93.987%}
.symptom-card .problem-layered-scene .lcd-readout[data-layer="power-part2"]{left:55.013%;top:19.762%;width:43.749%;aspect-ratio:680/896;transform-origin:93.688% 93.987%}
.symptom-card .problem-layered-scene .lcd-readout[data-layer="power-part2"] svg{left:37.941%;top:56.696%;width:11.176%;height:7.589%}
.symptom-card .problem-layered-scene img[src*="fuel-part1-"]{left:10.055%;top:3.856%;width:50.33%;transform-origin:97.248% 9.268%}
.symptom-card .problem-layered-scene .smoke[data-layer="fuel-part1"]{--sx:28.196%;--sy:4.996%}
.symptom-card .problem-layered-scene img[src*="fuel-part2-"]{left:52.375%;top:37.347%;width:46%;transform-origin:94.836% 91.672%}
.symptom-card .problem-layered-scene .dial-needle[data-layer="fuel-part2"]{left:52.375%;top:37.347%;width:46%;aspect-ratio:715/695;transform-origin:94.836% 91.672%}
.symptom-card .problem-layered-scene .dial-needle[data-layer="fuel-part2"]{--px:47.217%;--py:25.554%;--len:18.182%;--nw:2.014%;--hubw:5.594%;--hubh:5.755%;--a0:-27.7deg;--dial-drop:18deg}
.symptom-card .problem-layered-scene img[src*="vibration-part1-"]{left:7.277%;top:8.091%;width:45.749%;transform-origin:1.581% -0.234%}
.symptom-card .problem-layered-scene img[src*="vibration-part2-"]{left:43.046%;top:26.024%;width:53.656%;transform-origin:98.691% 99.627%}
.symptom-card .problem-layered-scene .lcd-readout[data-layer="vibration-part2"]{left:43.046%;top:26.024%;width:53.656%;aspect-ratio:834/772;transform-origin:98.691% 99.627%}
.symptom-card .problem-layered-scene .lcd-readout[data-layer="vibration-part2"] svg{left:59.592%;top:36.788%;width:12.83%;height:11.917%}
.symptom-card .problem-layered-scene img[src*="compression-part1-"]{left:10.552%;top:6.4%;width:43.848%;transform-origin:-5.82% 3.853%}
.symptom-card .problem-layered-scene .haze[data-layer="compression-part1"]{left:10.552%;top:6.4%;width:43.848%;aspect-ratio:690/490;transform-origin:-5.82% 3.853%}
.symptom-card .problem-layered-scene img[src*="compression-part2-"]{left:29.787%;top:40.092%;width:67.875%;transform-origin:94.605% 92.668%}
.symptom-card .problem-layered-scene .lcd-readout[data-layer="compression-part2"]{left:29.787%;top:40.092%;width:67.875%;aspect-ratio:1055/653;transform-origin:94.605% 92.668%}
.symptom-card .problem-layered-scene .lcd-readout[data-layer="compression-part2"] svg{left:46.351%;top:22.665%;width:12.512%;height:11.639%}
/* === layers:auto end === */

/* == pilot-tags.css == */
.pilot-tech-cloud{margin:28px 0 34px;}
.pilot-tag-cloud{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;max-width:1150px;margin:auto;}
.pilot-tag-cloud a{display:inline-block;font-size:var(--tag-size);font-weight:500;line-height:1.4;letter-spacing:.025em;color:#625e58;text-decoration:none;background:rgba(255,255,255,.65);border-radius:0;transform:translateY(var(--tag-y,0px)) rotate(var(--tag-angle,0deg));transition:color .25s ease,background-color .25s ease;}
.pilot-tag-cloud a:nth-child(5n/**/+1){--tag-y:-4px;--tag-angle:-2deg;margin-right:11px;}
.pilot-tag-cloud a:nth-child(5n/**/+2){--tag-y:5px;--tag-angle:1deg;margin-left:7px;}
.pilot-tag-cloud a:nth-child(5n/**/+3){--tag-y:-2px;--tag-angle:2deg;margin-right:4px;}
.pilot-tag-cloud a:nth-child(5n/**/+4){--tag-y:3px;--tag-angle:-1deg;margin-left:13px;}
.pilot-tag-cloud a:hover,.pilot-tag-cloud a:focus-visible{color:var(--red-ui);background:#fff;}
.pilot-tag-cloud a:focus-visible{outline:1px solid currentColor;outline-offset:3px;}

.cloud-above{max-width:1070px;justify-content:space-evenly;}.cloud-below{max-width:1190px;}
@media(max-width:700px){.pilot-tag-cloud{gap:13px 9px;padding:8px 0;}.pilot-tag-cloud a{font-size:min(var(--tag-size),15px);padding:4px 8px;margin:0!important;--tag-y:0px;}.pilot-tech-cloud{margin:22px 0;}.pilot-tech-cloud .pilot-fleet-stage{margin:0 auto;}.cloud-above{justify-content:center;}}

/* Compact cloud revealed from the fleet image; links remain reachable. */
.pilot-tag-cloud{gap:4px 5px;padding:4px 8px;}
.pilot-tag-cloud a{margin:0!important;padding:4px 9px;}
.pilot-tech-cloud .pilot-fleet-stage{pointer-events:auto;}
@media(max-width:700px){.pilot-tag-cloud{gap:5px 6px;}.pilot-tech-cloud .pilot-fleet-stage{margin:-4px auto;}}

.pilot-cloud-fold{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .5s ease,opacity .35s ease;}
.pilot-cloud-fold-inner{min-height:0;overflow:hidden;}
.pilot-tech-cloud.is-expanded .pilot-cloud-fold{grid-template-rows:1fr;opacity:1;}
.pilot-tech-cloud .pilot-fleet-stage{margin:0 auto;cursor:pointer;}
.pilot-fleet-stage:focus-visible{outline:2px solid var(--red-ui);outline-offset:4px;}
.pilot-cloud-fold .pilot-tag-cloud{padding:12px 8px;}
@media(prefers-reduced-motion:reduce){.pilot-cloud-fold{transition:none;}}

/* Warm beige studio shading behind the pilot fleet. */
.pilot-tech-cloud .pilot-fleet-stage{position:relative;isolation:isolate;}
.pilot-tech-cloud .pilot-fleet-stage::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 46% 29% at 50% 68%,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,.72) 52%,rgba(255,255,255,.24) 78%,rgba(255,255,255,0) 100%);}
.pilot-tech-cloud .pilot-fleet-stage img{position:relative;z-index:1;display:block;}

/* Bring expanded tags into the image's transparent margins. */
.pilot-tech-cloud .pilot-fleet-stage{transition:margin .5s ease,filter .25s ease;}
.pilot-tech-cloud.is-expanded .pilot-fleet-stage{margin-top:-46px;margin-bottom:-42px;}
.pilot-cloud-fold{position:relative;z-index:2;}
.pilot-cloud-fold .pilot-tag-cloud{padding-top:6px;padding-bottom:6px;}
@media(max-width:700px){.pilot-tech-cloud.is-expanded .pilot-fleet-stage{margin-top:-16px;margin-bottom:-16px;}}
@media(prefers-reduced-motion:reduce){.pilot-tech-cloud .pilot-fleet-stage{transition:none;}}

.pilot-tech-cloud .pilot-fleet-stage img{transform:scale(1);transform-origin:center center;transition:transform .65s cubic-bezier(.22,.61,.36,1);}
@media(hover:hover){.pilot-tech-cloud .pilot-fleet-stage:hover img{transform:scale(1.02);}}
.pilot-tech-cloud .pilot-fleet-stage:focus-visible img{transform:scale(1.02);}
@media(prefers-reduced-motion:reduce){.pilot-tech-cloud .pilot-fleet-stage img{transition:none;transform:none!important;}}

/* Balance cloud density and give the expanded top row breathing room. */
.cloud-above,.cloud-below{max-width:1150px;justify-content:center;}
.pilot-tech-cloud{transition:margin-top .5s ease;}
.pilot-tech-cloud.is-expanded{margin-top:62px;}
@media(max-width:700px){.pilot-tech-cloud.is-expanded{margin-top:42px;}}
@media(prefers-reduced-motion:reduce){.pilot-tech-cloud{transition:none;}}

/* Tighten space around the fleet without clipping its lighting. */
.pilot-tech-cloud{margin-top:14px;margin-bottom:0;}
.pilot-tech-cloud:not(.is-expanded) .pilot-fleet-stage{margin-bottom:-28px;}
.pilot-tech-cloud + .pilot-process{margin-top:10px;}
@media(max-width:700px){.pilot-tech-cloud{margin-top:12px;}.pilot-tech-cloud:not(.is-expanded) .pilot-fleet-stage{margin-bottom:-8px;}.pilot-tech-cloud + .pilot-process{margin-top:8px;}}

/* Match the spacing above and below the expanded tag cloud. */
.pilot-tech-cloud.is-expanded + .pilot-process{margin-top:62px;}
@media(max-width:700px){.pilot-tech-cloud.is-expanded + .pilot-process{margin-top:42px;}}

/* Fleet below the pilot title, description below the fleet. */



@media(max-width:700px){#pilot .pilot-tech-cloud.is-expanded + .pilot-intro{margin-top:42px;}#pilot .pilot-intro + .pilot-process{margin-top:28px;}}

/* Compact the fleet introduction; separate the process heading. */
#pilot .pilot-tech-cloud{margin-top:-18px;}
#pilot .pilot-tech-cloud.is-expanded{margin-top:46px;}
#pilot .pilot-tech-cloud + .pilot-intro{margin-top:0;margin-bottom:0;}
#pilot .pilot-tech-cloud.is-expanded + .pilot-intro{margin-top:46px;}
#pilot .pilot-intro + .pilot-process{margin-top:72px;}
@media(max-width:700px){#pilot .pilot-tech-cloud{margin-top:0;}#pilot .pilot-tech-cloud.is-expanded{margin-top:30px;}#pilot .pilot-tech-cloud.is-expanded + .pilot-intro{margin-top:30px;}#pilot .pilot-intro + .pilot-process{margin-top:52px;}}

/* == site-shell.css == */

.methods{color:#191c1f;}.methods p{color:#61686f;}.method-links>a{border-color:#d1d7dc;}.method-links>a:first-child{border-color:#d1d7dc;}
footer.original-footer{position:relative;background:#e4e7ea;color:#191c1f;padding:0;font-size:14px;overflow:hidden;}.footer-deco{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;gap:51px;opacity:.46;pointer-events:none;filter:brightness(0) invert(1) drop-shadow(0 1px 1px #191c1f2e);}.footer-deco img:first-child{width:508px;height:auto;}.footer-deco img:last-child{width:384px;height:auto;}.original-footer>.wrap{position:relative;z-index:1;}.footer-directory{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:64px;padding:58px 0 34px;}.original-footer .footer-context h2{font-size:24px;font-weight:300;letter-spacing:.025em;line-height:1.3;margin:0 0 18px;}.footer-context p{font-size:16px;color:#61686f;line-height:var(--lh-text);max-width:40ch;margin:0;}.original-footer nav h3{font-size:16px;font-weight:600;letter-spacing:.02em;margin:0 0 18px;}.original-footer nav a{display:block;width:fit-content;margin:10px 0;font-size:15px;}.original-footer a{color:inherit;text-decoration:none;}.original-footer a:hover{color:var(--red-ui);text-decoration:underline;text-underline-offset:4px;}.original-footer-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;padding:74px 0 88px;}.original-footer-train{width:calc(100% - 500px);display:block;}.original-footer-meta{width:452px;text-align:right;flex-shrink:0;}.original-footer-logo{display:block;width:auto;height:19px;margin:0 0 12px auto;}.original-footer-meta p{margin:0 0 8px;font-size:14px;font-weight:500;}.footer-legal,.footer-sites{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px 16px;}.footer-legal{color:#61686f;}.footer-sites{margin-top:14px;font-weight:700;}
@media(max-width:1100px){.footer-directory{gap:30px;}.original-footer-bottom{gap:28px;}.original-footer-train{width:calc(100% - 470px);}}
@media(max-width:900px){.footer-directory{grid-template-columns:1fr 1fr;}.footer-context{grid-column:1/-1;}.footer-context p{max-width:65ch;}.original-footer-bottom{flex-direction:column;align-items:flex-start;padding:48px 0 56px;}.original-footer-train{width:min(100%,620px);}.original-footer-meta{width:100%;text-align:left;}.original-footer-logo{margin-left:0;}.footer-legal,.footer-sites{justify-content:flex-start;}}
@media(max-width:520px){.footer-directory{grid-template-columns:1fr;gap:26px;padding-top:40px;}.footer-context{grid-column:auto;}.footer-deco{gap:20px;}.footer-deco img:first-child{width:300px;}.footer-deco img:last-child{width:240px;}}

.original-footer .footer-deco{overflow:hidden;}

.scroll-reveal{opacity:0;transition:opacity .65s ease,translate .65s cubic-bezier(.22,.61,.36,1);transition-delay:var(--reveal-delay,0ms);}
.scroll-reveal.scroll-shown,.scroll-reveal:focus-within{opacity:1;}
@media(prefers-reduced-motion:reduce){.scroll-reveal{opacity:1;translate:none;transition:none;}}
@media print{.scroll-reveal{opacity:1;translate:none;}}

.pilot-steps>li.scroll-reveal{background:#e9e8de;}

@media(max-width:700px){.pilot-steps .pilot-step-art::before{inset:-8% 0;}}

/* Unified text links and invitation by the XADO team. */
.footer-directory{border-bottom:0;}
body a.text-link{font-family:Inter,system-ui,sans-serif;font-weight:500;text-decoration:none;transition:color .25s ease;}
body a.text-link:hover,body a.text-link:focus-visible{color:var(--red-ui);text-decoration:none;}
body a.text-link .link-arrow,.result-source .link-arrow{width:.85em;height:.85em;vertical-align:-.04em;margin-left:.35em;flex-shrink:0;stroke-width:1.6;}
.footer-sites{gap:12px 16px;}.footer-sites a{white-space:nowrap;}
.pilot-team-cta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:36px;max-width:1000px;margin:48px auto 0;}
.pilot-team-art img{display:block;width:100%;height:auto;mix-blend-mode:multiply;}
body .pilot-team-copy h3{font-size:36px;font-weight:300;letter-spacing:.025em;line-height:1.25;margin:0 0 20px;}
.pilot-team-copy>p{font-size:18px;line-height:var(--lh-text);color:#56524c;margin:0 0 26px;}
body .pilot-team-copy .pilot-cta{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin:0;}
@media(max-width:700px){.pilot-team-cta{grid-template-columns:1fr;gap:20px;margin-top:36px;max-width:480px;}.pilot-team-art{width:min(100%,380px);margin:auto;}.pilot-team-copy{text-align:center;}body .pilot-team-copy h3{font-size:28px;}.pilot-team-copy>p{font-size:16px;}body .pilot-team-copy .pilot-cta{align-items:center;}.pilot-team-copy .button{max-width:100%;white-space:normal;}}

.pilot-steps .pilot-step-art img[src*="pilot-step-3-v110"]{filter:brightness(1.03);}
.pilot-team-art img{filter:brightness(1.055);}

/* Shared methods/footer surface, with a single section divider. */

.original-footer>.wrap::before{content:"";border-top:1px solid #c3cbd2;}
body .pilot-outcomes .pilot-benefits h4{font-weight:700;letter-spacing:.03em;}
body .pilot-participation h4{color:var(--red-ui);}

.pilot-program-band{border-top:1px solid #c9c1b5;margin-top:36px;padding-top:36px;}
@media(max-width:700px){.pilot-program-band{margin-top:26px;padding-top:26px;}}

.original-footer-train{object-position:center 55%;}
.original-footer-bottom.scroll-reveal{background:#e4e7ea;}
.pilot-team-cta.scroll-reveal{background:#e9e8de;}
/* Владелец 12.09.2026: «не такую быструю» — 0,8 с → 1,3 с, сдвиг 28 → 36 px; ступень задержки в app.js 120 → 200 мс. */
.scroll-reveal{translate:0 36px;transition-duration:1.3s;transition-timing-function:cubic-bezier(.22,.61,.36,1);}
.scroll-reveal.scroll-shown,.scroll-reveal:focus-within{translate:none;}
@media(prefers-reduced-motion:reduce){.scroll-reveal{translate:none;transition:none;}}

/* Distinguish the document section from the footer while retaining the light palette. */
.methods{background:#f0f2f4;}

.original-footer>.wrap::before{border-top-color:#aeb9c2;}
.original-footer .footer-context p,.original-footer .footer-legal{color:#46515b;}



/* Transparent train and lighter footer, without the section divider. */
footer.original-footer,.original-footer-bottom.scroll-reveal{background:#d8dde2;}
.original-footer-bottom.scroll-shown{background:transparent;}
.original-footer>.wrap::before{display:none;border:0;}
.original-footer-train{height:auto;object-fit:contain;mix-blend-mode:normal;filter:none;}

/* Pilot introduction before the fleet, and optional graphite comparison. */
#pilot>.wrap>.pilot-intro{margin-top:26px;margin-bottom:0;}
#pilot>.wrap>.pilot-tech-cloud{margin-top:24px;}
html.footer-dark .methods,html.footer-dark footer.original-footer,html.footer-dark .original-footer-bottom.scroll-reveal{background:var(--graphite);color:#f2f3f4;}
html.footer-dark .methods p,html.footer-dark .original-footer .footer-context p,html.footer-dark .original-footer .footer-legal{color:#b9bec5;}
html.footer-dark .method-links>a,html.footer-dark .method-links>a:first-child{border-color:#484d54;}
html.footer-dark .original-footer>.wrap::before{border-top:1px solid #484d54;}
html.footer-dark .footer-deco{opacity:.045;}

@media(max-width:700px){#pilot>.wrap>.pilot-intro{margin-top:20px;}#pilot>.wrap>.pilot-tech-cloud{margin-top:20px;}}

/* Dark footer matches the hero; color separates it from methods. */
html.footer-dark footer.original-footer,html.footer-dark .original-footer-bottom.scroll-reveal{background:var(--bg);}
html.footer-dark .original-footer-bottom.scroll-shown{background:transparent;}
html.footer-dark .original-footer>.wrap::before{display:none;border:0;}
#pilot{overflow-x:clip;}
.pilot-fleet-wordmark{position:absolute;z-index:0;left:50%;top:25%;transform:translate(-50%,-50%);width:100vw;text-align:center;white-space:nowrap;font-family:Inter,Arial,sans-serif;font-size:10.3vw;font-weight:900;line-height:1;letter-spacing:-.055em;color:#dedad3;pointer-events:none;user-select:none;}


/* Large pilot lettering above the studio lighting and behind the fleet. */
#pilot .pilot-fleet-stage::before{z-index:0;}
#pilot .pilot-fleet-wordmark{z-index:1;top:auto;bottom:calc(18% + 70px);transform:translateX(-50%);mix-blend-mode:multiply;}


@font-face{font-family:Anton;src:url("assets/Anton-Pilot.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
#pilot .pilot-fleet-wordmark{font-family:Anton,Impact,sans-serif;font-weight:400;letter-spacing:-.01em;line-height:.9;}

/* Larger outline duplicate above the filled lettering, behind the equipment. */
#pilot .pilot-fleet-outline{color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #ccc7bf;transform:translateX(-50%) scale(1.12);}
#pilot .pilot-fleet-stage img{z-index:3;}

/* Lift the upper tags while preserving the fleet and lower cloud positions. */
#pilot #pilot-cloud-above{transform:translateY(-30px);}
#pilot .pilot-tech-cloud.is-expanded{margin-top:54px;}
html.lettering-graphite #pilot .pilot-fleet-wordmark:not(.pilot-fleet-outline){color:var(--graphite);}
@media(max-width:700px){#pilot #pilot-cloud-above{transform:translateY(-20px);}#pilot .pilot-tech-cloud.is-expanded{margin-top:40px;}}

html.lettering-graphite #pilot .pilot-fleet-outline{-webkit-text-stroke-color:var(--graphite);}

/* Fleet reduced by 5%, keeping the existing relative hover growth. */
#pilot .pilot-tech-cloud .pilot-fleet-stage img{transform:scale(.95);transform-origin:center center;}
@media(hover:hover){#pilot .pilot-tech-cloud .pilot-fleet-stage:hover img{transform:scale(.969);}}
#pilot .pilot-tech-cloud .pilot-fleet-stage:focus-visible img{transform:scale(.969);}
@media(prefers-reduced-motion:reduce){#pilot .pilot-tech-cloud .pilot-fleet-stage img{transform:scale(.95)!important;}}

#pilot .pilot-fleet-outline{z-index:1;}
#pilot .pilot-fleet-wordmark:not(.pilot-fleet-outline){z-index:2;mix-blend-mode:normal;}

#pilot .pilot-fleet-outline{transform-origin:center bottom;}



#pilot .pilot-fleet-stage.fleet-scroll-pending{opacity:0;translate:0 36px;}
#pilot .pilot-fleet-stage.fleet-scroll-enter{animation:fleet-scroll-in 1s cubic-bezier(.22,.61,.36,1) both;}
@keyframes fleet-scroll-in{from{opacity:0;translate:0 36px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){#pilot .pilot-fleet-stage.fleet-scroll-pending{opacity:1;translate:none;}#pilot .pilot-fleet-stage.fleet-scroll-enter{animation:none;}}
@media print{#pilot .pilot-fleet-stage.fleet-scroll-pending{opacity:1;translate:none;}}

/* Large, reinforced Anton numerals for the pilot stages. */
#pilot .pilot-step-heading .pilot-step-number{font-size:96px;letter-spacing:0;line-height:1;}
@media(max-width:600px){#pilot .pilot-step-heading .pilot-step-number{font-size:80px;}}

#pilot .pilot-step-arrow{color:var(--graphite);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;}

/* Optional graphite treatment for enterprise outcomes. */
html.outcomes-graphite #pilot .pilot-outcomes{background:var(--graphite);color:#f3f3f4;}
html.outcomes-graphite #pilot .pilot-outcomes h3,html.outcomes-graphite #pilot .pilot-outcomes h4{color:#f3f3f4;}
html.outcomes-graphite #pilot .pilot-outcomes .pilot-benefits p{color:#bdc0c8;}
html.outcomes-graphite #pilot .pilot-outcomes .pilot-benefits article{border-color:#484d54;}

#pilot .pilot-program-band{border-top:2px solid var(--graphite);}

#pilot .pilot-step-heading .pilot-step-number{font-family:Inter,Arial,sans-serif;font-weight:900;font-synthesis:none;-webkit-text-stroke:0;}


#pilot .pilot-program-band{border-top-width:4px;}

#pilot>.wrap>h2,#pilot>.wrap>h2 span{color:var(--graphite);}

/* Cap lettering at the 1440px layout size on wide displays. */
#pilot .pilot-fleet-wordmark{font-size:min(16.247vw,260px);width:min(100vw,1600px);}

@media(max-width:700px){#pilot .pilot-fleet-wordmark{bottom:calc(18% + 20px);}}

/* Expanded tags stay above both lettering layers at tablet and desktop widths. */
#pilot .pilot-tech-cloud.is-expanded .pilot-fleet-stage{margin-top:12px;}
@media(max-width:700px){#pilot .pilot-tech-cloud.is-expanded .pilot-fleet-stage{margin-top:8px;}}

/* Show the divider only while the equipment tags are expanded. */
#pilot .pilot-program-band{border-top-color:transparent;transition:border-top-color .3s ease;}
#pilot .pilot-tech-cloud.is-expanded ~ .pilot-program-band{border-top-color:var(--graphite);}
@media(prefers-reduced-motion:reduce){#pilot .pilot-program-band{transition:none;}}

/* Shift the whole fleet composition down without moving the following content. */
#pilot .pilot-fleet-stage{position:relative;top:28px;}
@media(max-width:700px){#pilot .pilot-fleet-stage{top:16px;}}

html.outcomes-graphite #pilot .pilot-outcomes .pilot-benefits h4{color:var(--red-light);}


html.outcomes-graphite #pilot .pilot-outcomes .pilot-benefits article{border-bottom:1px solid #484d54;padding-bottom:22px;}



/* Center arrows in the gap between adjacent stage numerals. */
#pilot .pilot-step-arrow{left:calc(100% + 14px);width:84px;max-width:none;transform:translateX(-50%);z-index:2;overflow:visible;}
#pilot .pilot-steps>li:nth-child(1){z-index:4;}
#pilot .pilot-steps>li:nth-child(2){z-index:3;}
#pilot .pilot-steps>li:nth-child(3){z-index:2;}
#pilot .pilot-steps>li:nth-child(4){z-index:1;}
@media(max-width:600px){#pilot .pilot-step-arrow{display:none;}}

/* Maintain readable copy over bright equipment without darkening the result panels. */
body .result-stat .result-label{color:#fff}
body .result-stat .result-source{color:#e2e5ea!important;background:transparent;box-shadow:none;text-shadow:none}
body .symptom-card:hover .result-source,body .symptom-card:focus-within .result-source,body .result-stat:hover .result-source,body .result-stat:focus-visible .result-source{color:var(--red-light)!important}

/* Navigation stays in flow; transform does not shift the page. */
html{scroll-padding-top:calc(var(--navigation-height,91px) + 16px)}

/* Optional comparison: same pattern, aligned with the footer top. */
html.footer-pattern-top .original-footer .footer-deco{align-items:flex-end;bottom:var(--footer-pattern-bottom,18px);}

/* Stable local backdrop for multiply, including reveal/hover compositing. */
#pilot .pilot-steps .pilot-step-art{isolation:isolate;background:#e9e8de;mix-blend-mode:normal;}
#pilot .pilot-steps .pilot-step-art img{mix-blend-mode:multiply;z-index:1;}
#pilot .pilot-steps .pilot-step-art::before{z-index:0;}

/* Agreed light blue-grey documentary section and footer. */
html.footer-light .methods,html.footer-light footer.original-footer,html.footer-light .original-footer-bottom.scroll-reveal{background:#e4e7ea;color:#252a30;}
html.footer-light .methods h2,html.footer-light .method-links>a,html.footer-light .original-footer h2,html.footer-light .original-footer h3,html.footer-light .original-footer a{color:#252a30;}
html.footer-light .methods p,html.footer-light .original-footer .footer-context p,html.footer-light .original-footer .footer-legal{color:#56616a;}
html.footer-light .method-links>a,html.footer-light .method-links>a:first-child{border-color:#c5ccd2;}
html.footer-light .original-footer>.wrap::before{content:"";display:block;width:100%;border:0;border-top:2px solid #c5ccd2;}
html.footer-light .method-links>a:hover,html.footer-light .original-footer a:hover{color:var(--red-ui);}
html.footer-light .footer-deco{opacity:.40;}
html.footer-light .original-footer-bottom.scroll-shown{background:transparent;}

#pilot .pilot-program-band .pilot-outcomes article{border-top-color:rgba(233,232,222,.35)!important;border-bottom-color:rgba(233,232,222,.35)!important;}
html.outcomes-graphite .pilot-outcomes article .text-link{color:#e9e8de;}
html.outcomes-graphite .pilot-outcomes article .text-link:hover{color:#fff;}

/* White foreground glow beneath the consultation team. */
.pilot-team-art{position:relative;}
.pilot-team-art::before{content:"";position:absolute;inset:-10% -6% -35%;pointer-events:none;background:radial-gradient(ellipse 46% 25% at 50% 65%,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,.72) 52%,rgba(255,255,255,.24) 78%,rgba(255,255,255,0) 100%);}
.pilot-team-art img{position:relative;}

/* Same microtexture as the equipment problems section. */
html.outcomes-graphite #pilot .pilot-program-band .pilot-outcomes{background-image:repeating-linear-gradient(45deg,transparent 0 2.25px,rgba(3,9,21,.09) 2.25px 3px),repeating-linear-gradient(-45deg,transparent 0 2.25px,rgba(237,243,255,.025) 2.25px 3px);background-size:4.5px 4.5px;}

#pilot .pilot-outcomes article p:has(>a[href="#savings"]){padding-top:12px;}

html.outcomes-graphite #pilot .pilot-program-band .pilot-outcomes>h3{color:#e9e8de;}

html.outcomes-graphite #pilot .pilot-program-band .pilot-outcomes{padding-bottom:28px;}
html.outcomes-graphite #pilot .pilot-program-band .pilot-outcomes article p{color:#e9e8de;}

#pilot .pilot-participation .pilot-agreement>div{border-left:6px solid var(--red-ui);padding-left:22px;}

#pilot .pilot-participation>h3{margin-bottom:40px;}
/* Числа результата при наведении не краснеют — переход и так по клику на плитку (владелец, 12.09.2026). Тень под строкой-источником снята там же. */
body .result-stat:hover .result-number,body .result-stat:focus-visible .result-number,body .symptom-card:hover .result-number{color:#f4f4f5!important;}
/* 12.09.2026: звёздочка примечания на тёмном — светлый красный (тёмный давал 2,35); линии условий пилота — яркий, это графика выделения блока. */
body .note-star{color:var(--red-light);}
/* Эталон текста на тёмном (владелец, 12.09.2026): как у вкладок оборудования — неактивный #AEB4BF, активный и при наведении белый. Белый по умолчанию делает любой цвет наведения «темнее белого», поэтому наведение красным на тёмном снято. */
body :is(#trials,#problems) .equipment-directory>summary{color:#aeb4bf;}
body :is(#trials,#problems) .equipment-directory>summary:hover,body :is(#trials,#problems) .equipment-directory>summary:focus-visible,body :is(#trials,#problems) .equipment-directory[open]>summary{color:#fff;}
body :is(#trials,#problems) .equipment-directory-links>a,body :is(#trials,#problems) .equipment-directory-links .directory-label{color:#aeb4bf!important;}
body :is(#trials,#problems) .equipment-directory-links>a:hover,body :is(#trials,#problems) .equipment-directory-links>a:focus-visible,body :is(#trials,#problems) .equipment-directory-links>a:hover .directory-label{color:#fff!important;}
body .hero-actions a.simple-link{color:#aeb4bf!important;}
body .hero-actions a.simple-link:hover,body .hero-actions a.simple-link:focus-visible{color:#fff!important;}
body .symptom-card h3,body .symptom-card h3 a{color:#aeb4bf;}
body .symptom-card:hover h3,body .symptom-card:focus-within h3,body .symptom-card:hover h3 a,body .symptom-card:focus-within h3 a{color:#fff;}
body .all-problems{color:#aeb4bf;}body .all-problems:hover{color:#fff;}
/* Графитовый блок (владелец 12.09.2026): ссылка в покое — цвет абзаца, при наведении — цвет заголовка блока (--red-light). */
html.outcomes-graphite .pilot-outcomes article .text-link{color:#e9e8de;}html.outcomes-graphite .pilot-outcomes article .text-link:hover,html.outcomes-graphite .pilot-outcomes article .text-link:focus-visible{color:var(--red-light)!important;}
/* Списки оборудования и проблем (владелец, 12.09.2026): стрелка сразу за названием и крупнее (1,25em, было 16 px у правого края); при наведении название белое, счёт и стрелка --red-light — как строка-источник в плитках HERO. */
body :is(#trials,#problems) .equipment-directory-links>a.unified-action{grid-template-columns:max-content 1.25em;column-gap:8px;}
body :is(#trials,#problems) .equipment-directory-links .unified-link-arrow,body :is(#trials,#problems) .equipment-directory-links .link-arrow{width:1.25em;height:1.25em;min-width:1.25em;color:inherit;}
body :is(#trials,#problems) .equipment-directory-links>a:hover .unified-link-arrow,body :is(#trials,#problems) .equipment-directory-links>a:hover .link-arrow,body :is(#trials,#problems) .equipment-directory-links>a:hover .directory-count,body :is(#trials,#problems) .equipment-directory-links>a:focus-visible .directory-count{color:var(--red-light)!important;}
/* Секция «Методики и документы» (владелец 12.09.2026: «вялая»): у каждого пункта строка-факт (что внутри и сколько), стрелка сразу за названием, справа — тот же паттерн, что в футере и в шапке каталога. */
section.methods{position:relative;overflow:hidden;}
section.methods .methods-layout{position:relative;z-index:1;}
body .method-links>a.unified-action,body .method-links>a{display:grid;grid-template-columns:max-content 1.25em;grid-template-areas:"t a" "d d";column-gap:8px;row-gap:6px;align-items:center;}
body .method-links>a .ml-t{grid-area:t;}
body .method-links>a>span[aria-hidden]{grid-area:a;display:inline-flex;}
body .method-links>a .ml-d{grid-area:d;font-size:15px;font-weight:400;line-height:1.5;letter-spacing:0;color:#56616a;}
body .method-links .link-arrow,body .method-links .unified-link-arrow{width:1.25em;height:1.25em;min-width:1.25em;}
html.footer-light .method-links>a:hover .ml-d{color:var(--red-ui);}
/* Секция методик: вместо паттерна — иллюстрация по теме (M_DOCS: журнал с чертежами, штангенциркуль, деталь) под подводкой слева, с белой мягкой поддувкой как у иллюстраций пилота (владелец, 12.09.2026). */
.methods-art{position:relative;margin:36px 0 0;max-width:504px;}
.methods-art::before{content:'';position:absolute;inset:8% -6% 4%;background:radial-gradient(closest-side,#fff 0%,rgba(255,255,255,.6) 45%,transparent 100%);z-index:0;}
.methods-art img{position:relative;z-index:1;display:block;width:100%;height:auto;}
@media(max-width:700px){.methods-art{max-width:100%;margin-top:24px;}}
/* Секция методик (владелец, 12.09.2026, вечер-7): колонки выровнены по горизонтальной оси — список пунктов стоит по центру левой колонки (заголовок, подводка, иллюстрация); на телефоне колонка одна, правило не действует. */
@media(min-width:701px){section.methods .methods-layout{align-items:center;}}
/* Показание на дисплее прибора (12.09.2026, проба на виброметре): цифры в слое стёрты сборкой build_layers.py, поверх — семисегментный SVG в той же рамке, что слой прибора, с тем же ростом при наведении; после увеличения показание бежит 4,2 → 3,6 (app.js). Положение рамки и дисплея — в блоке layers:auto. */
.symptom-card .problem-layered-scene .lcd-readout{position:absolute;z-index:3;pointer-events:none;transition:transform .75s cubic-bezier(.22,.61,.36,1)}
.symptom-card .problem-layered-scene .lcd-readout svg{position:absolute;display:block;overflow:visible;transform:translateX(-1.5px) rotate(7deg) skewX(-9.5deg);transform-origin:50% 50%}
.symptom-card .problem-layered-scene .lcd-readout .seg{fill:#262c2f;opacity:.04;transition:opacity .09s linear}
/* Токовые клещи (12.09.2026): дисплей повёрнут против часовой, показание целое 22 → 18 шагом 1 каждые 200 мс. */
.symptom-card .problem-layered-scene .lcd-readout[data-layer="power-part2"] svg{transform:rotate(9deg) skewX(-10deg)}
.symptom-card .problem-layered-scene .lcd-readout[data-layer="power-part2"] .seg{fill:#183846}
/* Цифровой компрессометр (12.09.2026, рендер с голубым экраном): экран фронтальный, сегменты тёмно-синие #18347C, выключенные 6 %. */
.symptom-card .problem-layered-scene .lcd-readout[data-layer="compression-part2"] svg{transform:skewX(-5deg)}
.symptom-card .problem-layered-scene .lcd-readout[data-layer="compression-part2"] .seg{fill:#18347c;opacity:.06}
.symptom-card .problem-layered-scene .lcd-readout[data-layer="compression-part2"] .seg.on{opacity:.95}
.symptom-card .problem-layered-scene .lcd-readout .seg.on{opacity:.82}
@media(hover:hover){.symptom-card:hover .problem-layered-scene .lcd-readout{transform:scale(1.07)}}
.symptom-card:focus-within .problem-layered-scene .lcd-readout{transform:scale(1.07)}
@media(prefers-reduced-motion:reduce){.symptom-card .problem-layered-scene .lcd-readout{transition:none!important;transform:none!important}}

@media(prefers-reduced-motion:reduce){.symptom-card .problem-layered-scene img[src*="vibration-part1-"]{animation:none!important}}


/* Электродвигатель на карточке тока: побежалость по силуэту слоя (маска — файл слоя), радиальный градиент цветов отпуска от торца вала (--heat-x/--heat-y). В покое выключена (opacity 0), силу --heat 0,4 по сценарию ставит app.js: нарастает плавно за --heat-rise 2,2 с, держится до --t-run, гаснет к --t-calm; растёт вместе со слоем при наведении. */
.symptom-card .problem-layered-scene .heat-glow{position:absolute;z-index:1;pointer-events:none;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background:radial-gradient(ellipse 70% 62% at var(--heat-x,82%) var(--heat-y,52%),#f6c85a 0%,#d98a2b 16%,#a0522d 30%,#7b3f9a 46%,#2f6fb5 62%,#2f6fb500 82%);mix-blend-mode:overlay;--heat:.4;--heat-rise:2.2s;opacity:0;transition:transform .55s cubic-bezier(.22,.61,.36,1)}
@media(hover:hover){.symptom-card:hover .problem-layered-scene .heat-glow{transform:scale(1.02)}}
.symptom-card:focus-within .problem-layered-scene .heat-glow{transform:scale(1.02)}
/* Единый сценарий карточек «Проблемы» (владелец 12.09.2026): наводим — оборудование запускается и работает с нагрузкой, потом нормализуется и остаётся в работе, пока наведено. Ниже — на примере дизель-генератора и расходомера; двигатель (дрожь + побежалость), редуктор (дрожь) и показания приборов идут по тем же моментам --t-start/--t-run/--t-calm со слоя .problem-machine.
   В покое генератор заглушен: без дрожи и дыма, стрелка на --a0 (владелец 12.09, уточнение сценария). При наведении/фокусе: 0–0,3 с двигатель заводится (дрожь растёт до --gen-work), 0–0,4 с появляется дым и коптит; с 3,2 с (владелец: вдвое дольше) стрелка уходит на --dial-drop за 3 с (владелец: медленнее), дым гаснет к 4,8 с, дрожь снижается до --gen-idle и остаётся, пока наведено. При уходе всё выключается: дым за 0,4 с, стрелка возвращается за 3 с без задержки, дрожь сразу.
   Огибающие ведёт app.js (запрос кадра, 6 с): он ставит --gen-amp (амплитуда дрожи) и прозрачность дыма по времени — без @property, которое поддерживают не все браузеры; сама дрожь gen-hum читает --gen-amp. Рамки и координаты — в блоке layers:auto. Дым не обрезается: у ссылки карточки со слоями overflow:visible (в style.css у неё overflow:hidden под прежнюю одиночную картинку). */
.symptom-image-link:has(.problem-layered-scene){overflow:visible}
.symptom-card .problem-layered-scene .dial-needle{position:absolute;z-index:2;pointer-events:none;transition:transform .75s cubic-bezier(.22,.61,.36,1)}
.symptom-card .problem-layered-scene .dial-needle i{position:absolute;left:var(--px);top:calc(var(--py) - var(--nw) / 2);width:var(--len);height:var(--nw);transform-origin:0 50%;rotate:var(--a0);background:linear-gradient(180deg,#d9484a,#b8282c 55%,#8f1c20);clip-path:polygon(0 8%,100% 36%,100% 64%,0 92%);transition:rotate 3s cubic-bezier(.22,.61,.36,1)}
.symptom-card .problem-layered-scene .dial-needle .dial-hub{position:absolute;left:calc(var(--px) - var(--hubw) / 2);top:calc(var(--py) - var(--hubh) / 2);width:var(--hubw);height:var(--hubh);border-radius:50%;background:radial-gradient(circle at 45% 40%,#d64a49 0%,#c13032 60%,#a52629 100%)}
@media(hover:hover){.symptom-card:hover .problem-layered-scene .dial-needle{transform:scale(1.07)}.symptom-card:hover .problem-layered-scene .dial-needle i{rotate:calc(var(--a0) - var(--dial-drop));transition-delay:3200ms}}
.symptom-card:focus-within .problem-layered-scene .dial-needle{transform:scale(1.07)}
.symptom-card:focus-within .problem-layered-scene .dial-needle i{rotate:calc(var(--a0) - var(--dial-drop));transition-delay:3200ms}
.symptom-card .problem-layered-scene .smoke{--smoke:.75;--smoke-min:.15;position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0}
.symptom-card .problem-layered-scene .smoke i{position:absolute;left:var(--sx);top:var(--sy);width:9%;aspect-ratio:1;margin:-4.5% 0 0 -4.5%;border-radius:50%;background:radial-gradient(circle,#cdd2d8 0%,#aeb6bf99 45%,#aeb6bf00 70%);opacity:0}
@media(hover:hover){.symptom-card:hover .problem-layered-scene .smoke i{animation:smoke-rise 1.8s linear infinite}.symptom-card:hover .problem-layered-scene .smoke i:nth-child(2){animation-delay:.6s}.symptom-card:hover .problem-layered-scene .smoke i:nth-child(3){animation-delay:1.2s}}
.symptom-card:focus-within .problem-layered-scene .smoke i{animation:smoke-rise 1.8s linear infinite}
.symptom-card:focus-within .problem-layered-scene .smoke i:nth-child(2){animation-delay:.6s}
.symptom-card:focus-within .problem-layered-scene .smoke i:nth-child(3){animation-delay:1.2s}
@keyframes smoke-rise{0%{translate:0 0;scale:.35;opacity:0}12%{opacity:.72}100%{translate:150% -70%;scale:2;opacity:0}}
.symptom-card .problem-layered-scene .problem-machine{--gen-work:.5px;--gen-idle:.2px;--gen-amp:0px;--t-start:.3s;--t-run:3.2s;--t-calm:4.8s}
/* Редуктор (владелец 12.09.2026): вначале трясётся сильнее остальных. */
.symptom-card .problem-layered-scene .problem-machine[src*="vibration-part1-"]{--gen-work:1.2px}
@keyframes gen-hum{0%{translate:0 0}25%{translate:calc(var(--gen-amp) * .8) calc(var(--gen-amp) * -1)}50%{translate:calc(var(--gen-amp) * -.6) calc(var(--gen-amp) * .7)}75%{translate:calc(var(--gen-amp) * .5) calc(var(--gen-amp) * .9)}100%{translate:0 0}}
@media(hover:hover){.symptom-card:hover .problem-layered-scene .problem-machine{animation:gen-hum .16s linear infinite}}
.symptom-card:focus-within .problem-layered-scene .problem-machine{animation:gen-hum .16s linear infinite}
@media(prefers-reduced-motion:reduce){.symptom-card .problem-layered-scene .problem-machine,.symptom-card .problem-layered-scene .smoke,.symptom-card .problem-layered-scene .smoke i,.symptom-card .problem-layered-scene .heat-glow{animation:none!important;transition:none!important}.symptom-card .problem-layered-scene .smoke{display:none}.symptom-card .problem-layered-scene .dial-needle i{transition:none!important}}

/* Карточка компрессии (владелец 12.09.2026). След пера на самописце снят 12.09 — прибор заменяется цифровым (ждём рендер), показание пойдёт через .lcd-readout. 1) .haze — туман картерных газов: три сизых пятна в рамке слоя двигателя с выходом за контур; всё движение ведёт app.js: у каждого пятна случайные задержка появления (0–1,4 с), длительность нарастания (1,6–2,6 с) и сдвиг рассеивания, дрейф к случайным целям с плавным ходом и лёгким дыханием масштаба (владелец 12.09: появляться по-своему, дрейфовать случайно). Сила --haze 0,55. 2) Рваная дрожь: --gen-rough 1 на слое двигателя — в рабочей фазе пропуски, удвоенные толчки и подёргивания --gen-kick 5 (app.js), после нормализации ровная остаточная. */
.symptom-card .problem-layered-scene .haze{--haze:.55;--haze-rise:2s;position:absolute;z-index:1;pointer-events:none;opacity:0;transition:transform .55s cubic-bezier(.22,.61,.36,1)}
/* Пятна: градиент до ближней стороны рамки — гаснет ровно на краю, без жёсткого перехода (владелец 12.09); плюс размытие 5 px. */
.symptom-card .problem-layered-scene .haze i{position:absolute;border-radius:50%;background:radial-gradient(closest-side,#a8bccfd9 0%,#93a8bdb0 30%,#8fa3b860 60%,#8fa3b800 100%);filter:blur(5px)}
.symptom-card .problem-layered-scene .haze i:nth-child(1){left:-10%;top:-12%;width:78%;aspect-ratio:1.25}
.symptom-card .problem-layered-scene .haze i:nth-child(2){left:32%;top:-20%;width:82%;aspect-ratio:1.25}
.symptom-card .problem-layered-scene .haze i:nth-child(3){left:8%;top:30%;width:74%;aspect-ratio:1.25}
@media(hover:hover){.symptom-card:hover .problem-layered-scene .haze{transform:scale(1.02)}}
.symptom-card:focus-within .problem-layered-scene .haze{transform:scale(1.02)}
.symptom-card .problem-layered-scene .problem-machine[src*="compression-part1-"]{--gen-rough:1;--gen-kick:5}
@media(prefers-reduced-motion:reduce){.symptom-card .problem-layered-scene .haze{display:none}.symptom-card .problem-layered-scene .haze i{animation:none!important}}
/* Стрелка источника результата — по центру ПОСЛЕДНЕЙ строки надписи (владелец, 14.09.2026, правило стрелок):
   подпись «15 из 19 кейсов по дизелям — с прямым замером · документы» переносится на две строки, а стрелка
   стояла по центру блока между ними (check_arrow_center.py: −10,5 px). Стрелка 1em — к нижней строке, отступ (1lh − 1em)/2. */
body .result-stat .result-source{align-items:flex-end;}
body .result-stat .result-source .link-arrow{margin-bottom:calc((1lh - 1em) / 2);}
/* Зазор текст → стрелка на титуле — .35em, как на внутренних страницах (владелец, 14.09.2026: «разные по расстоянию»).
   Пробелы перед стрелками сняты в index.html и app.js; отступ задают только эти правила. */
body a:is(.text-link,.simple-link,.pilot-terms) svg.link-arrow,body .result-stat .result-source svg.link-arrow,body a svg.link-arrow{margin-left:.35em;}
body :is(.method-links,.equipment-directory-links) a svg.link-arrow{margin-left:0;}

/* == calculator.css == */

/* Beige continuation of the pilot programme, with existing typography. */
.savings{background:#dfded1;color:var(--graphite)}
.savings h2{max-width:1000px}.savings .calc-lead{max-width:1000px;margin-top:24px;color:#56524c;line-height:var(--lh-text)}
.calc-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;margin-top:40px;align-items:start}
.calc-form{display:grid;gap:22px}.calc-form label{display:grid;gap:10px;font-size:16px;font-weight:500;letter-spacing:.01em}
.calc-form input,.calc-form select{width:100%;min-width:0;border:2px solid #b7ad9e;border-radius:0;background:#efeee4;color:var(--graphite);padding:14px 16px;min-height:54px;color-scheme:light;transition:border-color .2s}
.calc-form input:hover,.calc-form select:hover{border-color:var(--graphite)}.calc-form input:focus,.calc-form select:focus{outline:2px solid var(--red);outline-offset:3px}
.calc-form small{font-size:13px;font-weight:400;color:#56524c;line-height:1.5}.calc-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}
#electrical-inputs{display:grid;gap:20px}.savings [hidden]{display:none!important}
.calc-form .button{justify-content:center;border:0}.calc-form .calc-example{font-size:14px;color:#56524c}
.calc-output{padding:30px;background:#e9e8de;border:0;min-width:0}
.calc-output h3{font-size:24px;font-weight:500;line-height:1.4;letter-spacing:.02em}.calc-output>p{color:#56524c;line-height:1.6;margin-top:16px}
.calc-values{display:grid;gap:26px;margin-top:26px}.calc-value strong{font-size:clamp(32px,3.5vw,55px);font-weight:900;letter-spacing:.015em;line-height:1.15;overflow-wrap:anywhere}.calc-value span{display:block;font-size:16px;color:#56524c;margin-top:8px}
.calc-value:first-child strong{color:var(--red)}.calc-hours{margin-top:22px;color:#56524c}.calc-hours strong{color:var(--graphite)}
.calc-range,.calc-notice{font-size:15px;line-height:var(--lh-text);margin-top:28px;color:#56524c}.calc-notice strong{color:var(--graphite)}.calc-evidence{margin-top:36px;border-top:1px solid #bcb3a6;padding-top:22px}
.calc-evidence .calc-table-wrap{overflow:auto;margin-top:20px}.calc-evidence table{border-collapse:collapse;min-width:580px;width:100%;font-size:15px}.calc-evidence th,.calc-evidence td{text-align:left;padding:16px 12px;border-bottom:1px solid #bcb3a6;line-height:1.5}.calc-evidence p{max-width:1000px;font-size:15px;color:#56524c;line-height:var(--lh-text);margin-top:20px}/* Ссылка на кейс в таблице — как переходы внутренних страниц: --red-ui, 600, при наведении яркий (владелец 12.09.2026: «плохо выделяется ссылка»). */
.calc-evidence a,body .calc-evidence a.unified-link{color:var(--red-ui);font-weight:600}.calc-evidence a:hover,body .calc-evidence a.unified-link:hover,body .calc-evidence a.unified-link:focus-visible{color:var(--red-hero)!important}
@media(max-width:900px){.calc-layout{grid-template-columns:1fr;gap:30px}.calc-values{grid-template-columns:1fr 1fr}.calc-output{padding:24px}}
@media(max-width:460px){.calc-pair,.calc-values{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.calc-form input,.calc-form select,.calc-evidence summary{transition:none}}

.savings .calc-form .button{background:var(--red-ui);color:#fff;transition:background .2s}.savings .calc-form .button:hover{background:var(--red-hero)}

.savings>.wrap::after{content:none;}

.savings .equipment-directory{color:var(--graphite)}
.savings .equipment-directory>summary{background:#d7d6c8;color:var(--graphite)}
.savings .equipment-directory>summary>span{color:#56524c}
.savings .equipment-directory>summary:hover,.savings .equipment-directory>summary:focus-visible{background:#cecdbe;color:var(--red)}

.calc-meter{margin:0;display:flex;justify-content:center;}
.calc-meter img{width:280px;max-width:70%;height:auto;object-fit:contain;}

.calc-output{isolation:isolate}
#savings-result{position:relative;}
.calc-output .calc-meter{position:absolute;right:0;top:var(--meter-top,26px);width:44%;height:var(--meter-height,190px);margin:0;pointer-events:none;}
.calc-output .calc-meter img{position:absolute;top:-5.4%;left:50%;transform:translateX(-50%);width:auto;max-width:none;height:115%;mix-blend-mode:multiply;}
.calc-output .calc-values{display:block;width:55%;}
.calc-output .calc-value+.calc-value{margin-top:26px;}
.calc-output .calc-hours{clear:both;padding-top:20px;}
.calc-output{container-type:inline-size;}
@container(max-width:420px){
 .calc-output .calc-meter{position:relative;top:auto;right:auto;width:100%;height:210px;margin:22px auto;}
 .calc-output .calc-values{width:100%;}
}
.calc-form select{appearance:none;-webkit-appearance:none;padding-right:48px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23252a30' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 9 7 7 7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:24px 24px;}


/* Paired coarse and precise entry. */
/* Поля калькулятора — система полей форм сайта в тёплом тоне (владелец, 14.09.2026): без рамки, линия снизу 2 px #61686F, высота 52 px, на ≤640 px 48 px — как у форм сайта, поля 12×14 px, 16 px. Наведение — заливка #FFFDF3; фокус — #FFFDF3 и линия 3 px --graphite, красный на фокусе не применяется. Радиокнопки и ползунок — свои. Сторож — local_redesign/check_inputs.py. */
.calc-form input[type=number],.calc-form select{border:0;min-height:52px;padding-top:12px;padding-bottom:12px;padding-left:14px;box-shadow:inset 0 -2px #61686f;font-size:16px;font-weight:400;line-height:1.4;}.calc-form input[type=number]{padding-right:14px;}@media(max-width:640px){.calc-form input[type=number],.calc-form select{min-height:48px;}}
.calc-mode{border:0;padding:0;margin:0;min-width:0;}
.calc-mode legend{font-size:16px;font-weight:500;margin-bottom:14px;}
.calc-mode>div{display:flex;gap:24px;flex-wrap:wrap;}
.calc-form .calc-mode label{display:flex;align-items:center;gap:10px;cursor:pointer;}
.calc-form input[type=radio]{appearance:auto;width:20px;height:20px;min-height:0;margin:0;padding:0;accent-color:var(--red-ui);}
.calc-control{display:grid;grid-template-columns:minmax(0,1fr) 108px;gap:18px;align-items:center;}
.calc-control input[type=number]{text-align:right;padding:12px 14px;}
.calc-form input[type=range]{appearance:auto;accent-color:var(--red-ui);width:100%;min-height:28px;padding:0;border:0;background:transparent;cursor:pointer;}
.calc-scale{font-size:12px;font-weight:400;color:#56524c;margin-top:-8px;}
.calc-pair .calc-control{grid-template-columns:minmax(0,1fr) 88px;gap:10px;}
#calc-fleet{color:#56524c;font-size:15px;line-height:1.6;margin-top:12px;}
@media(max-width:560px){.calc-form .calc-pair{grid-template-columns:1fr;}.calc-pair .calc-control{grid-template-columns:minmax(0,1fr) 108px;gap:18px;}}

/* Focus follows the control itself, without an enclosing rectangle. */
.savings .calc-form input:focus,.savings .calc-form select:focus{outline:none;}
.savings .calc-form input[type=number],.savings .calc-form select{transition:background .2s,box-shadow .2s,border-color .2s;}
.savings .calc-form input[type=number]:hover,.savings .calc-form select:hover{background-color:#fffdf3;}
.savings .calc-form input[type=number]:focus,.savings .calc-form select:focus{background-color:#fffdf3;box-shadow:inset 0 -3px var(--graphite);}
.savings .calc-form input[type=range]{appearance:none;-webkit-appearance:none;height:32px;min-height:32px;border:0;box-shadow:none;background:transparent;}
.calc-form input[type=range]::-webkit-slider-runnable-track{height:6px;border:0;border-radius:3px;background:linear-gradient(to right,var(--red-ui) 0 var(--range-fill,0%),#bcb2a3 var(--range-fill,0%) 100%);}
.calc-form input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;margin-top:-6px;border:0;border-radius:50%;background:var(--red-ui);transition:box-shadow .2s,transform .2s;}
.calc-form input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 5px rgb(176 0 24 / 12%);}
.calc-form input[type=range]:focus::-webkit-slider-thumb{box-shadow:0 0 0 7px rgb(176 0 24 / 20%);transform:scale(1.15);}
.calc-form input[type=range]::-moz-range-track{height:6px;border:0;border-radius:3px;background:#bcb2a3;}
.calc-form input[type=range]::-moz-range-progress{height:6px;border-radius:3px;background:var(--red-ui);}
.calc-form input[type=range]::-moz-range-thumb{width:18px;height:18px;border:0;border-radius:50%;background:var(--red-ui);transition:box-shadow .2s,transform .2s;}
.calc-form input[type=range]:hover::-moz-range-thumb{box-shadow:0 0 0 5px rgb(176 0 24 / 12%);}
.calc-form input[type=range]:focus::-moz-range-thumb{box-shadow:0 0 0 7px rgb(176 0 24 / 20%);transform:scale(1.15);}
.savings .calc-form input[type=radio]:focus-visible{border-radius:50%;box-shadow:0 0 0 5px rgb(176 0 24 / 20%);}
@media(forced-colors:active){.savings .calc-form input:focus-visible,.savings .calc-form select:focus-visible{outline:2px solid Highlight;outline-offset:3px;}}

.calc-form input[type=number]::-webkit-inner-spin-button{margin-left:10px;cursor:pointer;}
.calc-control{grid-template-columns:minmax(0,1fr) 120px;}
.calc-pair .calc-control{grid-template-columns:minmax(0,1fr) 104px;}
@media(max-width:560px){.calc-pair .calc-control{grid-template-columns:minmax(0,1fr) 120px;}}

/* Flat slider track, without a native bevel or outline. */
.calc-form input[type=range]::-webkit-slider-runnable-track{border:0;outline:0;box-shadow:none;}
.calc-form input[type=range]::-moz-range-track,.calc-form input[type=range]::-moz-range-progress{border:0;outline:0;box-shadow:none;}

.savings .calc-form input[type=radio]{appearance:none;-webkit-appearance:none;flex-shrink:0;border:0;border-radius:50%;background:#fffdf3;box-shadow:none;outline:none;transition:background .2s,box-shadow .2s;}
.savings .calc-form input[type=radio]:checked{background:radial-gradient(circle,var(--red-ui) 0 48%,#fffdf3 52%);}
.savings .calc-form input[type=radio]:hover{box-shadow:0 0 0 4px rgb(176 0 24 / 10%);}
.savings .calc-form input[type=radio]:focus-visible{box-shadow:0 0 0 5px rgb(176 0 24 / 22%);}
@media(forced-colors:active){.savings .calc-form input[type=radio]{appearance:auto;}.savings .calc-form input[type=radio]:focus-visible{outline:2px solid Highlight;}}

/* Local warm light, sampled neutral base from the XADO greases reference. */
.calc-output .calc-meter::before{content:"";position:absolute;inset:-12% -8%;pointer-events:none;background:radial-gradient(ellipse at 55% 58%,rgba(244,216,108,.26),rgba(244,216,108,.10) 42%,rgba(244,216,108,0) 72%);}

/* Compact transition from the evidence accordion to the methods section. */
section.savings{padding-bottom:0;}
.savings>.wrap.section{padding-bottom:40px;}
@media(max-width:600px){.savings>.wrap.section{padding-bottom:32px;}}

/* Keep units attached to values; contain the enlarged meter and its studio backdrop. */
.calc-output{overflow:hidden;}
.calc-output .calc-meter{right:12px;}
.calc-output .calc-meter img{height:126.5%;top:-11%;}
.calc-amount{display:flex;align-items:baseline;gap:.35em;white-space:nowrap;font-size:clamp(27px,3.5vw,55px);}
.calc-value .calc-amount strong{font-size:1em;letter-spacing:0;overflow-wrap:normal;}
.calc-value .calc-amount .calc-unit{display:inline;font-size:max(.36em,11px);font-weight:700;margin:0;white-space:nowrap;color:inherit;}
.calc-value:first-child .calc-amount{color:var(--red);}
.calc-range strong,#calc-fleet strong,.calc-evidence td strong{font-weight:700;}
@container(max-width:520px){.calc-output .calc-meter{position:relative;right:auto;top:auto;width:100%;height:210px;margin:22px auto;}.calc-output .calc-values{width:100%;}}
/* Нативный список рисовал пункты в Arial — единственные не-Inter элементы титула (аудит 11.09.2026). */
.calc-form select,.calc-form option{font-family:Inter,Arial,sans-serif;}
/* Таблица примеров актов — по образцу таблиц внутренних страниц (аудит 11.09.2026):
   шапка капителью с фоном, линии светлее, значения расчёта жирным. Палитра — секции калькулятора. */
/* Шапка таблицы без заливки, текст приглушён (владелец 12.09.2026: «слишком контрастный»). */
.calc-evidence th{background:transparent;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#625d52;}
.calc-evidence th,.calc-evidence td{border-bottom-color:#cfc8b8;}
.calc-evidence td:nth-child(3){font-weight:700;white-space:nowrap;}

/* Шапка таблицы отделена зазором 4 px без линии (владелец, 14.09.2026, T2; DESIGN_RULES «Таблицы»): линия под шапкой
   снята, между шапкой и первой строкой — прозрачная граница 4 px (раздельные границы — зазор ровно 4 px); линии между
   строками остаются. Цвет шапки #625d52 не менялся: к фону калькулятора он на нижней границе контраста (4,84:1). */
.calc-evidence table{border-collapse:separate;border-spacing:0;}
.calc-evidence thead tr:last-child th{border-bottom:4px solid transparent;}
.calc-evidence tbody tr:first-child td{border-top:0;}

/* Признак прокрутки широкой таблицы (владелец, 14.09.2026, T2, второй круг; DESIGN_RULES «Признак прокрутки таблиц»):
   пока таблицу можно докрутить вправо — затемнение у правого края обёртки, докручена — гаснет. Класс и сдвиг ставит shared-shell.js. */
.calc-evidence .calc-table-wrap{position:relative;}
.calc-evidence .calc-table-wrap::after{content:"";position:absolute;top:0;right:0;bottom:0;width:32px;pointer-events:none;background:linear-gradient(to left,rgba(27,30,35,.22),rgba(27,30,35,0));opacity:0;transform:translateX(var(--tw-x,0px));transition:opacity .2s ease;}
.calc-evidence .calc-table-wrap.tw-more::after{opacity:1;}