.bitrix-page .studio-bottom nav>a[aria-current=page]{color:#147fe9}
.b24-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:45px;padding-block:44px 65px;overflow:hidden}
.b24-back{display:inline-block;font-size:14px;color:#6b8299;margin-bottom:34px}
.b24-hero .rev-kicker{font-size:14px;letter-spacing:.06em;margin-bottom:22px}
.b24-hero h1{font-size:clamp(44px,4.8vw,70px);font-weight:400;line-height:1.07;letter-spacing:-.055em;margin:0}
.bitrix-page em{font-style:normal;color:#1685e5}
.b24-lead{font-size:19px;line-height:1.75;color:#536c83;max-width:540px;margin:27px 0}
.b24-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px}
.b24-actions>a{font-size:16px;color:#3d5c77;display:flex;gap:15px}
.b24-start{font-size:14px;color:#637f98;margin-top:24px;line-height:1.7}
.b24-visual{position:relative;padding:20px 18px;min-width:0;line-height:1.25}
.b24-orbit{position:absolute;inset:10% -5%;border:1px solid #fff;border-radius:50%;background:radial-gradient(ellipse,#9ad6ff77,transparent 68%);transform:rotate(-25deg);pointer-events:none}
.b24-orbit:before,.b24-orbit:after{content:"";position:absolute;width:32px;height:32px;background:radial-gradient(circle at 30% 25%,white,#8bd5ff 45%,#1689de);border-radius:50%;box-shadow:10px 15px 30px #369ae12b}
.b24-orbit:before{top:12%;left:8%;animation:b24-float 6s ease-in-out infinite}
.b24-orbit:after{bottom:5%;right:7%;width:48px;height:48px;animation:b24-float 7s ease-in-out infinite reverse}
.b24-visual-label{position:relative;text-align:center;color:#5b83a6;font-size:14px;letter-spacing:.06em;margin-bottom:28px}
.b24-visual-label i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#228bea;margin-right:8px}
.b24-source{position:relative;display:flex;align-items:center;gap:15px;padding:18px 22px;background:#ffffffed;border:1px solid white;border-radius:17px;width:82%;margin:auto;box-shadow:0 12px 35px #4f87bb18}
.b24-source>span,.b24-result>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e9f4ff;color:#1582dc;font-size:24px;flex-shrink:0}
.b24-source small{display:block;color:#7189a1;font-size:14px;margin-bottom:5px}
.b24-source strong{font-size:19px;font-weight:500}
.b24-source>b{margin-left:auto;color:#1686e5;font-size:18px}
.b24-connection{height:35px;width:2px;background:#91c9ef;margin:auto;position:relative;overflow:hidden}
.b24-connection i{position:absolute;inset:0;background:linear-gradient(transparent,#1686e5,transparent);animation:b24-flow 2.4s linear infinite}
.b24-board{position:relative;background:#fff;border:1px solid #d2e6f7;border-radius:22px;padding:26px;box-shadow:0 24px 65px #347bb929;transform:rotate(-2deg)}
.b24-board-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.b24-board-head>strong{font-size:29px;font-weight:500;letter-spacing:-1px}
.b24-board-head>strong>span{color:#169ee7}
.b24-status{font-size:14px;padding:6px 10px;background:#e7f8ef;color:#3e8462;border-radius:20px}
.b24-board>p{font-size:14px;color:#6c8194;margin:15px 0 20px}
.b24-pipeline{display:flex;gap:4px;margin-bottom:20px}
.b24-pipeline>span{flex:1;text-align:center;background:#f0f5fa;color:#7791a9;font-size:14px;padding:10px 3px;border-radius:7px}
.b24-pipeline>.active{color:#fff;background:#238ce5}
.b24-client{display:flex;align-items:center;gap:12px;padding:16px 0;border-block:1px solid #edf2f7}
.b24-avatar{display:grid;place-items:center;flex-shrink:0;background:#dfeeff;color:#4385c7;font-size:19px;width:42px;height:42px;border-radius:50%}
.b24-client strong,.b24-task strong,.b24-result strong{font-size:17px;font-weight:500;display:block}
.b24-client div>span,.b24-task small,.b24-result small{display:block;font-size:14px;color:#758ba0;margin-top:6px;line-height:1.6}
.b24-client>b{margin-left:auto;font-size:22px;color:#6b92b5;font-weight:400}
.b24-task{display:flex;align-items:center;gap:12px;margin-top:20px}
.b24-task>span{color:#2a92d7;border:1px solid #a9cee9;border-radius:6px;padding:3px 6px;font-size:16px}
.b24-result{position:relative;display:flex;align-items:center;gap:14px;background:#143d60;color:#fff;margin:18px -8px 0 40px;padding:18px 20px;border-radius:16px;box-shadow:0 12px 30px #244e6d20}
.b24-result>span{background:#ffffff17;color:#8fd2ff}
.b24-result small{color:#b3cce0}
.b24-visual-note{position:relative;text-align:center;color:#6987a1;font-size:14px;margin-top:19px}
.b24-process,.b24-scope,.b24-faq{padding-block:75px;background:#fff}
.b24-section-heading h2,.b24-scope h2,.b24-faq h2{font-size:clamp(34px,3.5vw,48px);font-weight:400;line-height:1.15;letter-spacing:-.045em;margin:22px 0}
.b24-section-heading>p:last-child{font-size:18px;line-height:1.7;color:#637d94;max-width:600px}
.b24-steps{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;gap:30px;padding:0;margin:42px 0 0}
.b24-steps li{border-top:1px solid #cfe1ef;padding-top:23px}
.b24-steps li>span{font-size:14px;color:#238ce5}
.b24-steps h3{font-size:24px;font-weight:400;margin:20px 0 14px}
.b24-steps p,.b24-scope p,.b24-questions p{font-size:17px;line-height:1.8;color:#617a90}
.b24-scope{display:grid;grid-template-columns:1fr 1fr;gap:85px;background:#eef6fd;align-items:center}
.b24-scope>div>p:not(.rev-kicker){margin-bottom:27px;max-width:510px}
.b24-scope-card{padding:35px;background:#fff;border-radius:24px;border:1px solid #deebf6;box-shadow:0 15px 40px #5489b310}
.b24-scope-card h3{font-size:25px;font-weight:400;letter-spacing:-.03em;margin:0 0 25px}
.b24-scope-card ul{list-style:none;padding:0;margin:0}
.b24-scope-card li{font-size:17px;padding:16px 0;border-bottom:1px solid #e7eef5;display:flex;gap:12px;line-height:1.6}
.b24-scope-card li:before{content:"↗";color:#238ce5}
.b24-scope-card>p{font-size:14px!important;margin:20px 0 0!important}
.b24-faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:75px}
.b24-questions details{border-bottom:1px solid #dce7f0}
.b24-questions summary{cursor:pointer;display:flex;justify-content:space-between;gap:25px;padding:24px 0;font-size:21px;line-height:1.5;list-style:none}
.b24-questions summary::-webkit-details-marker{display:none}
.b24-questions summary:after{content:"+";color:#238ce5;font-size:24px;flex-shrink:0}
.b24-questions details[open] summary:after{content:"−"}
.b24-questions p{margin:0 25px 25px 0}
.bitrix-page .rev-button{cursor:pointer}
.bitrix-page .b24-lead{margin:24px 0}
.bitrix-page .b24-start{margin-top:22px}
.bitrix-page .b24-board>p{margin:12px 0 18px}
.bitrix-page .b24-visual-note{margin-top:18px}
.bitrix-page .b24-questions p{margin:0 25px 25px 0}
.bitrix-page .b24-product-logo{display:block;width:164px;max-width:calc(100% - 90px);height:auto;flex-shrink:0}
.b24-product{padding-block:65px;background:#fff}
.b24-product-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:55px;align-items:end}
.b24-product h2{font-size:clamp(32px,3.1vw,44px);font-weight:400;line-height:1.2;letter-spacing:-.045em;margin:20px 0 0}
.b24-product-heading>p{font-size:18px;line-height:1.8;color:#617a90}
.b24-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:35px}
.b24-product-grid article{padding:25px 22px;background:#f1f7fc;border:1px solid #e2edf7;border-radius:19px}
.b24-product-grid article>span{font-size:14px;color:#397da9}
.b24-product-grid h3{font-size:22px;font-weight:400;line-height:1.3;letter-spacing:-.025em;margin:18px 0 15px}
.b24-product-grid p{font-size:16px;line-height:1.8;color:#617a90}
.b24-product-links{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:28px}
.b24-product-links p{font-size:14px;line-height:1.7;color:#617a90;max-width:490px}
.b24-product-links a,.b24-official-link{font-size:16px;color:#1479d7;line-height:1.7}
.b24-product-links>div{display:flex;flex-wrap:wrap;gap:12px 25px}
.b24-official-link{display:inline-block;margin-top:18px}
.cloud-page .contact-intro .b24-provider{font-size:14px!important;line-height:1.8;margin-top:24px}
@media(max-width:1000px){.b24-product-grid{grid-template-columns:1fr 1fr}.b24-product-heading{gap:30px}}
@media(max-width:600px){.b24-product{padding-block:45px}.b24-product-heading{grid-template-columns:1fr;gap:22px}.b24-product-grid{grid-template-columns:1fr;gap:12px;margin-top:25px}.b24-product-grid article{padding:24px}.b24-product-links{align-items:start;flex-direction:column;gap:16px}.b24-product-heading>p{font-size:17px}.b24-product-logo{width:150px}}
@keyframes b24-float{50%{translate:0 -12px}}
@keyframes b24-flow{from{translate:0 -100%}to{translate:0 100%}}
.motion-paused .b24-orbit:before,.motion-paused .b24-orbit:after,.motion-paused .b24-connection i{animation-play-state:paused}
@media(max-width:1100px){.b24-hero{gap:20px}.b24-board{padding:20px}.b24-scope,.b24-faq{gap:40px}.b24-steps{gap:20px}.b24-hero h1{font-size:54px}}
@media(max-width:850px){.b24-hero{grid-template-columns:1fr;padding-top:30px}.b24-hero-copy{max-width:680px}.b24-visual{max-width:560px;width:100%;margin:0 auto}.b24-hero h1{font-size:60px}.b24-steps{grid-template-columns:1fr 1fr}.b24-scope,.b24-faq{grid-template-columns:1fr}.b24-faq{gap:15px}.b24-back{margin-bottom:24px}}
@media(max-width:600px){.b24-hero{padding-block:26px 30px}.b24-hero h1{font-size:43px}.b24-lead{font-size:17px}.b24-hero .rev-kicker{letter-spacing:0;line-height:1.7}.b24-visual{padding:20px 0}.b24-source{width:91%;padding:16px}.b24-visual-label{letter-spacing:0}.b24-board{padding:20px 14px}.b24-client{gap:8px}.b24-client strong,.b24-task strong{font-size:16px}.b24-avatar{width:34px;height:34px}.b24-result{margin-left:15px;margin-right:0;padding:15px}.b24-process,.b24-scope,.b24-faq{padding-block:45px}.b24-steps{grid-template-columns:1fr;gap:25px;margin-top:28px}.b24-steps h3{margin:12px 0}.b24-scope-card{padding:25px 20px}.b24-questions summary{font-size:19px}.b24-questions p{font-size:16px;margin-right:0}}
@media(prefers-reduced-motion:reduce){.b24-orbit:before,.b24-orbit:after,.b24-connection i{animation:none}}