/* Shared case identity. Asset URLs are relative to this stylesheet. */
@font-face{font-family:'IBM Plex Sans';font-weight:400;font-display:swap;src:url('../fonts-lib/ibm-plex-sans/cyrillic-normal-400.woff2')}
@font-face{font-family:'IBM Plex Sans';font-weight:400;font-display:swap;src:url('../fonts-lib/ibm-plex-sans/latin-normal-400.woff2');unicode-range:U+0000-00FF}
@font-face{font-family:'IBM Plex Sans';font-weight:700;font-display:swap;src:url('../fonts-lib/ibm-plex-sans/cyrillic-normal-700.woff2')}
@font-face{font-family:'IBM Plex Sans';font-weight:700;font-display:swap;src:url('../fonts-lib/ibm-plex-sans/latin-normal-700.woff2');unicode-range:U+0000-00FF}
@font-face{font-family:'Roboto Condensed';font-weight:100 900;font-display:swap;src:url('../fonts-lib/roboto-condensed/cyrillic-normal-100-900.woff2')}
@font-face{font-family:'Roboto Condensed';font-weight:100 900;font-display:swap;src:url('../fonts-lib/roboto-condensed/latin-normal-100-900.woff2');unicode-range:U+0000-00FF}
:root{--bg:#0F1214;--panel:#171B1E;--line:#262C31;--text:#EEF1F3;--muted:#AEB7BE;--accent:#7FB2E5;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.55 'IBM Plex Sans',sans-serif}a{color:inherit;text-underline-offset:5px}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}img,svg{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Roboto Condensed',sans-serif;font-weight:500;line-height:1.08}h1{font-size:clamp(32px,3.6vw,54px);max-width:920px;margin-bottom:12px}h2{font-size:36px}h3{font-size:24px}p{max-width:74ch}small,.scope{font-size:14px;color:var(--muted)}.wrap{width:min(1328px,calc(100% - 80px));margin:auto}.skip{position:fixed;left:16px;top:-100px;z-index:1100;background:var(--text);color:var(--bg);padding:12px}.skip:focus{top:12px}
.case-header{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.case-brand{display:flex;align-items:center;gap:14px;text-decoration:none;font-family:'Roboto Condensed',sans-serif;font-size:21px}.case-brand img{width:54px;height:54px;object-fit:contain}.case-header nav{display:flex;gap:28px}.case-header nav a{padding:10px 0;font-size:14px}.industry{color:var(--muted);margin-bottom:10px}.hero{padding:30px 0 56px}.lead{color:var(--muted);font-size:18px;margin-bottom:24px}.hero-foot{display:flex;justify-content:space-between;gap:20px;padding-top:15px;color:var(--muted);font-size:14px}.stage{position:relative;min-height:440px;border:1px solid var(--line);background:var(--panel);padding:28px;overflow:hidden}.stage-title{display:flex;justify-content:space-between;gap:20px;margin-bottom:18px;color:var(--muted);font-size:14px}.block{position:relative;padding:65px 0;border-top:1px solid var(--line)}.task,.terms,.result{display:grid;grid-template-columns:1fr 1.5fr;gap:60px}.process-head{display:flex;justify-content:space-between;gap:40px}.process-head p{color:var(--muted)}.steps{list-style:none;counter-reset:steps;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:20px 0 0}.steps li{counter-increment:steps;border-top:1px solid var(--line);padding-top:20px}.steps li:before{content:counter(steps);display:block;color:var(--accent);margin-bottom:20px}.steps p{color:var(--muted);font-size:15px}.deliverables{padding-left:20px}.deliverables li{margin-bottom:12px}.price{font-family:'Roboto Condensed';font-size:46px;margin-bottom:12px}.price-label{color:var(--muted);font-size:14px}.timeline{padding-left:22px}.timeline li{padding:8px}.timeline span{display:none}.cta{border-top:1px solid var(--line);padding:50px 0;display:flex;align-items:center;justify-content:space-between;gap:30px}.button{display:inline-block;background:var(--text);color:var(--bg);padding:16px 24px;text-decoration:none;border:0;font-weight:700}.cta h2{margin-bottom:10px}footer{border-top:1px solid var(--line);padding:24px 0 96px;color:var(--muted);font-size:14px}
/* A section is first traced, then resolves into its final surface. */
.trace:before{content:'';position:absolute;inset:0;pointer-events:none;border-top:1px solid var(--accent);transform:scaleX(0);transform-origin:left}.trace.is-visible:before{animation:case-trace 1s ease both}@keyframes case-trace{0%{transform:scaleX(0);opacity:1}70%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
@media(max-width:700px){.wrap{width:calc(100% - 32px)}.case-header{min-height:84px;gap:12px}.case-brand{font-size:16px;gap:8px;max-width:210px}.case-brand img{width:40px;height:40px}.case-header nav{gap:12px}.case-header nav a{font-size:13px}.case-header .terms-link{display:none}.hero{padding-top:24px}.lead{font-size:16px}.stage{padding:16px;min-height:430px}.stage-title{font-size:12px;gap:10px}.task,.terms,.result{grid-template-columns:1fr;gap:20px}.block{padding:38px 0}.steps{grid-template-columns:1fr;gap:18px}.steps li{display:flex;gap:20px}.steps li:before{min-width:20px}.process-head{display:block}.cta{display:block}.button{width:100%;text-align:center;padding:16px 12px}.hero-foot{display:block}.hero-foot span{display:block}h2{font-size:30px}footer{padding-bottom:110px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Document tables and interactive case controls. */
table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums;font-size:14px}th{text-align:left;font-weight:400;color:var(--muted)}td,th{padding:9px 12px;border-bottom:1px solid var(--line)}td:last-child,th:last-child{text-align:right}.demo-button,.layer-controls button{border:1px solid var(--line);padding:10px 16px;background:var(--bg);color:var(--text)}.demo-button:hover,.layer-controls button[aria-pressed=true]{border-color:var(--accent)}.result{display:block}.limits p{max-width:85ch}.case-brand svg{width:54px;flex-shrink:0}@media(max-width:700px){td,th{padding:8px 5px;font-size:12px}.case-brand svg{width:38px;height:42px}}
@media(min-width:701px){h1{max-width:1240px;font-size:48px}.hero{padding-top:24px}.stage{min-height:420px}}

/* Unified header and approved pricing, task 18. */
.case-header .case-brand img{width:54px;height:54px;border:0;padding:0}.case-header .case-brand{border:0}.case-header nav{flex-shrink:0}.price-tiers{font-size:15px;line-height:1.65;color:var(--text);max-width:65ch}@media(max-width:700px){.case-header{flex-wrap:wrap;padding:12px 0}.case-header .case-brand{max-width:none}.case-header .case-brand img{width:40px;height:40px}.case-header nav{width:100%;justify-content:space-between}.case-header .terms-link{display:inline}}
@media(max-width:700px){body .case-header{display:flex;flex-wrap:wrap;gap:12px;padding:12px 0;min-height:84px}body .case-header nav{display:flex;width:100%;gap:12px;justify-content:space-between}body .case-header nav .terms-link{display:inline}}

/* Символика [ТСИ (утверждена 10.11.2026): логотип в шапке и фирменный синий акцент */
:root{--accent:#3D7DFF}
.case-pricing{padding:48px 0;border-top:1px solid var(--line);scroll-margin-top:24px}
.case-pricing h2{margin:0 0 28px}.case-price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.case-price-tier{min-width:0;padding:24px;background:var(--panel);border:1px solid var(--line);border-top:3px solid #3D7DFF}
.case-pricing .case-price-tier h3{font-size:24px;margin:0 0 18px}.case-pricing .case-price-value{font:500 clamp(28px,3vw,40px)/1.15 'Roboto Condensed',sans-serif;margin:0 0 14px;color:var(--text)}
.case-price-time{font-weight:700}.case-price-tier ul{padding-left:20px;margin:20px 0 0}.case-price-tier li{margin:8px 0;color:var(--muted)}
.case-price-payment{margin:24px 0 12px}.case-price-note{color:var(--muted);margin:20px 0;max-width:85ch}
.case-pricing .case-price-cta{display:inline-block;padding:16px 24px;background:#3D7DFF;color:#fff;font-weight:700;text-decoration:none;border:0}
@media(min-width:701px){.case-pricing .case-price-tier h3{min-height:2.16em}}
@media(max-width:700px){.case-pricing{padding:32px 0}.case-price-grid{grid-template-columns:1fr}.case-price-tier{padding:22px}.case-pricing .case-price-value{font-size:34px}.case-pricing .case-price-cta{width:100%;text-align:center}}
.case-header .case-brand img.case-logo{width:auto;height:46px;max-width:220px}
@media(max-width:700px){.case-header .case-brand img.case-logo{height:38px;max-width:170px}}