/* Подробные кейсы: редакционная сетка, крупные экраны и последовательность сценария. */
:root{--ink:#111722;--muted:#596779;--line:#dce2ec;--blue:#304bff;--paper:#f6f7f9;--navy:#101b2d;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}a{color:inherit}button{font:inherit}img{display:block;max-width:100%;height:auto}p{margin:0;line-height:1.65}h1,h2,h3{margin:0;letter-spacing:-.045em;line-height:1.1;font-weight:600}h2{font-size:clamp(30px,3vw,44px)}h3{font-size:23px}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #7387ff;outline-offset:5px}button{cursor:pointer}.cs-wrap{width:min(1280px,calc(100% - 80px));margin-inline:auto}.cs-skip{position:fixed;top:10px;left:10px;background:white;padding:15px;z-index:30;transform:translateY(-150%)}.cs-skip:focus{transform:none}.cs-brand{display:flex;align-items:center;gap:12px;text-decoration:none;white-space:nowrap;font-size:25px;font-weight:800;letter-spacing:-.7px}.cs-brand-icon{display:grid;place-items:center;background:var(--blue);color:white;border-radius:11px;width:41px;height:41px;font-size:33px;letter-spacing:-3px;padding-right:4px}.cs-brand small{font-size:10px;font-weight:400;letter-spacing:1.5px;margin-left:3px}.cs-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:27px;border-bottom:1px solid var(--line)}.cs-header nav{display:flex;align-items:center;gap:30px;font-size:14px}.cs-header nav a{text-decoration:none}.cs-header nav a:hover{color:var(--blue)}.cs-header-end{display:flex;align-items:center;gap:25px}.cs-language{font-size:12px;text-decoration:none}.cs-button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:17px 22px;border-radius:12px;background:var(--blue);color:white;font-size:15px;font-weight:600;text-decoration:none;min-height:50px;transition:background .18s,transform .18s}.cs-button:hover{background:#203be0;transform:translateY(-2px)}.cs-header .cs-button{background:transparent;border:1px solid #202736;color:var(--ink);border-radius:100px;min-height:42px;padding:11px 18px;font-size:13px;font-weight:400}.cs-arrow{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0}.cs-breadcrumbs{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding-top:27px;font-size:12px;color:var(--muted)}.cs-breadcrumbs a{text-decoration:none}.cs-eyebrow{display:block;font-size:11px;letter-spacing:1.6px;font-weight:600;text-transform:uppercase}.cs-hero{padding:52px 0 29px}.cs-hero-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:70px;align-items:end;margin-top:21px}.cs-hero h1{font-size:clamp(45px,5.5vw,79px);max-width:810px;line-height:1.02;overflow-wrap:break-word}.cs-hero-grid>p{font-size:20px;color:var(--muted);max-width:430px;padding-bottom:5px}.cs-facts{display:grid;grid-template-columns:1fr 1.2fr .85fr;gap:28px;border-top:1px solid var(--line);margin-top:33px;padding-top:23px}.cs-facts div+div{border-left:1px solid var(--line);padding-left:28px}.cs-facts dt{font-size:11px;color:var(--muted);margin-bottom:8px}.cs-facts dd{margin:0;font-size:14px;line-height:1.5}.cs-figure{margin:0;min-width:0}.cs-image-link{display:block;position:relative;border-radius:14px;overflow:hidden;background:#e9edf4;text-decoration:none}.cs-browser{display:flex;gap:5px;padding:11px 14px;border-bottom:1px solid #d9dfea;background:#e7ebf2}.cs-browser i{width:6px;height:6px;border-radius:50%;background:#a9b5c7}.cs-browser i:first-child{background:#eb847c}.cs-browser i:nth-child(2){background:#e9c574}.cs-browser i:last-child{background:#73b799}.cs-figure figcaption{display:flex;gap:16px;justify-content:space-between;padding:12px 3px;font-size:12px;line-height:1.5;color:var(--muted)}.cs-figure figcaption>span{max-width:920px}.cs-expand{position:absolute;bottom:14px;right:14px;padding:10px 14px;background:#ffffffed;border:1px solid #dce2ec;border-radius:8px;font-size:12px;color:#182438;box-shadow:0 3px 10px #18243812}.cs-cover img{width:100%;max-height:690px;object-fit:contain}.cs-toc{display:flex;justify-content:center;gap:32px;position:sticky;top:0;z-index:5;background:#f6f7f9f5;backdrop-filter:blur(12px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:16px}.cs-toc a{display:flex;align-items:center;min-height:58px;border-bottom:2px solid transparent;text-decoration:none;font-size:13px;white-space:nowrap;color:var(--muted)}.cs-toc a[aria-current=true],.cs-toc a:hover{border-bottom-color:var(--blue);color:var(--ink)}.cs-section{padding-block:64px;border-bottom:1px solid var(--line);scroll-margin-top:76px}.cs-section-heading{display:grid;grid-template-columns:60px 1fr 1fr;gap:28px;align-items:start;margin-bottom:34px}.cs-section-heading .cs-section-index{font-size:40px;font-weight:400;letter-spacing:-2px;color:#aeb7c4;line-height:1}.cs-section-heading h2{max-width:550px}.cs-section-heading>p{color:var(--muted);font-size:16px}.cs-section-heading .cs-eyebrow{font-size:10px;color:var(--muted);margin-bottom:12px}.cs-summary{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-left:88px}.cs-summary p{color:var(--muted);font-size:17px}.cs-summary h3{margin-bottom:14px}.cs-flow{background:var(--navy);border-radius:16px;padding:32px 28px;color:#eef3ff;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.cs-flow-node{min-width:0;position:relative;padding-right:28px}.cs-flow-node:not(:last-child):after{content:'→';position:absolute;right:0;top:20px;font-size:23px;color:#6d9dfc}.cs-flow-number{display:block;font-size:11px;color:#90b3ff;margin-bottom:19px}.cs-flow h3{font-size:20px;letter-spacing:-.4px;margin-bottom:12px}.cs-flow p{font-size:13px;line-height:1.6;color:#c2cce0}.cs-flow-node.cs-active .cs-flow-number{color:white}.cs-flow-node.cs-active h3{color:#a4bcff}.cs-flow-title{margin-bottom:25px;font-size:14px;color:var(--muted)}.cs-decision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-left:88px}.cs-decision+ .cs-decision{border-left:1px solid var(--line);padding-left:30px}.cs-decision>span{display:block;font-size:13px;color:var(--blue);margin-bottom:17px}.cs-decision h3{margin-bottom:16px;font-size:24px}.cs-decision p{font-size:15px;color:var(--muted)}.cs-detail{display:grid;grid-template-columns:1.6fr 1fr;gap:52px;align-items:center;padding-block:31px}.cs-detail+.cs-detail{border-top:1px solid var(--line)}.cs-detail:nth-child(odd){grid-template-columns:1fr 1.6fr}.cs-detail:nth-child(odd) .cs-detail-copy{order:-1}.cs-detail h3{font-size:29px;margin-block:12px 18px}.cs-detail-copy>span{color:var(--blue);font-size:12px}.cs-detail-copy p{font-size:16px;color:var(--muted)}.cs-focus-left img,.cs-focus-right img{width:170%;max-width:none}.cs-focus-right picture{display:block;transform:translateX(-41.18%);width:170%}.cs-focus-right img{width:100%}.cs-focus-left,.cs-focus-right{max-height:510px}.cs-portrait{display:flex;justify-content:center;background:#e4ebdf;padding:26px}.cs-portrait img{max-height:460px;max-width:100%;width:auto;object-fit:contain}.cs-gallery-group{margin-top:48px}.cs-gallery-heading{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-bottom:28px}.cs-gallery-heading p{color:var(--muted);font-size:15px}.cs-gallery{display:grid;grid-template-columns:1fr 1fr;gap:25px}.cs-gallery figure figcaption{display:block}.cs-gallery figcaption strong{display:block;color:var(--ink);margin-bottom:6px;font-size:15px}.cs-gallery img{width:100%}.cs-gallery-mobile{display:flex;justify-content:center;gap:32px;align-items:flex-start}.cs-gallery-mobile figure{max-width:280px;flex:1}.cs-gallery-mobile img{width:100%}.cs-outcome{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;margin-left:88px}.cs-outcome p{font-size:17px;color:var(--muted)}.cs-outcome h3{margin-block:24px 13px}.cs-outcome .cs-button{margin-top:25px}.cs-note{border-left:2px solid var(--blue);padding-left:17px;font-size:13px;color:var(--muted);line-height:1.6;margin-top:35px}.cs-stack{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.cs-stack span{padding:7px 10px;border:1px solid var(--line);border-radius:7px;font-size:12px}.cs-next{display:grid;grid-template-columns:200px 1fr 30px;gap:30px;align-items:center;padding:20px;background:#fff;border:1px solid var(--line);border-radius:14px;text-decoration:none;margin-block:45px}.cs-next img{width:200px;height:95px;object-fit:cover;object-position:top;border-radius:8px}.cs-next small{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}.cs-next strong{font-size:25px;font-weight:500;letter-spacing:-.8px}.cs-footer{display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:1px solid var(--line);padding-block:25px;font-size:12px;color:var(--muted)}.cs-footer .cs-brand{font-size:18px;color:var(--ink)}.cs-footer .cs-brand-icon{width:29px;height:29px;font-size:25px;border-radius:7px}.cs-footer-links{display:flex;gap:25px;flex-wrap:wrap;padding-block:12px 30px;font-size:12px;color:var(--muted)}.cs-footer-links a{text-decoration:none}.cs-lightbox{padding:0;width:calc(100vw - 36px);max-width:1700px;height:calc(100dvh - 36px);max-height:none;border:0;border-radius:14px;background:#e9edf4;overflow:hidden}.cs-lightbox::backdrop{background:#071022d9}.cs-lightbox-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 15px;background:white;border-bottom:1px solid #d1dbe9}.cs-lightbox-title{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-lightbox-controls{display:flex;gap:5px;align-items:center;flex-shrink:0}.cs-lightbox-controls button{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:7px;background:#fff}.cs-lightbox-controls button:hover{background:#eaf0ff}.cs-lightbox-controls output{min-width:47px;text-align:center;font-size:12px}.cs-lightbox-scroll{height:calc(100% - 65px);overflow:auto;padding:18px}.cs-lightbox-scroll img{max-width:none;margin:auto;object-fit:contain;min-width:180px}.cs-lightbox-close{font-size:23px}.cs-progress{position:fixed;left:0;top:0;height:2px;background:var(--blue);width:0;z-index:10}
@media(max-width:1000px){.cs-wrap{width:calc(100% - 48px)}.cs-hero-grid{gap:35px}.cs-header nav{gap:18px}.cs-header-end{gap:15px}.cs-hero-grid>p{font-size:17px}.cs-section-heading{grid-template-columns:45px 1fr 1fr;gap:20px}.cs-summary,.cs-decision-grid,.cs-outcome{margin-left:65px}.cs-toc{gap:23px}.cs-detail{gap:30px}.cs-decision-grid{gap:22px}.cs-decision+ .cs-decision{padding-left:20px}.cs-detail h3{font-size:25px}}
@media(max-width:700px){.cs-wrap{width:calc(100% - 36px)}.cs-header{padding-block:18px;gap:12px;flex-wrap:wrap}.cs-header nav{order:3;width:100%;justify-content:space-between;gap:12px;font-size:12px}.cs-brand{font-size:23px;gap:8px}.cs-brand-icon{width:35px;height:35px;font-size:28px;border-radius:8px}.cs-brand small{font-size:9px;margin-left:0}.cs-header .cs-button{font-size:12px;padding:10px 12px;min-height:40px}.cs-header-end{gap:12px}.cs-breadcrumbs{padding-top:19px;font-size:11px}.cs-hero{padding-top:32px}.cs-hero-grid{display:block;margin-top:18px}.cs-hero h1{font-size:45px;line-height:1.04}.cs-hero-grid>p{margin-top:22px;font-size:17px;max-width:none}.cs-facts{grid-template-columns:1fr;gap:15px;margin-top:25px;padding-top:18px}.cs-facts div{display:grid;grid-template-columns:65px 1fr;gap:15px}.cs-facts div+div{padding-left:0;border-left:0}.cs-facts dt{margin:2px 0 0}.cs-facts dd{font-size:13px}.cs-toc{justify-content:flex-start;overflow-x:auto;gap:22px;scrollbar-width:none;margin-top:12px}.cs-toc::-webkit-scrollbar{display:none}.cs-toc a{min-height:51px;font-size:12px}.cs-figure figcaption{font-size:11px;padding-block:10px}.cs-expand{font-size:11px;padding:8px 10px;bottom:10px;right:10px}.cs-section{padding-block:38px;scroll-margin-top:63px}.cs-section-heading{grid-template-columns:32px 1fr;gap:16px;margin-bottom:25px}.cs-section-heading>p{grid-column:2;font-size:15px}.cs-section-heading .cs-section-index{font-size:29px}.cs-section-heading h2{font-size:30px}.cs-summary{display:block;margin-left:48px}.cs-summary section+section{margin-top:25px}.cs-summary p{font-size:15px}.cs-summary h3{font-size:21px}.cs-flow{grid-template-columns:1fr;padding:24px;gap:24px}.cs-flow-node{padding-right:0;padding-left:35px}.cs-flow-number{position:absolute;left:0;top:2px;margin:0}.cs-flow-node:not(:last-child):after{left:5px;right:auto;top:33px;content:'';height:calc(100% - 7px);width:1px;background:#526991}.cs-flow h3{font-size:19px;margin-bottom:7px}.cs-flow p{font-size:13px}.cs-decision-grid{grid-template-columns:1fr;margin-left:48px;gap:27px}.cs-decision+ .cs-decision{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:24px}.cs-decision h3{font-size:23px}.cs-decision p{font-size:15px}.cs-decision>span{margin-bottom:10px}.cs-detail,.cs-detail:nth-child(odd){display:flex;flex-direction:column;gap:20px;align-items:stretch;padding-block:25px}.cs-detail .cs-detail-copy,.cs-detail:nth-child(odd) .cs-detail-copy{order:-1}.cs-detail-copy p{font-size:15px}.cs-detail h3{font-size:26px;margin-bottom:12px}.cs-focus-left,.cs-focus-right{max-height:310px}.cs-gallery-heading{display:block}.cs-gallery-heading p{margin-top:16px}.cs-gallery{grid-template-columns:1fr}.cs-gallery-group{margin-top:30px}.cs-gallery-mobile{gap:15px}.cs-gallery-mobile figcaption{font-size:11px}.cs-outcome{display:block;margin-left:48px}.cs-outcome>div+div{margin-top:25px}.cs-outcome p{font-size:15px}.cs-outcome .cs-button{width:100%;font-size:13px;padding:15px}.cs-note{margin-top:26px;font-size:12px}.cs-next{grid-template-columns:90px 1fr 20px;gap:15px;padding:14px;margin-block:30px}.cs-next img{width:90px;height:76px}.cs-next strong{font-size:19px}.cs-footer{flex-wrap:wrap;gap:18px}.cs-footer>span{font-size:11px}.cs-footer-links{gap:18px}.cs-lightbox{width:calc(100vw - 16px);height:calc(100dvh - 16px)}.cs-lightbox-title{font-size:12px}.cs-lightbox-bar{padding:8px}.cs-lightbox-scroll{padding:8px}.cs-lightbox-controls button{min-width:40px;min-height:44px}.cs-lightbox-controls output{min-width:35px}}
.cs-section-heading>div,.cs-detail-copy,.cs-outcome>div{min-width:0}
.cs-focus-right picture{transform:translate(-41.18%,min(0px,calc(510px - 100%)))}
.cs-project-link{display:inline-block;margin-top:18px;font-size:14px;color:var(--blue);text-underline-offset:5px}
.cs-focus-right:has(img[src*="support.png"]){max-height:300px}.cs-focus-right:has(img[src*="support.png"]) picture{width:130%;transform:translate(-23.08%,min(0px,calc(300px - 100%)))}
.cs-focus-right .cs-expand{top:14px;bottom:auto}
@media(max-width:700px){.cs-focus-right picture{transform:translate(-41.18%,min(0px,calc(310px - 100%)))}}
@media(max-width:700px){.cs-focus-right:has(img[src*="support.png"]){max-height:250px}.cs-focus-right:has(img[src*="support.png"]) picture{transform:translate(-23.08%,min(0px,calc(250px - 100%)))}}
@media(max-width:700px){.cs-section-heading h2{font-size:clamp(25px,7vw,30px)}.cs-toc a{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{animation:none!important;transition:none!important}}