/*
Theme Name: Space X Technology Systems
Theme URI: https://spacexuae.com/
Author: Seventh Tech | 7vth.com
Author URI: https://7vth.com/
Description: Premium Space X Technology Systems WordPress theme using the approved graphite and metallic orange visual direction.
Version: 5.2.4
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: spacex-tech
*/
:root{--bg:#11171c;--bg2:#1c252b;--bg3:#283238;--ink:#1a2126;--paper:#f6f7f7;--white:#fff;--text:#edf0f1;--muted:#b8c0c4;--dark:#1c252a;--orange:#e8541d;--orange2:#fb6b26;--line:rgba(255,255,255,.14);--shadow:0 18px 45px rgba(0,0,0,.22);--radius:12px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.58}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;display:block}.sx-container{width:min(1180px,calc(100% - 40px));margin:0 auto}.screen-reader-text{position:absolute;left:-9999px}.sx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:8px;padding:13px 18px;font-size:.9rem;line-height:1;font-weight:850;transition:.2s ease}.sx-btn:hover{transform:translateY(-2px)}.sx-btn--orange{color:#fff;background:linear-gradient(135deg,var(--orange2),var(--orange));box-shadow:0 10px 22px rgba(232,84,29,.27)}.sx-btn--dark{color:#fff;background:#151b20;border-color:#536069}.sx-btn--light{color:#1b2327;background:#fff}.sx-btn--ghost{color:#fff;background:transparent;border-color:rgba(255,255,255,.6)}.sx-eyebrow{display:block;color:var(--orange2);font-weight:900;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.sx-title{margin:7px 0 0;font-size:clamp(1.75rem,3.4vw,2.45rem);line-height:1.12;letter-spacing:-.035em}.sx-title--dark{color:var(--dark)}.sx-section{padding:76px 0}.sx-section-head{text-align:center;margin-bottom:30px}.sx-section-head .line{width:45px;height:3px;margin:14px auto 0;border-radius:4px;background:var(--orange)}
/* Header */
.sx-header{position:sticky;top:0;z-index:100;background:rgba(14,20,24,.97);border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px)}.sx-header-inner{height:80px;display:flex;align-items:center;gap:27px}.sx-logo{flex:0 0 auto}.sx-logo img{width:175px;max-height:60px;object-fit:contain}.sx-nav{margin-left:auto}.sx-nav ul{display:flex;align-items:center;gap:24px;list-style:none;padding:0;margin:0}.sx-nav a{display:block;padding:28px 0 23px;font-size:.9rem;font-weight:760;border-bottom:3px solid transparent}.sx-nav a:hover,.sx-nav .current-menu-item>a,.sx-nav .current_page_item>a{color:#fff;border-color:var(--orange)}.sx-head-actions{display:flex;gap:12px;align-items:center}.sx-phone{font-size:.89rem;font-weight:850;white-space:nowrap}.sx-menu-toggle{display:none;border:0;background:none;color:#fff;font-size:1.55rem;cursor:pointer}
/* Home hero */
.sx-hero{position:relative;min-height:555px;overflow:hidden;background:#11171c}.sx-hero-bg{position:absolute;inset:0;background:url('assets/images/hero-technology.jpg') center/cover no-repeat;filter:saturate(.85) contrast(1.05)}.sx-hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,15,19,.98) 0%,rgba(10,15,19,.94) 37%,rgba(10,15,19,.45) 68%,rgba(10,15,19,.1) 100%)}.sx-hero-inner{position:relative;z-index:1;min-height:555px;padding:58px 0 19px;display:flex;flex-direction:column}.sx-hero-copy{max-width:590px}.sx-kicker{display:inline-block;color:#ff7d43;border:1px solid rgba(250,106,37,.75);border-radius:99px;padding:5px 12px;font-size:.7rem;letter-spacing:.035em;font-weight:900;margin-bottom:15px}.sx-hero h1{margin:0;color:#fff;font-size:clamp(2.75rem,5.4vw,4.85rem);line-height:1.01;letter-spacing:-.06em}.sx-hero h1 .orange{display:block;color:var(--orange2)}.sx-hero p{max-width:520px;color:#e4e7e8;margin:18px 0 23px;font-size:1rem}.sx-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.sx-stat-grid{max-width:760px;margin-top:auto;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(12,18,22,.83);border:1px solid rgba(255,255,255,.17);border-radius:10px;overflow:hidden;backdrop-filter:blur(7px)}.sx-stat{padding:14px 15px;border-right:1px solid rgba(255,255,255,.14);display:flex;gap:10px;align-items:center}.sx-stat:last-child{border:0}.sx-stat-mark{font-size:1.35rem;color:var(--orange2);font-weight:900}.sx-stat b{display:block;font-size:.88rem;line-height:1.15}.sx-stat span{display:block;font-size:.7rem;color:#cbd2d4;margin-top:2px}
/* Services */
.sx-services{background:radial-gradient(circle at 50% 0,#3c474e 0,#2a343a 31%,#1e272d 70%,#151c21 100%);border-top:1px solid rgba(255,255,255,.11);border-bottom:1px solid rgba(255,255,255,.09)}.sx-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1000px;margin:0 auto;gap:16px}.sx-service{min-height:244px;border-radius:9px;position:relative;overflow:hidden;border:1px solid rgba(255,184,142,.42);padding:22px;background:linear-gradient(145deg,rgba(53,62,67,.98),rgba(28,35,40,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 10px 25px rgba(0,0,0,.15);transition:transform .2s,border-color .2s}.sx-service:hover{transform:translateY(-5px);border-color:var(--orange2)}.sx-service:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 0 56%,rgba(0,0,0,.14));pointer-events:none}.sx-service-icon{width:70px;height:70px;border:1px solid rgba(255,255,255,.26);border-radius:50%;display:grid;place-items:center;color:var(--orange2);font-size:2.3rem;background:rgba(12,17,20,.27);box-shadow:inset 0 0 0 7px rgba(255,255,255,.025)}.sx-service h3{margin:20px 0 7px;line-height:1.12;font-size:1.3rem}.sx-service p{font-size:.83rem;color:#d9dfe0;max-width:260px;margin:0}.sx-service .sx-mini-link{position:absolute;left:22px;bottom:20px;color:#ff8e5c;font-size:.78rem;font-weight:900}.sx-service-more{text-align:center;margin-top:24px}
/* Industries */
.sx-industries{background:#f5f6f7;color:var(--dark)}.sx-industry-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.sx-industry{position:relative;min-height:188px;border-radius:9px;overflow:hidden;background:#263036;border:1px solid rgba(30,38,44,.14);box-shadow:0 8px 17px rgba(21,28,32,.1);transition:.2s}.sx-industry:hover{transform:translateY(-4px)}.sx-industry img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.73)}.sx-industry:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,17,20,.08),rgba(10,14,17,.84))}.sx-industry small{position:absolute;z-index:1;left:13px;bottom:41px;text-transform:uppercase;letter-spacing:.07em;font-weight:900;color:#ff9a70;font-size:.57rem}.sx-industry b{position:absolute;z-index:1;left:13px;right:13px;bottom:15px;color:#fff;font-size:.9rem;line-height:1.1}
/* Why projects CTA */
.sx-why{background:linear-gradient(180deg,#151d22,#11171c)}.sx-why-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:0}.sx-why-card{text-align:center;padding:13px 10px;border-right:1px solid rgba(255,255,255,.18)}.sx-why-card:last-child{border:0}.sx-why-icon{display:grid;place-items:center;margin:0 auto 10px;width:43px;height:43px;border-radius:50%;color:var(--orange2);font-size:1.5rem}.sx-why-card h3{font-size:.86rem;margin:0 0 5px}.sx-why-card p{font-size:.72rem;color:#b9c0c2;margin:0}.sx-projects{background:#f5f6f7;color:var(--dark)}.sx-project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.sx-project{background:#fff;border:1px solid rgba(23,30,34,.13);border-radius:10px;overflow:hidden;box-shadow:0 8px 18px rgba(19,25,29,.09)}.sx-project img{width:100%;height:150px;object-fit:cover}.sx-project-body{padding:15px}.sx-project h3{font-size:1rem;margin:0 0 4px}.sx-project p{font-size:.8rem;line-height:1.44;color:#626b70;margin:0}.sx-project small{display:block;color:var(--orange);font-weight:900;margin-top:11px}.sx-cta{background:linear-gradient(120deg,#e6531d,#ff762e)}.sx-cta-inner{min-height:140px;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:30px 40px}.sx-cta-inner:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 91% -18%,rgba(255,255,255,.24),transparent 31%),repeating-linear-gradient(90deg,transparent,transparent 22px,rgba(255,255,255,.05) 23px);pointer-events:none}.sx-cta-copy,.sx-cta-actions{position:relative;z-index:1}.sx-cta h2{max-width:580px;margin:0;color:#fff;font-size:clamp(1.5rem,2.8vw,2.25rem);line-height:1.1}.sx-cta p{margin:7px 0 0;color:#fff}.sx-cta-actions{display:flex;flex-wrap:wrap;gap:11px}
/* Page and service pages */
.sx-page-hero{position:relative;padding:94px 0;overflow:hidden;background:#151d22}.sx-page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,18,22,.97),rgba(12,18,22,.74) 57%,rgba(12,18,22,.2)),url('assets/images/hero-technology.jpg') center/cover no-repeat;filter:saturate(.82)}.sx-page-hero--service:before{background:linear-gradient(90deg,rgba(12,18,22,.97),rgba(12,18,22,.74) 58%,rgba(12,18,22,.28)),var(--sx-service-image) center/cover no-repeat}.sx-page-hero .sx-container{position:relative;z-index:1}.sx-page-hero h1{max-width:780px;margin:8px 0 0;font-size:clamp(2.3rem,4.7vw,4.25rem);line-height:1.04;letter-spacing:-.052em}.sx-page-hero p{max-width:735px;color:#d7dddf;margin:14px 0 0}.sx-prose{background:#f5f6f7;color:#283137;padding:72px 0}.sx-prose .entry-content{max-width:910px}.sx-prose h2{font-size:1.95rem;line-height:1.18;margin:42px 0 13px;color:#1f282d}.sx-prose h3{font-size:1.2rem;margin:25px 0 9px;color:#222b30}.sx-prose p,.sx-prose li{color:#59636a}.sx-prose ul{padding-left:21px}.sx-prose li{margin:7px 0}.sx-prose a{color:var(--orange);font-weight:900}.sx-content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}.sx-content-card{padding:23px;background:#fff;border:1px solid #e0e4e6;border-radius:10px;box-shadow:0 8px 18px rgba(22,29,33,.06)}.sx-content-card h3{margin:0 0 7px}.sx-content-card p{margin:0}.sx-page-actions{margin-top:24px;display:flex;gap:11px;flex-wrap:wrap}.sx-service-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sx-service-list .sx-service{min-height:195px}.sx-service-list .sx-service h3{font-size:1.1rem}.sx-contact-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:25px}.sx-contact-card{background:#fff;border:1px solid #e1e4e6;border-radius:10px;padding:25px}.sx-contact-card h3{margin:0 0 6px}.sx-contact-card p{margin:0;color:#687278}.sx-faq{margin:16px 0;border-top:1px solid #dce0e2}.sx-faq details{border-bottom:1px solid #dce0e2;padding:15px 0}.sx-faq summary{cursor:pointer;color:#273137;font-weight:850}.sx-faq p{margin:9px 0 0}.sx-archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sx-archive-card{background:#fff;border:1px solid #e0e4e6;border-radius:10px;overflow:hidden;box-shadow:0 8px 18px rgba(22,29,33,.07)}.sx-archive-card img{height:180px;width:100%;object-fit:cover}.sx-archive-card-body{padding:18px}.sx-archive-card h2{font-size:1.2rem;margin:0 0 8px}.sx-archive-card p{color:#637078;margin:0}.sx-archive-card a{color:var(--orange);font-weight:900}
/* Footer */
.sx-footer{background:#141b20;border-top:1px solid rgba(255,255,255,.1)}.sx-footer-main{padding:52px 0 35px;display:grid;grid-template-columns:1.5fr 1fr 1.15fr 1.25fr;gap:33px}.sx-footer-logo{width:175px;margin-bottom:16px}.sx-footer p,.sx-footer li{font-size:.82rem;color:#bdc5c7}.sx-footer ul{list-style:none;padding:0;margin:10px 0 0}.sx-footer li{margin:7px 0}.sx-footer h3{margin:0;color:#fff;font-size:.96rem}.sx-footer a:hover{color:#ff8a5b}.sx-footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:16px 0;display:flex;justify-content:space-between;align-items:center;gap:18px;color:#9ba5a9;font-size:.74rem}.sx-footer-bottom a{color:#ff8752;font-weight:850}.sx-wa{position:fixed;right:20px;bottom:20px;z-index:90;width:53px;height:53px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;font-weight:900;border:3px solid #fff;box-shadow:0 8px 19px rgba(0,0,0,.28)}
@media(max-width:1050px){.sx-nav ul{gap:15px}.sx-phone{display:none}.sx-industry-grid{grid-template-columns:repeat(3,1fr)}.sx-why-grid{grid-template-columns:repeat(3,1fr)}.sx-why-card:nth-child(3){border-right:0}.sx-project-grid{grid-template-columns:repeat(2,1fr)}.sx-service-list,.sx-archive-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.sx-container{width:min(100% - 28px,1180px)}.sx-header-inner{height:70px}.sx-logo img{width:150px}.sx-nav{display:none;position:absolute;left:0;right:0;top:70px;background:#12191e;border-bottom:1px solid var(--line)}.sx-nav.is-open{display:block}.sx-nav ul{display:block;padding:8px 18px}.sx-nav a{padding:12px 0;border:0}.sx-menu-toggle{display:block}.sx-head-actions .sx-btn{display:none}.sx-hero,.sx-hero-inner{min-height:610px}.sx-hero-inner{padding-top:48px}.sx-hero-bg{background-position:64% center}.sx-hero-bg:after{background:linear-gradient(90deg,rgba(10,15,19,.98),rgba(10,15,19,.82) 58%,rgba(10,15,19,.48))}.sx-stat-grid{grid-template-columns:repeat(2,1fr);margin-top:38px}.sx-stat:nth-child(2){border-right:0}.sx-stat:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.14)}.sx-section{padding:58px 0}.sx-service-grid{grid-template-columns:repeat(2,1fr)}.sx-industry-grid{grid-template-columns:repeat(2,1fr)}.sx-why-grid{grid-template-columns:repeat(2,1fr)}.sx-why-card:nth-child(3){border-right:1px solid rgba(255,255,255,.18)}.sx-why-card:nth-child(even){border-right:0}.sx-footer-main{grid-template-columns:1fr 1fr}.sx-cta-inner{padding:30px 22px;align-items:flex-start;flex-direction:column}.sx-page-hero{padding:72px 0}.sx-content-grid,.sx-contact-stack{grid-template-columns:1fr}}
@media(max-width:460px){.sx-hero h1{font-size:2.65rem}.sx-service-grid,.sx-project-grid,.sx-service-list,.sx-archive-grid{grid-template-columns:1fr}.sx-industry-grid{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:7px}.sx-industry{flex:0 0 72%;scroll-snap-align:start}.sx-footer-main{grid-template-columns:1fr}.sx-footer-bottom{display:block}.sx-footer-bottom div+div{margin-top:7px}.sx-stat{padding:12px}.sx-stat b{font-size:.9rem}.sx-stat span{font-size:.62rem}}


/* ===== Space X site-wide WhatsApp button readability fix =====
   Loaded last to override inherited / cached link colours. */
body a.sx-btn.sx-btn--orange,
body a.sx-btn.sx-btn--orange:link,
body a.sx-btn.sx-btn--orange:visited,
body a.sx-btn.sx-btn--orange:hover,
body a.sx-btn.sx-btn--orange:focus,
body a.sx-btn.sx-btn--orange:active,
body a.sx-btn[href*="wa.me"],
body a.sx-btn[href*="api.whatsapp.com"],
body .sx-hero-actions a[href*="wa.me"],
body .sx-page-actions a[href*="wa.me"],
body .sx-cta-actions a[href*="wa.me"],
body .sx-head-actions a[href*="wa.me"]{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  text-shadow:none !important;
}
body a.sx-btn.sx-btn--orange *,
body a.sx-btn.sx-btn--orange::before,
body a.sx-btn.sx-btn--orange::after,
body a.sx-btn[href*="wa.me"] *,
body a.sx-btn[href*="wa.me"]::before,
body a.sx-btn[href*="wa.me"]::after,
body .sx-hero-actions a[href*="wa.me"]::before,
body .sx-hero-actions a[href*="wa.me"]::after,
body .sx-page-actions a[href*="wa.me"]::before,
body .sx-page-actions a[href*="wa.me"]::after,
body .sx-cta-actions a[href*="wa.me"]::before,
body .sx-cta-actions a[href*="wa.me"]::after,
body .sx-head-actions a[href*="wa.me"]::before,
body .sx-head-actions a[href*="wa.me"]::after{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  fill:#ffffff !important;
  stroke:#ffffff !important;
}
/* Keep the approved orange WhatsApp treatment consistent wherever the CTA is used. */
body a.sx-btn.sx-btn--orange,
body a.sx-btn[href*="wa.me"].sx-btn--orange{
  background:linear-gradient(135deg,#f26a24 0%,#e94c1b 100%) !important;
  border-color:#f26a24 !important;
}

/* ===== 5.1.2: real project carousel; floating WhatsApp removed ===== */
.sx-wa{display:none!important}.sx-project-intro{max-width:710px;margin:10px auto 0;color:#5f6970}.sx-real-projects{background:#f5f6f7;color:var(--dark)}.sx-project-carousel{position:relative;padding:0 45px}.sx-project-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 15px;scroll-behavior:smooth}.sx-project-track::-webkit-scrollbar{display:none}.sx-real-project-card{flex:0 0 calc((100% - 36px)/3);min-width:0;background:#fff;border:1px solid rgba(25,33,37,.14);border-radius:12px;overflow:hidden;box-shadow:0 9px 21px rgba(21,28,32,.10);scroll-snap-align:start}.sx-real-project-image{position:relative;display:block;height:205px;background:#192126;overflow:hidden}.sx-real-project-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.sx-real-project-card:hover .sx-real-project-image img{transform:scale(1.045)}.sx-real-project-status{position:absolute;top:13px;right:13px;background:#182025;color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:5px 9px;font-size:.68rem;font-weight:900;letter-spacing:.03em;text-transform:uppercase}.sx-real-project-status.is-ongoing{background:#e8541d;border-color:#e8541d}.sx-real-project-body{padding:17px 18px 18px}.sx-real-project-type{color:var(--orange);font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;font-weight:900}.sx-real-project-body h3{color:#1d252a;font-size:1.1rem;line-height:1.18;margin:7px 0 7px}.sx-real-project-body p{margin:0;color:#647077;font-size:.82rem;line-height:1.45}.sx-real-project-link{display:inline-block;margin-top:14px;color:var(--orange);font-size:.8rem;font-weight:900}.sx-carousel-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:34px;height:42px;border:1px solid #b7c0c4;background:#fff;color:#20292f;border-radius:8px;box-shadow:0 5px 14px rgba(0,0,0,.1);font-size:2rem;line-height:1;cursor:pointer}.sx-carousel-btn:hover{color:#fff;background:var(--orange);border-color:var(--orange)}.sx-carousel-prev{left:0}.sx-carousel-next{right:0}.sx-project-viewall{text-align:center;margin-top:4px}.sx-btn--outline-dark{color:#1d252a;background:#fff;border-color:#303b42}.sx-btn--outline-dark:hover{color:#fff;background:#1d252a}.sx-project-archive{background:#f5f6f7}.sx-project-archive-intro{max-width:760px;margin-bottom:28px}.sx-project-archive-intro h2{margin-top:0}.sx-real-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.sx-project-single-image{width:100%;max-width:920px;max-height:520px;object-fit:cover;border-radius:12px;margin:0 0 30px}@media(max-width:1050px){.sx-real-project-card{flex-basis:calc((100% - 18px)/2)}.sx-real-project-grid{grid-template-columns:repeat(2,minmax(0,1fr)}}@media(max-width:640px){.sx-project-carousel{padding:0 34px}.sx-real-project-card{flex-basis:100%}.sx-real-project-grid{grid-template-columns:1fr}.sx-real-project-image{height:195px}.sx-carousel-btn{width:29px;height:38px}.sx-project-track{gap:12px}}


/* ===== v5.2.1 service catalogue order + layout stability ===== */
.sx-service h3{font-size:clamp(1.03rem,1.6vw,1.3rem);overflow-wrap:anywhere}
.sx-archive-card h2{overflow-wrap:anywhere}
.sx-footer-main>div{min-width:0}
.sx-footer li{overflow-wrap:anywhere}
.sx-footer-main ul{max-width:100%}
@media (max-width:780px){.sx-service{min-height:255px}.sx-service h3{font-size:1.12rem}.sx-footer-main{gap:25px}}

/* ===== v5.2.2: service-specific visual assets ===== */
.sx-service-grid--visual{align-items:stretch}
.sx-service--visual{padding:0;overflow:hidden;display:flex;flex-direction:column;min-height:355px;background:#1a2328;border:1px solid rgba(255,117,52,.48)}
.sx-service--visual:hover{transform:translateY(-5px);border-color:#ff792b;box-shadow:0 18px 30px rgba(0,0,0,.23)}
.sx-service-visual{height:160px;display:block;overflow:hidden;background:#10171b;border-bottom:1px solid rgba(255,255,255,.12)}
.sx-service-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(10,15,18,.68));pointer-events:none}
.sx-service-visual{position:relative}
.sx-service-visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease;filter:saturate(.9) contrast(1.05)}
.sx-service--visual:hover .sx-service-visual img{transform:scale(1.045)}
.sx-service-copy{display:flex;flex:1;flex-direction:column;padding:20px 22px 21px}
.sx-service--visual h3{margin:0 0 8px;color:#fff;line-height:1.17}
.sx-service--visual p{margin:0;color:#d4dadd;line-height:1.52;font-size:.88rem}
.sx-service--visual .sx-mini-link{margin-top:auto;padding-top:14px}
.sx-archive-card img[src$=".svg"]{background:#131d22;object-fit:contain;padding:0}
.sx-page-hero--service{position:relative;overflow:hidden;background:#111a20}
.sx-page-hero--service:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,15,18,.96) 0%,rgba(10,15,18,.8) 48%,rgba(10,15,18,.15) 100%),var(--sx-service-image) center/cover no-repeat;z-index:0}
.sx-page-hero--service .sx-container{position:relative;z-index:1}
@media(max-width:780px){.sx-service--visual{min-height:330px}.sx-service-visual{height:145px}}


/* ===== v5.2.3: service card image + layout correction =====
/* All service cards use photographed environments/system images; SVG poster assets are no longer used. */
.sx-archive-grid{align-items:stretch;gap:22px}
.sx-archive-card{min-width:0;display:flex;flex-direction:column;min-height:100%;background:#1b2429;border:1px solid rgba(255,132,78,.52);border-radius:12px;overflow:hidden;box-shadow:0 12px 26px rgba(0,0,0,.18);color:#fff;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.sx-archive-card:hover{transform:translateY(-4px);border-color:#ff6c22;box-shadow:0 19px 34px rgba(0,0,0,.28)}
.sx-archive-card>a:first-child{display:block;position:relative;flex:0 0 auto;height:190px;overflow:hidden;background:#10171b}
.sx-archive-card>a:first-child:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,9,11,.03) 22%,rgba(5,9,11,.7) 100%);pointer-events:none}
.sx-archive-card img,.sx-archive-card img[src$=".svg"]{display:block!important;width:100%!important;height:190px!important;max-width:none!important;object-fit:cover!important;object-position:center!important;background:#10171b!important;padding:0!important;filter:saturate(.9) contrast(1.05)}
.sx-archive-card-body{display:flex;flex:1;min-width:0;flex-direction:column;padding:20px 20px 19px!important;background:linear-gradient(160deg,#283237,#1b2328)}
.sx-archive-card h2{margin:0 0 10px!important;color:#fff!important;font-size:clamp(1.08rem,1.65vw,1.32rem)!important;line-height:1.2!important;overflow-wrap:anywhere}
.sx-archive-card p{margin:0!important;color:#d6dde0!important;font-size:.91rem!important;line-height:1.58!important;overflow-wrap:anywhere}
.sx-archive-card-body>p:last-child{margin-top:auto!important;padding-top:16px!important;line-height:1.2!important}
.sx-archive-card-body>p:last-child a{display:inline-flex!important;align-items:center;gap:6px;color:#ff7b3a!important;font-weight:900!important;white-space:normal!important;position:static!important;transform:none!important}
.sx-archive-card-body>p:last-child a:hover{color:#fff!important}
/* Main homepage cards remain image-led and the CTA remains inside normal document flow. */
.sx-service--visual{min-width:0}
.sx-service--visual .sx-service-copy{min-width:0}
.sx-service--visual .sx-mini-link{position:static!important;display:inline-flex!important;align-items:center;line-height:1.2!important;white-space:normal!important}
@media(max-width:1050px){.sx-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sx-archive-card>a:first-child,.sx-archive-card img,.sx-archive-card img[src$=".svg"]{height:185px!important}}
@media(max-width:600px){.sx-archive-grid{grid-template-columns:1fr}.sx-archive-card>a:first-child,.sx-archive-card img,.sx-archive-card img[src$=".svg"]{height:200px!important}.sx-archive-card-body{padding:18px!important}}


/* ===== v5.2.5: protected service-card dimensions and CTA flow ===== */
.sx-hero-bg{background-image:linear-gradient(90deg,rgba(11,16,20,.94) 0%,rgba(11,16,20,.68) 54%,rgba(11,16,20,.18) 100%),var(--sx-home-hero)!important}
.sx-page-hero--editable:before{background:linear-gradient(90deg,rgba(12,18,22,.97),rgba(12,18,22,.74) 57%,rgba(12,18,22,.2)),var(--sx-page-image) center/cover no-repeat!important}
.sx-service-grid--visual{grid-auto-rows:1fr!important;align-items:stretch!important}
.sx-service--visual{display:flex!important;flex-direction:column!important;min-width:0!important;min-height:390px!important;height:100%!important;position:relative!important}
.sx-service--visual .sx-service-visual{display:block!important;position:relative!important;flex:0 0 172px!important;height:172px!important;overflow:hidden!important}
.sx-service--visual .sx-service-copy{display:flex!important;flex:1 1 auto!important;min-height:0!important;flex-direction:column!important;padding:20px 22px 22px!important}
.sx-service--visual h3{flex:0 0 auto!important;margin:0 0 9px!important}
.sx-service--visual p{flex:0 0 auto!important;margin:0!important;line-height:1.55!important}
.sx-service--visual .sx-mini-link{position:static!important;inset:auto!important;left:auto!important;right:auto!important;bottom:auto!important;display:inline-flex!important;align-items:center!important;width:max-content!important;max-width:100%!important;margin-top:auto!important;padding-top:17px!important;line-height:1.25!important;clear:both!important;transform:none!important;z-index:1!important}
.sx-archive-grid{grid-auto-rows:1fr!important;align-items:stretch!important}
.sx-archive-card{display:grid!important;grid-template-rows:190px minmax(250px,1fr)!important;min-width:0!important;height:100%!important}
.sx-archive-card>a:first-child{height:190px!important}
.sx-archive-card-body{display:flex!important;min-height:250px!important;flex-direction:column!important;min-width:0!important}
.sx-archive-card-body>p{position:static!important;inset:auto!important;flex:0 0 auto!important}
.sx-archive-card .sx-card-cta{position:static!important;inset:auto!important;display:inline-flex!important;align-items:center!important;gap:6px!important;width:max-content!important;max-width:100%!important;margin-top:auto!important;padding-top:18px!important;line-height:1.25!important;color:#ff7b3a!important;font-weight:900!important;text-decoration:none!important;transform:none!important}
.sx-archive-card .sx-card-cta:hover{color:#fff!important}
@media(max-width:780px){.sx-service--visual{min-height:360px!important}.sx-service--visual .sx-service-visual{flex-basis:160px!important;height:160px!important}.sx-archive-card{grid-template-rows:180px minmax(235px,1fr)!important}.sx-archive-card>a:first-child,.sx-archive-card img{height:180px!important}}
@media(max-width:520px){.sx-service--visual{min-height:0!important}.sx-service--visual .sx-service-visual{flex-basis:190px!important;height:190px!important}.sx-archive-card{grid-template-rows:200px auto!important}.sx-archive-card>a:first-child,.sx-archive-card img{height:200px!important}.sx-archive-card-body{min-height:0!important}}