/* Визуальный кейс: короткие мысли и крупные настоящие экраны. */
.flow-case-page{--flow-dark:#171717;--flow-light:#eeeeec;--flow-line:#d2d2d0;background:#fafaf9}
.flow-case-page .site-header{height:68px;max-width:none;width:100%;padding-inline:max(44px,calc((100% - 1500px)/2));background:var(--flow-dark);color:#fff;border-bottom:1px solid #393939}
.flow-case-page .site-header nav>a{min-height:44px;display:inline-flex;align-items:center;font-size:13px}
.flow-case-page .site-header nav>a:hover{color:#bfbfbd}
.flow-case-page .site-header nav>a[aria-current]{text-decoration:underline;text-underline-offset:6px}
.flow-case-page a:focus-visible{outline-color:#797977}
.flow-case-main{width:100%;margin:0;padding:0}
.flow-wrap{width:min(1320px,calc(100% - 88px));margin-inline:auto}
.flow-eyebrow{font-size:10px;line-height:1.6;letter-spacing:1.35px;font-weight:500;margin:0 0 22px}
.flow-hero{background:var(--flow-dark);color:#fff;padding:45px 0 0}
.flow-hero-title{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:38px}
.flow-hero-title .flow-eyebrow{color:#b9b9b5;margin-bottom:15px}
.flow-hero h1{font-size:clamp(64px,8.7vw,140px);line-height:.93;letter-spacing:-.075em;margin:0;font-weight:700}
.flow-hero-statement{padding-bottom:4px}
.flow-hero-statement h2{font-size:clamp(22px,2.25vw,36px);line-height:1.13;font-weight:500;letter-spacing:-1.2px;margin:0}
.flow-hero-statement p{font-size:12px;line-height:1.6;color:#b9b9b5;margin:17px 0 0}
.flow-screen{margin:0;min-width:0}
.flow-screen>a{display:block;transition:opacity .2s;cursor:zoom-in}
.flow-screen>a:hover{opacity:.92}
.flow-screen img{display:block;width:100%;height:auto}
.flow-hero-screen{width:100%;margin-inline:auto}
.flow-hero-screen figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:14px;color:#b9b9b5;font-size:10px;line-height:1.5}
.flow-roles{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:27px 0 30px}
.flow-roles>span{font-size:9px;letter-spacing:1px;color:#b9b9b5}
.flow-roles p{font-size:12px;margin:0;line-height:1.8}
.flow-roles i{font-style:normal;color:#777;margin-inline:15px}
.flow-page-nav{position:sticky;top:0;z-index:20;background:#fafaf9;border-bottom:1px solid var(--flow-line)}
.flow-page-nav>div{display:flex;gap:40px}
.flow-page-nav a{display:inline-flex;align-items:center;gap:10px;min-height:56px;font-size:13px;border-bottom:2px solid transparent;margin-bottom:-1px;color:#666}
.flow-page-nav a>span{font-size:10px;color:#737371}
.flow-page-nav a:hover,.flow-page-nav a[aria-current="location"]{color:#111;border-bottom-color:#111}
.flow-product,.flow-custom,.flow-ready{scroll-margin-top:56px}
.flow-chapter{padding:70px 0}
.flow-chapter-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px}
.flow-chapter h2,.flow-landing-layout>div{min-width:0}
.flow-landing h2{font-size:clamp(40px,5vw,78px);line-height:.99;font-weight:500;letter-spacing:-.055em;margin:0}
.flow-chapter-heading>p{font-size:16px;line-height:1.65;margin:0 0 4px;color:#5a5a57;max-width:290px}
.flow-planning{background:#eeeeec}
.flow-planning .flow-screen{border:1px solid #dadad7}
.flow-review{background:var(--flow-dark);color:#fff}
.flow-review .flow-eyebrow,.flow-review .flow-chapter-heading>p{color:#b9b9b5}
.flow-review h2>span{color:#a5a5a0}
.flow-review .flow-screen{border:1px solid #393939}
.flow-gallery{background:#e4e4e0}
.flow-gallery .flow-screen{border:1px solid #ccc}
.flow-landing{padding:55px 0;background:#fafaf9}
.flow-landing-layout{display:grid;grid-template-columns:.85fr 1.4fr;gap:60px;align-items:center}
.flow-landing h2{font-size:clamp(36px,4vw,62px)}
.flow-landing p:not(.flow-eyebrow){color:#666;font-size:16px;line-height:1.5;margin:20px 0 0}
.flow-landing .flow-screen{border:1px solid #dededb}
.flow-custom{background:var(--flow-dark);color:white;padding:70px 0}
.flow-custom .flow-eyebrow{color:#b9b9b5}
.flow-custom-heading{display:flex;align-items:end;justify-content:space-between;gap:40px}
.flow-custom h2{font-size:clamp(44px,6.4vw,98px);font-weight:500;line-height:.98;letter-spacing:-.06em;margin:0}
.flow-custom h2>span{color:#a5a5a0}
.flow-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 27px;font-size:13px;font-weight:500;background:#171717;color:#fff;transition:background .2s;white-space:nowrap}
.flow-button:hover{background:#3b3b3b}
.flow-custom .flow-button{background:#f1f1ee;color:#111;margin-bottom:6px}
.flow-custom .flow-button:hover{background:#d7d7d2}
.flow-services{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:52px}
.flow-services article{border-top:1px solid #4e4e4b;padding-top:22px}
.flow-services article>span{display:block;color:#a5a5a0;font-size:10px;margin-bottom:20px}
.flow-services h3{font-size:clamp(27px,3vw,44px);font-weight:500;letter-spacing:-1.5px;margin:0 0 12px}
.flow-services p{font-size:14px;line-height:1.6;color:#b9b9b5;margin:0}
.flow-ready{padding:60px 0;background:#eeeeec}
.flow-ready>.flow-wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}
.flow-ready h2{font-size:clamp(29px,3.4vw,52px);line-height:1.07;letter-spacing:-.05em;font-weight:500;margin:0}
.flow-bottom-nav{display:flex;justify-content:space-between;gap:25px;padding:15px 0;border-bottom:1px solid var(--flow-line)}
.flow-bottom-nav>a,.flow-case-page .site-footer>a{min-height:44px;display:inline-flex;align-items:center;font-size:12px}
.flow-bottom-nav>a:hover{text-decoration:underline;text-underline-offset:5px}
@media(min-width:1600px){.flow-hero>.flow-wrap{width:min(1180px,calc(100% - 88px))}.flow-hero-title{margin-bottom:30px}.flow-hero h1{font-size:125px}}
@media(max-width:1100px){
 .flow-case-page .site-header{padding-inline:28px}.flow-wrap{width:calc(100% - 56px)}.flow-hero{padding-top:35px}.flow-hero-title{gap:35px}.flow-hero-statement p{font-size:11px}.flow-roles{align-items:start}.flow-roles i{margin-inline:8px}.flow-chapter{padding:55px 0}.flow-landing-layout{gap:35px}.flow-custom{padding:55px 0}.flow-services{gap:25px}
}
@media(max-width:760px){
 .flow-case-page .site-header{height:60px;padding-inline:20px}.flow-case-page .site-header nav{gap:20px}.flow-case-page .site-header nav>a{font-size:12px}.flow-wrap{width:calc(100% - 40px)}
 .flow-eyebrow{font-size:9px;margin-bottom:17px}.flow-hero{padding-top:28px}.flow-hero-title{display:block;margin-bottom:25px}.flow-hero h1{font-size:clamp(60px,15vw,100px);letter-spacing:-.065em}.flow-hero-statement{padding:0;margin-top:26px;display:flex;gap:25px;align-items:end;justify-content:space-between}.flow-hero-statement h2{font-size:23px;letter-spacing:-.7px}.flow-hero-statement p{max-width:170px;font-size:11px;margin:0}
 .flow-hero-screen figcaption{font-size:9px;margin-top:11px;gap:15px}.flow-hero-screen figcaption>span:last-child{text-align:right}.flow-roles{display:block;padding:23px 0}.flow-roles p{font-size:11px;margin-top:10px}.flow-roles i{margin-inline:6px}
 .flow-page-nav>div{gap:0;justify-content:space-between}.flow-page-nav a{min-height:50px;font-size:11px;gap:6px}.flow-page-nav a>span{font-size:9px}.flow-product,.flow-custom,.flow-ready{scroll-margin-top:50px}
 .flow-chapter{padding:35px 0}.flow-chapter-heading{display:block;margin-bottom:24px}.flow-chapter h2{font-size:clamp(39px,8.5vw,59px)}.flow-chapter-heading>p{font-size:13px;line-height:1.65;margin:18px 0 0;max-width:none}.flow-chapter-heading>p br{display:none}
 .flow-landing{padding:35px 0}.flow-landing-layout{grid-template-columns:1fr;gap:24px}.flow-landing h2{font-size:40px}.flow-landing h2 br{display:none}.flow-landing p:not(.flow-eyebrow){font-size:13px;margin-top:15px}
 .flow-custom{padding:37px 0}.flow-custom-heading{display:block}.flow-custom h2{font-size:clamp(43px,10.3vw,72px)}.flow-custom .flow-button{margin:26px 0 0}.flow-button{min-height:48px;font-size:12px;padding-inline:22px}.flow-services{grid-template-columns:1fr;gap:22px;margin-top:33px}.flow-services article{display:grid;grid-template-columns:28px 1fr;column-gap:12px;padding-top:18px}.flow-services article>span{grid-row:1 / 3;margin:6px 0 0}.flow-services h3{font-size:30px;letter-spacing:-1px;margin:0 0 7px}.flow-services p{font-size:12px}
 .flow-ready{padding:36px 0}.flow-ready>.flow-wrap{display:block}.flow-ready h2{font-size:33px}.flow-ready .flow-button{margin-top:25px}.flow-bottom-nav{padding:10px 0;gap:20px}.flow-bottom-nav>a{font-size:11px}
}
@media(max-width:480px){.flow-hero-statement{display:block;margin-top:22px}.flow-hero-statement p{max-width:none;margin-top:12px}.flow-hero-statement h2{font-size:24px}.flow-hero-screen figcaption{font-size:8px}.flow-roles p{font-size:10px}.flow-roles i{margin-inline:4px}.flow-page-nav a{font-size:10px}}