/* Final five-screen visual and responsive pass. */

.hero-v2 .hero-picture,
.deliverables-background{position:absolute;inset:0;display:block}
.hero-v2 .hero-picture img,
.deliverables-background img{width:100%;height:100%;object-fit:cover;object-position:center right}
.hero-v2:after{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.99) 36%,rgba(255,255,255,.91) 49%,rgba(255,255,255,.52) 63%,rgba(255,255,255,.08) 82%,transparent 100%)}
.hero-v2 .hero-grid{grid-template-columns:minmax(700px,50%) 1fr;padding-top:clamp(34px,4.5vh,52px);padding-bottom:34px}
.hero-overline{margin-bottom:18px}
.hero-v2 .hero-lead{margin:19px 0 22px;font-size:clamp(16px,1.08vw,18px);line-height:1.42}
.hero-v2 .hero-benefits{gap:15px 36px}
.hero-benefit>img{width:64px;height:64px}
.hero-benefit{grid-template-columns:64px minmax(0,1fr);gap:12px!important}
.hero-benefit strong{font-size:15px!important}
.hero-benefit small{font-size:12.5px}
.hero-v2 .hero-cta{max-width:720px;margin-top:22px}
.hero-v2 .button{height:54px;min-height:54px}

.cycle-section{background:radial-gradient(circle at 82% 20%,rgba(153,211,251,.18),transparent 33%),linear-gradient(180deg,#fbfdff,#f3f9fe);}
.cycle-section:after{background:linear-gradient(180deg,rgba(255,255,255,.38),rgba(235,247,255,.28))}
.cycle-stages,.cycle-benefits{background:rgba(255,255,255,.82)}

.deliverables-section{background:#f7fbff}
.deliverables-background img{object-position:center right}
.deliverables-section:after{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.985) 36%,rgba(255,255,255,.86) 52%,rgba(255,255,255,.35) 70%,rgba(255,255,255,.04) 100%)}
.deliverables-layout{justify-content:flex-start}
.deliverables-content{width:min(720px,56%)}

.implementation-section{background:radial-gradient(circle at 90% 12%,rgba(139,204,248,.18),transparent 31%),linear-gradient(180deg,#f9fcff,#edf7fe)}
.implementation-section:after{background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(235,247,255,.22))}
.implementation-grid article{background:rgba(255,255,255,.9);box-shadow:0 14px 32px rgba(27,92,145,.07)}

.footer-requisites{margin-top:7px!important;padding-top:13px;border-top:1px solid rgba(255,255,255,.14)}
.footer-requisites strong{color:#fff}
.form-operator{margin:12px 0 0;color:#7890a7;font-size:10.5px;line-height:1.45}

@media(max-width:1279px){
  .deliverables-background img{object-position:66% center}
  .deliverables-section:after{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.97) 51%,rgba(255,255,255,.74) 70%,rgba(255,255,255,.2) 100%)}
  .deliverables-layout{justify-content:flex-start}
  .deliverables-content{width:min(620px,66%)}
  .implementation-section:after{background:rgba(244,250,255,.34)}
}

@media(min-width:761px) and (max-width:1199px){
  .hero-v2 .hero-picture img{object-position:66% center}
  .hero-v2:after{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.985) 58%,rgba(255,255,255,.68) 78%,rgba(255,255,255,.14) 100%)}
  .hero-v2 .hero-grid{grid-template-columns:minmax(0,690px) 1fr;padding:34px 0 30px}
  .hero-v2 h1{font-size:clamp(39px,5vw,48px)}
  .hero-v2 .hero-lead{max-width:630px;font-size:15px}
  .hero-v2 .hero-benefits{max-width:650px;gap:13px 28px}
  .hero-v2 .hero-cta{max-width:680px;margin-top:18px}
  .hero-v2 .button{height:50px;min-height:50px}
}

@media(min-width:761px) and (max-height:720px){
  .site-header,.header-inner{height:76px}
  .site-header .brand{width:165px;flex-basis:165px}
  .site-header .brand>img{width:165px;height:55px;flex-basis:165px}
  .mobile-menu{top:76px}
  .hero-v2,.hero-v2 .hero-grid{min-height:calc(100svh - 76px)}
  .hero-v2 .hero-grid{padding-top:17px;padding-bottom:16px}
  .hero-overline{min-height:27px;margin-bottom:10px;padding:5px 12px;font-size:8.5px}
  .hero-v2 h1{font-size:38px;line-height:.99}
  .hero-v2 .hero-lead{max-width:620px;margin:11px 0 12px;font-size:13px;line-height:1.34}
  .hero-v2 .hero-benefits{gap:7px 24px}
  .hero-benefit>img{width:48px;height:48px}
  .hero-benefit{grid-template-columns:48px minmax(0,1fr)}
  .hero-benefit strong{font-size:13px!important}
  .hero-benefit small{font-size:10.5px}
  .hero-v2 .hero-cta{margin-top:12px;max-width:620px}
  .hero-v2 .button{height:46px;min-height:46px;font-size:9.2px}
}

@media(max-width:760px){
  .site-header,.header-inner{height:64px}
  .site-header .brand{width:132px;flex-basis:132px}
  .site-header .brand>img{width:132px;height:44px;flex-basis:132px}
  .mobile-menu{top:64px}

  .hero-v2{min-height:calc(100svh - 64px)}
  .hero-v2 .hero-picture{inset:0}
  .hero-v2 .hero-picture img{height:100%;object-fit:cover;object-position:67% center}
  .hero-v2:after{background:linear-gradient(90deg,rgba(255,255,255,.995) 0%,rgba(255,255,255,.97) 70%,rgba(255,255,255,.55) 100%)}
  .hero-v2 .hero-grid{min-height:calc(100svh - 64px);display:flex;align-items:flex-start;padding:14px 0 12px}
  .hero-v2 .hero-copy{width:100%;max-width:470px}
  .hero-overline{min-height:0;margin-bottom:8px;padding:6px 10px;font-size:7px;line-height:1.25;letter-spacing:.13em}
  .hero-v2 h1{max-width:430px;font-size:clamp(23px,7vw,30px);line-height:1.015;letter-spacing:-.045em}
  .hero-v2 .hero-lead{max-width:430px;margin:9px 0 11px;font-size:12px;line-height:1.34}
  .hero-v2 .hero-benefits{grid-template-columns:1fr 1fr;gap:6px 10px;max-width:455px}
  .hero-benefit>img{width:46px;height:46px}
  .hero-benefit{grid-template-columns:46px minmax(0,1fr);gap:7px!important;min-width:0}
  .hero-benefit strong{font-size:11.5px!important;line-height:1.13}
  .hero-benefit small{margin-top:1px;font-size:9.5px;line-height:1.17}
  .hero-v2 .hero-cta{grid-template-columns:1fr;gap:6px;width:min(330px,100%);max-width:330px;margin-top:11px}
  .hero-v2 .button{width:100%;height:44px;min-height:44px;padding:0 15px;font-size:9px}
  .hero-v2 .button span{font-size:18px}

  .deliverables-background img{object-position:66% center}
  .deliverables-section:after{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.96) 78%,rgba(255,255,255,.66) 100%)}
  .deliverables-layout{min-height:844px}
  .deliverables-content{width:100%}
  .deliverables-cta{width:min(330px,100%)}

  .cycle-section,.implementation-section{background:linear-gradient(180deg,#fbfdff,#eef7fd)}
  .cycle-section:after,.implementation-section:after{background:rgba(244,250,255,.22)}
}

@media(max-width:390px){
  .container{width:calc(100% - 24px)}
  .header-inner{gap:5px}
  .site-header .brand{width:122px;flex-basis:122px}
  .site-header .brand>img{width:122px;height:41px;flex-basis:122px}
  .hero-v2 .hero-grid{padding-top:11px;padding-bottom:10px}
  .hero-v2 h1{font-size:24px}
  .hero-v2 .hero-lead{font-size:11.2px;line-height:1.29}
  .hero-benefit>img{width:42px;height:42px}
  .hero-benefit{grid-template-columns:42px minmax(0,1fr);gap:6px!important}
  .hero-benefit strong{font-size:10.8px!important}
  .hero-benefit small{font-size:8.9px}
  .hero-v2 .hero-cta{width:min(310px,100%)}
  .hero-v2 .button{height:42px;min-height:42px;font-size:8.3px}
}

@media(max-width:350px){
  .site-header .brand{width:108px;flex-basis:108px}
  .site-header .brand>img{width:108px;height:36px;flex-basis:108px}
  .hero-v2 h1{font-size:22px}
  .hero-v2 .hero-lead{font-size:10.4px}
  .hero-benefit>img{width:38px;height:38px}
  .hero-benefit{grid-template-columns:38px minmax(0,1fr)}
  .hero-benefit strong{font-size:10px!important}
  .hero-benefit small{font-size:8.2px}
}

@media(max-width:760px) and (max-height:720px){
  .hero-v2 .hero-grid{padding-top:8px;padding-bottom:8px}
  .hero-overline{margin-bottom:6px;padding:5px 9px;font-size:6.6px}
  .hero-v2 h1{font-size:23px}
  .hero-v2 .hero-lead{margin:6px 0 8px;font-size:10.7px;line-height:1.25}
  .hero-v2 .hero-benefits{gap:4px 8px}
  .hero-benefit>img{width:40px;height:40px}
  .hero-benefit{grid-template-columns:40px minmax(0,1fr)}
  .hero-benefit strong{font-size:10.4px!important}
  .hero-benefit small{font-size:8.5px}
  .hero-v2 .hero-cta{margin-top:8px}
  .hero-v2 .button{height:40px;min-height:40px}
}

/* September refinement: fuller responsive hero, compact lead modal and light footer. */
.site-footer{background:#f5faff;color:#102f59;border-top:1px solid #d7e8f5}
.footer-grid p,.footer-grid span,.footer-grid a:not(.brand){color:#5e7690}
.footer-grid>div>strong,.footer-requisites strong{color:#102f59}
.footer-requisites{border-top-color:#d7e8f5}
.footer-bottom{border-top-color:#d7e8f5;color:#71869b}
.footer-bottom a,.site-footer .text-button{color:#087feb}

@media(min-width:761px) and (max-width:1199px) and (min-height:721px){
  .hero-v2{min-height:0}
  .hero-v2 .hero-picture img{object-position:center bottom}
  .hero-v2:after{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.99) 52%,rgba(255,255,255,.72) 75%,rgba(255,255,255,.12) 100%)}
  .hero-v2 .hero-grid{min-height:0;display:block;padding:42px 0 clamp(105px,13vh,140px)}
  .hero-v2 .hero-copy{width:100%;max-width:720px}
  .hero-overline{margin-bottom:20px;padding:8px 17px;font-size:9.5px}
  .hero-v2 h1{max-width:720px;font-size:52px;line-height:1.01}
  .hero-v2 .hero-line{white-space:nowrap}
  .hero-v2 .hero-lead{max-width:650px;margin:21px 0 24px;font-size:16.5px;line-height:1.46}
  .hero-v2 .hero-benefits{max-width:690px;gap:18px 34px}
  .hero-benefit>img{width:68px;height:68px}
  .hero-benefit{grid-template-columns:68px minmax(0,1fr);gap:13px!important}
  .hero-benefit strong{font-size:16px!important}
  .hero-benefit small{font-size:12.5px}
  .hero-v2 .hero-cta{max-width:690px;margin-top:24px}
  .hero-v2 .button{height:56px;min-height:56px;font-size:10px}
}

@media(min-width:761px) and (max-width:1199px) and (max-height:720px){
  .hero-v2 .hero-picture img{object-position:center bottom}
  .hero-v2 .hero-grid{padding-top:20px;padding-bottom:24px}
  .hero-v2 h1{font-size:42px}
  .hero-v2 .hero-lead{margin:13px 0 14px;font-size:14px;line-height:1.38}
  .hero-v2 .hero-benefits{gap:9px 26px}
  .hero-benefit>img{width:54px;height:54px}
  .hero-benefit{grid-template-columns:54px minmax(0,1fr)}
  .hero-benefit strong{font-size:14px!important}
  .hero-benefit small{font-size:11px}
  .hero-v2 .hero-cta{margin-top:15px;max-width:650px}
  .hero-v2 .button{height:48px;min-height:48px;font-size:9.6px}
}

@media(max-width:760px){
  .hero-v2{min-height:0}
  .hero-v2 .hero-picture img{height:100%;object-fit:cover;object-position:center bottom}
  .hero-v2:after{background:linear-gradient(180deg,rgba(255,255,255,.995) 0%,rgba(255,255,255,.97) 58%,rgba(255,255,255,.66) 77%,rgba(255,255,255,.12) 100%)}
  .hero-v2 .hero-grid{min-height:0;display:block;padding:18px 0 clamp(135px,20vh,175px)}
  .hero-v2 .hero-copy{width:100%;max-width:none}
  .hero-overline{margin-bottom:11px;padding:6px 11px;font-size:7.5px;line-height:1.3}
  .hero-v2 h1{max-width:none;font-size:clamp(27px,7.1vw,30px);line-height:1.02;letter-spacing:-.045em}
  .hero-v2 .hero-line{white-space:nowrap}
  .hero-v2 .hero-lead{max-width:440px;margin:12px 0 15px;font-size:13px;line-height:1.4}
  .hero-v2 .hero-benefits{grid-template-columns:1fr 1fr;gap:10px 13px;max-width:470px}
  .hero-benefit>img{width:52px;height:52px}
  .hero-benefit{grid-template-columns:52px minmax(0,1fr);gap:8px!important}
  .hero-benefit strong{font-size:12.4px!important;line-height:1.16}
  .hero-benefit small{font-size:10.2px;line-height:1.2}
  .hero-v2 .hero-cta{grid-template-columns:1fr;gap:8px;width:min(360px,100%);max-width:360px;margin-top:16px}
  .hero-v2 .button{height:48px;min-height:48px;padding:0 16px;font-size:9.4px}

  .modal{padding:6px;align-items:center}
  .modal-panel{width:min(390px,100%);max-height:calc(100svh - 12px);padding:14px 12px 12px;border-radius:10px;overflow-y:auto;overscroll-behavior:contain}
  .modal-close{position:sticky;z-index:3;float:right;right:0;top:0;width:36px;height:36px;margin:-4px -2px -34px 0;font-size:23px;display:grid;place-items:center}
  .modal-panel>.section-label{min-height:14px;margin:0 42px 6px 0;font-size:7.5px;line-height:1.2}
  .modal-panel h2{margin:0 38px 5px 0;padding:0;font-size:22px;line-height:1.08}
  .modal-intro{margin:0 38px 5px 0;font-size:11px;line-height:1.35}
  .modal-panel .form-grid{grid-template-columns:1fr 1fr;gap:0 8px}
  .modal-panel .lead-form label:not(.upload-zone):not(.consent){gap:3px;margin-top:6px;font-size:10px;line-height:1.2}
  .modal-panel .lead-form input,.modal-panel .lead-form textarea{height:34px;padding:6px 8px;font-size:12px}
  .modal-panel .lead-form textarea{height:46px;min-height:46px;resize:none}
  .modal-panel .upload-zone{min-height:56px;margin-top:8px;padding:7px 10px;flex-direction:row;gap:8px;text-align:left}
  .modal-panel .upload-zone strong{margin:0;font-size:11px}
  .modal-panel .upload-zone small{display:none}
  .modal-panel .upload-icon{font-size:21px}
  .modal-panel .file-list{max-height:52px;overflow:auto;margin:4px 0}
  .modal-panel .file-list li{padding:5px 7px;font-size:9px}
  .modal-panel .consent{gap:7px;margin:8px 0;font-size:9.5px;line-height:1.25}
  .modal-panel .consent input{width:14px;height:14px;min-height:14px;flex:0 0 14px;margin-top:0;padding:0}
  .modal-panel .submit{height:44px;min-height:44px;font-size:9.5px}
  .modal-panel .form-status{min-height:0;margin:3px 0 0;font-size:10px}
}

@media(max-width:360px){
  .hero-v2 h1{font-size:25.5px}
  .hero-v2 .hero-lead{font-size:12px}
  .hero-benefit>img{width:48px;height:48px}
  .hero-benefit{grid-template-columns:48px minmax(0,1fr)}
  .hero-benefit strong{font-size:11.6px!important}
  .hero-benefit small{font-size:9.6px}
}

@media(max-width:760px) and (max-height:720px){
  .hero-v2 .hero-grid{padding-top:10px;padding-bottom:96px}
  .hero-overline{margin-bottom:7px;font-size:7px}
  .hero-v2 h1{font-size:25.5px}
  .hero-v2 .hero-lead{margin:8px 0 10px;font-size:11.5px;line-height:1.3}
  .hero-v2 .hero-benefits{gap:6px 10px}
  .hero-benefit>img{width:44px;height:44px}
  .hero-benefit{grid-template-columns:44px minmax(0,1fr)}
  .hero-benefit strong{font-size:11.2px!important}
  .hero-benefit small{font-size:9px}
  .hero-v2 .hero-cta{margin-top:10px}
  .hero-v2 .button{height:44px;min-height:44px}
}