:root{
  --header-height:72px;
  --page-gutter:40px;
  --section-space:96px;
  --content-gap:48px;
  --control-radius:12px;
  --control-height:48px;
  --control-height-small:44px;
}

html{
  scroll-padding-top:calc(var(--header-height) + 16px);
}

body{
  padding-top:var(--header-height);
}

[id]{
  scroll-margin-top:0!important;
}

.site-header{
  position:fixed!important;
  inset:0 0 auto 0;
  height:var(--header-height);
  z-index:1000;
  background:rgba(250,252,255,.9)!important;
  border-bottom:1px solid rgba(153,171,202,.32)!important;
  box-shadow:0 8px 30px rgba(22,48,91,.08)!important;
  backdrop-filter:saturate(145%) blur(18px)!important;
  -webkit-backdrop-filter:saturate(145%) blur(18px)!important;
}

.header-inner{
  height:100%!important;
}

.shell{
  width:min(1180px,calc(100% - var(--page-gutter)))!important;
}

.section{
  padding-block:var(--section-space)!important;
}

.section-heading{
  margin-bottom:var(--content-gap)!important;
}

.section-heading h2,
.result-intro h2,
.sticky-title h2,
.faq-heading h2{
  text-wrap:balance;
}

.hero.section{
  min-height:auto!important;
  padding-top:56px!important;
  padding-bottom:82px!important;
}

.hero-actions,
.center{
  margin-top:32px;
}

.button{
  min-height:var(--control-height)!important;
  padding:0 22px!important;
  gap:10px!important;
  border:1px solid transparent!important;
  border-radius:var(--control-radius)!important;
  font-size:14px!important;
  line-height:1.15!important;
  font-weight:750!important;
  cursor:pointer;
  transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .16s ease,opacity .2s ease!important;
}

.button.small{
  min-height:var(--control-height-small)!important;
  padding-inline:18px!important;
  font-size:13px!important;
}

.button:hover{
  transform:translateY(-2px)!important;
}

.button:active{
  transform:translateY(0) scale(.98)!important;
  box-shadow:0 7px 18px rgba(33,78,173,.2)!important;
}

:where(a,button,summary):focus-visible{
  outline:3px solid #74a7ff!important;
  outline-offset:3px!important;
}

.button:disabled,
.button[aria-disabled="true"],
.button[aria-busy="true"]{
  opacity:.48!important;
  box-shadow:none!important;
  cursor:not-allowed!important;
  pointer-events:none!important;
  transform:none!important;
  filter:grayscale(.18);
}

.button[aria-busy="true"]:before{
  content:"";
  width:16px;
  height:16px;
  flex:0 0 auto;
  border:2px solid currentColor;
  border-right-color:transparent;
  border-radius:50%;
  animation:v6ButtonSpin .75s linear infinite;
}

@keyframes v6ButtonSpin{to{rotate:360deg}}

.role-tabs button{
  min-height:42px;
  padding:0 20px!important;
  transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,transform .16s ease;
}

.role-tabs button:hover{
  color:var(--blue);
  background:rgba(255,255,255,.72);
}

.role-tabs button:active{
  transform:scale(.97);
}

.role-tabs button:disabled,
.role-tabs button[aria-disabled="true"]{
  opacity:.45;
  cursor:not-allowed;
}

.case-card>a,
.offer-copy>a,
.catalog-button{
  min-height:44px;
  transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .16s ease!important;
}

.case-card>a:active,
.offer-copy>a:active,
.catalog-button:active{
  transform:scale(.98)!important;
}

.slide-row{
  display:grid;
  grid-template-columns:24px minmax(0,1fr) auto;
  align-items:center;
  gap:7px;
  padding:10px 8px;
  border:1px solid #edf0f5;
  border-radius:10px;
  background:#fff;
  color:#657086;
  font-size:9px;
  text-align:left;
}

.slide-row.active{
  border-color:#8db7ff;
  background:#f3f7ff;
  animation:activeSlide 3s ease-in-out infinite;
}

.slide-row i{font-style:normal;color:var(--blue)}
.slide-row b{font-size:9px}
.slide-row span{font-size:7px}

@media(min-width:1440px){
  :root{--section-space:104px;--content-gap:52px}
  .hero.section{padding-top:62px!important;padding-bottom:88px!important}
}

@media(min-width:1280px) and (max-width:1439px){
  :root{--section-space:96px;--content-gap:48px}
}

@media(min-width:1024px) and (max-width:1279px){
  :root{--header-height:70px;--page-gutter:36px;--section-space:88px;--content-gap:44px}
  .hero.section{padding-top:52px!important;padding-bottom:76px!important}
  .section-heading h2{font-size:clamp(38px,4.3vw,50px)!important}
}

@media(min-width:768px) and (max-width:1023px){
  :root{--header-height:68px;--page-gutter:32px;--section-space:80px;--content-gap:40px}
  .hero.section{padding-top:48px!important;padding-bottom:70px!important}
  .section-heading h2{font-size:clamp(36px,5vw,46px)!important}
  .section-heading p,.lead{font-size:16px!important}
}

@media(min-width:430px) and (max-width:767px){
  :root{--header-height:66px;--page-gutter:28px;--section-space:68px;--content-gap:34px;--control-height:46px;--control-height-small:40px}
  .hero.section{padding-top:40px!important;padding-bottom:62px!important}
  .section-heading h2{font-size:34px!important}
  .section-heading p,.lead{font-size:15px!important}
}

@media(min-width:390px) and (max-width:429px){
  :root{--header-height:64px;--page-gutter:24px;--section-space:64px;--content-gap:32px;--control-height:44px;--control-height-small:40px}
  .hero.section{padding-top:36px!important;padding-bottom:58px!important}
  .hero h1{font-size:39px!important}
  .section-heading h2{font-size:32px!important}
  .section-heading p,.lead{font-size:14px!important}
}

@media(max-width:389px){
  :root{--header-height:62px;--page-gutter:20px;--section-space:60px;--content-gap:28px;--control-height:44px;--control-height-small:38px}
  .hero.section{padding-top:32px!important;padding-bottom:54px!important}
  .hero h1{font-size:36px!important}
  .section-heading h2{font-size:30px!important}
  .section-heading p,.lead{font-size:14px!important}
  .brand-v3 img{width:30px!important;height:30px!important}
  .brand-v3>b{font-size:19px!important}
  .header-actions .button{min-width:98px!important;padding-inline:12px!important;font-size:12px!important}
}

@media(max-width:700px){
  .editor-body aside .slide-row{grid-template-columns:18px minmax(0,1fr)}
  .editor-body aside .slide-row span{display:none}
  .role-tabs button{padding-inline:16px!important}
  .free-content{padding-top:44px!important}
}

@media(prefers-reduced-motion:reduce){
  .button,.role-tabs button,.case-card>a,.offer-copy>a,.slide-row{transition:none!important}
  .button[aria-busy="true"]:before,.slide-row.active{animation:none!important}
}