/* Readable typography and layout for the selected concept. */
.cloud-page{font-size:16px}
.cloud-page small,.cloud-page .motion-control{font-size:14px}
.cloud-page .hero-intro,.cloud-page .section-opening>p,.cloud-page .service-tile>p,.cloud-page .process-heading>p,.cloud-page .rev-project>p,.cloud-page .rev-focus>div>p:not(.rev-kicker),.cloud-page .rev-contact p:not(.rev-kicker){font-size:16px}
.cloud-page .studio-top{gap:24px}
.cloud-page .studio-brand>span{color:#60758c;line-height:1.5;white-space:nowrap}
.cloud-page .studio-location{font-size:15px}
.cloud-page .studio-location small{color:#657d96}
.cloud-page .studio-phone>a{font-size:20px;white-space:nowrap}
.cloud-page .studio-phone>button{font-size:14px}
.cloud-page .studio-bottom nav{font-size:16px;gap:26px}
.cloud-page .studio-bottom nav>a,.cloud-page .services-menu>summary{white-space:nowrap}
.cloud-page .header-project-button{font-size:16px;gap:20px;white-space:nowrap}
.cloud-page .menu-chevron{display:block;width:20px;height:20px;flex:0 0 20px;margin-left:1px;color:#52749a;transform-origin:center}
.cloud-page .services-grid-icon{display:none}
.cloud-page .services-dropdown{width:680px;max-width:100%}
.cloud-page .services-dropdown strong{font-size:16px}
.cloud-page .services-dropdown small{font-size:14px;color:#687e96}
.cloud-page .services-dropdown>p{font-size:14px;letter-spacing:.06em}
.cloud-page .tile-bottom{gap:16px}
.cloud-page .tile-bottom small{line-height:1.6}
.cloud-page .tile-bottom svg{flex-shrink:0}
.cloud-page .mini-browser{font-size:14px;gap:10px}
.cloud-page .rev-project-title{flex-wrap:wrap;gap:8px 16px}
.cloud-page .other-projects>a{flex-wrap:wrap;gap:10px}
.cloud-page .legal-footer{line-height:1.7}
.cloud-page .legal-footer>div{flex-wrap:wrap}
.cloud-page .module-label{font-size:17px}
.cloud-page .module-piece>span{font-size:18px;letter-spacing:0}
.cloud-page .lead-field input,.cloud-page .lead-field select,.cloud-page .lead-field textarea{font-size:16px}
.cloud-page .lead-dialog .lead-eyebrow{padding-right:15px}
.cloud-page .lead-dialog .lead-submit,.cloud-page .lead-dialog .submit-label{font-size:16px}
.cloud-page .rev-kicker{letter-spacing:.08em}

.bitrix-section{scroll-margin-top:28px;padding:70px 0 55px}
.bitrix-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:55px;align-items:end;margin-bottom:36px}
.bitrix-intro>p{font-size:16px;line-height:1.8;color:#607891;max-width:480px}
.cloud-page .bitrix-intro h2 em{color:#267edf}
.bitrix-dot{height:10px;width:10px;flex-shrink:0;background:#239bdc;border-radius:50%;box-shadow:0 0 0 6px #2897df12}
.bitrix-workspace{display:grid;grid-template-columns:1fr 1.15fr;background:linear-gradient(120deg,#edf7ff,#d5e9fc);border:1px solid #c9def2;border-radius:30px;padding:40px;gap:45px;align-items:center;position:relative}
.bitrix-caption{font-size:14px;letter-spacing:.05em;color:#467aa5;margin-bottom:22px!important}
.bitrix-copy h3{font-size:clamp(27px,2.7vw,39px);font-weight:400;line-height:1.2;letter-spacing:-.035em}
.bitrix-copy>p:not(.bitrix-caption){font-size:16px;line-height:1.8;color:#5d7892;margin:22px 0 28px}
.bitrix-copy .rev-button{font-size:16px;gap:22px}
.bitrix-subnote{display:block;font-size:14px;color:#607d99;margin-top:15px}
.bitrix-demo{background:#fff;border:1px solid #dae7f3;border-radius:22px;padding:26px;box-shadow:0 18px 42px #376c9b12;min-width:0}
.bitrix-demo-heading{display:flex;align-items:center;gap:10px;font-size:14px;color:#55728c;padding-bottom:20px;border-bottom:1px solid #edf2f7}
.bitrix-demo-heading>span:last-child{margin-left:auto;font-size:22px;line-height:1}
.bitrix-live-dot{width:7px;height:7px;flex-shrink:0;background:#3b9ce2;border-radius:50%;box-shadow:0 0 0 4px #edf7ff}
.bitrix-tabs{display:flex;gap:5px;background:#f2f7fc;padding:5px;border-radius:12px;margin:20px 0}
.cloud-page .bitrix-tabs button{font-size:14px;flex:1;min-width:0;border:0;background:transparent;color:#68809a;padding:10px 7px;border-radius:9px;cursor:pointer}
.cloud-page .bitrix-tabs button[aria-selected=true]{background:#2383df;color:white;box-shadow:0 3px 10px #257ede26}
.bitrix-flow{list-style:none;margin:0;padding:0}
.bitrix-flow li{display:flex;gap:15px;align-items:flex-start;position:relative;padding:0 0 25px}
.bitrix-flow li:last-child{padding-bottom:0}
.bitrix-flow li:not(:last-child):before{content:"";position:absolute;left:18px;top:39px;bottom:3px;border-left:1px dashed #c5dcf2}
.bitrix-flow li>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#edf6ff;color:#2684da;font-size:14px;flex-shrink:0}
.bitrix-flow h4{font-size:16px;line-height:1.4;font-weight:500;margin:1px 0 5px}
.bitrix-flow p{font-size:14px;line-height:1.65;color:#6d8298}
.bitrix-demo-note{font-size:14px;line-height:1.65;color:#778da3;border-top:1px solid #e9eff6;padding-top:18px;margin-top:22px!important}
.bitrix-services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:34px}
.bitrix-services article{border-top:1px solid #c4d9ed;padding-top:21px}
.bitrix-services article>span{font-size:14px;color:#3b83bc;letter-spacing:.03em}
.bitrix-services h3{font-size:20px;font-weight:400;line-height:1.35;margin:13px 0 10px}
.bitrix-services p{font-size:14px;line-height:1.8;color:#627b93}
@media(max-width:1200px){
 .cloud-page .studio-location{display:none}
 .cloud-page .studio-bottom nav{gap:18px;font-size:16px}
 .cloud-page .header-project-button{font-size:16px;gap:15px}
 .bitrix-workspace{padding:28px;gap:28px}
 .bitrix-demo{padding:22px}
 .bitrix-services{gap:22px}
}
/* Section backgrounds continue to the viewport edges, with one content grid. */
.cloud-page{background:#fff;--page-gutter:max(55px,calc((100% - 1270px)/2))}
.cloud-page .site-shell{max-width:none;width:100%;margin:0;padding:24px 0 0;border-radius:0;box-shadow:none;background:#eef6fd}
.cloud-page .studio-header{width:calc(100% - 64px);max-width:1300px;margin:0 auto}
.cloud-page .site-shell main>section{padding-inline:var(--page-gutter)}
.cloud-page .rev-hero{background:transparent;padding-bottom:42px}
.cloud-page .rev-hero:before,.cloud-page .rev-process:before{display:none}
.cloud-page .bitrix-section{background:#fff}
.cloud-page .rev-focus{border-radius:0;margin:0;padding-block:60px;background:#ecf4fc}
.cloud-page .rev-contact{border-radius:0;margin:0;padding-block:65px;background:#19232f}
.cloud-page .rev-footer,.cloud-page .legal-footer{padding-inline:var(--page-gutter);background:#fff}
.cloud-page .rev-footer{margin:0}
.cloud-page .legal-footer{padding-bottom:30px}
@media(max-width:1100px){.cloud-page{--page-gutter:38px}}
@media(max-width:800px){.cloud-page{--page-gutter:28px}.cloud-page .studio-header{width:calc(100% - 40px)}}
@media(max-width:600px){
 .cloud-page{--page-gutter:22px}
 .cloud-page .site-shell{padding-top:14px}
 .cloud-page .studio-header{width:calc(100% - 28px);margin-inline:auto}
 .cloud-page .rev-focus{padding-block:35px}
 .cloud-page .rev-contact{padding-block:40px}
 .cloud-page .rev-hero{padding-bottom:30px}
}
@media(min-width:601px) and (max-width:950px){
 .cloud-page .studio-bottom{flex-wrap:wrap}
 .cloud-page .studio-bottom nav{width:100%;justify-content:space-between;gap:14px}
 .cloud-page .header-project-button{margin-left:auto}
 .cloud-page .studio-brand>span{display:none}
 .bitrix-workspace{grid-template-columns:1fr}
 .bitrix-copy>p:not(.bitrix-caption){max-width:620px}
}
@media(max-width:800px){
 .bitrix-intro{grid-template-columns:1fr;gap:22px}
 .bitrix-intro>p{max-width:100%}
 .bitrix-services{grid-template-columns:1fr 1fr}
 .cloud-page .rev-kicker{letter-spacing:.04em}
}
@media(max-width:600px){
 .cloud-page .studio-brand .brand-wordmark{width:165px;height:38px}
 .cloud-page .studio-phone{flex-wrap:wrap;gap:8px 12px}
 .cloud-page .studio-phone>a{font-size:16px}
 .cloud-page .studio-bottom nav{font-size:16px;gap:0}
 .cloud-page .header-project-button{font-size:16px}
 .cloud-page .services-menu>summary{white-space:normal}
 .cloud-page .services-dropdown{padding:10px}
 .cloud-page .services-dropdown>p{letter-spacing:0;font-size:14px}
 .cloud-page .services-dropdown>a{gap:9px}
 .cloud-page .services-dropdown small{font-size:14px}
 .cloud-page .services-dropdown strong{font-size:16px}
 .cloud-page .studio-header{margin-inline:auto}
 .cloud-page .rev-hero h1{font-size:clamp(36px,10.5vw,45px)}
 .cloud-page .rev-kicker{font-size:14px;letter-spacing:0;line-height:1.65}
 .cloud-page .cloud-hero-bottom>span{font-size:14px}
 .cloud-page .cloud-hero-bottom>p{font-size:14px}
 .cloud-page .rev-project-title>span{font-size:14px}
 .cloud-page .module-label{font-size:17px;padding:8px 10px}
 .cloud-page .label-one{left:0}
 .cloud-page .label-two{right:-5px}
 .cloud-page .label-three{right:0}
 .cloud-page .lead-main{padding:42px 20px 25px}
 .cloud-page .lead-main h2{font-size:27px}
 .bitrix-section{padding:45px 0}
 .bitrix-intro{gap:20px;margin-bottom:25px}
 .bitrix-workspace{grid-template-columns:1fr;padding:25px 18px 18px;border-radius:23px;gap:30px;margin-inline:-5px}
 .bitrix-copy h3{font-size:28px}
 .bitrix-copy>p:not(.bitrix-caption){font-size:16px}
 .bitrix-caption{font-size:14px;letter-spacing:0}
 .bitrix-copy .rev-button{width:100%;padding:14px 16px;font-size:16px;gap:10px}
 .bitrix-subnote{line-height:1.6}
 .bitrix-demo{padding:20px 14px;border-radius:17px}
 .bitrix-tabs{gap:2px;padding:4px}
 .cloud-page .bitrix-tabs button{padding:10px 3px;font-size:14px}
 .bitrix-flow li{gap:11px}
 .bitrix-flow h4{font-size:16px}
 .bitrix-services{grid-template-columns:1fr;gap:24px;margin-top:28px}
 .bitrix-services h3{font-size:22px}
 .bitrix-services p{font-size:16px}
}

.bitrix-details-link{display:block;margin-top:20px;color:#1479d7;font-size:16px}
.cloud-page .studio-brand .brand-wordmark,.cloud-page .rev-footer .brand-wordmark{color:#1764b5}
.cloud-page .studio-brand .brand-wordmark>g,.cloud-page .rev-footer .brand-wordmark>g{color:#1685e5}
.cloud-page .back-to-top{position:fixed;right:22px;bottom:max(20px,env(safe-area-inset-bottom));z-index:40;display:flex;align-items:center;gap:8px;min-height:46px;padding:11px 17px;border:1px solid #cce2f5;border-radius:24px;background:#fff;color:#1479d7;box-shadow:0 5px 24px #1a508525;font-size:14px;line-height:1.4;text-decoration:none;transition:background .2s,color .2s}
.cloud-page .back-to-top[hidden]{display:none}
.cloud-page .back-to-top svg{width:20px;height:20px;flex-shrink:0}
.cloud-page .back-to-top:hover{background:#1479d7;color:#fff}
.cloud-page .back-to-top:focus-visible{outline:3px solid #1685e5;outline-offset:4px}
@media(max-width:600px){.cloud-page .back-to-top{right:14px;bottom:max(14px,env(safe-area-inset-bottom));padding:11px 14px}}
.cloud-page .studio-bottom nav>a.bitrix-menu-link{display:flex;align-items:center;flex-shrink:0;min-height:64px}
.bitrix-menu-link img{display:block;width:142px;height:auto;max-width:none}
.bitrix-menu-link:focus-visible{outline:2px solid #1685e5;outline-offset:5px;border-radius:4px}
.cloud-page .additional-sites>h3{font-size:26px;font-weight:400;letter-spacing:-.025em;padding:26px 0}
.cloud-page .additional-sites .other-projects{padding-bottom:18px}
.cloud-page .contact-with-form{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:65px}
.cloud-page .contact-intro{padding-top:25px}
.cloud-page .contact-intro>p:not(.rev-kicker){max-width:450px}
.cloud-page .contact-intro .contact-actions{margin-top:38px;gap:17px}
.cloud-page .contact-intro .contact-phone{font-size:25px!important;font-weight:700}
.cloud-page .contact-with-form .rev-kicker{color:#9dc9ff}
.cloud-page .inline-lead{min-width:0;padding:32px;border-radius:24px;background:#f8fbff;color:#23364a;border:1px solid #dce8f4;box-shadow:0 18px 60px #0002}
.inline-lead [hidden]{display:none!important}
.cloud-page .inline-lead h3{font-size:29px;font-weight:400;line-height:1.2;letter-spacing:-.035em;margin:0}
.cloud-page .contact-with-form .inline-lead .lead-eyebrow{font-size:14px;color:#507eab;margin:0 0 14px}
.cloud-page .contact-with-form .inline-lead #contact-description{font-size:16px;line-height:1.7;color:#637d98;margin:16px 0 24px}
#contact-form{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}
.cloud-page .inline-lead .lead-field input,.cloud-page .inline-lead .lead-field select,.cloud-page .inline-lead .lead-field textarea{background:#fff;font-size:16px}
.cloud-page .inline-lead .consent-row>label{font-size:14px;color:#617993}
.cloud-page .contact-with-form .inline-lead .policy-note,.cloud-page .contact-with-form .inline-lead .lead-footnote{font-size:14px;line-height:1.7;color:#738aa1}
.cloud-page .inline-lead .lead-submit{border:0;border-radius:10px;font-size:16px;cursor:pointer;width:100%;justify-content:space-between;padding:16px 18px}
.cloud-page .inline-lead .submit-label{font-size:16px;line-height:1.5}
.cloud-page .inline-lead .lead-success{min-height:480px}
.cloud-page .contact-with-form .inline-lead .lead-success>p:not(.lead-eyebrow){font-size:16px;line-height:1.8;max-width:340px;color:#637d98}
.cloud-page .contact-with-form .inline-lead .lead-error{font-size:14px;color:#a34730;margin:0}
.cloud-page .inline-lead .lead-done{font-size:16px}
@media(max-width:1100px){
 .cloud-page .contact-with-form{gap:35px}
 .cloud-page .inline-lead{padding:26px}
}
@media(max-width:950px){
 .cloud-page .contact-with-form{grid-template-columns:1fr;gap:32px}
 .cloud-page .contact-intro{padding-top:0}
 #contact-form{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
 .cloud-page .inline-lead{padding:25px 18px;border-radius:20px}
 #contact-form{grid-template-columns:1fr}
 .cloud-page .inline-lead h3{font-size:27px}
 .cloud-page .contact-intro .contact-actions{margin-top:25px}
 .cloud-page .additional-sites>h3{font-size:24px}
 .cloud-page .additional-sites .other-projects a{grid-template-columns:1fr 16px;gap:6px 12px}
 .cloud-page .additional-sites .other-projects a>span{grid-column:1;grid-row:2}
 .cloud-page .additional-sites .other-projects a>b{grid-column:2;grid-row:1/3}
}