/* 02.v1.1 — единый исходный вариант */
:root{--orange-bright:#fd5a00;--orange:#fd5a00;--cool:#a5bbdf;--mid:#dfe4e3;--ease:cubic-bezier(.22,1,.36,1)}
h1,h2,h3{letter-spacing:-.042em;font-weight:500}p{line-height:1.5}.icon{width:26px;height:26px;flex:none;display:inline-block;vertical-align:middle}.arrow .icon{width:25px;height:25px}.with-icon:before{display:none}.with-icon>.icon{color:var(--blue);width:23px;height:23px}.btn .icon{width:22px;height:22px;transition:transform .3s var(--ease)}.btn:hover .icon{transform:translate(3px,-3px)}.btn.orange-btn{color:#fff;background:var(--orange)}.btn.orange-btn:hover{background:#fd5a00}.btn.blue-btn{color:#fff;background:var(--blue);border-color:var(--blue)}.btn.blue-btn:hover{background:#1267fa}.btn.white{color:var(--blue)}.brand-name{font-size:25px;font-weight:800;letter-spacing:-.055em}.nav-shell{background:transparent}.desktop-nav a{color:var(--ink);font-weight:600}.desktop-nav a:hover{color:var(--blue)}.menu-toggle{align-items:center;justify-content:center}.header:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--blue);transform:scaleX(var(--scroll,0));transform-origin:left}
.hero-film-shell{padding:0 clamp(16px,3vw,48px);max-width:1720px;margin:auto}.hero-film{position:relative;isolation:isolate;background:#0c1319;color:white;border-radius:8px;overflow:hidden}.hero-video,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(3,9,14,.9) 0%,rgba(3,9,14,.63) 50%,rgba(3,9,14,.27) 100%),linear-gradient(0deg,#080e15 0%,transparent 45%)}.hero-content{padding:58px clamp(28px,4vw,68px) 35px}.hero-content>.eyebrow{margin:0 150px 55px 0;color:#d7dfe8}.hero-content>.eyebrow:before{width:26px;height:2px;background:var(--orange-bright)}.hero-content h1{font-size:clamp(54px,6.8vw,110px);line-height:1.01;max-width:1180px;letter-spacing:-.046em}.hero-content h1 span{color:#b2c6e9}.hero-content>p{font-size:clamp(18px,1.7vw,25px);line-height:1.55;color:#e5e8ed;margin-top:34px;max-width:760px}.hero-content>.actions{margin-top:32px;gap:30px;align-items:center}.hero-content .text-link{color:white}.hero-caption{display:flex;justify-content:space-between;font-size:11px;color:#c0cad5;margin-top:45px;letter-spacing:.04em}.film-control{position:absolute;top:28px;right:28px;color:#fff;border:1px solid #82919d;background:#11181ecc;border-radius:4px;display:flex;align-items:center;gap:9px;padding:10px 14px;min-height:44px;font-size:12px;z-index:2}.film-control:hover{background:#263747}.film-control .icon{width:17px;height:17px}.hero-roles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #53616d;background:#0b1218b8}.hero-roles>a{display:flex;align-items:center;gap:17px;padding:28px clamp(18px,2.5vw,42px);border-right:1px solid #53616d;position:relative;transition:background .35s}.hero-roles>a:last-child{border-right:0}.hero-roles>a:hover{background:#1267fa}.hero-roles>a>.icon{color:#91b5ff;width:28px;height:28px}.hero-roles>a:hover>.icon{color:#fff}.hero-roles small{display:block;font-size:12px;color:#b7c3d2}.hero-roles b{display:block;font-size:19px;font-weight:600;margin-top:3px}.hero-roles .role-arrow{position:absolute;right:12px;top:12px;width:17px!important;height:17px!important;opacity:0;transform:translate(-4px,4px);transition:.3s}.hero-roles a:hover .role-arrow{opacity:1;transform:none}.hero-roles>a:hover small{color:#fff}
.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.system-art{margin:0;position:relative;background:#151c20;overflow:hidden;border-radius:5px}.system-art img{width:100%;height:100%;object-fit:cover;min-height:420px}.system-art figcaption{position:absolute;bottom:20px;left:24px;color:#eef1f3;font-size:12px;text-shadow:none}.system-board{padding:18px;background:#dce3e8;border-radius:5px;display:flex;flex-direction:column;gap:15px}.system-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.system-choice{border:1px solid transparent;padding:22px;text-align:left;background:#eff2f4;color:var(--ink);display:flex;flex-direction:column;min-height:145px;transition:background .3s,color .3s,transform .3s}.system-choice>.icon{color:var(--blue);margin-bottom:18px}.system-choice b{font-size:20px;font-weight:500}.system-choice span{font-size:12px;color:#565e63;margin-top:4px}.system-choice[aria-selected=true]{background:var(--blue);color:white}.system-choice[aria-selected=true] span,.system-choice[aria-selected=true] .icon{color:white}.system-choice:hover{border-color:var(--blue);transform:translateY(-2px)}.system-panel{background:#fff;padding:22px;flex:1;border-radius:2px}.system-panel .eyebrow{font-size:10px;letter-spacing:.05em;color:var(--blue-text)}.system-panel p{font-size:16px;margin-top:15px;min-height:72px}.system-points{display:flex;gap:24px;font-size:11px;color:#565e63;margin-top:18px}.system-points span:before{content:'';display:inline-block;width:4px;height:4px;background:var(--blue);margin-right:7px;vertical-align:middle}
.dark-section{background:#12181e;color:white;--line:#48535e;--muted:#b4bec9}.dark-section .section-head>p{color:#bdc6d0}.dark-section .with-icon>.icon{color:#98b7fa}.step-tabs{margin-top:25px}.dark-section .step-tab{color:#eef1f6;min-height:177px;padding:24px 22px}.step-tab>.icon{color:#8caff8;margin-bottom:17px;width:26px;height:26px}.step-tab span{margin-bottom:18px;color:#b6c0cd}.step-tab b{font-size:18px}.step-tab[aria-selected=true]{background:#253142}.step-tab[aria-selected=true]:after{background:var(--blue);height:3px}.step-panel{min-height:170px}.step-panel p{color:#bdc6d0}.control-band{display:flex;align-items:center;gap:28px;padding:24px 28px;background:#1d2733;margin-top:40px;border:1px solid #3e4a59;border-radius:4px}.control-band>.icon{width:30px;height:30px;color:#a2bcf1}.control-band strong{font-size:16px;font-weight:500;min-width:180px;line-height:1.35}.control-band p{font-size:14px;max-width:690px;color:#bdc6d0}
.services-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}.service-card{grid-column:span 2;background:#fff;border:1px solid #d5dad7}.service-card:nth-child(-n+2){grid-column:span 3}.service-card.featured{display:block;grid-column:span 3}.service-card.featured .art{height:300px;min-height:0}.service-card .art{height:240px;position:relative}.service-card:nth-child(2) .art{height:300px}.service-card.featured .service-copy{padding:28px;display:block}.service-card.featured h3{font-size:37px}.service-card h3{font-size:30px;line-height:1.08}.service-card:nth-child(2) h3{font-size:37px}.service-copy{padding:28px}.service-copy .eyebrow{font-size:9px;letter-spacing:.065em}.service-copy p{font-size:15px}.service-icon{position:absolute;top:18px;left:18px;display:flex;width:42px;height:42px;background:#f2f3f0;border-radius:3px;align-items:center;justify-content:center;color:#131719}.service-icon .icon{width:25px;height:25px}.service-card.featured .service-icon{background:var(--blue);color:#fff}.card-foot{border-top:1px solid #acb4b8;padding-top:17px}.featured .card-foot{border-color:#81a9fa}.service-card .tags{margin-top:20px}.service-card .tag{font-size:10px}.quality-strip{margin-top:24px;padding:27px;background:#dce3e8;display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:24px}.quality-strip strong{font-size:18px;line-height:1.3;font-weight:500}.quality-strip strong .icon{display:block;margin-bottom:14px;color:var(--blue)}.quality-strip b{font-size:13px;font-weight:600}.quality-strip p{font-size:12px;color:var(--muted);margin-top:8px}
.feature-intro{padding-top:80px}.feature-intro h2{margin-top:24px}.feature-intro .section-head{margin-bottom:15px}.feature-intro p{color:#c2ccd6}.feature-intro .with-icon>.icon{color:#91b4ff}.feature-metrics{padding-bottom:45px}.feature-metrics .project-metrics{border:1px solid #46515d;background:#1e2934;border-radius:4px}.feature-metrics .project-metrics div{border-color:#46515d;padding:26px}.feature-metrics .project-metrics .icon{color:#90b4fc;margin-bottom:18px}.feature-metrics .project-metrics strong{font-size:44px}.feature-metrics .project-metrics small{font-size:18px}.feature-metrics .project-metrics span{color:#c0cbd6}.feature-metrics>p{color:#b6c3cf;margin-top:17px}.viewer-caption{color:#bbc8d4}.project-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project-card{border:1px solid #5b6572;overflow:hidden;border-radius:6px;display:flex;flex-direction:column;transition:transform .45s var(--ease),box-shadow .45s}.project-card:hover{transform:translateY(-7px);box-shadow:none}.project-card-top{padding:28px;background:#2c333e;min-height:255px;display:flex;flex-direction:column}.project-card-kicker{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:12px}.project-card-kicker .icon{width:28px;height:28px}.project-card h3{font-size:40px;margin:auto 0 10px;padding-top:65px}.project-card.silver .project-card-top{background:#d6dadd;color:#131719}.project-card.azure .project-card-top{background:var(--blue);color:white}.project-card-bottom{background:#202a35;padding:28px;flex:1;display:flex;flex-direction:column}.project-disciplines{font-size:12px;color:#b8c6d8;margin-bottom:20px}.project-card-bottom p{font-size:16px;color:#d5dde7}.project-card .card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:18px;border-color:#576575;font-size:14px;min-height:64px;margin-top:30px}.project-card .card-foot .icon{color:#a6c1f9;transition:transform .3s}.project-card:hover .card-foot .icon{transform:translate(4px,-4px)}
.advantage-list summary{justify-content:start;font-size:22px;gap:20px}.advantage-list summary>.icon{color:var(--blue);background:#e2e9f5;padding:8px;width:44px;height:44px;border-radius:3px}.advantage-list summary>span:first-of-type{flex:1}.advantage-list details p{padding-left:64px}.faq-section{background:#dfe4e3}.faq-section .accordion details{border-color:#aeb8b6}.accordion summary:after{display:none}.faq-plus{width:22px;height:22px;position:relative;flex:none;transition:transform .35s var(--ease)}.faq-plus:before,.faq-plus:after{content:'';position:absolute;top:10px;left:3px;width:16px;height:1.5px;background:currentColor}.faq-plus:after{transform:rotate(90deg)}details[open] .faq-plus{transform:rotate(45deg)}details[open]>p{animation:answer-in .35s var(--ease)}.accordion:not(.faq-list):not(.advantage-list) summary:after{display:block}.result-band{background:#dce5ef;padding:72px 0}.result-band>.wrap>.eyebrow{margin-bottom:35px}.result-band .section-head{margin:0;align-items:start}.result-band h2 span{color:var(--blue-text)}.result-band p+p{margin-top:20px}.cta-check li:before{display:none}.cta-check li{display:flex;gap:18px;align-items:center}.cta-check .icon{width:20px;height:20px}.cta-section{padding-block:80px}.cta-grid h2{letter-spacing:-.05em}.brief-case{padding-top:34px}.brief-case>.eyebrow{margin-top:60px}.brief-case h1{margin:25px 0;font-size:clamp(55px,8vw,130px)}.brief-case>.lead{max-width:800px}.brief-case-art{background:var(--blue);color:#fff;min-height:350px;margin-top:50px;padding:45px;display:flex;flex-direction:column;align-items:start;justify-content:space-between;border-radius:5px}.brief-case-art>.icon{width:65px;height:65px}.brief-case-art>span{font-size:clamp(32px,5vw,70px);letter-spacing:-.04em}.brief-case-art .tag{border-color:#a8c9ff}.brief-scopes{display:grid;gap:25px}.brief-scopes article{border-top:1px solid var(--line);padding-top:25px}.brief-scopes article>.icon{color:var(--blue);margin-bottom:15px}.brief-scopes h3{margin-bottom:15px}.brief-scopes>.text-link{justify-self:start}.scope-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.scope-color-card{padding:40px;border-radius:16px;background:var(--blue);color:#fff}.scope-color-card.orange-card{background:var(--orange)}.scope-color-card>.eyebrow{margin-bottom:70px}.scope-color-card h3{font-size:42px;margin-bottom:22px}.scope-color-card p{color:#fff;font-size:17px}.scope-color-card>.icon{margin-bottom:20px}.icon-library{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.icon-library>div{padding:18px;border:1px solid #cdd1ce;display:flex;gap:12px;align-items:center;font-size:11px;flex-direction:column}.icon-library .icon{color:var(--blue);width:32px;height:32px}.guide .type-specimen{font-size:clamp(36px,5vw,80px);line-height:1.08;padding:30px 0;letter-spacing:-.04em}.guide .swatch{color:white}.guide .swatch.neutral{color:var(--ink)}
.motion-ready [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .65s var(--ease),transform .65s var(--ease);transition-delay:var(--reveal-delay,0ms)}.motion-ready [data-reveal].is-visible{opacity:1;transform:none}.motion-ready .hero-content h1{animation:hero-in .85s var(--ease) both}.motion-ready .hero-content>p{animation:hero-in .85s .1s var(--ease) both}.motion-ready .hero-content>.actions{animation:hero-in .85s .18s var(--ease) both}.panel-enter{animation:answer-in .35s var(--ease)}@keyframes hero-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes answer-in{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.hero-content{padding-top:72px;padding-bottom:44px}.hero-content h1{font-size:116px}.hero-content>.eyebrow{margin-bottom:65px}.hero-content>.actions{margin-top:45px}.hero-caption{margin-top:65px}}
@media(max-width:1100px){.hero-roles>a{padding:24px 18px;gap:11px}.hero-roles b{font-size:17px}.hero-roles small{font-size:10px}.service-copy{padding:22px}.service-card.featured h3,.service-card:nth-child(2) h3{font-size:33px}.service-card h3{font-size:25px}.project-card-top,.project-card-bottom{padding:22px}.project-card h3{font-size:33px}.project-card-bottom p{font-size:15px}.system-choice{padding:18px}.system-choice b{font-size:18px}.desktop-nav{gap:16px;padding-inline:8px}.nav-shell>.btn{font-size:11px;gap:12px}.feature-metrics .project-metrics strong{font-size:37px}}
@media(max-width:800px){.menu-toggle{display:flex}.hero-content{padding:90px 30px 30px}.hero-content>.eyebrow{margin:0 0 32px}.hero-content h1{font-size:clamp(48px,8.2vw,68px)}.hero-content>p{font-size:19px}.hero-roles{grid-template-columns:1fr 1fr}.hero-roles>a{border-bottom:1px solid #53616d;padding:22px 25px}.hero-roles>a:nth-child(2){border-right:0}.hero-roles>a:nth-child(n+3){border-bottom:0}.hero-roles small{font-size:11px}.hero-roles b{font-size:19px}.system-grid{grid-template-columns:1fr}.system-art img{height:380px;min-height:0}.system-panel p{min-height:0}.services-grid{grid-template-columns:1fr 1fr}.service-card,.service-card.featured,.service-card:nth-child(-n+2){grid-column:auto}.service-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.service-card:last-child .art{height:100%}.service-card .art,.service-card.featured .art,.service-card:nth-child(2) .art{height:240px}.service-card.featured h3,.service-card:nth-child(2) h3{font-size:29px}.quality-strip{grid-template-columns:1fr 1fr}.dark-section .step-tab{min-height:72px;padding:14px 18px}.step-tab>.icon{margin:0;width:25px;height:25px}.step-tab span{margin:0}.step-tab b{font-size:18px}.step-panel{min-height:0}.control-band{flex-wrap:wrap;gap:18px}.control-band strong{min-width:0}.control-band p{flex-basis:100%}.feature-intro{padding-top:60px}.feature-metrics .project-metrics div{padding:24px}.feature-metrics .project-metrics strong{font-size:40px}.project-cards{grid-template-columns:1fr}.project-card{display:grid;grid-template-columns:1fr 1fr}.project-card-top{min-height:290px}.project-card h3{font-size:37px}.project-card-bottom{padding:28px}.result-band{padding:55px 0}.scope-color-card{padding:28px}.scope-color-card h3{font-size:30px}.icon-library{grid-template-columns:repeat(4,1fr)}}
@media(max-width:480px){.hero-film-shell{padding:0 12px}.hero-content{padding:80px 22px 25px}.hero-content>.eyebrow{font-size:9px;letter-spacing:.07em;gap:8px;margin-bottom:28px}.hero-content>.eyebrow:before{width:18px}.hero-content h1{font-size:clamp(32px,9vw,44px);line-height:1.05;letter-spacing:-.046em}.hero-content>p{font-size:16px;margin-top:24px}.desktop-break{display:none}.hero-content .actions{gap:20px;margin-top:28px}.hero-content .btn{font-size:13px;min-height:48px;padding:12px 17px;gap:25px}.hero-content .text-link{font-size:12px;gap:20px}.hero-caption{font-size:9px;margin-top:28px;gap:15px}.hero-caption span:first-child{max-width:200px}.film-control{top:16px;right:16px;font-size:11px;padding:8px 11px}.hero-roles>a{padding:19px 13px;gap:10px;align-items:start}.hero-roles>a>.icon{width:23px;height:23px;margin-top:2px}.hero-roles small{font-size:9px;line-height:1.2;min-height:22px}.hero-roles b{font-size:14px;line-height:1.15}.hero-roles .role-arrow{display:none}.brand-name{font-size:21px}.nav-shell>.btn{font-size:10px;max-width:135px;gap:5px}.nav-shell>.btn .icon{display:none}.section h2{font-size:36px}.system-art img{height:270px}.system-board{padding:12px;gap:12px}.system-choice{padding:16px 13px;min-height:145px}.system-choice b{font-size:17px}.system-choice span{font-size:11px;line-height:1.3}.system-panel{padding:18px}.system-panel .eyebrow{font-size:9px}.system-panel p{font-size:15px}.system-points{gap:19px}.services-grid{grid-template-columns:1fr;gap:18px}.service-card:last-child{grid-column:auto;display:block}.service-card .art,.service-card.featured .art,.service-card:nth-child(2) .art,.service-card:last-child .art{height:240px}.service-copy,.service-card.featured .service-copy{padding:25px}.service-card h3,.service-card.featured h3,.service-card:nth-child(2) h3{font-size:32px}.quality-strip{padding:22px;grid-template-columns:1fr;gap:22px}.quality-strip strong{display:flex;gap:17px;align-items:center}.quality-strip strong .icon{margin:0}.quality-strip>div{padding-top:16px;border-top:1px solid #b5c0c5}.control-band{padding:20px}.feature-intro{padding-top:45px}.feature-intro h2{margin-top:20px}.feature-intro p{font-size:16px}.feature-metrics{padding-bottom:32px}.feature-metrics .project-metrics div{padding:18px 14px}.feature-metrics .project-metrics strong{font-size:35px}.feature-metrics .project-metrics span{font-size:11px}.feature-metrics .project-metrics .icon{margin-bottom:10px}.feature-metrics>p{font-size:10px}.project-card{display:flex}.project-card-top{min-height:238px;padding:26px}.project-card h3{font-size:40px;padding-top:55px}.project-card-bottom{padding:26px}.project-card-bottom p{font-size:16px}.project-card .card-foot{margin-top:28px}.advantage-list summary{font-size:21px;gap:14px}.advantage-list summary>.icon{width:38px;height:38px;padding:7px}.advantage-list details p{padding-left:52px}.faq-section .scope-grid{gap:35px}.faq-list summary{font-size:21px;line-height:1.2;padding:22px 0}.result-band h2{font-size:43px}.result-band p{font-size:17px}.cta-section{padding-block:50px}.brief-case>.eyebrow{margin-top:35px}.brief-case h1{font-size:55px}.brief-case-art{min-height:290px;padding:28px}.scope-color-grid{grid-template-columns:1fr}.scope-color-card{padding:28px;border-radius:12px}.scope-color-card>.eyebrow{margin-bottom:40px}.scope-color-card h3{font-size:35px}.icon-library{grid-template-columns:repeat(3,1fr)}}
@media(max-width:350px){.hero-content{padding-inline:17px}.hero-content h1{font-size:32px}.hero-roles b{font-size:12px}.hero-roles small{font-size:8px}.hero-roles>a{gap:7px;padding-inline:12px}.hero-roles>a>.icon{width:19px;height:19px}.section h2{font-size:32px}.system-choice b{font-size:15px}.service-card h3,.service-card.featured h3,.service-card:nth-child(2) h3{font-size:29px}.project-card h3{font-size:35px}.feature-metrics .project-metrics strong{font-size:30px}}
html[data-reduced-motion=true] [data-reveal],.capture-state [data-reveal]{opacity:1!important;transform:none!important}html[data-reduced-motion=true] .project-card:hover,html[data-reduced-motion=true] .system-choice:hover{transform:none}.capture-state *{animation:none!important;transition:none!important}.capture-state .header{position:relative}
@media(prefers-reduced-motion:reduce){.motion-ready [data-reveal]{opacity:1!important;transform:none!important}.project-card:hover,.system-choice:hover{transform:none}}
.scope-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scope-color-card{min-width:0}.scope-color-card h3{overflow-wrap:anywhere}
@media(max-width:480px){.scope-color-grid{grid-template-columns:minmax(0,1fr)}.scope-color-card h3{font-size:32px}}
@media(max-width:350px){.scope-color-card{padding:24px}.scope-color-card h3{font-size:27px}}
.system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.system-options{grid-template-columns:repeat(2,minmax(0,1fr))}.system-board,.system-choice,.system-panel{min-width:0}.system-choice b,.system-choice span{max-width:100%;overflow-wrap:anywhere}
@media(max-width:800px){.system-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:350px){.system-choice{padding:14px 10px}.system-choice b{font-size:13px}.system-choice span{font-size:10px}.system-panel{padding:15px}.system-panel .eyebrow{font-size:8px;letter-spacing:0}}
