@import url("https://fonts.googleapis.com/css2?family=Onest:wght@400;500;600;700&display=swap");

:root{
  --bg:#041B44;
  --muted:#A3B8D0;
  --text:#FFFFFF;
  --dark:#1F1F1F;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg)}
body{font-family:"Onest",Arial,sans-serif}

.hero{
  position:relative;
  width:1920px;
  height:950px;
  margin:0 auto;
  overflow:hidden;
  background:#041B44;
  color:#fff;
}

/* logo is the original Figma graphic, not recreated text */
.brand{
  display:block;
  position:absolute;
  left:40px;
  top:20px;
  width:233px;
  height:60px;
  object-fit:fill;
  object-position:left top;
}

/* exact Figma geometry */
.nav-pill{
  position:absolute;
  left:678px;
  top:23px;
  width:754px;
  height:54px;
  border-radius:27px;
  background:rgba(255,255,255,.20);
  display:flex;
  align-items:center;
  justify-content:center;
}
.nav-pill a{
  display:flex;
  align-items:center;
  justify-content:center;
  height:54px;
  padding:0 16.6px;
  color:#fff;
  text-decoration:none;
  font-size:13px;
  line-height:1;
  font-weight:400;
  white-space:nowrap;
}

.phone-pill{
  position:absolute;
  left:1452px;
  top:23px;
  width:185px;
  height:54px;
  border-radius:27px;
  background:rgba(255,255,255,.20);
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  color:#fff;
  font-size:13px;
  line-height:1;
  font-weight:400;
}

.header-cta{
  position:absolute;
  left:1657px;
  top:23px;
  width:223px;
  height:54px;
  border-radius:27px;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#1F1F1F;
  text-decoration:none;
  font-size:13px;
  line-height:1;
  font-weight:400;
}
.header-cta img{
  position:absolute;
  left:31px;
  top:21px;
  width:18px;
  height:12px;
  object-fit:contain;
  display:block;
  opacity:1;
  filter:none;
}

/* Figma title container is x40 y200, 1080×392 */
.hero-title{
  position:absolute;
  left:40px;
  top:200px;
  width:1080px;
  height:392px;
  margin:0;
  color:#fff;
  font-size:82px;
  line-height:98px;
  letter-spacing:-2.45px;
  font-weight:700;
  text-transform:uppercase;
}
.hero-title span{display:block;height:98px;white-space:nowrap}

/* copied from exact visual positions in the source */
.hero-subtitle{
  position:absolute;
  left:40px;
  top:614px;
  width:760px;
  margin:0;
  color:#A3B8D0;
  font-size:20px;
  line-height:28px;
  font-weight:400;
  letter-spacing:0;
}

.hero-main-cta{
  position:absolute;
  left:40px;
  top:703px;
  width:434px;
  height:54px;
  border-radius:27px;
  background:#fff;
  color:#1F1F1F;
  text-decoration:none;
  display:flex;
  align-items:center;
  padding-left:59px;
  font-size:14px;
  line-height:1;
  font-family:"Onest", sans-serif;
  font-style:normal;
  font-weight:400;
  white-space:nowrap;
}
.hero-main-cta img{
  position:absolute;
  left:32px;
  top:21px;
  width:18px;
  height:12px;
  object-fit:contain;
  display:block;
  opacity:1;
  filter:none;
}

.hero-tag{
  position:absolute;
  left:40px;
  top:895px;
  color:#A3B8D0;
  font-size:14px;
  line-height:17px;
  font-weight:400;
  text-transform:uppercase;
  white-space:nowrap;
}

a{transition:opacity .18s ease}
a:hover{opacity:.82}


/* BLOCK 02 — exact geometry from Problem.svg / Figma export */
.problem{
  position:relative;
  width:1920px;
  height:760px;
  margin:0 auto;
  overflow:hidden;
  background:#EEEFF4;
  color:#1F1F1F;
}
.problem-title{
  position:absolute;
  left:40px;
  top:90px;
  margin:0;
  color:#1F1F1F;
  font-family:"Onest",Arial,sans-serif;
  font-weight:700;
  font-size:68px;
  line-height:1;
  letter-spacing:0;
}
.problem-lead{
  position:absolute;
  left:40px;
  top:200px;
  margin:0;
  color:#1F1F1F;
  font-family:"Onest",Arial,sans-serif;
  font-weight:500;
  font-size:26px;
  line-height:38px;
  letter-spacing:0;
  white-space:nowrap;
}
.problem-card{
  position:absolute;
  top:390px;
  width:448px;
  height:220px;
  border-radius:5px;
  background:#FFFFFF;
  overflow:hidden;
}
.problem-card--1{left:40px}
.problem-card--2{left:504px}
.problem-card--3{left:968px}
.problem-card--4{left:1432px}
.problem-number{
  position:absolute;
  left:22px;
  top:22px;
  margin:0;
  color:#68768F;
  font-family:"Onest",Arial,sans-serif;
  font-weight:500;
  font-size:26px;
  line-height:31px;
}
.problem-card-text{
  position:absolute;
  left:22px;
  top:120px;
  width:365px;
  margin:0;
  color:#1F1F1F;
  font-family:"Onest",Arial,sans-serif;
  font-weight:500;
  font-size:26px;
  line-height:29px;
  letter-spacing:0;
}

/* Do not distort desktop. Adaptive versions will be made from their own references. */
@media(max-width:1919px){
  body{overflow-x:auto}
}

/* BLOCK 03 — exact geometry from Solution.svg / Figma export */
.solution{
  position:relative;
  width:1920px;
  height:850px;
  margin:0 auto;
  overflow:hidden;
  background:#EEEFF4;
  color:#1F1F1F;
  border-top:1px solid #C5C5C9;
}
.solution-title{
  position:absolute;
  left:40px;
  top:90px;
  margin:0;
  color:#1F1F1F;
  font-family:"Onest",Arial,sans-serif;
  font-weight:700;
  font-size:68px;
  line-height:1;
}
.solution-lead{
  position:absolute;
  left:40px;
  top:200px;
  margin:0;
  color:#1F1F1F;
  font-family:"Onest",Arial,sans-serif;
  font-weight:500;
  font-size:26px;
  line-height:31px;
  white-space:nowrap;
}
.solution-row{
  position:absolute;
  left:40px;
  width:1840px;
  height:92px;
}
.solution-row--1{top:273px}
.solution-row--2{top:365px}
.solution-row--3{top:457px}
.solution-row--4{top:549px}
.solution-row--5{top:641px}

.solution-num{
  position:absolute;
  left:0;
  top:37px;
  margin:0;
  color:#68768F;
  font-family:"Onest",Arial,sans-serif;
  font-weight:500;
  font-size:22px;
  line-height:27px;
}
.solution-text{
  position:absolute;
  left:100px;
  top:37px;
  margin:0;
  color:#1F1F1F;
  font-family:"Onest",Arial,sans-serif;
  font-weight:400;
  font-size:22px;
  line-height:27px;
  white-space:nowrap;
}
.solution-row::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:1840px;
  height:1px;
  background:#C5C5C9;
}


/* BLOCK 04 — exact geometry from Why us.svg / Figma export */
.why-us{
  position:relative;
  width:1920px;
  height:700px;
  margin:0 auto;
  overflow:hidden;
  background:#EEEFF4;
  color:#1F1F1F;
  border-top:1px solid #C5C5C9;
}
.why-us-title{
  position:absolute;
  left:40px;
  top:90px;
  margin:0;
  font-family:"Onest",Arial,sans-serif;
  font-size:68px;
  line-height:1;
  font-weight:700;
  letter-spacing:0;
  color:#1F1F1F;
}
.why-card{
  position:absolute;
  top:280px;
  width:602px;
  height:300px;
  background:#FFFFFF;
  border-radius:5px;
  padding:24px;
}
.why-card--1{left:40px}
.why-card--2{left:658px}
.why-card--3{left:1276px}

.why-num{
  display:block;
  margin:0 0 49px 0;
  color:#68768F;
  font-family:"Onest",Arial,sans-serif;
  font-size:26px;
  line-height:31px;
  font-weight:400;
}
.why-card h3{
  margin:0 0 26px 0;
  color:#1F1F1F;
  font-family:"Onest",Arial,sans-serif;
  font-size:28px;
  line-height:34px;
  font-weight:500;
}
.why-card p{
  margin:0;
  color:#68768F;
  font-family:"Onest",Arial,sans-serif;
  font-size:22px;
  line-height:31px;
  font-weight:400;
  max-width:520px;
}


/* BLOCK 05 — Process. Geometry measured from the 1920×1050 Figma reference PNG */
.process{
  position:relative;
  width:1920px;
  height:1050px;
  margin:0 auto;
  overflow:hidden;
  background:#EEEFF4;
  color:#1F1F1F;
  border-top:1px solid #C5C5C9;
}
.process-title{
  position:absolute;
  left:40px;
  top:90px;
  margin:0;
  font-family:"Onest",Arial,sans-serif;
  font-size:68px;
  line-height:1;
  font-weight:700;
  letter-spacing:0;
  color:#1F1F1F;
}
.process-list{
  position:absolute;
  left:40px;
  top:197px;
  width:1840px;
}
.process-row{
  position:relative;
  width:1840px;
  height:82px;
  border-bottom:1px solid #C5C5C9;
}
.process-num,
.process-owner,
.process-copy{
  position:absolute;
  top:28px;
  margin:0;
  font-family:"Onest",Arial,sans-serif;
  font-size:22px;
  line-height:27px;
  white-space:nowrap;
}
.process-num{
  left:0;
  width:60px;
  color:#68768F;
  font-weight:400;
}
.process-owner{
  left:92px;
  width:190px;
  color:#182F58;
  font-weight:500;
  text-transform:uppercase;
}
.process-copy{
  left:298px;
  color:#1F1F1F;
  font-weight:400;
}


/* BLOCK 06 — exact table geometry from Regulation.svg */
.regulation{
  position:relative;
  width:1920px;
  height:830px;
  margin:0 auto;
  overflow:hidden;
  background:#EEEFF4;
  color:#1F1F1F;
  border-top:1px solid #C5C5C9;
}
.regulation-title{
  position:absolute;
  left:40px;
  top:90px;
  margin:0;
  font-family:"Onest",Arial,sans-serif;
  font-size:68px;
  line-height:1;
  font-weight:700;
  letter-spacing:0;
  color:#1F1F1F;
}
.regulation-total{
  position:absolute;
  left:40px;
  top:198px;
  margin:0;
  font-family:"Onest",Arial,sans-serif;
  font-size:26px;
  line-height:31px;
  font-weight:500;
  text-transform:uppercase;
  color:#182F58;
}
.regulation-table{
  position:absolute;
  left:40px;
  top:267px;
  width:1840px;
}
.regulation-row{
  position:relative;
  width:1840px;
  height:58px;
  border-top:1px solid #C5C5C9;
}
.regulation-row:last-child{
  border-bottom:1px solid #C5C5C9;
}
.regulation-label,
.regulation-days{
  position:absolute;
  top:17px;
  margin:0;
  font-family:"Onest",Arial,sans-serif;
  font-size:20px;
  line-height:24px;
  color:#1F1F1F;
  white-space:nowrap;
}
.regulation-label{
  left:0;
  font-weight:400;
}
.regulation-days{
  left:1460px;
  font-weight:600;
}


/* BLOCK 07 — exact geometry from Риски для вас.svg */
.risks{
  position:relative;
  width:1920px;
  height:760px;
  margin:0 auto;
  overflow:hidden;
  background:#EEEFF4;
  color:#1F1F1F;
  border-top:1px solid #C5C5C9;
}
.risks-title{
  position:absolute;
  left:40px;
  top:90px;
  margin:0;
  font-family:"Onest",Arial,sans-serif;
  font-size:68px;
  line-height:1;
  font-weight:700;
  letter-spacing:0;
}
.risk-card{
  position:absolute;
  top:280px;
  width:602px;
  height:340px;
  padding:24px;
  background:#fff;
  border-radius:5px;
}
.risk-card--1{left:40px}
.risk-card--2{left:658px}
.risk-card--3{left:1276px}
.risk-num{
  display:block;
  margin:0 0 49px;
  color:#68768F;
  font-family:"Onest",Arial,sans-serif;
  font-size:26px;
  line-height:31px;
  font-weight:400;
}
.risk-card h3{
  margin:0 0 27px;
  color:#1F1F1F;
  font-family:"Onest",Arial,sans-serif;
  font-size:28px;
  line-height:34px;
  font-weight:500;
}
.risk-card p{
  margin:0;
  max-width:530px;
  color:#68768F;
  font-family:"Onest",Arial,sans-serif;
  font-size:22px;
  line-height:31px;
  font-weight:400;
}


/* BLOCK 08 — Responsibility, geometry matched to the supplied 1920×650 Figma SVG */
.responsibility{
  position:relative;
  width:1920px;
  height:650px;
  margin:0 auto;
  overflow:hidden;
  background:#EEEFF4;
  color:#1F1F1F;
  border-top:1px solid #C5C5C9;
}
.responsibility-title{
  position:absolute;
  left:40px;
  top:90px;
  margin:0;
  font-family:"Onest",Arial,sans-serif;
  font-size:68px;
  line-height:1;
  font-weight:700;
  letter-spacing:0;
  color:#1F1F1F;
}
.responsibility-card{
  position:absolute;
  top:270px;
  width:912px;
  height:300px;
  padding:24px;
  background:#FFFFFF;
  border-radius:5px;
}
.responsibility-card--ours{left:40px}
.responsibility-card--client{left:968px}

.responsibility-card h3{
  margin:0 0 39px 0;
  font-family:"Onest",Arial,sans-serif;
  font-size:22px;
  line-height:27px;
  font-weight:500;
  text-transform:uppercase;
  color:#182F58;
}
.responsibility-card p{
  margin:0 0 24px 0;
  font-family:"Onest",Arial,sans-serif;
  font-size:28px;
  line-height:34px;
  font-weight:400;
  color:#1F1F1F;
  white-space:nowrap;
}
.responsibility-card p:last-child{margin-bottom:0}


/* BLOCK 09 — Pricing, geometry matched to Pricing.svg */
.pricing{
  position:relative;
  width:1920px;
  height:700px;
  margin:0 auto;
  overflow:hidden;
  background:#EEEFF4;
  color:#1F1F1F;
  border-top:1px solid #C5C5C9;
}
.pricing-title{
  position:absolute;
  left:40px;
  top:90px;
  margin:0;
  font-family:"Onest",Arial,sans-serif;
  font-size:68px;
  line-height:1;
  font-weight:700;
  letter-spacing:0;
  color:#1F1F1F;
}

.pricing-card{
  position:absolute;
  top:270px;
  width:602px;
  height:280px;
  padding:27px 24px 24px;
  background:#FFFFFF;
  border-radius:5px;
}
.pricing-card--1{left:40px}
.pricing-card--2{left:658px}
.pricing-card--3{left:1276px}

.pricing-card h3{
  margin:0;
  font-family:"Onest",Arial,sans-serif;
  font-size:26px;
  line-height:31px;
  font-weight:400;
  color:#68768F;
}
.pricing-value{
  margin:38px 0 0;
  font-family:"Onest",Arial,sans-serif;
  font-size:68px;
  line-height:1;
  font-weight:700;
  color:#001F50;
  letter-spacing:0;
}
.pricing-card--3 .pricing-value{
  margin-top:38px;
}
.pricing-note{
  margin:20px 0 0;
  font-family:"Onest",Arial,sans-serif;
  font-size:22px;
  line-height:24px;
  font-weight:400;
  color:#68768F;
}

.pricing-cta{
  position:absolute;
  top:590px;
  height:54px;
  border-radius:27px;
  display:flex;
  align-items:center;
  text-decoration:none;
  font-family:"Onest",Arial,sans-serif;
  font-size:14px;
  line-height:1;
  font-weight:400;
  white-space:nowrap;
}
.pricing-cta img{
  width:18px;
  height:12px;
  object-fit:contain;
  flex:none;
}
.pricing-cta--primary{
  left:40px;
  width:260px;
  padding-left:44px;
  gap:11px;
  color:#FFFFFF;
  background:#041B44;
}
.pricing-cta--secondary{
  left:320px;
  width:414px;
  padding-left:32px;
  gap:12px;
  color:#1F1F1F;
  background:#FFFFFF;
}
.pricing-cta--primary img{
  filter:brightness(0) invert(1);
}


/* BLOCK 10 — exact geometry from supplied Figma SVG, 1920×520 */
.extra-control{
  position:relative;
  width:1920px;
  height:520px;
  margin:0 auto;
  overflow:hidden;
  background:#EEEFF4;
  color:#1F1F1F;
  border-top:1px solid #C5C5C9;
}
.extra-control-title{
  position:absolute;
  left:40px;
  top:90px;
  margin:0;
  font-family:"Onest",Arial,sans-serif;
  font-size:68px;
  line-height:1;
  font-weight:700;
  color:#1F1F1F;
}
.extra-control-list{
  position:absolute;
  left:40px;
  top:225px;
  width:1840px;
}
.extra-control-row{
  position:relative;
  width:1840px;
  height:95px;
  border-bottom:1px solid #C5C5C9;
}
.extra-control-num,
.extra-control-text,
.extra-control-note{
  position:absolute;
  top:27px;
  margin:0;
  font-family:"Onest",Arial,sans-serif;
  font-size:22px;
  line-height:27px;
  white-space:nowrap;
}
.extra-control-num{
  left:0;
  color:#68768F;
  font-weight:400;
}
.extra-control-text{
  left:100px;
  color:#1F1F1F;
  font-weight:400;
}
.extra-control-note{
  left:990px;
  color:#68768F;
  font-weight:500;
}


/* BLOCK 11 — Application form, geometry matched to supplied 1920×1050 Figma SVG */
.application{
  position:relative;
  width:1920px;
  height:1050px;
  margin:0 auto;
  overflow:hidden;
  background:#041B44;
  color:#FFFFFF;
}
.application-title{
  position:absolute;
  left:40px;
  top:90px;
  margin:0;
  font-family:"Onest",Arial,sans-serif;
  font-size:68px;
  line-height:1;
  font-weight:700;
  color:#FFFFFF;
}
.application-form{
  position:absolute;
  inset:0;
}
.form-field{
  position:absolute;
  height:64px;
}
.form-field--name{left:40px;top:220px;width:904px}
.form-field--phone{left:976px;top:220px;width:904px}
.form-field--email{left:40px;top:316px;width:904px}
.form-field--org{left:976px;top:316px;width:904px}
.form-field label,
.comment-field label{
  display:block;
  margin:0;
  font-family:"Onest",Arial,sans-serif;
  font-size:16px;
  line-height:20px;
  font-weight:400;
  color:#FFFFFF;
}
.form-field input{
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:38px;
  padding:0;
  border:0;
  border-bottom:1px solid #68768F;
  outline:0;
  background:transparent;
  color:#FFFFFF;
  font-family:"Onest",Arial,sans-serif;
  font-size:18px;
  font-weight:400;
}
.form-field input:focus,
.comment-field textarea:focus{
  border-color:#A3B8D0;
}
.comment-field{
  position:absolute;
  left:40px;
  top:414px;
  width:1840px;
  height:107px;
}
.comment-field textarea{
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:75px;
  padding:8px 0;
  resize:none;
  border:0;
  border-bottom:1px solid #68768F;
  outline:0;
  background:transparent;
  color:#FFFFFF;
  font-family:"Onest",Arial,sans-serif;
  font-size:18px;
  font-weight:400;
}

.file-control{
  position:absolute;
  left:842px;
  top:558px;
  width:265px;
  height:62px;
}
.file-control input{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:0;
  cursor:pointer;
  z-index:2;
}
.file-icon{
  position:absolute;
  left:0;
  top:0;
  width:60px;
  height:60px;
  object-fit:contain;
}
.file-copy{
  position:absolute;
  left:66px;
  top:8px;
  font-family:"Onest",Arial,sans-serif;
  font-size:16px;
  line-height:20px;
  font-weight:400;
  color:#A3B8D0;
  white-space:nowrap;
}
.file-copy small{
  display:block;
  color:#68768F;
  font-size:14px;
  line-height:18px;
  font-weight:400;
}

.consent{
  position:absolute;
  left:758px;
  top:652px;
  display:flex;
  align-items:center;
  gap:11px;
  height:24px;
  font-family:"Onest",Arial,sans-serif;
  font-size:16px;
  line-height:20px;
  font-weight:400;
  color:#FFFFFF;
  white-space:nowrap;
}
.consent input{
  appearance:none;
  width:20px;
  height:20px;
  margin:0;
  border:1px solid #68768F;
  background:transparent;
  cursor:pointer;
}
.consent input:checked::after{
  content:"";
  display:block;
  width:10px;
  height:6px;
  margin:4px 0 0 4px;
  border-left:2px solid #FFFFFF;
  border-bottom:2px solid #FFFFFF;
  transform:rotate(-45deg);
}
.consent span span{color:#A3B8D0}

.submit-btn{
  position:absolute;
  left:742px;
  top:715px;
  width:436px;
  height:54px;
  border:0;
  border-radius:27px;
  background:#68768F;
  color:#0F1D35;
  font-family:"Onest",Arial,sans-serif;
  font-size:13px;
  line-height:1;
  font-weight:400;
  text-transform:uppercase;
  cursor:pointer;
}
.submit-btn:hover{opacity:.92}


/* FINAL BLOCK — Contacts, matched to supplied 1920×897 Figma SVG */
.contacts{
  position:relative;
  width:1920px;
  height:897px;
  margin:0 auto;
  overflow:hidden;
  background:#EEEFF4;
  color:#1F1F1F;
  border-top:1px solid #C5C5C9;
}
.contacts-title{
  position:absolute;
  left:40px;
  top:82px;
  margin:0;
  font-family:"Onest",Arial,sans-serif;
  font-size:68px;
  line-height:1;
  font-weight:700;
  color:#1F1F1F;
}
.contacts-shield{
  position:absolute;
  left:235px;
  top:205px;
  width:440px;
  height:510px;
  object-fit:contain;
}
.contacts-list{
  position:absolute;
  left:905px;
  top:216px;
  width:839px;
}
.contact-row{
  position:relative;
  width:839px;
  height:74px;
  border-top:1px solid #C5C5C9;
}
.contact-row:last-child{
  border-bottom:1px solid #C5C5C9;
}
.contact-row a,
.contact-row span{
  position:absolute;
  left:0;
  top:16px;
  margin:0;
  font-family:"Onest",Arial,sans-serif;
  font-size:16px;
  line-height:20px;
  font-weight:400;
  color:#1F1F1F;
  text-decoration:none;
}
.contact-row::after{
  content:"";
  position:absolute;
  right:0;
  top:16px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#1F1F1F;
}
.contact-row a:hover{opacity:.7}

.contacts-footer{
  position:absolute;
  left:40px;
  right:40px;
  bottom:102px;
  height:28px;
  font-family:"Onest",Arial,sans-serif;
  font-size:16px;
  line-height:20px;
  font-weight:400;
  color:#7B7B7B;
}
.contacts-legal{
  position:absolute;
  left:0;
  top:0;
  white-space:nowrap;
}
.contacts-legal a{
  color:#7B7B7B;
  text-decoration:none;
}
.contacts-legal i{
  font-style:normal;
  margin:0 9px;
}
.contacts-copy{
  position:absolute;
  left:50%;
  top:0;
  transform:translateX(-50%);
  white-space:nowrap;
}
.contacts-dev{
  position:absolute;
  right:0;
  top:0;
  white-space:nowrap;
}


/* =========================================================
   LAPTOP 1366 — dedicated adaptation from the approved 1920
   No transform:scale(). Sizes, type and geometry are reduced.
   Target viewport: 1366px wide, hero: 680px high.
   ========================================================= */
@media (min-width:1025px) and (max-width:1440px){
  html,body{width:100%;min-width:0;overflow-x:hidden}
  body{background:#EEEFF4}

  .hero,.problem,.solution,.why-us,.process,.regulation,.risks,
  .responsibility,.pricing,.extra-control,.application,.contacts{
    width:100%;
    margin:0;
  }

  /* HERO — 1366 × 680 */
  .hero{height:680px}
  .brand{left:28px;top:14px;width:166px;height:43px}
  .nav-pill{
    left:482px;top:16px;width:537px;height:38px;border-radius:19px
  }
  .nav-pill a{
    height:38px;padding:0 11.8px;font-size:9.2px
  }
  .phone-pill{
    left:1033px;top:16px;width:132px;height:38px;
    border-radius:19px;font-size:9.2px
  }
  .header-cta{
    left:1179px;top:16px;width:159px;height:38px;
    border-radius:19px;font-size:9.2px
  }
  .header-cta img{
    left:22px;top:15px;width:13px;height:9px
  }
  .hero-title{
    left:28px;top:143px;width:770px;height:279px;
    font-size:58px;line-height:70px;letter-spacing:-1.75px
  }
  .hero-title span{height:70px}
  .hero-subtitle{
    left:28px;top:437px;width:541px;
    font-size:14.2px;line-height:20px
  }
  .hero-main-cta{
    left:28px;top:500px;width:309px;height:38px;
    border-radius:19px;padding-left:42px;font-size:10px
  }
  .hero-main-cta img{
    left:23px;top:15px;width:13px;height:9px
  }
  .hero-tag{
    left:28px;top:637px;font-size:10px;line-height:12px
  }

  /* Shared section titles */
  .problem-title,.solution-title,.why-us-title,.process-title,
  .regulation-title,.risks-title,.responsibility-title,.pricing-title,
  .extra-control-title,.application-title,.contacts-title{
    left:28px;top:64px;font-size:48px
  }

  /* 02 Problem */
  .problem{height:541px}
  .problem-lead{
    left:28px;top:143px;width:1080px;
    font-size:18.5px;line-height:23px
  }
  .problem-card{
    top:285px;width:319px;height:157px;border-radius:4px;padding:17px
  }
  .problem-card--1{left:28px}
  .problem-card--2{left:359px}
  .problem-card--3{left:689px}
  .problem-card--4{left:1019px}
  .problem-number{
    font-size:18.5px;line-height:22px
  }
  .problem-card-text{
    left:17px;bottom:17px;
    font-size:18.5px;line-height:26px
  }

  /* 03 Solution */
  .solution{height:605px}
  .solution-lead{
    left:28px;top:142px;font-size:18.5px;line-height:22px
  }
  .solution-row{
    left:28px;width:1310px;height:65px
  }
  .solution-row--1{top:194px}
  .solution-row--2{top:259px}
  .solution-row--3{top:325px}
  .solution-row--4{top:390px}
  .solution-row--5{top:456px}
  .solution-num{
    top:26px;font-size:15.7px;line-height:19px
  }
  .solution-text{
    left:71px;top:26px;font-size:15.7px;line-height:19px
  }
  .solution-row::after{width:1310px}

  /* 04 Why us */
  .why-us{height:498px}
  .why-card{
    top:199px;width:428px;height:213px;border-radius:4px;padding:17px
  }
  .why-card--1{left:28px}
  .why-card--2{left:468px}
  .why-card--3{left:908px}
  .why-num{
    margin-bottom:35px;font-size:18.5px;line-height:22px
  }
  .why-card h3{
    margin-bottom:18px;font-size:20px;line-height:24px
  }
  .why-card p{
    font-size:15.7px;line-height:22px;max-width:370px
  }

  /* 05 Process */
  .process{height:747px}
  .process-list{left:28px;top:140px;width:1310px}
  .process-row{width:1310px;height:58px}
  .process-num,.process-owner,.process-copy{
    top:20px;font-size:15.7px;line-height:19px
  }
  .process-owner{left:65px;width:135px}
  .process-copy{left:212px}

  /* 06 Regulation */
  .regulation{height:590px}
  .regulation-total{
    left:28px;top:141px;font-size:18.5px;line-height:22px
  }
  .regulation-table{left:28px;top:190px;width:1310px}
  .regulation-row{width:1310px;height:41px}
  .regulation-label,.regulation-days{
    top:12px;font-size:14.2px;line-height:17px
  }
  .regulation-days{left:auto;right:0}

  /* 07 Risks */
  .risks{height:541px}
  .risk-card{
    top:199px;width:428px;height:242px;border-radius:4px;padding:17px
  }
  .risk-card--1{left:28px}
  .risk-card--2{left:468px}
  .risk-card--3{left:908px}
  .risk-num{
    margin-bottom:35px;font-size:18.5px;line-height:22px
  }
  .risk-card h3{
    margin-bottom:19px;font-size:20px;line-height:24px
  }
  .risk-card p{
    font-size:15.7px;line-height:22px;max-width:377px
  }

  /* 08 Responsibility */
  .responsibility{height:462px}
  .responsibility-card{
    top:192px;width:649px;height:213px;border-radius:4px;padding:17px
  }
  .responsibility-card--ours{left:28px}
  .responsibility-card--client{left:689px}
  .responsibility-card h3{
    margin-bottom:28px;font-size:15.7px;line-height:19px
  }
  .responsibility-card p{
    margin-bottom:17px;font-size:20px;line-height:24px
  }

  /* 09 Pricing */
  .pricing{height:498px}
  .pricing-card{
    top:192px;width:428px;height:199px;border-radius:4px;
    padding:19px 17px 17px
  }
  .pricing-card--1{left:28px}
  .pricing-card--2{left:468px}
  .pricing-card--3{left:908px}
  .pricing-card h3{font-size:18.5px;line-height:22px}
  .pricing-value{
    margin-top:27px;font-size:48px
  }
  .pricing-card--3 .pricing-value{margin-top:27px}
  .pricing-note{
    margin-top:14px;font-size:15.7px;line-height:17px
  }
  .pricing-cta{
    top:420px;height:38px;border-radius:19px;font-size:10px
  }
  .pricing-cta img{width:13px;height:9px}
  .pricing-cta--primary{
    left:28px;width:185px;padding-left:31px;gap:8px
  }
  .pricing-cta--secondary{
    left:228px;width:295px;padding-left:23px;gap:8px
  }

  /* 10 Extra control */
  .extra-control{height:370px}
  .extra-control-list{left:28px;top:160px;width:1310px}
  .extra-control-row{width:1310px;height:68px}
  .extra-control-num,.extra-control-text,.extra-control-note{
    top:19px;font-size:15.7px;line-height:19px
  }
  .extra-control-text{left:71px}
  .extra-control-note{left:auto;right:0}

  /* 11 Form */
  .application{height:747px}
  .form-field{height:46px}
  .form-field--name{left:28px;top:156px;width:643px}
  .form-field--phone{left:694px;top:156px;width:644px}
  .form-field--email{left:28px;top:225px;width:643px}
  .form-field--org{left:694px;top:225px;width:644px}
  .form-field label,.comment-field label{
    font-size:11.5px;line-height:14px
  }
  .form-field input{
    height:27px;font-size:13px
  }
  .comment-field{
    left:28px;top:294px;width:1310px;height:76px
  }
  .comment-field textarea{
    height:53px;font-size:13px;padding:6px 0
  }
  .file-control{
    left:599px;top:397px;width:189px;height:44px
  }
  .file-icon{width:43px;height:43px}
  .file-copy{
    left:47px;top:6px;font-size:11.5px;line-height:14px
  }
  .file-copy small{
    font-size:10px;line-height:13px
  }
  .consent{
    left:539px;top:464px;gap:8px;height:17px;
    font-size:11.5px;line-height:14px
  }
  .consent input{width:14px;height:14px}
  .submit-btn{
    left:528px;top:509px;width:310px;height:38px;
    border-radius:19px;font-size:9.2px
  }

  /* 12 Contacts */
  .contacts{height:638px}
  .contacts-shield{
    left:167px;top:146px;width:313px;height:363px
  }
  .contacts-list{
    left:644px;top:154px;width:597px
  }
  .contact-row{width:597px;height:53px}
  .contact-row a,.contact-row span{
    top:11px;font-size:11.5px;line-height:14px
  }
  .contact-row::after{
    top:11px;width:6px;height:6px
  }
  .contacts-footer{
    left:28px;right:28px;bottom:73px;height:20px;
    font-size:11.5px;line-height:14px
  }
  .contacts-legal i{margin:0 6px}
}


/* =========================================================
   TABLET 768 — dedicated adaptation
   Desktop 1920 + laptop 1366 remain intact.
   ========================================================= */
@media (min-width: 600px) and (max-width: 1024px){
  html,body{width:100%;min-width:0;overflow-x:hidden}
  body{background:#EEEFF4}

  .hero,.problem,.solution,.why-us,.process,.regulation,.risks,
  .responsibility,.pricing,.extra-control,.application,.contacts{
    width:100%;
    margin:0;
  }

  /* HERO */
  .hero{height:720px}
  .brand{left:20px;top:16px;width:150px;height:auto}
  .nav-pill{display:none}
  .phone-pill{
    left:auto;right:184px;top:17px;width:145px;height:42px;
    border-radius:21px;font-size:10px
  }
  .header-cta{
    left:auto;right:20px;top:17px;width:150px;height:42px;
    border-radius:21px;font-size:9.5px
  }
  .header-cta img{left:18px;top:16px;width:13px;height:9px}

  .hero-title{
    left:20px;top:145px;width:720px;height:auto;
    font-size:50px;line-height:60px;letter-spacing:-1.5px
  }
  .hero-title span{height:60px}
  .hero-subtitle{
    left:20px;top:400px;width:600px;
    font-size:16px;line-height:23px
  }
  .hero-main-cta{
    left:20px;top:490px;width:330px;height:44px;
    border-radius:22px;padding-left:45px;font-size:10.5px
  }
  .hero-main-cta img{left:23px;top:17px;width:14px;height:9px}
  .hero-tag{left:20px;top:670px;font-size:9px;line-height:12px}

  /* shared sections */
  .problem,.solution,.why-us,.process,.regulation,.risks,
  .responsibility,.pricing,.extra-control,.application,.contacts{
    position:relative;
    height:auto !important;
    padding:58px 20px;
    overflow:visible;
  }

  .problem-title,.solution-title,.why-us-title,.process-title,.regulation-title,
  .risks-title,.responsibility-title,.pricing-title,.extra-control-title,
  .application-title,.contacts-title{
    position:static;
    margin:0 0 34px;
    font-size:42px;
    line-height:1.08;
  }

  /* 02 */
  .problem{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
  }
  .problem-title,.problem-lead{grid-column:1/-1}
  .problem-lead{
    position:static;
    margin:0 0 22px;
    width:auto;
    font-size:18px;line-height:26px;
    white-space:normal
  }
  .problem-card{
    position:relative;left:auto;top:auto;
    width:100%;height:190px;padding:18px;border-radius:5px
  }
  .problem-number{font-size:18px}
  .problem-card-text{
    left:18px;bottom:18px;
    font-size:19px;line-height:27px
  }

  /* 03 */
  .solution-lead{
    position:static;margin:0 0 26px;
    font-size:18px;line-height:26px;white-space:normal
  }
  .solution-row{
    position:relative;left:auto;top:auto;
    width:100%;height:auto;min-height:82px;
    padding:27px 0 22px
  }
  .solution-num{
    position:absolute;left:0;top:28px;
    font-size:17px;line-height:21px
  }
  .solution-text{
    position:relative;left:72px;top:auto;
    width:calc(100% - 72px);
    font-size:18px;line-height:25px;
    white-space:normal
  }
  .solution-row::after{width:100%}

  /* 04 / 07 */
  .why-us,.risks{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
  }
  .why-us-title,.risks-title{grid-column:1/-1}
  .why-card,.risk-card{
    position:relative;left:auto;top:auto;
    width:100%;height:auto;min-height:270px;
    padding:20px;border-radius:5px
  }
  .why-card:last-child,.risk-card:last-child{grid-column:1/-1}
  .why-num,.risk-num{margin-bottom:34px;font-size:20px}
  .why-card h3,.risk-card h3{
    font-size:23px;line-height:29px;margin-bottom:18px
  }
  .why-card p,.risk-card p{
    font-size:17px;line-height:25px;max-width:none
  }
  .why-card p br,.risk-card p br{display:none}

  /* 05 */
  .process-list{position:static;width:100%}
  .process-row{width:100%;height:auto;min-height:88px;padding:23px 0}
  .process-num,.process-owner,.process-copy{
    top:24px;font-size:16px;line-height:22px
  }
  .process-num{left:0}
  .process-owner{left:55px;width:135px}
  .process-copy{
    left:195px;right:0;white-space:normal
  }

  /* 06 */
  .regulation-total{
    position:static;margin:0 0 28px;
    font-size:19px;line-height:25px
  }
  .regulation-table{position:static;width:100%}
  .regulation-row{
    width:100%;height:58px
  }
  .regulation-label,.regulation-days{
    top:17px;font-size:16px;line-height:22px
  }
  .regulation-days{left:auto;right:0}

  /* 08 */
  .responsibility{
    display:grid;grid-template-columns:1fr 1fr;gap:12px
  }
  .responsibility-title{grid-column:1/-1}
  .responsibility-card{
    position:relative;left:auto;top:auto;
    width:100%;height:auto;min-height:310px;padding:20px
  }
  .responsibility-card h3{
    font-size:16px;line-height:22px;margin-bottom:30px
  }
  .responsibility-card p{
    white-space:normal;font-size:19px;line-height:27px;margin-bottom:18px
  }

  /* 09 */
  .pricing{
    display:grid;grid-template-columns:1fr 1fr;gap:12px
  }
  .pricing-title{grid-column:1/-1}
  .pricing-card{
    position:relative;left:auto;top:auto;
    width:100%;height:230px;padding:20px
  }
  .pricing-card--3{grid-column:1/-1}
  .pricing-card h3{font-size:19px;line-height:25px}
  .pricing-value{font-size:48px;margin-top:30px}
  .pricing-note{font-size:17px;line-height:23px}
  .pricing-cta{
    position:relative;left:auto;top:auto;
    margin-top:16px;height:46px;border-radius:23px;
    font-size:10.5px
  }
  .pricing-cta--primary{width:100%;justify-content:center;padding-left:0}
  .pricing-cta--secondary{width:100%;justify-content:center;padding-left:0}
  .pricing-cta img{position:static;width:14px;height:9px;margin-right:8px}

  /* 10 */
  .extra-control-list{position:static;width:100%}
  .extra-control-row{
    width:100%;height:auto;min-height:92px;padding:25px 0
  }
  .extra-control-num,.extra-control-text,.extra-control-note{
    top:26px;font-size:17px;line-height:23px
  }
  .extra-control-text{
    left:68px;width:360px;white-space:normal
  }
  .extra-control-note{
    left:auto;right:0;width:260px;white-space:normal
  }

  /* 11 */
  .application-form{
    position:static;
    display:grid;grid-template-columns:1fr 1fr;
    gap:28px 20px
  }
  .form-field,.comment-field,.file-control,.consent,.submit-btn{
    position:relative !important;
    left:auto !important;top:auto !important;
    transform:none !important
  }
  .form-field{width:100% !important;height:66px}
  .form-field label,.comment-field label{font-size:14px}
  .form-field input{height:38px;font-size:16px}
  .comment-field{
    grid-column:1/-1;width:100% !important;height:105px
  }
  .file-control{
    grid-column:1/-1;justify-self:center;width:240px !important;height:58px
  }
  .file-icon{width:56px;height:56px}
  .file-copy{left:62px;font-size:14px}
  .file-copy small{font-size:12px}
  .consent{
    grid-column:1/-1;justify-self:center;
    width:auto !important;font-size:14px
  }
  .submit-btn{
    grid-column:1/-1;justify-self:center;
    width:360px !important;height:48px;border-radius:24px
  }

  /* 12 */
  .contacts{
    display:grid;grid-template-columns:40% 60%;gap:25px
  }
  .contacts-title{grid-column:1/-1}
  .contacts-shield,.contacts-list,.contacts-footer{
    position:relative;left:auto;top:auto;right:auto;bottom:auto
  }
  .contacts-shield{
    width:90%;height:auto;margin:25px auto 0
  }
  .contacts-list{width:100%}
  .contact-row{width:100%;height:60px}
  .contact-row a,.contact-row span{
    top:15px;font-size:14px;line-height:20px;padding-right:20px
  }
  .contacts-footer{
    grid-column:1/-1;
    height:auto;margin-top:35px;
    display:grid;grid-template-columns:1fr auto 1fr;
    gap:16px;font-size:12px;line-height:18px
  }
  .contacts-legal,.contacts-copy,.contacts-dev{
    position:static;transform:none
  }
  .contacts-dev{text-align:right}
}


/* =========================================================
   MOBILE 393 — dedicated adaptation
   Target viewport: 393px
   ========================================================= */
@media (max-width: 599px){
  html,body{
    width:100%;
    min-width:0;
    overflow-x:hidden;
    background:#EEEFF4;
  }

  .hero,.problem,.solution,.why-us,.process,.regulation,.risks,
  .responsibility,.pricing,.extra-control,.application,.contacts{
    width:100%;
    margin:0;
  }

  /* HERO */
  .hero{
    height:690px;
    padding:0 16px;
  }

  .brand{
    left:16px;
    top:14px;
    width:132px;
    height:auto;
  }

  .nav-pill,
  .phone-pill{
    display:none;
  }

  .header-cta{
    left:auto;
    right:16px;
    top:14px;
    width:141px;
    height:40px;
    border-radius:20px;
    font-size:8.7px;
  }

  .header-cta img{
    left:17px;
    top:15px;
    width:12px;
    height:8px;
  }

  .hero-title{
    left:16px;
    top:130px;
    width:361px;
    height:auto;
    font-size:36px;
    line-height:43px;
    letter-spacing:-1px;
  }

  .hero-title span{
    height:auto;
    white-space:normal;
  }

  .hero-subtitle{
    left:16px;
    top:365px;
    width:355px;
    font-size:14px;
    line-height:20px;
  }

  .hero-subtitle br{
    display:none;
  }

  .hero-main-cta{
    left:16px;
    top:470px;
    width:361px;
    height:46px;
    border-radius:23px;
    padding-left:46px;
    font-size:9.8px;
    white-space:nowrap;
  }

  .hero-main-cta img{
    left:22px;
    top:18px;
    width:13px;
    height:9px;
  }

  .hero-tag{
    left:16px;
    top:646px;
    width:350px;
    font-size:8.5px;
    line-height:11px;
    white-space:normal;
  }

  /* SHARED SECTIONS */
  .problem,.solution,.why-us,.process,.regulation,.risks,
  .responsibility,.pricing,.extra-control,.application,.contacts{
    position:relative;
    height:auto !important;
    padding:48px 16px;
    overflow:visible;
  }

  .problem-title,.solution-title,.why-us-title,.process-title,.regulation-title,
  .risks-title,.responsibility-title,.pricing-title,.extra-control-title,
  .application-title,.contacts-title{
    position:static;
    margin:0 0 28px;
    font-size:34px;
    line-height:1.08;
  }

  /* 02 PROBLEM */
  .problem{
    display:block;
  }

  .problem-lead{
    position:static;
    width:auto;
    margin:0 0 28px;
    font-size:17px;
    line-height:25px;
    white-space:normal;
  }

  .problem-card{
    position:relative;
    left:auto;
    top:auto;
    width:100%;
    height:168px;
    margin-bottom:12px;
    padding:18px;
    border-radius:5px;
  }

  .problem-card:last-child{
    margin-bottom:0;
  }

  .problem-number{
    font-size:17px;
    line-height:21px;
  }

  .problem-card-text{
    left:18px;
    bottom:18px;
    max-width:320px;
    font-size:18px;
    line-height:25px;
  }

  /* 03 SOLUTION */
  .solution-lead{
    position:static;
    margin:0 0 22px;
    font-size:17px;
    line-height:25px;
    white-space:normal;
  }

  .solution-row{
    position:relative;
    left:auto;
    top:auto;
    width:100%;
    height:auto;
    min-height:94px;
    padding:24px 0 22px;
  }

  .solution-num{
    position:static;
    display:block;
    margin-bottom:10px;
    font-size:16px;
    line-height:20px;
  }

  .solution-text{
    position:static;
    display:block;
    width:100%;
    font-size:17px;
    line-height:24px;
    white-space:normal;
  }

  .solution-row::after{
    width:100%;
  }

  /* 04 / 07 CARDS */
  .why-us,
  .risks{
    display:block;
  }

  .why-card,
  .risk-card{
    position:relative;
    left:auto;
    top:auto;
    width:100%;
    height:auto;
    min-height:0;
    margin-bottom:12px;
    padding:18px;
    border-radius:5px;
  }

  .why-card:last-child,
  .risk-card:last-child{
    margin-bottom:0;
  }

  .why-num,
  .risk-num{
    margin-bottom:28px;
    font-size:18px;
    line-height:22px;
  }

  .why-card h3,
  .risk-card h3{
    margin-bottom:16px;
    font-size:22px;
    line-height:28px;
  }

  .why-card p,
  .risk-card p{
    max-width:none;
    font-size:16px;
    line-height:24px;
  }

  .why-card p br,
  .risk-card p br{
    display:none;
  }

  /* 05 PROCESS */
  .process-list{
    position:static;
    width:100%;
  }

  .process-row{
    width:100%;
    height:auto;
    min-height:112px;
    padding:22px 0;
  }

  .process-num,
  .process-owner,
  .process-copy{
    position:static;
    display:block;
  }

  .process-num{
    margin-bottom:7px;
    font-size:15px;
    line-height:19px;
  }

  .process-owner{
    width:auto;
    margin-bottom:8px;
    font-size:15px;
    line-height:19px;
  }

  .process-copy{
    font-size:17px;
    line-height:24px;
    white-space:normal;
  }

  /* 06 REGULATION */
  .regulation-total{
    position:static;
    margin:0 0 24px;
    font-size:17px;
    line-height:23px;
  }

  .regulation-table{
    position:static;
    width:100%;
  }

  .regulation-row{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:18px;
    width:100%;
    height:auto;
    min-height:64px;
    padding:17px 0;
  }

  .regulation-label,
  .regulation-days{
    position:static;
    font-size:15px;
    line-height:22px;
    white-space:normal;
  }

  .regulation-label{
    max-width:245px;
  }

  .regulation-days{
    flex:none;
    font-weight:600;
  }

  /* 08 RESPONSIBILITY */
  .responsibility{
    display:block;
  }

  .responsibility-card{
    position:relative;
    left:auto;
    top:auto;
    width:100%;
    height:auto;
    min-height:0;
    margin-bottom:12px;
    padding:18px;
  }

  .responsibility-card:last-child{
    margin-bottom:0;
  }

  .responsibility-card h3{
    margin-bottom:26px;
    font-size:15px;
    line-height:20px;
  }

  .responsibility-card p{
    margin-bottom:16px;
    font-size:18px;
    line-height:25px;
    white-space:normal;
  }

  /* 09 PRICING */
  .pricing{
    display:block;
  }

  .pricing-card{
    position:relative;
    left:auto;
    top:auto;
    width:100%;
    height:auto;
    min-height:190px;
    margin-bottom:12px;
    padding:18px;
  }

  .pricing-card h3{
    font-size:18px;
    line-height:24px;
  }

  .pricing-value{
    margin-top:26px;
    font-size:44px;
    line-height:1;
  }

  .pricing-note{
    margin-top:14px;
    font-size:16px;
    line-height:22px;
  }

  .pricing-cta{
    position:relative;
    left:auto;
    top:auto;
    width:100%;
    height:46px;
    margin-top:12px;
    border-radius:23px;
    justify-content:center;
    padding-left:0;
    font-size:9.7px;
  }

  .pricing-cta img{
    position:static;
    width:13px;
    height:9px;
    margin-right:8px;
  }

  /* 10 EXTRA CONTROL */
  .extra-control-list{
    position:static;
    width:100%;
  }

  .extra-control-row{
    width:100%;
    height:auto;
    min-height:0;
    padding:22px 0;
  }

  .extra-control-num,
  .extra-control-text,
  .extra-control-note{
    position:static;
    display:block;
  }

  .extra-control-num{
    margin-bottom:8px;
    font-size:15px;
    line-height:19px;
  }

  .extra-control-text{
    margin-bottom:8px;
    font-size:17px;
    line-height:24px;
    white-space:normal;
  }

  .extra-control-note{
    font-size:15px;
    line-height:22px;
    white-space:normal;
  }

  /* 11 FORM */
  .application{
    padding-bottom:58px;
  }

  .application-form{
    position:static;
    display:block;
  }

  .form-field,
  .comment-field,
  .file-control,
  .consent,
  .submit-btn{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    width:100% !important;
    transform:none !important;
  }

  .form-field{
    height:64px;
    margin-bottom:22px;
  }

  .form-field label,
  .comment-field label{
    font-size:13px;
    line-height:18px;
  }

  .form-field input{
    height:38px;
    font-size:15px;
  }

  .comment-field{
    height:110px;
    margin-bottom:28px;
  }

  .comment-field textarea{
    height:82px;
    font-size:15px;
  }

  .file-control{
    display:block;
    width:235px !important;
    height:58px;
    margin:0 0 28px;
  }

  .file-icon{
    width:54px;
    height:54px;
  }

  .file-copy{
    left:60px;
    top:7px;
    font-size:13px;
    line-height:18px;
  }

  .file-copy small{
    font-size:11px;
    line-height:16px;
  }

  .consent{
    display:flex;
    align-items:flex-start;
    gap:10px;
    width:100% !important;
    height:auto;
    margin-bottom:28px;
    font-size:13px;
    line-height:19px;
    white-space:normal;
  }

  .consent input{
    flex:none;
    width:18px;
    height:18px;
  }

  .submit-btn{
    height:48px;
    border-radius:24px;
    font-size:10px;
  }

  /* 12 CONTACTS */
  .contacts{
    display:block;
  }

  .contacts-shield{
    position:relative;
    left:auto;
    top:auto;
    width:230px;
    height:auto;
    margin:10px auto 34px;
    display:block;
  }

  .contacts-list{
    position:relative;
    left:auto;
    top:auto;
    width:100%;
  }

  .contact-row{
    width:100%;
    height:58px;
  }

  .contact-row a,
  .contact-row span{
    top:14px;
    padding-right:22px;
    font-size:13px;
    line-height:19px;
  }

  .contact-row::after{
    top:16px;
    width:7px;
    height:7px;
  }

  .contacts-footer{
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    height:auto;
    margin-top:38px;
    font-size:11px;
    line-height:17px;
  }

  .contacts-legal,
  .contacts-copy,
  .contacts-dev{
    position:static;
    transform:none;
    margin-bottom:10px;
    white-space:normal;
  }

  .contacts-dev{
    text-align:left;
  }
}


/* Production responsive behavior:
   viewport width is detected automatically by the browser. */
html { scroll-behavior: smooth; }
img { max-width: 100%; }

/* Intermediate widths remain fluid instead of requiring a manual mode switch. */
@media (min-width: 1441px) and (max-width: 1919px) {
  body { overflow-x: hidden; }
}


/* =========================================================
   MOTION SYSTEM — subtle, corporate, performance-friendly
   ========================================================= */

/* Reveal animation */
.motion-reveal{
  opacity:0;
  transform:translateY(18px);
  transition:
    opacity .65s cubic-bezier(.22,.61,.36,1),
    transform .65s cubic-bezier(.22,.61,.36,1);
}
.motion-reveal.is-visible{
  opacity:1;
  transform:translateY(0);
}

/* Slight stagger for cards / rows */
.motion-delay-1{transition-delay:.06s}
.motion-delay-2{transition-delay:.12s}
.motion-delay-3{transition-delay:.18s}
.motion-delay-4{transition-delay:.24s}

/* Buttons */
.hero-main-cta,
.header-cta,
.pricing-cta,
.submit-btn{
  transition:
    transform .22s ease,
    opacity .22s ease,
    background-color .22s ease,
    box-shadow .22s ease;
}
.hero-main-cta:hover,
.header-cta:hover,
.pricing-cta:hover,
.submit-btn:hover{
  transform:translateY(-2px);
}
.hero-main-cta:active,
.header-cta:active,
.pricing-cta:active,
.submit-btn:active{
  transform:translateY(0) scale(.985);
}

/* Cards */
.problem-card,
.why-card,
.risk-card,
.responsibility-card,
.pricing-card{
  transition:
    transform .28s ease,
    box-shadow .28s ease;
}
.problem-card:hover,
.why-card:hover,
.risk-card:hover,
.responsibility-card:hover,
.pricing-card:hover{
  transform:translateY(-4px);
  box-shadow:0 12px 28px rgba(4,27,68,.08);
}

/* Process: one-time timeline sweep */
.process-list{
  position:relative;
}
.process-list::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:2px;
  height:0;
  background:#182F58;
  opacity:.65;
  transition:height 1.4s cubic-bezier(.22,.61,.36,1);
}
.process-list.process-animated::before{
  height:100%;
}

/* Mobile: reduce hover-like movement */
@media (max-width:599px){
  .problem-card:hover,
  .why-card:hover,
  .risk-card:hover,
  .responsibility-card:hover,
  .pricing-card:hover{
    transform:none;
    box-shadow:none;
  }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto !important}
  .motion-reveal,
  .motion-reveal.is-visible,
  .hero-main-cta,
  .header-cta,
  .pricing-cta,
  .submit-btn,
  .problem-card,
  .why-card,
  .risk-card,
  .responsibility-card,
  .pricing-card,
  .process-list::before{
    transition:none !important;
    animation:none !important;
    transform:none !important;
  }
  .motion-reveal{opacity:1 !important}
  .process-list::before{height:100% !important}
}


/* =========================================================
   V22 — visual alignment fixes
   1) Process numbers are centered on the timeline and row text.
   2) "Знакомая ситуация?" card copy is never clipped.
   ========================================================= */

/* Fix card text clipping caused by inherited top + bottom values */
.problem-card-text{
  top:auto;
  bottom:22px;
}

/* Process — number centered both in its column and vertically in the row */
@media (min-width:600px){
  .process-list::before{
    left:30px;
  }

  .process-num{
    left:0;
    width:60px;
    text-align:center;
    z-index:2;
  }

  .process-num,
  .process-owner,
  .process-copy{
    top:50%;
    transform:translateY(-50%);
  }
}

/* Laptop 1366 */
@media (min-width:1025px) and (max-width:1440px){
  .problem-card-text{
    top:auto;
    bottom:17px;
  }

  .process-list::before{
    left:21px;
  }

  .process-num{
    width:42px;
  }

  .process-owner{
    left:58px;
  }

  .process-copy{
    left:205px;
  }
}

/* Tablet 768 */
@media (min-width:600px) and (max-width:1024px){
  .problem-card-text{
    top:auto;
    bottom:18px;
  }

  .process-list::before{
    left:20px;
  }

  .process-num{
    left:0;
    width:40px;
    text-align:center;
  }

  .process-owner{
    left:58px;
  }

  .process-copy{
    left:198px;
  }
}

/* Mobile uses stacked process rows: timeline line is unnecessary there */
@media (max-width:599px){
  .problem-card-text{
    top:auto;
    bottom:18px;
  }

  .process-list::before{
    display:none;
  }
}


/* V23 — remove the vertical line from Process on all screen sizes */
.process-list::before{
  display:none !important;
  content:none !important;
}


/* V24 accessibility: invisible until keyboard focus */
.skip-link{
  position:fixed;
  left:12px;
  top:12px;
  z-index:9999;
  padding:10px 14px;
  background:#fff;
  color:#041B44;
  text-decoration:none;
  transform:translateY(-160%);
}
.skip-link:focus{transform:translateY(0)}


/* V25 form production */
.hp-field{
  position:absolute !important;
  left:-9999px !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
}
.submit-btn:disabled{
  opacity:.65;
  cursor:wait;
}


/* =========================================================
   V26 — FLUID DESKTOP BRIDGE 1441–1919
   Smoothly bridges approved 1366/laptop geometry to 1920 desktop.
   No transform:scale(), no zoom.
   ========================================================= */
@media (min-width:1441px) and (max-width:1919px){
  html,body{width:100%;min-width:0;overflow-x:hidden}
  body{background:#EEEFF4}
  .hero,.problem,.solution,.why-us,.process,.regulation,.risks,
  .responsibility,.pricing,.extra-control,.application,.contacts{
    width:100%;
    margin:0;
  }
  .hero{
    height:calc(56.250000vw - 130.0000px);
  }
  .problem{
    height:calc(45.625000vw - 116.0000px);
  }
  .solution{
    height:calc(51.041667vw - 130.0000px);
  }
  .why-us{
    height:calc(42.083333vw - 108.0000px);
  }
  .process{
    height:calc(63.125000vw - 162.0000px);
  }
  .regulation{
    height:calc(50.000000vw - 130.0000px);
  }
  .risks{
    height:calc(45.625000vw - 116.0000px);
  }
  .responsibility{
    height:calc(39.166667vw - 102.0000px);
  }
  .pricing{
    height:calc(42.083333vw - 108.0000px);
  }
  .extra-control{
    height:calc(31.250000vw - 80.0000px);
  }
  .application{
    height:calc(63.125000vw - 162.0000px);
  }
  .contacts{
    height:calc(53.958333vw - 139.0000px);
  }
  .brand{
    left:calc(2.500000vw - 8.0000px);
    top:calc(1.250000vw - 4.0000px);
    width:calc(13.958333vw - 35.0000px);
    height:calc(3.541667vw - 8.0000px);
  }
  .nav-pill{
    left:calc(40.833333vw - 106.0000px);
    top:calc(1.458333vw - 5.0000px);
    width:calc(45.208333vw - 114.0000px);
    height:calc(3.333333vw - 10.0000px);
    border-radius:calc(1.666667vw - 5.0000px);
  }
  .nav-pill a{
    height:calc(3.333333vw - 10.0000px);
    font-size:calc(0.791667vw - 2.2000px);
  }
  .phone-pill{
    left:calc(87.291667vw - 224.0000px);
    top:calc(1.458333vw - 5.0000px);
    width:calc(11.041667vw - 27.0000px);
    height:calc(3.333333vw - 10.0000px);
    border-radius:calc(1.666667vw - 5.0000px);
    font-size:calc(0.791667vw - 2.2000px);
  }
  .header-cta{
    left:calc(99.583333vw - 255.0000px);
    top:calc(1.458333vw - 5.0000px);
    width:calc(13.333333vw - 33.0000px);
    height:calc(3.333333vw - 10.0000px);
    border-radius:calc(1.666667vw - 5.0000px);
    font-size:calc(0.791667vw - 2.2000px);
  }
  .header-cta img{
    left:calc(1.875000vw - 5.0000px);
    top:calc(1.250000vw - 3.0000px);
    width:calc(1.041667vw - 2.0000px);
    height:calc(0.625000vw + 0.0000px);
  }
  .hero-title{
    left:calc(2.500000vw - 8.0000px);
    top:calc(11.875000vw - 28.0000px);
    width:calc(64.583333vw - 160.0000px);
    height:calc(23.541667vw - 60.0000px);
    font-size:calc(5.000000vw - 14.0000px);
    line-height:calc(5.833333vw - 14.0000px);
    letter-spacing:calc(-0.145833vw + 0.3500px);
  }
  .hero-title span{
    height:calc(5.833333vw - 14.0000px);
  }
  .hero-subtitle{
    left:calc(2.500000vw - 8.0000px);
    top:calc(36.875000vw - 94.0000px);
    width:calc(45.625000vw - 116.0000px);
    font-size:calc(1.208333vw - 3.2000px);
    line-height:calc(1.666667vw - 4.0000px);
  }
  .hero-main-cta{
    left:calc(2.500000vw - 8.0000px);
    top:calc(42.291667vw - 109.0000px);
    width:calc(26.041667vw - 66.0000px);
    height:calc(3.333333vw - 10.0000px);
    border-radius:calc(1.666667vw - 5.0000px);
    padding-left:calc(3.541667vw - 9.0000px);
    font-size:calc(0.833333vw - 2.0000px);
  }
  .hero-main-cta img{
    left:calc(1.875000vw - 4.0000px);
    top:calc(1.250000vw - 3.0000px);
    width:calc(1.041667vw - 2.0000px);
    height:calc(0.625000vw + 0.0000px);
  }
  .hero-tag{
    left:calc(2.500000vw - 8.0000px);
    top:calc(53.750000vw - 137.0000px);
    font-size:calc(0.833333vw - 2.0000px);
    line-height:calc(1.041667vw - 3.0000px);
  }
  .problem-title{
    left:calc(2.500000vw - 8.0000px);
    top:calc(5.416667vw - 14.0000px);
    font-size:calc(4.166667vw - 12.0000px);
  }
  .solution-title{
    left:calc(2.500000vw - 8.0000px);
    top:calc(5.416667vw - 14.0000px);
    font-size:calc(4.166667vw - 12.0000px);
  }
  .why-us-title{
    left:calc(2.500000vw - 8.0000px);
    top:calc(5.416667vw - 14.0000px);
    font-size:calc(4.166667vw - 12.0000px);
  }
  .process-title{
    left:calc(2.500000vw - 8.0000px);
    top:calc(5.416667vw - 14.0000px);
    font-size:calc(4.166667vw - 12.0000px);
  }
  .regulation-title{
    left:calc(2.500000vw - 8.0000px);
    top:calc(5.416667vw - 14.0000px);
    font-size:calc(4.166667vw - 12.0000px);
  }
  .risks-title{
    left:calc(2.500000vw - 8.0000px);
    top:calc(5.416667vw - 14.0000px);
    font-size:calc(4.166667vw - 12.0000px);
  }
  .responsibility-title{
    left:calc(2.500000vw - 8.0000px);
    top:calc(5.416667vw - 14.0000px);
    font-size:calc(4.166667vw - 12.0000px);
  }
  .pricing-title{
    left:calc(2.500000vw - 8.0000px);
    top:calc(5.416667vw - 14.0000px);
    font-size:calc(4.166667vw - 12.0000px);
  }
  .extra-control-title{
    left:calc(2.500000vw - 8.0000px);
    top:calc(5.416667vw - 14.0000px);
    font-size:calc(4.166667vw - 12.0000px);
  }
  .application-title{
    left:calc(2.500000vw - 8.0000px);
    top:calc(5.416667vw - 14.0000px);
    font-size:calc(4.166667vw - 12.0000px);
  }
  .contacts-title{
    left:calc(2.500000vw - 8.0000px);
    top:calc(3.750000vw + 10.0000px);
    font-size:calc(4.166667vw - 12.0000px);
  }
  .problem-lead{
    left:calc(2.500000vw - 8.0000px);
    top:calc(11.875000vw - 28.0000px);
    font-size:calc(1.562500vw - 4.0000px);
    line-height:calc(3.125000vw - 22.0000px);
  }
  .problem-card{
    top:calc(21.875000vw - 30.0000px);
    width:calc(26.875000vw - 68.0000px);
    height:calc(13.125000vw - 32.0000px);
    border-radius:calc(0.208333vw + 1.0000px);
  }
  .problem-card--1{
    left:calc(2.500000vw - 8.0000px);
  }
  .problem-card--2{
    left:calc(30.208333vw - 76.0000px);
  }
  .problem-card--3{
    left:calc(58.125000vw - 148.0000px);
  }
  .problem-card--4{
    left:calc(86.041667vw - 220.0000px);
  }
  .problem-number{
    font-size:calc(1.562500vw - 4.0000px);
    line-height:calc(1.875000vw - 5.0000px);
  }
  .problem-card-text{
    left:calc(1.041667vw + 2.0000px);
    bottom:calc(1.041667vw + 2.0000px);
    font-size:calc(1.562500vw - 4.0000px);
    line-height:calc(0.625000vw + 17.0000px);
  }
  .solution-lead{
    left:calc(2.500000vw - 8.0000px);
    top:calc(12.083333vw - 32.0000px);
    font-size:calc(1.562500vw - 4.0000px);
    line-height:calc(1.875000vw - 5.0000px);
  }
  .solution-row{
    left:calc(2.500000vw - 8.0000px);
    width:calc(110.416667vw - 280.0000px);
    height:calc(5.625000vw - 16.0000px);
  }
  .solution-row--1{
    top:calc(16.458333vw - 43.0000px);
  }
  .solution-row--2{
    top:calc(22.083333vw - 59.0000px);
  }
  .solution-row--3{
    top:calc(27.500000vw - 71.0000px);
  }
  .solution-row--4{
    top:calc(33.125000vw - 87.0000px);
  }
  .solution-row--5{
    top:calc(38.541667vw - 99.0000px);
  }
  .solution-num{
    top:calc(2.291667vw - 7.0000px);
    font-size:calc(1.312500vw - 3.2000px);
    line-height:calc(1.666667vw - 5.0000px);
  }
  .solution-text{
    left:calc(6.041667vw - 16.0000px);
    top:calc(2.291667vw - 7.0000px);
    font-size:calc(1.312500vw - 3.2000px);
    line-height:calc(1.666667vw - 5.0000px);
  }
  .solution-row::after{
    width:calc(110.416667vw - 280.0000px);
  }
  .why-card{
    top:calc(16.875000vw - 44.0000px);
    width:calc(36.250000vw - 94.0000px);
    height:calc(18.125000vw - 48.0000px);
    border-radius:calc(0.208333vw + 1.0000px);
    padding:calc(1.458333vw - 4.0000px);
  }
  .why-card--1{
    left:calc(2.500000vw - 8.0000px);
  }
  .why-card--2{
    left:calc(39.583333vw - 102.0000px);
  }
  .why-card--3{
    left:calc(76.666667vw - 196.0000px);
  }
  .why-num{
    font-size:calc(1.562500vw - 4.0000px);
    line-height:calc(1.875000vw - 5.0000px);
  }
  .why-card h3{
    font-size:calc(1.666667vw - 4.0000px);
    line-height:calc(2.083333vw - 6.0000px);
  }
  .why-card p{
    font-size:calc(1.312500vw - 3.2000px);
    line-height:calc(1.875000vw - 5.0000px);
    max-width:calc(31.250000vw - 80.0000px);
  }
  .process-list{
    left:calc(2.500000vw - 8.0000px);
    top:calc(11.875000vw - 31.0000px);
    width:calc(110.416667vw - 280.0000px);
  }
  .process-row{
    width:calc(110.416667vw - 280.0000px);
    height:calc(5.000000vw - 14.0000px);
  }
  .process-num{
    top:calc(1.666667vw - 4.0000px);
    font-size:calc(1.312500vw - 3.2000px);
    line-height:calc(1.666667vw - 5.0000px);
    width:calc(3.750000vw - 12.0000px);
  }
  .process-owner{
    top:calc(1.666667vw - 4.0000px);
    font-size:calc(1.312500vw - 3.2000px);
    line-height:calc(1.666667vw - 5.0000px);
    left:calc(7.083333vw - 44.0000px);
    width:calc(11.458333vw - 30.0000px);
  }
  .process-copy{
    top:calc(1.666667vw - 4.0000px);
    font-size:calc(1.312500vw - 3.2000px);
    line-height:calc(1.666667vw - 5.0000px);
    left:calc(19.375000vw - 74.0000px);
  }
  .regulation-total{
    left:calc(2.500000vw - 8.0000px);
    top:calc(11.875000vw - 30.0000px);
    font-size:calc(1.562500vw - 4.0000px);
    line-height:calc(1.875000vw - 5.0000px);
  }
  .regulation-table{
    left:calc(2.500000vw - 8.0000px);
    top:calc(16.041667vw - 41.0000px);
    width:calc(110.416667vw - 280.0000px);
  }
  .regulation-row{
    width:calc(110.416667vw - 280.0000px);
    height:calc(3.541667vw - 10.0000px);
  }
  .regulation-label{
    top:calc(1.041667vw - 3.0000px);
    font-size:calc(1.208333vw - 3.2000px);
    line-height:calc(1.458333vw - 4.0000px);
  }
  .regulation-days{
    top:calc(1.041667vw - 3.0000px);
    font-size:calc(1.208333vw - 3.2000px);
    line-height:calc(1.458333vw - 4.0000px);
  }
  .risk-card{
    top:calc(16.875000vw - 44.0000px);
    width:calc(36.250000vw - 94.0000px);
    height:calc(20.416667vw - 52.0000px);
    border-radius:calc(0.208333vw + 1.0000px);
    padding:calc(1.458333vw - 4.0000px);
  }
  .risk-card--1{
    left:calc(2.500000vw - 8.0000px);
  }
  .risk-card--2{
    left:calc(39.583333vw - 102.0000px);
  }
  .risk-card--3{
    left:calc(76.666667vw - 196.0000px);
  }
  .risk-num{
    font-size:calc(1.562500vw - 4.0000px);
    line-height:calc(1.875000vw - 5.0000px);
  }
  .risk-card h3{
    font-size:calc(1.666667vw - 4.0000px);
    line-height:calc(2.083333vw - 6.0000px);
  }
  .risk-card p{
    font-size:calc(1.312500vw - 3.2000px);
    line-height:calc(1.875000vw - 5.0000px);
    max-width:calc(31.875000vw - 82.0000px);
  }
  .responsibility-card{
    top:calc(16.250000vw - 42.0000px);
    width:calc(54.791667vw - 140.0000px);
    height:calc(18.125000vw - 48.0000px);
    border-radius:calc(0.208333vw + 1.0000px);
    padding:calc(1.458333vw - 4.0000px);
  }
  .responsibility-card--ours{
    left:calc(2.500000vw - 8.0000px);
  }
  .responsibility-card--client{
    left:calc(58.125000vw - 148.0000px);
  }
  .responsibility-card h3{
    font-size:calc(1.312500vw - 3.2000px);
    line-height:calc(1.666667vw - 5.0000px);
  }
  .responsibility-card p{
    font-size:calc(1.666667vw - 4.0000px);
    line-height:calc(2.083333vw - 6.0000px);
  }
  .pricing-card{
    top:calc(16.250000vw - 42.0000px);
    width:calc(36.250000vw - 94.0000px);
    height:calc(16.875000vw - 44.0000px);
    border-radius:calc(0.208333vw + 1.0000px);
  }
  .pricing-card--1{
    left:calc(2.500000vw - 8.0000px);
  }
  .pricing-card--2{
    left:calc(39.583333vw - 102.0000px);
  }
  .pricing-card--3{
    left:calc(76.666667vw - 196.0000px);
  }
  .pricing-card h3{
    font-size:calc(1.562500vw - 4.0000px);
    line-height:calc(1.875000vw - 5.0000px);
  }
  .pricing-value{
    font-size:calc(4.166667vw - 12.0000px);
  }
  .pricing-card--3 .pricing-value{
    margin-top:calc(2.291667vw - 6.0000px);
  }
  .pricing-note{
    font-size:calc(1.312500vw - 3.2000px);
    line-height:calc(1.458333vw - 4.0000px);
  }
  .pricing-cta{
    top:calc(35.416667vw - 90.0000px);
    height:calc(3.333333vw - 10.0000px);
    border-radius:calc(1.666667vw - 5.0000px);
    font-size:calc(0.833333vw - 2.0000px);
  }
  .pricing-cta img{
    width:calc(1.041667vw - 2.0000px);
    height:calc(0.625000vw + 0.0000px);
  }
  .pricing-cta--primary{
    left:calc(2.500000vw - 8.0000px);
    width:calc(15.625000vw - 40.0000px);
    padding-left:calc(2.708333vw - 8.0000px);
    gap:calc(0.625000vw - 1.0000px);
  }
  .pricing-cta--secondary{
    left:calc(19.166667vw - 48.0000px);
    width:calc(24.791667vw - 62.0000px);
    padding-left:calc(1.875000vw - 4.0000px);
    gap:calc(0.833333vw - 4.0000px);
  }
  .extra-control-list{
    left:calc(2.500000vw - 8.0000px);
    top:calc(13.541667vw - 35.0000px);
    width:calc(110.416667vw - 280.0000px);
  }
  .extra-control-row{
    width:calc(110.416667vw - 280.0000px);
    height:calc(5.625000vw - 13.0000px);
  }
  .extra-control-num{
    top:calc(1.666667vw - 5.0000px);
    font-size:calc(1.312500vw - 3.2000px);
    line-height:calc(1.666667vw - 5.0000px);
  }
  .extra-control-text{
    top:calc(1.666667vw - 5.0000px);
    font-size:calc(1.312500vw - 3.2000px);
    line-height:calc(1.666667vw - 5.0000px);
    left:calc(6.041667vw - 16.0000px);
  }
  .extra-control-note{
    top:calc(1.666667vw - 5.0000px);
    font-size:calc(1.312500vw - 3.2000px);
    line-height:calc(1.666667vw - 5.0000px);
  }
  .form-field{
    height:calc(3.750000vw - 8.0000px);
  }
  .form-field--name{
    left:calc(2.500000vw - 8.0000px);
    top:calc(13.333333vw - 36.0000px);
    width:calc(54.375000vw - 140.0000px);
  }
  .form-field--phone{
    left:calc(58.750000vw - 152.0000px);
    top:calc(13.333333vw - 36.0000px);
    width:calc(54.166667vw - 136.0000px);
  }
  .form-field--email{
    left:calc(2.500000vw - 8.0000px);
    top:calc(18.958333vw - 48.0000px);
    width:calc(54.375000vw - 140.0000px);
  }
  .form-field--org{
    left:calc(58.750000vw - 152.0000px);
    top:calc(18.958333vw - 48.0000px);
    width:calc(54.166667vw - 136.0000px);
  }
  .form-field label{
    font-size:calc(0.937500vw - 2.0000px);
    line-height:calc(1.250000vw - 4.0000px);
  }
  .comment-field label{
    font-size:calc(0.937500vw - 2.0000px);
    line-height:calc(1.250000vw - 4.0000px);
  }
  .form-field input{
    height:calc(2.291667vw - 6.0000px);
    font-size:calc(1.041667vw - 2.0000px);
  }
  .comment-field{
    left:calc(2.500000vw - 8.0000px);
    top:calc(25.000000vw - 66.0000px);
    width:calc(110.416667vw - 280.0000px);
    height:calc(6.458333vw - 17.0000px);
  }
  .comment-field textarea{
    height:calc(4.583333vw - 13.0000px);
    font-size:calc(1.041667vw - 2.0000px);
  }
  .file-control{
    left:calc(50.625000vw - 130.0000px);
    top:calc(33.541667vw - 86.0000px);
    width:calc(15.833333vw - 39.0000px);
    height:calc(3.750000vw - 10.0000px);
  }
  .file-icon{
    width:calc(3.541667vw - 8.0000px);
    height:calc(3.541667vw - 8.0000px);
  }
  .file-copy{
    left:calc(3.958333vw - 10.0000px);
    top:calc(0.416667vw + 0.0000px);
    font-size:calc(0.937500vw - 2.0000px);
    line-height:calc(1.250000vw - 4.0000px);
  }
  .file-copy small{
    font-size:calc(0.833333vw - 2.0000px);
    line-height:calc(1.041667vw - 2.0000px);
  }
  .consent{
    left:calc(45.625000vw - 118.0000px);
    top:calc(39.166667vw - 100.0000px);
    gap:calc(0.625000vw - 1.0000px);
    height:calc(1.458333vw - 4.0000px);
    font-size:calc(0.937500vw - 2.0000px);
    line-height:calc(1.250000vw - 4.0000px);
  }
  .consent input{
    width:calc(1.250000vw - 4.0000px);
    height:calc(1.250000vw - 4.0000px);
  }
  .submit-btn{
    left:calc(44.583333vw - 114.0000px);
    top:calc(42.916667vw - 109.0000px);
    width:calc(26.250000vw - 68.0000px);
    height:calc(3.333333vw - 10.0000px);
    border-radius:calc(1.666667vw - 5.0000px);
    font-size:calc(0.791667vw - 2.2000px);
  }
  .contacts-shield{
    left:calc(14.166667vw - 37.0000px);
    top:calc(12.291667vw - 31.0000px);
    width:calc(26.458333vw - 68.0000px);
    height:calc(30.625000vw - 78.0000px);
  }
  .contacts-list{
    left:calc(54.375000vw - 139.0000px);
    top:calc(12.916667vw - 32.0000px);
    width:calc(50.416667vw - 129.0000px);
  }
  .contact-row{
    width:calc(50.416667vw - 129.0000px);
    height:calc(4.375000vw - 10.0000px);
  }
  .contact-row a{
    top:calc(1.041667vw - 4.0000px);
    font-size:calc(0.937500vw - 2.0000px);
    line-height:calc(1.250000vw - 4.0000px);
  }
  .contact-row span{
    top:calc(1.041667vw - 4.0000px);
    font-size:calc(0.937500vw - 2.0000px);
    line-height:calc(1.250000vw - 4.0000px);
  }
  .contact-row::after{
    top:calc(1.041667vw - 4.0000px);
    width:calc(0.416667vw + 0.0000px);
    height:calc(0.416667vw + 0.0000px);
  }
  .contacts-footer{
    left:calc(2.500000vw - 8.0000px);
    right:calc(2.500000vw - 8.0000px);
    bottom:calc(6.041667vw - 14.0000px);
    height:calc(1.666667vw - 4.0000px);
    font-size:calc(0.937500vw - 2.0000px);
    line-height:calc(1.250000vw - 4.0000px);
  }

  .nav-pill a{
    padding:0 clamp(11.8px, 1.12vw, 16px);
  }
  .pricing-cta--primary{
    padding-left:clamp(31px, 2.15vw, 40px);
    gap:clamp(8px, .55vw, 10px);
  }
  .pricing-cta--secondary{
    padding-left:clamp(23px, 1.55vw, 30px);
    gap:clamp(8px, .55vw, 10px);
  }
}


/* V27: unresolved privacy-policy URL remains intentionally non-clickable until CMS URL is confirmed */
.nav-pill .nav-pending{
  height:54px;
  padding:0 16.5px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:"Onest",Arial,sans-serif;
  font-size:13px;
  line-height:1;
  font-weight:400;
  color:#A3B8D0;
  white-space:nowrap;
  cursor:default;
}
.contacts-legal .legal-pending{
  color:#7B7B7B;
  cursor:default;
}
@media (min-width:1025px) and (max-width:1440px){
  .nav-pill .nav-pending{
    height:38px;
    padding:0 11.8px;
    font-size:9.2px;
  }
}
@media (min-width:1441px) and (max-width:1919px){
  .nav-pill .nav-pending{
    height:clamp(38px,2.8125vw,54px);
    padding:0 clamp(11.8px,1.12vw,16.5px);
    font-size:clamp(9.2px,.6771vw,13px);
  }
}

/* =========================================================
   v30 — exact corporate UI pieces adapted from slf.expert
   Only header/buttons/contacts/back-to-top/comment baseline.
   The landing section design remains unchanged.
   ========================================================= */

/* The process vertical line is intentionally disabled in this landing. */
.process-list::before{display:none !important;content:none !important}

/* Exact arrow geometry from the corporate IconArrow component. */
.button-arrow{display:block;flex:0 0 auto;color:currentColor}

/* Corporate fixed header: same 233×60 logo and full-size controls. */
.site-header{
  position:fixed;
  z-index:1000;
  top:0;
  left:0;
  width:100%;
  background:#041B44;
  transform:translateY(0);
  transition:transform .3s ease;
  animation:slfHeaderIn 1.5s cubic-bezier(.22,.61,.36,1) both;
}
.site-header.header-hidden{transform:translateY(calc(-100% - 1px))}
.site-header-inner{
  position:relative;
  width:100%;
  max-width:1920px;
  height:92px;
  margin:0 auto;
  padding:16px 40px;
  display:flex;
  align-items:center;
  gap:16px;
}
.brand-link{display:block;flex:0 0 auto;width:233px;height:60px}
.site-header .brand{
  position:static;
  display:block;
  width:233px;
  height:60px;
  object-fit:contain;
}
.site-header .nav-pill{
  position:static;
  width:auto;
  height:54px;
  margin-left:auto;
  padding:0 32px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:30px;
  background:rgba(255,255,255,.20);
}
.site-header .nav-pill a{
  height:auto;
  padding:0;
  font-size:14px;
  line-height:1;
  text-transform:uppercase;
  transition:color .5s ease;
}
.site-header .nav-pill a:hover{color:#A3B8D0}
.header-actions{display:flex;align-items:center;gap:20px;flex:0 0 auto}
.site-header .phone-pill,
.site-header .header-cta{
  position:static;
  width:auto;
  height:54px;
  border-radius:999px;
  padding:0 32px;
  font-size:14px;
  line-height:1;
  flex:0 0 auto;
}
.site-header .phone-pill{background:rgba(255,255,255,.20);transition:color .5s ease}
.site-header .phone-pill:hover{color:#A3B8D0}
.site-header .header-cta{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  background:#fff;
  color:#1F1F1F;
}
.site-header .header-cta .button-arrow{position:static;width:18px;height:12px}
.menu-toggle{
  display:none;
  width:60px;
  height:44px;
  padding:0 18px;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.20);
  cursor:pointer;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:6px;
}
.menu-toggle span{display:block;width:18px;height:1.5px;background:#fff;transition:transform .25s ease,opacity .25s ease}
.menu-toggle.is-open span:first-child{transform:translateY(3.75px) rotate(45deg)}
.menu-toggle.is-open span:last-child{transform:translateY(-3.75px) rotate(-45deg)}
.mobile-menu{display:none}
@keyframes slfHeaderIn{from{transform:translateY(-100px);opacity:0}to{transform:translateY(0);opacity:1}}

/* Hero CTA keeps landing copy, but uses the corporate button geometry. */
.hero-main-cta{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  padding:0 32px;
}
.hero-main-cta .button-arrow{position:static;width:18px;height:12px;flex:0 0 auto}
.hero-main-cta span{display:block;white-space:nowrap}

/* Comment text now sits next to the bottom rule, like the other fields. */
.comment-field textarea{
  height:38px !important;
  padding:0 0 8px !important;
  line-height:28px !important;
  overflow:hidden;
}

/* Corporate contacts block translated from FooterComponent.vue. */
.contacts{
  width:100% !important;
  height:auto !important;
  min-height:897px;
  margin:0 !important;
  overflow:visible;
  border-top:0;
  background:#EEEFF4;
}
.contacts-inner{
  width:100%;
  max-width:1920px;
  min-height:897px;
  margin:0 auto;
  padding:200px 40px 20px;
  display:flex;
  flex-direction:column;
  gap:80px;
}
.contacts-title{
  position:static !important;
  margin:0;
  font-size:68px;
  line-height:1;
}
.contacts-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:32px;
}
.contacts-logo-wrap{display:flex;align-items:flex-start;justify-content:center}
.contacts-shield{
  position:static !important;
  width:460px !important;
  height:520px !important;
  object-fit:contain;
}
.contacts-list{
  position:static !important;
  width:100% !important;
  display:flex;
  flex-direction:column;
  gap:40px;
}
.contact-row{
  position:relative;
  width:100% !important;
  height:auto !important;
  min-height:42px;
  padding:10px 0;
  border-top:1px solid #C5C5C9;
  border-bottom:1px solid #C5C5C9;
  display:flex;
  align-items:center;
  justify-content:space-between;
  transition:border-color .5s ease;
}
.contact-row:last-child{border-bottom:1px solid #C5C5C9}
.contact-row a,.contact-row span{
  position:static !important;
  display:block;
  font-size:16px;
  line-height:20px;
  color:#1F1F1F;
  text-decoration:none;
}
.contact-row::after{display:none !important;content:none !important}
.contact-row > i{
  display:block;
  width:6px;
  height:6px;
  margin-left:20px;
  border-radius:50%;
  background:#1F1F1F;
  flex:0 0 auto;
  transition:background-color .5s ease;
}
.contact-row:hover{border-color:#1F1F1F}
.contact-row:hover > i{background:#C5C5C9}
.contact-row a:hover{opacity:1}
.contacts-footer{
  position:static !important;
  width:100%;
  height:auto !important;
  margin-top:auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:32px;
  align-items:center;
  font-size:16px;
  line-height:20px;
  color:#727274;
}
.contacts-legal{
  position:static !important;
  display:flex;
  align-items:center;
  gap:10px;
  white-space:normal;
}
.contacts-legal i{margin:0 !important}
.contacts-copy,.contacts-dev{position:static !important;transform:none !important;white-space:nowrap}
.contacts-copy{justify-self:start}
.contacts-dev{justify-self:end;color:#727274;text-decoration:none}

/* Exact BackToTopButton behavior/geometry from corporate source. */
.back-to-top{
  position:fixed;
  z-index:1100;
  right:16px;
  bottom:16px;
  width:54px;
  height:54px;
  padding:0;
  border:0;
  border-radius:50%;
  background:#041B44;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  transition:opacity .25s ease,transform .25s ease,visibility .25s ease;
}
.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}

/* 1280–1535: this is where the old landing header was visibly too small. */
@media (min-width:1280px) and (max-width:1535px){
  .site-header-inner{padding-left:25px;padding-right:25px}
  .site-header .nav-pill{padding:0 28px;gap:30px}
  .site-header .nav-pill a{font-size:12px}
  .site-header .phone-pill,.site-header .header-cta{height:44px;padding:0 24px;font-size:12px}
  .contacts{min-height:760px}
  .contacts-inner{min-height:760px;padding:120px 25px 20px;gap:60px}
  .contacts-title{font-size:54px}
  .contacts-grid{gap:24px}
  .contacts-shield{width:391px !important;height:442px !important}
  .contacts-list{gap:34px}
  .contact-row a,.contact-row span,.contacts-footer{font-size:16px}
}

/* Tablet: corporate header switches to phone + CTA + burger. */
@media (min-width:640px) and (max-width:1279px){
  .site-header-inner{height:92px;padding:16px 20px}
  .site-header .brand-link,.site-header .brand{width:233px;height:60px}
  .site-header .nav-pill{display:none !important}
  .site-header .header-actions{margin-left:auto;gap:12px}
  .site-header .phone-pill,.site-header .header-cta{display:flex;position:static;width:auto;height:44px;padding:0 20px;font-size:11px}
  .menu-toggle{display:flex}
  .mobile-menu{
    position:absolute;top:92px;left:20px;right:20px;
    padding:18px 20px;border-radius:22px;background:#182F58;
    flex-direction:column;gap:16px;
  }
  .mobile-menu.is-open{display:flex}
  .mobile-menu a{color:#fff;text-decoration:none;font-size:12px}
  .contacts{min-height:0}
  .contacts-inner{min-height:0;padding:80px 20px 20px;gap:40px}
  .contacts-title{font-size:48px}
  .contacts-grid{grid-template-columns:1fr 1fr;gap:16px}
  .contacts-shield{width:356px !important;height:402px !important}
  .contacts-list{gap:20px}
  .contact-row a,.contact-row span{font-size:14px}
  .contacts-footer{grid-template-columns:1fr;gap:20px;font-size:14px;text-align:center}
  .contacts-legal{justify-content:center;flex-wrap:wrap}
  .contacts-copy,.contacts-dev{justify-self:center}
  .back-to-top{width:44px;height:44px}
}

/* Mobile: exact corporate principle — logo + burger, stacked contacts. */
@media (max-width:639px){
  .site-header-inner{height:76px;padding:8px 16px}
  .site-header .brand-link,.site-header .brand{width:233px;height:60px;max-width:calc(100vw - 100px)}
  .site-header .nav-pill,.site-header .phone-pill,.site-header .header-cta{display:none !important}
  .site-header .header-actions{margin-left:auto}
  .menu-toggle{display:flex;width:60px;height:44px}
  .mobile-menu{
    position:absolute;top:76px;left:16px;right:16px;
    padding:18px 20px;border-radius:22px;background:#182F58;
    flex-direction:column;gap:16px;
  }
  .mobile-menu.is-open{display:flex}
  .mobile-menu a{color:#fff;text-decoration:none;font-size:12px}
  .hero-main-cta{gap:8px;padding-left:24px;padding-right:24px}
  .hero-main-cta span{white-space:normal;text-align:left}
  .contacts{min-height:0;padding:0 !important}
  .contacts-inner{min-height:0;padding:60px 16px 20px;gap:20px}
  .contacts-title{font-size:36px}
  .contacts-grid{grid-template-columns:1fr;gap:20px}
  .contacts-logo-wrap{order:1}
  .contacts-shield{width:181px !important;height:204px !important}
  .contacts-list{order:2;gap:18px}
  .contact-row{min-height:40px}
  .contact-row a,.contact-row span{font-size:14px;line-height:18px;padding-right:12px}
  .contacts-footer{grid-template-columns:1fr;gap:20px;margin-top:20px;font-size:14px}
  .contacts-legal{flex-direction:column;align-items:flex-start;gap:10px}
  .contacts-legal i{display:none}
  .contacts-copy,.contacts-dev{justify-self:start}
  .back-to-top{width:44px;height:44px}
}

@media (prefers-reduced-motion:reduce){
  .site-header{animation:none;transition:none}
  .back-to-top{transition:none}
}

/* Corporate footer reveal uses the same 50px upward entrance principle as GSAP source. */
@media (min-width:1280px) and (prefers-reduced-motion:no-preference){
  .contacts .motion-reveal{transform:translateY(50px);transition-duration:.9s}
  .contacts .motion-reveal.is-visible{transform:translateY(0)}
  .contacts .contact-row:nth-child(1){transition-delay:.05s}
  .contacts .contact-row:nth-child(2){transition-delay:.10s}
  .contacts .contact-row:nth-child(3){transition-delay:.15s}
  .contacts .contact-row:nth-child(4){transition-delay:.20s}
  .contacts .contact-row:nth-child(5){transition-delay:.25s}
  .contacts .contact-row:nth-child(6){transition-delay:.30s}
  .contacts .contact-row:nth-child(7){transition-delay:.35s}
}

/* v31 — only hero CTA sizing/alignment fix */
.hero-main-cta{
  width:470px;
  height:64px;
  border-radius:32px;
  padding:0 32px;
  gap:12px;
  justify-content:center;
  box-sizing:border-box;
  line-height:1;
}
.hero-main-cta .button-arrow{
  width:18px;
  height:12px;
  flex:0 0 auto;
}
.hero-main-cta span{
  display:block;
  line-height:1;
  text-align:center;
}

@media (max-width: 1440px) and (min-width: 1025px){
  .hero-main-cta{
    width:350px;
    height:44px;
    border-radius:22px;
    padding:0 24px;
    gap:9px;
    justify-content:center;
  }
  .hero-main-cta .button-arrow{width:14px;height:9px}
}

@media (max-width: 1024px) and (min-width: 769px){
  .hero-main-cta{
    width:370px;
    height:48px;
    border-radius:24px;
    padding:0 24px;
    gap:10px;
    justify-content:center;
  }
  .hero-main-cta .button-arrow{width:14px;height:9px}
}

@media (max-width: 768px){
  .hero-main-cta{
    width:361px;
    height:50px;
    border-radius:25px;
    padding:0 18px;
    gap:9px;
    justify-content:center;
  }
  .hero-main-cta .button-arrow{width:13px;height:9px}
}

/* =========================================================
   v32 — final targeted visual corrections only
   1) regulation day column alignment
   2) contacts footer stays on one row on desktop
   3) hero CTA refined to a compact corporate pill
   Header geometry/design is intentionally untouched.
   ========================================================= */

/* Regulation: keep the duration column at the same visual x-position
   as the approved reference instead of letting the inherited fixed left
   value push it outside intermediate desktop widths. */
@media (min-width:1025px){
  .regulation-row{
    display:grid;
    grid-template-columns:minmax(0, 1fr) 20%;
    align-items:center;
  }
  .regulation-label,
  .regulation-days{
    position:static;
    top:auto;
  }
  .regulation-days{
    left:auto;
    right:auto;
    justify-self:start;
  }
}

/* Contacts legal/copyright/developer row: three independent columns,
   matching the corporate footer reference. */
@media (min-width:1280px){
  .contacts-footer{
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    column-gap:32px;
    align-items:center;
  }
  .contacts-legal{justify-self:start}
  .contacts-copy{justify-self:center}
  .contacts-dev{justify-self:end}
}

/* Hero CTA: same compact pill proportion as the corporate white button,
   while preserving the longer landing-page copy on one centered line. */
@media (min-width:1441px){
  .hero-main-cta{
    width:410px;
    height:58px;
    border-radius:29px;
    padding:0 26px;
    gap:10px;
    justify-content:center;
  }
  .hero-main-cta .button-arrow{
    width:16px;
    height:11px;
  }
  .hero-main-cta span{
    line-height:1;
    text-align:center;
    white-space:nowrap;
  }
}

/* =========================================================
   v34 — targeted responsive fixes approved by client/user
   Only: desktop contacts footer, tablet contacts, mobile process,
   and header hide/show threshold after the hero.
   ========================================================= */

/* Desktop contacts footer: keep legal links / copyright / developer
   visible in one stable row across desktop widths. */
@media (min-width:1025px){
  .contacts-inner{
    padding-bottom:24px;
  }
  .contacts-footer{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;
    column-gap:24px !important;
    align-items:center !important;
    width:100% !important;
    margin-top:auto !important;
    opacity:1;
    visibility:visible;
  }
  .contacts-legal{
    justify-self:start !important;
    display:flex !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    white-space:nowrap !important;
  }
  .contacts-copy{
    justify-self:center !important;
    white-space:nowrap !important;
  }
  .contacts-dev{
    justify-self:end !important;
    white-space:nowrap !important;
  }
}

/* Tablet contacts: preserve the approved two-column composition.
   This override is intentionally isolated from mobile. */
@media (min-width:640px) and (max-width:1024px){
  .contacts-inner{
    padding:72px 24px 24px !important;
    gap:34px !important;
  }
  .contacts-title{
    font-size:48px !important;
  }
  .contacts-grid{
    display:grid !important;
    grid-template-columns:minmax(260px, 44%) minmax(0, 56%) !important;
    align-items:start !important;
    gap:28px !important;
    width:100% !important;
  }
  .contacts-logo-wrap{
    min-width:0 !important;
    justify-content:flex-start !important;
    align-items:flex-start !important;
  }
  .contacts-shield{
    width:min(100%, 330px) !important;
    height:auto !important;
    margin:0 !important;
  }
  .contacts-list{
    width:100% !important;
    min-width:0 !important;
    gap:14px !important;
  }
  .contact-row{
    min-height:50px !important;
    padding:10px 0 !important;
  }
  .contact-row a,
  .contact-row span{
    min-width:0 !important;
    font-size:14px !important;
    line-height:19px !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }
  .contacts-footer{
    grid-template-columns:1fr !important;
    gap:12px !important;
    margin-top:8px !important;
    text-align:center !important;
  }
  .contacts-legal{
    justify-content:center !important;
    flex-wrap:wrap !important;
  }
  .contacts-copy,
  .contacts-dev{
    justify-self:center !important;
  }
}

/* Mobile process: remove excessive vertical air and keep every step text
   inside the content width. The process design/content is unchanged. */
@media (max-width:599px){
  .process-list{
    width:100% !important;
  }
  .process-row{
    width:100% !important;
    min-height:0 !important;
    height:auto !important;
    padding:14px 0 15px !important;
  }
  .process-num,
  .process-owner,
  .process-copy{
    position:static !important;
    left:auto !important;
    top:auto !important;
    width:100% !important;
    max-width:100% !important;
    white-space:normal !important;
  }
  .process-num{
    margin:0 0 3px !important;
    font-size:13px !important;
    line-height:16px !important;
  }
  .process-owner{
    margin:0 0 5px !important;
    font-size:13px !important;
    line-height:16px !important;
  }
  .process-copy{
    margin:0 !important;
    padding:0 !important;
    font-size:15px !important;
    line-height:20px !important;
    overflow-wrap:break-word !important;
  }
}


/* v35 — final targeted fixes only: checkbox, ready submit state, footer baseline. */
.consent input{
  position:relative;
  box-sizing:border-box;
}
.consent input:checked::after{
  content:"";
  position:absolute;
  left:50%;
  top:46%;
  width:9px;
  height:5px;
  margin:0;
  border-left:2px solid #FFFFFF;
  border-bottom:2px solid #FFFFFF;
  transform:translate(-50%,-50%) rotate(-45deg);
  transform-origin:center;
}
.application-form.is-ready .submit-btn:not(:disabled){
  background:#FFFFFF;
  color:#041B44;
}
.contacts-footer{
  margin-bottom:18px;
}
@media (max-width:1279px){
  .contacts-footer{margin-bottom:14px;}
}
@media (max-width:639px){
  .contacts-footer{margin-bottom:10px;}
}

/* v36 — targeted mobile Process fix only.
   A later generic animation rule was resetting .process-list to position:relative,
   which re-activated the desktop top/left offsets on phones. */
@media (max-width:599px){
  .process{
    padding-top:48px !important;
    padding-right:16px !important;
    padding-bottom:48px !important;
    padding-left:16px !important;
    overflow:hidden !important;
  }
  .process-title{
    position:static !important;
    left:auto !important;
    top:auto !important;
    margin:0 0 20px !important;
  }
  .process-list{
    position:static !important;
    left:auto !important;
    top:auto !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    transform:none;
  }
  .process-row{
    box-sizing:border-box !important;
    width:100% !important;
    max-width:100% !important;
    min-height:0 !important;
    height:auto !important;
    padding:14px 0 15px !important;
    overflow:visible !important;
  }
  .process-num,
  .process-owner,
  .process-copy{
    position:static !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
  }
  .process-num{margin:0 0 3px !important;}
  .process-owner{margin:0 0 5px !important;}
  .process-copy{margin:0 !important;padding:0 !important;}
}

/* v37 — approved hero copy hierarchy only. Other sections are untouched. */
.hero-title{
  top:200px;
  width:1500px;
  height:auto;
  font-size:72px;
  line-height:82px;
  letter-spacing:-2px;
}
.hero-question{
  position:absolute;
  left:40px;
  top:405px;
  width:900px;
  margin:0;
  color:#A3B8D0;
  font-size:20px;
  line-height:28px;
  font-weight:400;
}
.hero-subtitle{
  top:453px;
  width:800px;
  font-size:20px;
  line-height:28px;
}
.hero-main-cta{
  top:535px;
  width:410px;
  height:58px;
  border-radius:29px;
}

@media (max-width:1440px) and (min-width:1025px){
  .hero-title{top:150px;left:30px;width:1100px;font-size:54px;line-height:62px;letter-spacing:-1.5px}
  .hero-question{left:30px;top:305px;width:760px;font-size:16px;line-height:23px}
  .hero-subtitle{left:30px;top:344px;width:650px;font-size:16px;line-height:23px}
  .hero-main-cta{left:30px;top:415px;width:390px;height:54px;border-radius:27px}
}

@media (max-width:1024px) and (min-width:640px){
  .hero-title{left:24px;top:150px;width:calc(100% - 48px);font-size:48px;line-height:56px;letter-spacing:-1.3px}
  .hero-question{left:24px;top:300px;width:calc(100% - 48px);font-size:17px;line-height:24px}
  .hero-subtitle{left:24px;top:342px;width:calc(100% - 48px);font-size:17px;line-height:24px}
  .hero-main-cta{left:24px;top:420px;width:410px;height:56px;border-radius:28px}
}

@media (max-width:639px){
  .hero-title{left:16px;top:130px;width:calc(100% - 32px);font-size:34px;line-height:40px;letter-spacing:-.8px}
  .hero-title br{display:none}
  .hero-question{left:16px;top:300px;width:calc(100% - 32px);font-size:14px;line-height:20px}
  .hero-subtitle{left:16px;top:360px;width:calc(100% - 32px);font-size:14px;line-height:20px}
  .hero-subtitle br{display:none}
  .hero-main-cta{left:16px;top:445px;width:calc(100% - 32px);height:48px;border-radius:24px;padding:0 18px;gap:10px;font-size:9.4px}
}

/* v38 — responsive spacing fix for the new hero copy only. */
@media (min-width:640px) and (max-width:1024px){
  .hero-question{
    top:395px;
    max-width:720px;
  }
  .hero-subtitle{
    top:445px;
    max-width:720px;
  }
  .hero-main-cta{
    top:525px;
  }
}

@media (max-width:639px){
  .hero-question{
    top:350px;
  }
  .hero-subtitle{
    top:415px;
  }
  .hero-main-cta{
    top:515px;
  }
}

/* v39 — laptop hero alignment only. Keep question aligned with title/subtitle. */
@media (min-width:1441px) and (max-width:1919px){
  .hero-question{
    left:calc(2.500000vw - 8.0000px);
  }
}

/* v49 — restore the original phone pill dimensions on laptop widths only. */
@media (min-width:1280px) and (max-width:1535px){
  .site-header .phone-pill{
    height:54px;
    padding:0 32px;
    font-size:14px;
  }
}

/* v57 — unify regulation lead typography + improve Why Us card text rhythm. */
/* "Подготовка ответа на запрос таможни — 60 дней!" is descriptive copy,
   so it follows the same scale as other descriptive lead text. */
.regulation-total{
  font-family:"Onest",Arial,sans-serif !important;
  font-size:22px !important;
  line-height:32px !important;
  font-weight:400 !important;
  color:#1F1F1F !important;
  text-transform:none !important;
  letter-spacing:0 !important;
}

/* Give the full text inside all three Why Us cards a calmer, more generous rhythm. */
.why-us .why-card h3{
  margin-bottom:30px !important;
}
.why-us .why-card p{
  line-height:36px !important;
}

@media (max-width:1024px) and (min-width:640px){
  .regulation-total{
    font-size:17px !important;
    line-height:24px !important;
  }
  .why-us .why-card h3{
    margin-bottom:20px !important;
  }
  .why-us .why-card p{
    line-height:28px !important;
  }
}

@media (max-width:639px){
  .regulation-total{
    font-size:15px !important;
    line-height:22px !important;
  }
  .why-us .why-card h3{
    margin-bottom:18px !important;
  }
  .why-us .why-card p{
    line-height:27px !important;
  }
}

/* v59 — form centering: align consent and submit button on the same visual axis. */
@media (min-width:1280px){
  .application .consent{
    left:50% !important;
    transform:translateX(-50%) !important;
  }
  .application .submit-btn{
    left:50% !important;
    transform:translateX(-50%) !important;
  }
}

/* Client corrections 2026-09-23 */
.pricing-download-check{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  font-size:1.15em;
  line-height:1;
  font-weight:700;
}

/* Process — soften only rows 02 / 04 / 06 / 08 / 09 */
.process-row:nth-child(2),
.process-row:nth-child(4),
.process-row:nth-child(6),
.process-row:nth-child(8),
.process-row:nth-child(9) {
  background: rgba(255,255,255,.20) !important;
}

/* Process — softer color for our rows */
.process-list-row--ours {
  background: #526783 !important;
}

/* Desktop — emphasized proposal download button */
@media (min-width:1280px) {
  .pricing-cta--secondary {
    border: 2px solid #182F58 !important;
    font-weight: 600 !important;
    box-shadow: 0 8px 24px rgba(4,27,68,.12) !important;
    transition: transform .25s ease, box-shadow .25s ease !important;
  }

  .pricing-download-check {
    position: relative !important;
    display: inline-block !important;
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px !important;
    border-radius: 50% !important;
    background: #182F58 !important;

    /* hide original ✓ */
    font-size: 0 !important;
    line-height: 0 !important;
  }

  .pricing-download-check::after {
    content: "" !important;
    position: absolute !important;
    left: 9px !important;
    top: 7px !important;
    width: 8px !important;
    height: 12px !important;
    border-right: 2px solid #fff !important;
    border-bottom: 2px solid #fff !important;
    transform: rotate(45deg) !important;
    box-sizing: border-box !important;
  }

  .pricing-cta--secondary:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 30px rgba(4,27,68,.18) !important;
  }
}

@media (min-width:1280px) {
  .pricing-download-check::after {
    left: 50% !important;
    top: 50% !important;
    width: 7px !important;
    height: 11px !important;
    transform: translate(-50%, -58%) rotate(45deg) !important;
    transform-origin: center !important;
  }
}

@media (min-width:1280px) {
  .pricing-download-check::after {
    top: calc(50% - 2px) !important;
  }
}

@media (min-width:1280px) {

  @keyframes heroPersonContainerEnter {
    from {
      opacity: 0;
      transform: translateX(140px);
    }
    to {
      opacity: 1;
      transform: translateX(0);
    }
  }

  .hero-person {
    opacity: 0;
    animation: heroPersonContainerEnter 1.8s cubic-bezier(.16,1,.3,1) .15s forwards !important;
  }

  .hero-person img {
    opacity: 1 !important;
    animation: none !important;
    transform: translateX(40px) !important;
  }
}


/* Hero — text, CTA and person move together */
@media (min-width:1280px) {

  @keyframes heroContentTogetherEnter {
    from {
      opacity: 0;
      transform: translateX(140px);
    }
    to {
      opacity: 1;
      transform: translateX(0);
    }
  }

  .hero-title,
  .hero-question,
  .hero-subtitle,
  .hero-main-cta {
    opacity: 0;
    animation: heroContentTogetherEnter 1.8s cubic-bezier(.16,1,.3,1) .15s forwards !important;
  }
}