/* Shared homepage type and outer section rhythm. Loaded last; no copy or interaction changes. */
@font-face{font-family:HomepageLexend;src:url('../assets/fonts/Lexend-Regular-d12bc92.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:HomepageLexend;src:url('../assets/fonts/Lexend-SemiBold-8486b64.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
#softlabs-homepage{--home-h2:44px;--home-intro:17px;--home-body:16px}
/* Zero container side padding. Mobile gutters are outside the container. */
#softlabs-homepage .container{padding-left:0!important;padding-right:0!important}
/* !important is deliberately limited to the shared heading scale: legacy
   .pfont rules also use it. Colours, alignment and inner spacing stay section-owned. */
#softlabs-homepage section[data-section] h2:not(dialog h2),
#softlabs-homepage section[data-section="17"] p.pfont,
#softlabs-homepage .formsection .cmn-hdng{
 font-family:HomepageLexend,Arial,sans-serif!important;font-size:var(--home-h2)!important;
 font-weight:600!important;line-height:1.22!important;letter-spacing:-.025em!important;
 font-synthesis:none;text-wrap:balance
}
#softlabs-homepage section[data-section] h2:not(dialog h2) span,
#softlabs-homepage section[data-section="17"] p.pfont span{
 font-family:inherit!important;font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;letter-spacing:inherit!important
}
/* Intro paragraphs share a comfortable reading size. */
#softlabs-homepage #homepage-services .services-heading>p,
#softlabs-homepage #homepage-industries .industry-intro,
#softlabs-homepage #case-explorer .intro,
#softlabs-homepage #tabs .section-heading p,
#softlabs-homepage section[data-section="2"] .sub-txt,
#softlabs-homepage section[data-section="8"] .sub-txt,
#softlabs-homepage section[data-section="14"] .sub-txt{
 font-family:HomepageLexend,Arial,sans-serif;font-size:var(--home-intro);font-weight:400;line-height:1.65;letter-spacing:normal
}
/* Normal copy is never the 12px/300-weight mobile text from legacy rem rules. */
#softlabs-homepage #homepage-services .service-index>.service-item p,
#softlabs-homepage #case-explorer .summary,
#softlabs-homepage section[data-section="8"] .pstep .sub,
#softlabs-homepage section[data-section="17"] .panel-body p,
#softlabs-homepage section[data-section="17"] .panel-body li,
#softlabs-homepage .formsection .vechicleul li{
 font-family:HomepageLexend,Arial,sans-serif;font-size:var(--home-body);font-weight:400;line-height:1.65;letter-spacing:normal
}
#softlabs-homepage #home .home-banner-desc{font-family:HomepageLexend,Arial,sans-serif;font-size:18px;font-weight:400;line-height:1.65}
#softlabs-homepage #home .home-banner-trust{font-weight:400}
#softlabs-homepage section[data-section="2"] .acc-name{font-family:HomepageLexend,Arial,sans-serif;font-size:13px;font-weight:400;line-height:1.45}
#softlabs-homepage section[data-section="8"] .pstep h4{font-family:HomepageLexend,Arial,sans-serif;font-size:20px;font-weight:600;line-height:1.35}
#softlabs-homepage section[data-section="8"] .output{font-family:HomepageLexend,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.5}
#softlabs-homepage section[data-section="8"] .output h6{font-family:inherit;font-size:14px;font-weight:600;line-height:1.4}
#softlabs-homepage section[data-section="13"] .news-ttl{font-family:HomepageLexend,Arial,sans-serif;font-size:18px;font-weight:600;line-height:1.45}
#softlabs-homepage section[data-section="13"] .news-Date{font-family:HomepageLexend,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.5}
#softlabs-homepage section[data-section="17"] .panel-title a{font-family:HomepageLexend,Arial,sans-serif;font-size:17px;font-weight:600;line-height:1.5}
#softlabs-homepage .preview-form-note{font-family:HomepageLexend,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.5}
#softlabs-homepage .formsection .form-field .label{font-size:14px;font-weight:400;line-height:1.4}
#softlabs-homepage .footerbg p,#softlabs-homepage .footer_box ul li a{font-size:14px;font-weight:400;line-height:1.6}
/* Keep expanded copy and controls inside the page after type/gutter changes. */
#softlabs-homepage section[data-section="8"] .pstep{height:auto;min-height:300px;min-width:0}
#softlabs-homepage section[data-section="8"] .pstep .expanded{flex-shrink:0}
@media(min-width:993px){
 #softlabs-homepage section[data-section="8"] .pstep{flex:1 1 0}
 #softlabs-homepage section[data-section="8"] .pstep.is-active{flex:2 1 0}
}
#softlabs-homepage .news-section .owl-prev{left:-16px!important}
#softlabs-homepage .news-section .owl-next{right:-16px!important}
#softlabs-homepage .footerbg .social-media{width:100%;max-width:100%;flex-wrap:wrap;gap:10px}
#softlabs-homepage .footerbg .social-media>a{flex-shrink:0}
#softlabs-homepage .footer-main,#softlabs-homepage #accordion-style-1{padding-left:0;padding-right:0}
#softlabs-homepage .formsection .preview-form-note{color:#563f13!important;background:#fff2d2}
@media(max-width:1100px){#softlabs-homepage{--home-h2:36px}}
@media(max-width:700px){
 #softlabs-homepage{--home-h2:30px;--home-intro:16px}
 #softlabs-homepage #home .home-banner-desc{font-size:16px}
 #softlabs-homepage section[data-section="8"] .pstep h4{font-size:19px}
 #softlabs-homepage section[data-section="13"] .news-ttl{font-size:17px}
}
@media(max-width:575px){#softlabs-homepage .container{width:calc(100% - 36px);max-width:none;margin-left:auto;margin-right:auto}}

/* One shared content edge for left-heading sections, matching Industries.
   Use outside gutters, not heading-only offsets or container side padding.
   Deliberately centred headings keep their existing alignment. */
#softlabs-homepage{--home-side-space:80px;--home-content-width:min(1296px,calc(100% - var(--home-side-space)))}
#softlabs-homepage #homepage-services .wrap,
#softlabs-homepage #homepage-industries .industry-inner,
#softlabs-homepage #case-explorer>.container,
#softlabs-homepage #tabs .stack-inner,
#softlabs-homepage section[data-section="2"] .container,
#softlabs-homepage section[data-section="8"] .container,
#softlabs-homepage section[data-section="16"] .container{
 width:var(--home-content-width);max-width:1296px;margin-left:auto;margin-right:auto
}
/* The explorer previously applied both section padding and inner gutters. */
#softlabs-homepage #case-explorer{padding-left:0;padding-right:0}
@media(max-width:1200px){#softlabs-homepage{--home-side-space:56px}}
@media(max-width:700px){#softlabs-homepage{--home-side-space:36px}}
@media(max-width:360px){#softlabs-homepage{--home-side-space:32px}}

/* Section rhythm: separate the compact white sections from each other.
   Only outside vertical space changes; heading/body gaps and layouts stay intact.
   The lower legacy sections already have 120px / 80px padding, so leave them alone. */
#softlabs-homepage{--home-section-start:96px;--home-section-end:80px}
#softlabs-homepage :is(#homepage-trust,#homepage-services,#case-explorer,#client-reviews,#homepage-industries,#tabs.technology-stack){
 padding-top:var(--home-section-start);padding-bottom:var(--home-section-end)
}
/* The stack used inner padding. Move it outside, rather than doubling the gap. */
#softlabs-homepage #tabs .stack-inner{padding-top:0;padding-bottom:0}
@media(max-width:1100px){#softlabs-homepage{--home-section-start:80px;--home-section-end:64px}}
@media(max-width:700px){#softlabs-homepage{--home-section-start:64px;--home-section-end:56px}}