/* v1.2.41: bounded page illustrations; no changes to dedicated service themes or animation engines. */
.responsive-orbit-page .premium-hero-grid>*,.responsive-about-page .premium-hero-grid>*{min-inline-size:0}
.premium-hero-services .premium-hero-visual,.premium-hero-process .premium-hero-visual{height:auto;min-inline-size:0}
.premium-hero-services .service-orbit,.premium-hero-process .process-radar{position:relative;inset:auto;inline-size:100%;max-inline-size:680px;block-size:480px;margin-inline:auto;transform:none}
.premium-hero-services .orbit-item{inline-size:164px;max-inline-size:calc(100% - 32px);min-width:0!important;right:auto!important;bottom:auto!important;font-size:14px!important}
.premium-hero-services .oi1{left:3%!important;top:22%!important}
.premium-hero-services .oi2{left:auto!important;right:3%!important;top:18%!important}
.premium-hero-services .oi3{left:auto!important;right:3%!important;top:auto!important;bottom:22%!important}
.premium-hero-services .oi4{left:3%!important;top:auto!important;bottom:18%!important}
.premium-hero-services .oi5{left:calc(50% - 82px)!important;top:12px!important}
.premium-hero-services .oi6{left:calc(50% - 82px)!important;top:auto!important;bottom:12px!important}
.premium-hero-process .radar-step{inline-size:170px;max-inline-size:calc(100% - 32px);min-width:0!important;right:auto!important;bottom:auto!important}
.premium-hero-process .rs1{left:4%!important;top:16%!important}
.premium-hero-process .rs2{left:calc(50% - 85px)!important;top:12px!important}
.premium-hero-process .rs3{left:auto!important;right:4%!important;top:29%!important}
.premium-hero-process .rs4{left:auto!important;right:10%!important;top:auto!important;bottom:12px!important}
.premium-hero-process .rs5{left:7%!important;top:auto!important;bottom:12px!important}
.responsive-orbit-page :is(.radar-step,.orbit-item),.responsive-about-page main :is(section,.visual-about,.about-flow article,.premium-four article,.about-real-mockup){scroll-margin-block-start:100px}

/* About's panel and mockup participate in layout rather than overflowing a fixed-height crop. */
.premium-hero-about .visual-about{height:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:12px;align-items:start}
.premium-hero-about .about-stage{position:relative;inset:auto;grid-column:1/-1;inline-size:100%;min-inline-size:0;overflow:visible}
.premium-hero-about .about-flow{grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr) 26px minmax(0,1fr)}
.premium-hero-about .about-flow article{min-inline-size:0}
.premium-hero-about .about-workflow-picture{display:block;inline-size:100%;height:auto;margin-top:24px}
.premium-hero-about .about-real-mockup{position:relative;inset:auto;display:block;inline-size:100%;height:auto;max-inline-size:100%;object-fit:contain;border-radius:18px}
.premium-hero-about .float-pill{position:relative;inset:auto;margin-top:16px;max-inline-size:100%;font-size:10px}
.premium-hero-about .pill-a{justify-self:start}
.premium-hero-about .pill-b{justify-self:end}
@media(max-width:1200px){
 .responsive-orbit-page .premium-hero-grid{grid-template-columns:minmax(0,1fr);gap:46px}
}
@media(max-width:900px){
 .premium-hero-services .service-orbit,.premium-hero-process .process-radar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;block-size:auto;padding:18px 0;isolation:isolate}
 .premium-hero-services .orbit-core,.premium-hero-process .radar-core{position:relative;inset:auto;transform:none;grid-column:1/-1;justify-self:center;inline-size:160px;block-size:160px}
 .premium-hero-services .orbit-core-logo img,.premium-hero-process .radar-core-logo img{inline-size:156px;block-size:156px}
 .premium-hero-services .orbit-item,.premium-hero-process .radar-step{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;inline-size:auto;max-inline-size:none;min-width:0!important;min-block-size:56px;padding:14px!important;animation:none;transform:none}
 .premium-hero-services .orbit-item{display:grid;place-items:center;font-size:14px!important}
 .premium-hero-process .radar-step{min-block-size:84px}
 .premium-hero-process .radar-step span{font-size:11px!important}
 .premium-hero-process .radar-step b{font-size:16px!important;line-height:1.2!important}
 .premium-hero-process .rs5{grid-column:1/-1}
 .premium-hero-services .orbit-ring,.premium-hero-process .radar-ring{top:98px;inline-size:210px;block-size:210px}
 .premium-hero-services .ring-two{display:none}
 .premium-hero-services .service-orbit::before,.premium-hero-process .process-radar::before{content:"";position:absolute;left:50%;top:168px;bottom:24px;inline-size:1px;background:#488aca30;z-index:-1}
 .responsive-orbit-page :is(.radar-step,.orbit-item),.responsive-about-page main :is(section,.visual-about,.about-flow article,.premium-four article,.about-real-mockup){scroll-margin-block-start:90px}
}
@media(max-width:760px){
 .premium-hero-about .about-flow{grid-template-columns:minmax(0,1fr);gap:10px}
 .premium-hero-about .about-flow article{display:grid;grid-template-columns:26px minmax(0,1fr);column-gap:10px;align-content:center;min-block-size:76px;padding:14px}
 .premium-hero-about .about-flow article span{grid-column:1;grid-row:1/3;font-size:11px}
 .premium-hero-about .about-flow article b{grid-column:2;margin:0;font-size:15px}
 .premium-hero-about .about-flow article small{grid-column:2;display:block;font-size:12px;line-height:1.5;margin-top:4px}
 .premium-hero-about .about-flow>i{justify-self:center;transform:rotate(90deg);line-height:1}
 .premium-hero-about .about-workflow-picture{margin-top:20px}
}
/* At 320px retain readable labels by dropping only the redundant decorative arrow. */
@media(max-width:340px){
 .home-solutions-page .studio-option{grid-template-columns:20px minmax(0,1fr)}
 .home-solutions-page .studio-option-arrow{display:none}
}