.sm-about-hero{position:relative;overflow:hidden;padding-top:clamp(64px,8vw,118px);padding-bottom:clamp(70px,9vw,132px);background-color:#111!important;background-image:linear-gradient(90deg,#111 0%,#111 42%,rgb(17 17 17 / 96%) 50%,rgb(17 17 17 / 58%) 63%,rgb(17 17 17 / 8%) 82%),url('sofiot-hero-iot.webp')!important;background-position:center,right center;background-repeat:no-repeat;background-size:cover,auto 100%}
.sm-about-hero::after{display:none}
.sm-about-hero-inner,.sm-about-section>*,.sm-about-contact>*{width:min(1500px,100%);max-width:none!important;margin-right:auto!important;margin-left:auto!important}
.sm-about-hero-inner{position:relative;z-index:1}
.sm-about-hero-inner>*{width:min(900px,52%)!important;max-width:52%!important;margin-left:0!important;margin-right:0!important}
.sm-about-hero .sm-eyebrow,.sm-about-section>.sm-eyebrow,.sm-about-dark>.sm-eyebrow,.sm-company-sofiot-card>.sm-eyebrow{color:#f36c21;font-weight:900;letter-spacing:.14em}
.sm-about-hero h1{margin:16px 0 26px!important;font-size:clamp(2.65rem,5.5vw,5rem);line-height:1.02;letter-spacing:-.045em}
.sm-about-lead{max-width:930px!important;margin:0!important;color:#f2f2f2;font-size:clamp(1.18rem,2vw,1.55rem);line-height:1.55}
.sm-about-note{max-width:860px!important;margin:24px 0 0!important;border-left:3px solid #f36c21;padding-left:20px;color:#bcbcbc;font-size:17px;line-height:1.65}
.sm-about-hero .wp-block-buttons{margin-top:34px!important}
.sm-about-hero .is-style-outline>.wp-block-button__link{border-color:#fff;color:#fff}
.sm-about-section>h2{max-width:980px!important;margin:12px auto 18px!important;font-size:clamp(2rem,4vw,3.4rem);line-height:1.08;letter-spacing:-.035em}
.sm-about-section-lead{max-width:900px!important;margin:0 auto!important;color:#68635f;font-size:18px;line-height:1.65}
.sm-about-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:38px!important}
.sm-about-grid>*{width:100%;max-width:none!important;margin:0!important}
.sm-about-card{position:relative;min-height:250px;border:1px solid #ddd8d3;border-radius:12px;background:#fff;padding:28px}
.sm-about-card>*{max-width:none!important;margin-left:0!important;margin-right:0!important}
.sm-about-number{margin:0 0 38px!important;color:#f36c21;font-size:14px;font-weight:900;letter-spacing:.14em}
.sm-about-card h3{margin:0 0 14px!important;font-size:22px;line-height:1.2}
.sm-about-card p:last-child{margin-bottom:0!important;color:#68635f;line-height:1.6}
.sm-about-dark{background:#171717!important;color:#fff}
.sm-about-dark .sm-about-section-lead{color:#bdbdbd}
.sm-about-flow{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:42px!important}
.sm-about-flow>*{width:100%;max-width:none!important;margin:0!important}
.sm-flow-item{position:relative;min-height:190px;border-top:2px solid #f36c21;padding:26px 28px 18px 0}
.sm-flow-item:not(:last-child)::after{position:absolute;top:42px;right:10px;color:#f36c21;font-size:28px;line-height:1;content:"→"}
.sm-flow-item>*{max-width:calc(100% - 30px)!important;margin-left:0!important;margin-right:0!important}
.sm-flow-number{margin:0 0 30px!important;color:#f36c21;font-size:13px;font-weight:900;letter-spacing:.14em}
.sm-flow-item h3{margin:0 0 10px!important;font-size:19px}
.sm-flow-item p:last-child{margin-bottom:0!important;color:#b9b9b9;font-size:15px;line-height:1.5}
.sm-about-callout{max-width:960px!important;margin:38px auto 0!important;border-left:3px solid #f36c21;background:#ffffff0d;padding:18px 22px;color:#ddd}
.sm-about-areas{grid-template-columns:repeat(3,minmax(0,1fr))}
.sm-about-area{min-height:210px;border-top:4px solid #f36c21;border-radius:10px;background:#fff;padding:27px;box-shadow:0 8px 24px rgb(17 17 17 / 4%)}
.sm-about-area>*{max-width:none!important;margin-left:0!important;margin-right:0!important}
.sm-about-area h3{margin:0 0 16px!important;font-size:22px}
.sm-about-area p{margin:0!important;color:#68635f;line-height:1.6}
.sm-about-process{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:38px!important}
.sm-about-process>*{width:100%;max-width:none!important;margin:0!important}
.sm-about-step{min-height:210px;border:1px solid #ddd8d3;border-radius:10px;padding:25px}
.sm-about-step>*{max-width:none!important;margin-left:0!important;margin-right:0!important}
.sm-about-step-number{display:flex;width:38px;height:38px;align-items:center;justify-content:center;margin:0 0 28px!important;border-radius:50%;background:#f36c21;color:#fff;font-size:14px;font-weight:900}
.sm-about-step h3{margin:0 0 12px!important;font-size:21px}
.sm-about-step p:last-child{margin:0!important;color:#68635f;line-height:1.6}
.sm-about-results{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:38px!important}
.sm-about-results>*{width:100%;max-width:none!important;margin:0!important}
.sm-about-result{border-left:3px solid #f36c21;background:#fff;padding:26px}
.sm-about-result>*{max-width:none!important;margin-left:0!important;margin-right:0!important}
.sm-about-result h3{margin:0 0 12px!important;font-size:21px}.sm-about-result p{margin:0!important;color:#68635f;line-height:1.6}
.sm-about-contact{background:#111!important;color:#fff;text-align:center}
.sm-about-contact h2{max-width:900px!important;margin-right:auto!important;margin-left:auto!important;font-size:clamp(2rem,4vw,3.4rem)}
.sm-about-contact>p{max-width:850px!important;margin-right:auto!important;margin-left:auto!important;color:#c6c6c6;font-size:18px;line-height:1.65}
.sm-about-contact>.wp-block-buttons{justify-content:center;margin:30px auto 0!important}
.sm-company-hero{background-image:linear-gradient(90deg,#111 0%,#111 42%,rgb(17 17 17 / 96%) 50%,rgb(17 17 17 / 58%) 63%,rgb(17 17 17 / 8%) 82%),url('company-hero-engineering.webp')!important}
.sm-company-mission{position:relative;max-width:1100px!important;margin:26px auto 0!important;padding:5px 0;color:#333;font-size:clamp(1.25rem,2.3vw,1.75rem);line-height:1.55}
.sm-company-mission::before{position:absolute;top:0;bottom:0;left:-20px;width:4px;background:#f36c21;content:""}
.sm-company-work-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:38px!important}
.sm-company-work-grid>*{width:100%;max-width:none!important;margin:0!important}
.sm-company-work-card{min-height:230px;border-radius:12px;background:#171717;padding:30px;color:#fff}
.sm-company-work-card>*{max-width:none!important;margin-left:0!important;margin-right:0!important}
.sm-company-work-card h3{margin:0 0 18px!important;font-size:23px}.sm-company-work-card p{margin:0!important;color:#c6c6c6;line-height:1.65}
.sm-company-steps{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:38px!important}
.sm-company-steps>*{width:100%;max-width:none!important;margin:0!important}
.sm-company-step{border-top:2px solid #f36c21;padding:24px 14px 5px 0}
.sm-company-step>*{max-width:none!important;margin-left:0!important;margin-right:0!important}
.sm-company-step .sm-about-step-number{background:transparent;border:1px solid #f36c21;color:#f36c21}
.sm-company-step h3{margin:0!important;color:#fff;font-size:18px;line-height:1.35}
.sm-company-sofiot-card{max-width:none!important;border-radius:14px;background:#171717;padding:clamp(28px,5vw,58px);color:#fff}
.sm-company-sofiot-card>*{max-width:960px!important;margin-left:0!important;margin-right:0!important}.sm-company-sofiot-card h2{margin:12px 0 18px!important;font-size:clamp(2.4rem,5vw,4.4rem)}.sm-company-sofiot-card>p:not(.sm-eyebrow){color:#ccc;font-size:18px;line-height:1.65}.sm-company-sofiot-card .wp-block-buttons{margin-top:28px!important}.sm-company-sofiot-card .is-style-outline>.wp-block-button__link{border-color:#fff;color:#fff}
.sm-sofiot-certificate{display:grid!important;grid-template-columns:minmax(210px,.42fr) minmax(0,1fr);gap:clamp(28px,5vw,76px);align-items:center;margin-top:36px!important;border:1px solid #ffffff24;border-radius:16px;background:#ffffff0a;padding:clamp(28px,5vw,58px)}
.sm-sofiot-certificate>*{width:100%;max-width:none!important;margin:0!important}.sm-certificate-number{color:#f36c21;font-size:clamp(2.4rem,5.2vw,5rem);font-weight:900;letter-spacing:-.035em;line-height:1}.sm-certificate-copy h3{margin:0 0 16px!important;font-size:clamp(1.45rem,2.5vw,2.15rem);line-height:1.2}.sm-certificate-copy>p{margin:0!important;color:#c8c8c8;font-size:17px;line-height:1.65}.sm-certificate-copy .wp-block-buttons{margin-top:26px!important}.sm-sofiot-certificate .is-style-outline>.wp-block-button__link{border-color:#fff;color:#fff}
.sm-company-activities{display:grid!important;gap:16px;margin-top:38px!important}.sm-company-activity{display:grid!important;grid-template-columns:90px minmax(0,1fr);gap:28px;align-items:start;border:1px solid #ddd8d3;border-top:3px solid #f36c21;border-radius:10px;background:#fff;padding:27px 30px}.sm-company-activity>*{width:100%;max-width:none!important;margin:0!important}.sm-company-activity-code{color:#f36c21;font-size:18px;font-weight:900;letter-spacing:.08em}.sm-company-activity-copy h3{margin:0 0 12px!important;font-size:22px}.sm-company-activity-copy p{margin:0!important;color:#68635f;line-height:1.65}
.sm-company-languages{display:flex!important;flex-wrap:wrap;gap:12px;margin-top:32px!important}.sm-company-language{width:auto!important;max-width:none!important;margin:0!important;border:1px solid #d7d0ca;border-radius:999px;background:#fff;padding:13px 22px;color:#171717;font-size:18px;font-weight:800}
.sm-company-team-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:38px!important}.sm-company-team-grid>*{width:100%;max-width:none!important;margin:0!important}.sm-company-team-card{min-height:190px;border-left:4px solid #f36c21;border-radius:10px;background:#fff;padding:28px;box-shadow:0 8px 24px rgb(17 17 17 / 4%)}.sm-company-team-card>*{max-width:none!important;margin-left:0!important;margin-right:0!important}.sm-company-team-card h3{margin:0 0 14px!important;font-size:22px}.sm-company-team-card p{margin:0!important;color:#68635f;line-height:1.65}
@media(max-width:1100px){.sm-about-hero-inner>*{width:min(760px,58%)!important;max-width:58%!important}.sm-about-hero h1{font-size:clamp(2.5rem,5.3vw,4.2rem)}.sm-about-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sm-about-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.sm-flow-item:nth-child(3)::after{display:none}.sm-company-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.sm-about-hero{background-image:linear-gradient(90deg,rgb(17 17 17 / 96%),rgb(17 17 17 / 76%)),url('sofiot-hero-iot.webp')!important;background-position:center,66% center;background-size:cover,cover}.sm-company-hero{background-image:linear-gradient(90deg,rgb(17 17 17 / 96%),rgb(17 17 17 / 76%)),url('company-hero-engineering.webp')!important}.sm-about-hero-inner>*{width:100%!important;max-width:760px!important}.sm-about-areas,.sm-about-process,.sm-about-results,.sm-company-work-grid,.sm-company-team-grid{grid-template-columns:1fr}.sm-about-flow{grid-template-columns:1fr}.sm-flow-item{min-height:0;padding-right:0}.sm-flow-item:not(:last-child)::after{top:auto;right:8px;bottom:-2px;transform:rotate(90deg)}.sm-flow-item>*{max-width:none!important}.sm-company-steps{grid-template-columns:1fr}.sm-sofiot-certificate{grid-template-columns:1fr}.sm-company-activity{grid-template-columns:1fr;gap:12px}}
@media(max-width:600px){.sm-about-grid{grid-template-columns:1fr}.sm-about-card{min-height:0}.sm-about-hero::after{display:none}}
@media(prefers-reduced-motion:reduce){.sm-about-hero::after{display:none}}
