/* SHIELD TRACK — Oman after dusk. Final presentation layer, September 2026.
 * No product data, contact behaviour, hero timing or admin settings are changed.
 * Logical spacing keeps the system ready for a future Arabic edition.
 */
:root {
  --sl-ink:#101E25; --sl-deep:#0B161D; --sl-paper:#F6F4EF; --sl-white:#FFFEFB;
  --sl-body:#4E5A5F; --sl-muted:#687276; --sl-line:#DCDDD7;
  --sl-copper:#A34827; --sl-light-copper:#EDB997; --sl-radius:18px;
  --sth-paper:var(--sl-paper); --sth-ink:var(--sl-ink); --sth-body:var(--sl-body);
  --sth-muted:var(--sl-muted); --sth-accent:var(--sl-copper); --sth-accent-lt:var(--sl-light-copper);
  --sth-surface:#EEEDE6; --sth-line:var(--sl-line); --sth-max:1320px;
  --sth-section:clamp(64px,7vw,104px); --sth-gutter:clamp(22px,4vw,64px);
  --t-h2:clamp(32px,4.1vw,56px); --t-h3:clamp(23px,2.5vw,32px);
  --grey-bg:var(--sl-paper); --grey-txt:var(--sl-body); --navy:var(--sl-ink);
  --charcoal:var(--sl-ink); --grey-mid:var(--sl-line);
}
body { background:var(--sl-paper); color:var(--sl-body); -webkit-font-smoothing:antialiased; }
::selection { background:#ECD2BE; color:var(--sl-ink); }
body :is(h1,h2,h3,h4) { font-family:'IBM Plex Sans',Arial,sans-serif; font-weight:500; letter-spacing:-.035em; }
body p { font-weight:400; }
body :is(a,button,input,select,textarea,summary):focus-visible { outline:3px solid #307CA2; outline-offset:5px; }
main [id] { scroll-margin-top:120px; }
.st-container,.stx-container,.sp-directory .sp-container { width:min(calc(100% - 2 * var(--sth-gutter)),1320px); max-width:1320px; padding-inline:0; margin-inline:auto; }
.sth-wrap { max-width:calc(1320px + 2 * var(--sth-gutter)); }
.sl-eyebrow,.sl-index { display:block; font:500 11px/1.6 'IBM Plex Mono',monospace; letter-spacing:.12em; text-transform:uppercase; }
.sl-eyebrow { color:var(--sl-light-copper); margin-bottom:22px; }
body :is(.stx-kicker,.sth-eyebrow,.sp-eyebrow) { font-size:11px; letter-spacing:.13em; font-weight:500; }
body :is(.sth-btn,.stx-button,.sp-button,.st-btn) { min-height:48px; border-radius:8px; font-weight:500; box-shadow:none; transition:background .2s,color .2s,border-color .2s; }
body :is(.sth-btn-dark,.stx-button,.sp-button-primary) { background:var(--sl-ink); border-color:var(--sl-ink); color:#fff; }
body :is(.sth-btn-dark,.stx-button,.sp-button-primary):hover { background:#2C424D; border-color:#2C424D; color:#fff; }
body :is(.sth-link,.stx-text-link,.sp-text-link) { font-weight:500; text-underline-offset:5px; }

/* Navigation: a quiet, legible frame for the photography. */
#st-navbar { background:var(--sl-paper); border:0; padding:12px 24px; box-shadow:none; }
#st-navbar .st-nav-inner { width:100%; max-width:1440px; min-height:70px; height:auto; margin:auto; padding:10px 24px; gap:20px; background:var(--sl-white); border:1px solid var(--sl-line); border-radius:14px; }
#st-navbar .st-nav-links { gap:4px; }
#st-navbar .st-nav-links a { color:var(--sl-body); font-size:13px; padding:12px 11px; border-radius:6px; font-weight:500; }
#st-navbar .st-nav-links a.active,#st-navbar .st-nav-links a:hover { background:#EEEDE6; color:var(--sl-ink); }
#st-navbar .st-nav-links a::after { display:none; }
#st-navbar .st-nav-quote { background:var(--sl-ink); border:1px solid var(--sl-ink); border-radius:8px; min-height:44px; font-size:13px; padding:10px 19px; }
#st-navbar .st-nav-quote:hover { background:#2C424D; }
#st-mobile-nav { background:var(--sl-paper); border-color:var(--sl-line); }
#st-mobile-nav a { min-height:48px; }

/* Approved three-photo hero: cinematic proportions, unchanged carousel. */
.sth-home #st-hero { margin:0 24px; padding:0; border-radius:20px; overflow:hidden; }
#st-hero-slider .st-slide.active { min-height:min(720px,calc(100svh - 120px)); padding:100px max(54px,calc((100vw - 1250px)/2)) 116px; align-items:flex-end; }
#st-hero-slider .st-slide.active::before { background:linear-gradient(90deg,rgba(8,19,27,.82),rgba(8,19,27,.2) 78%),linear-gradient(0deg,rgba(8,19,27,.5),transparent 70%); }
#st-hero-slider .st-hsc { max-width:1320px; text-align:start; }
#st-hero-slider .st-hsc-title { max-width:760px; margin:0 0 22px; font-size:clamp(46px,5.7vw,84px); line-height:1.02; font-weight:500; letter-spacing:-.045em; text-wrap:balance; text-shadow:none; }
#st-hero-slider .st-hsc-sub { max-width:530px; margin:0 0 30px; font-size:18px; color:#EBEDEB; }
#st-hero-slider .st-hsc-label { color:#F1CDB2; font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.14em; }
#st-hero-slider .sth-btn { background:var(--sl-white); color:var(--sl-ink); border-color:var(--sl-white); border-radius:8px; }
#st-hero-slider .sth-btn:hover { background:#E9DDCF; }
#st-hero-slider .st-home-hero-controls { justify-content:flex-end; inset-inline:40px; bottom:25px; }
#st-hero-slider button { border-radius:50%; background:rgba(8,19,27,.55); }
#st-hero-slider [data-hero-pause] { border-radius:30px; }

/* Two clear journeys. */
.sth-home .sth-home-doors { padding-block:48px 28px; }
.sth-home .sth-doors { gap:22px; border:0; }
.sth-home .sth-door,.sth-home .sth-door:last-child { border:1px solid var(--sl-line); border-radius:var(--sl-radius); padding:32px 36px; background:var(--sl-white); transition:border-color .2s,background .2s; }
.sth-home .sth-door:hover { background:#F0EDE5; border-color:#B6AEA3; }
.sth-home .sth-door h2 { font-size:clamp(25px,2.4vw,34px); line-height:1.15; }
.sth-home .sth-door p { max-width:54ch; font-size:16px; color:var(--sl-body); }
.sth-door .sth-link { margin-top:18px; }
.sth-strip { background:var(--sl-paper); border:0; padding-block:16px 50px; }
.sth-strip .sth-wrap { gap:24px; }
.sth-strip b { font-size:14px; font-weight:500; color:var(--sl-ink); }
.sth-strip span { font-size:12px; color:var(--sl-muted); }

/* Four worlds, one company. */
.sth-home .sl-solutions-intro,.sth-home .sth-frame { background:var(--sl-ink); color:#F7F4EE; }
.sth-home .sl-solutions-intro { padding-bottom:42px; }
.sl-solutions-intro .sth-head { max-width:calc(1320px + 2 * var(--sth-gutter)); margin-inline:auto; }
.sth-home .sl-solutions-intro h2 { max-width:800px; color:#F7F4EE; font-weight:500; }
.sth-home .sl-solutions-intro .sth-lead { color:#BFC8CB; }
.sl-area-nav { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; margin-top:44px; }
.sl-area-nav a { display:flex; justify-content:space-between; align-items:center; gap:12px; padding-block:19px; color:#DCE1E1; border-block:1px solid #37454C; font-size:14px; }
.sl-area-nav a:hover { color:var(--sl-light-copper); border-color:var(--sl-light-copper); }
.sth-home .sth-frame { padding-block:50px; border:0; }
.sth-home .sth-frame:last-of-type { padding-bottom:90px; }
.sth-home .sth-frame-grid { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:72px; align-items:center; }
.sth-home .sth-frame--alt .sth-frame-grid { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); }
.sth-home .sth-frame h2 { color:#F7F4EE; font-weight:500; }
.sth-home .sth-frame .sth-lead { color:#C1C9CC; font-size:18px; max-width:43ch; }
.sth-home :is(.sl-solutions-intro,.sth-frame) .sth-eyebrow { color:var(--sl-light-copper); }
.sl-index { color:#9EAEB6; margin-bottom:32px; }
.sth-home .sth-frame .sth-link { color:#F1C4A3; display:inline-flex; min-height:44px; align-items:center; }
.sth-home .sth-frame .sth-tagline { color:#CAD2D4; border-color:#536067; margin-inline-end:10px; }
.sth-frame figure { margin:0; }
.sth-frame figure img { border-radius:16px; }
.sth-frame .sth-slot { border-radius:16px; }
.sth-frame .sth-slot-caption { color:#A7B3B8; font-size:11px; }
.sth-frame figcaption { color:#A7B3B8; font-size:11px; line-height:1.5; margin-top:12px; }
.sth-home .sth-frame--alt { background:#13232B; }
.sth-home .sth-head { margin-bottom:40px; }
.sth-home .sth-reasons { gap:28px; counter-reset:reasons; }
.sth-reason { position:relative; border-top:1px solid #A3ACA9; padding-top:24px; }
.sth-reason::before { counter-increment:reasons; content:'0' counter(reasons); display:block; margin-bottom:30px; font:12px 'IBM Plex Mono',monospace; color:var(--sl-copper); }
.sth-home .sth-reason h3 { font-size:23px; font-weight:500; }
.sth-home .sth-reason p { font-size:15px; line-height:1.65; }
#sth-products .sth-prod { background:var(--sl-white); padding:16px; border:1px solid var(--sl-line); border-radius:18px; display:flex; flex-direction:column; gap:16px; }
#sth-products .sth-product-image { aspect-ratio:1/1; border:0; border-radius:12px; background:#F1F1ED; padding:28px; }
#sth-products .sth-prod h3 { font-size:22px; line-height:1.3; font-weight:500; }
#sth-products .sth-prod>.sth-link { margin-top:auto; padding-block:10px; }
#sth-products .sth-prod>div:not(.sth-product-image) { padding-inline:8px; }
#sth-products .sth-prod:hover { border-color:#A7B0AD; }

/* A shared inner-page entrance, rather than a different template per page. */
.stx-page .stx-page-hero,.sth-page .sth-phero,.sp-directory .sp-hero,.st-shop-hero {
  background:var(--sl-ink); color:#F6F3ED; padding-block:clamp(64px,7vw,106px);
  border:0; position:relative; overflow:hidden;
}
.stx-page .stx-page-hero::after,.sth-phero::after,.sp-hero::after,.st-shop-hero::after { content:''; position:absolute; inset-block:0; inset-inline-end:9%; width:1px; background:#FFFFFF0C; pointer-events:none; }
.stx-page .stx-page-hero h1,.sth-page .sth-phero h1,.sp-directory .sp-hero h1,.st-shop-hero .st-shop-hero-title { color:#F6F3ED; font-size:clamp(42px,5.5vw,76px); line-height:1.04; font-weight:500; letter-spacing:-.045em; }
.sp-directory .sp-hero h1 span { color:var(--sl-light-copper); }
.stx-page .stx-page-hero p:not(.stx-kicker),.sth-page .sth-phero .sth-lead,.sp-directory .sp-hero-intro,.st-shop-hero .st-shop-hero-sub { color:#C7D0D2; font-size:18px; font-weight:400; line-height:1.65; }
.sp-directory .sp-hero :is(.sp-eyebrow,.sp-text-link),.stx-page-hero .stx-kicker,.sth-phero .sth-eyebrow { color:var(--sl-light-copper); }
.sp-directory .sp-hero .sp-button-primary { background:var(--sl-white); color:var(--sl-ink); border-color:var(--sl-white); }
.stx-section { padding-block:var(--sth-section); }
.stx-white { background:var(--sl-white); }
.stx-page h2 { font-size:clamp(29px,3.2vw,46px); font-weight:500; line-height:1.13; }
.stx-page h3 { font-weight:500; font-size:24px; }
.stx-two { gap:clamp(32px,6vw,90px); }
.stx-page .stx-observations { gap:24px; }
.stx-page :is(.stx-observations article,.stx-about-values article,.stx-steps article) { padding:30px; border:1px solid var(--sl-line); background:var(--sl-white); border-radius:16px; }
.stx-page :is(.stx-number,.stx-steps article>span) { color:var(--sl-copper); font-size:11px; letter-spacing:.08em; }
.stx-page :is(.stx-area-checklist,.stx-priorities) { border-radius:16px; }
.stx-page .stx-about-values { gap:22px; }
.sl-editorial-photo { margin:0; min-width:0; }
.sl-editorial-photo img { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; border-radius:18px; }
.sl-editorial-photo figcaption { margin-top:12px; font-size:11px; color:var(--sl-muted); }
.stx-fleet-hero { background:var(--sl-ink); padding-block:80px; }
.stx-fleet-hero h1 { font-size:clamp(42px,4.6vw,68px); font-weight:500; line-height:1.03; letter-spacing:-.04em; }
.stx-fleet-hero .sl-editorial-photo figcaption { color:#AEBCC1; }
.stx-fleet-hero .stx-button,.stx-page-hero .stx-button { background:var(--sl-white); color:var(--sl-ink); border-color:var(--sl-white); }
.stx-section-nav { background:var(--sl-paper); }
.sth-pills { background:var(--sl-paper); }
.sth-pills a { border-radius:30px; font-size:13px; padding:13px 20px; }
.sth-page .sth-area { padding-block:80px; }
.sth-area .sth-figure img { border-radius:18px; }
.sth-area .sth-checks { padding:26px 30px; border-radius:12px; background:#EBEBE4; }
.sth-area .sth-subgrid { gap:16px; }
.sth-area .sth-subcard { border:1px solid var(--sl-line); border-radius:12px; padding:26px; background:var(--sl-white); }
.sth-area .sth-subcard:hover { background:#ECE9E0; }
.sth-area .sth-subcard h3 { font-size:23px; }

/* Solutions structure: these page-specific classes have no base layout in style.css.
 * Keep links as real cards, and constrain editorial photos to their grid column. */
.sth-solutions .sth-phero h1 { max-width:1000px; margin-block:16px 22px; }
.sth-solutions .sth-pills { padding-block:18px; border-bottom:1px solid var(--sl-line); }
.sth-solutions .sth-pills .sth-wrap { display:flex; flex-wrap:wrap; gap:10px; }
.sth-solutions .sth-pills a { display:inline-flex; align-items:center; min-height:44px; border:1px solid var(--sl-line); color:var(--sl-ink); line-height:1.4; }
.sth-solutions .sth-pills a:hover { background:var(--sl-white); border-color:var(--sl-copper); }
.sth-solutions .sth-area + .sth-area { border-top:1px solid var(--sl-line); }
.sth-solutions .sth-area-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(28px,5vw,72px); align-items:center; }
.sth-solutions .sth-area-grid > * { min-width:0; }
.sth-solutions .sth-area h2 { font-size:clamp(32px,3.6vw,50px); line-height:1.1; margin-block:14px 20px; color:var(--sl-ink); }
.sth-solutions .sth-area .sth-lead { font-size:18px; line-height:1.65; }
.sth-solutions .sth-area .sth-note { margin-top:20px; }
.sth-solutions .sth-figure { margin:0; }
.sth-solutions .sth-figure img { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; }
.sth-solutions .sth-figure figcaption { margin-top:10px; font-size:12px; line-height:1.5; color:var(--sl-muted); }
.sth-solutions .sth-checks { margin-top:32px; }
.sth-solutions .sth-checks ul { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px 28px; list-style:none; margin:18px 0 0; padding:0; }
.sth-solutions .sth-checks li { min-width:0; border-inline-start:2px solid #C7B19F; padding-inline-start:14px; font-size:15px; line-height:1.6; }
.sth-solutions .sth-subgrid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:28px; }
.sth-solutions .sth-subcard { display:flex; flex-direction:column; align-items:flex-start; min-width:0; gap:14px; text-decoration:none; color:var(--sl-body); }
.sth-solutions .sth-subcard h3 { margin:0; color:var(--sl-ink); line-height:1.25; }
.sth-solutions .sth-subcard p { margin:0; font-size:15px; line-height:1.65; }
.sth-solutions .sth-go { display:inline-flex; align-items:center; gap:10px; margin-top:auto; padding-top:8px; min-height:44px; font-size:14px; font-weight:500; color:var(--sl-copper); }
.sth-solutions .sth-go svg { flex:none; }
@media(max-width:1100px) {
 .sth-solutions .sth-subgrid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:900px) {
 .sth-solutions .sth-area-grid { grid-template-columns:minmax(0,1fr); gap:28px; }
}
@media(max-width:600px) {
 .sth-solutions .sth-pills .sth-wrap { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
 .sth-solutions .sth-pills a { padding:12px; font-size:12px; justify-content:center; text-align:center; }
 .sth-solutions .sth-subgrid,.sth-solutions .sth-checks ul { grid-template-columns:minmax(0,1fr); }
 .sth-solutions .sth-subcard { padding:24px; }
 .sth-solutions .sth-area .sth-lead { font-size:16px; }
}
[dir="rtl"] .sth-solutions .sth-go svg { transform:scaleX(-1); }

/* Store and WooCommerce stay data-driven; only their presentation changes. */
.sp-directory { --sp-paper:var(--sl-paper); --sp-ink:var(--sl-ink); --sp-accent:var(--sl-copper); --sp-muted:var(--sl-body); --sp-line:var(--sl-line); }
.sp-directory .sp-range { padding-block:70px 86px; }
.sp-directory .sp-category,.sp-directory .sp-category-featured { border:1px solid var(--sl-line); border-radius:18px; padding:12px; background:var(--sl-white); box-shadow:0 8px 24px #10202A04; }
.sp-directory .sp-category-image { background:#EFEEE8; border-radius:12px; height:190px; }
.sp-directory .sp-category-featured .sp-category-image { aspect-ratio:1.85; }
.sp-directory .sp-category-body { padding:23px 14px 12px; }
.sp-directory .sp-category-featured h3 { font-size:28px; }
.sp-directory .sp-category:hover { border-color:#ACB4AE; transform:none; box-shadow:none; }
.sp-directory .sp-fleet { background:var(--sl-ink); padding-block:80px; }
.sp-directory .sp-fleet h2 { color:#F7F4EE; font-size:clamp(34px,4vw,54px); font-weight:500; }
.sp-directory .sp-fleet .sp-eyebrow { color:var(--sl-light-copper); }
.sp-directory .sp-fleet .sp-button { background:var(--sl-white); color:var(--sl-ink); }
.sp-directory .sp-advice { background:#E9E8DF; }
.st-cat-tabs { padding-block:12px; gap:8px; }
.st-cat-tab { min-height:44px; border-radius:30px; }
.st-arc-grid { gap:24px; }
.st-arc-card { border-radius:18px; padding:16px; border:1px solid var(--sl-line); box-shadow:none; background:var(--sl-white); }
.st-arc-card:hover { box-shadow:none; transform:none; border-color:#A7B1AA; }
.st-arc-img { border-radius:12px; background:#F0F0EA; height:220px; }
.st-arc-title { font-size:21px; font-weight:500; line-height:1.3; }
.st-arc-price { font-size:15px; font-weight:400; color:var(--sl-body); }
.st-arc-btn { background:transparent; color:var(--sl-copper); border:1px solid #D4BAA6; padding:11px 18px; width:auto; }
.st-single-product-section { padding-block:54px 80px; }
.st-single-layout { gap:60px; }
.st-product-main-img { border-radius:18px; background:#F0F0EA; border:1px solid var(--sl-line); padding:30px; }
.st-product-title { font-size:clamp(32px,3.5vw,48px); font-weight:500; line-height:1.12; letter-spacing:-.035em; }
.st-product-price-block .amount { font-size:26px; font-weight:500; }
.st-product-trust { background:#F0F0EA; border:0; border-radius:12px; }
.st-product-thumb { border-radius:8px; }
.st-fleet-card { border:1px solid var(--sl-line); border-radius:18px; box-shadow:none; background:var(--sl-white); overflow:hidden; }
.st-fleet-card-top { background:#EAEDE6; padding:28px; }
.st-fleet-name { font-size:26px; font-weight:500; }
.st-fleet-price-block { background:#F4F2EB; }
.st-fleet-price-amount { font-size:25px; font-weight:500; }
.st-fleet-card:hover { transform:none; box-shadow:none; }
.sl-plans-page .st-fleet-grid { counter-reset:plans; gap:24px; }
.sl-plans-page .st-fleet-card { flex-basis:calc((100% - 48px) / 3); min-width:0; padding:28px; border:1px solid var(--sl-line); box-shadow:none; }
.sl-plans-page .st-fleet-card:hover { transform:none; box-shadow:none; border-color:#A7B1AA; }
.sl-plans-page .st-fleet-card-top { padding:0 0 24px; background:transparent; border-bottom:1px solid var(--sl-line); }
.sl-plans-page .st-fleet-card-top::before { counter-increment:plans; content:'0' counter(plans) ' / FLEET PLAN'; display:block; margin-bottom:26px; color:var(--sl-copper); font:11px/1.4 'IBM Plex Mono',monospace; letter-spacing:.08em; }
.sl-plans-page :is(.st-fleet-icon,.st-sol-icon) { display:none; }
.sl-plans-page .st-fleet-name { color:var(--sl-ink); font-size:25px; line-height:1.2; font-weight:500; }
.sl-plans-page .st-fleet-best { color:var(--sl-body); font-size:14px; margin-top:14px; }
.sl-plans-page .st-fleet-feats li { font-size:14px; line-height:1.6; color:var(--sl-body); padding-inline-start:23px; }
.sl-plans-page .st-fleet-price-block { background:#F1F0E8; border-color:var(--sl-line); border-radius:10px; padding:20px; }
.sl-plans-page .st-fleet-price-label { color:var(--sl-muted); }
.sl-plans-page .st-fleet-price-amount { color:var(--sl-ink); font-size:24px; font-weight:500; }
.sl-plans-page .st-fleet-btns .st-btn { min-height:48px; }
.sl-plans-page .st-fleet-btns .st-btn-orange { background:var(--sl-ink); color:#fff; border-color:var(--sl-ink); }
.sl-plans-page .st-fleet-btns .st-btn-orange:hover { background:#2C424D; }
.sl-plans-page .st-plan-includes .st-sol-card { padding:28px; background:var(--sl-paper); border:1px solid var(--sl-line); border-radius:14px; box-shadow:none; }
.sl-plans-page .st-plan-includes .st-sol-card h3 { font-size:22px; font-weight:500; }
.sl-plans-page .st-plan-includes .st-sol-card p { font-size:15px; color:var(--sl-body); }
.sl-plans-page .st-plans-note { background:transparent; box-shadow:none; border:0; color:var(--sl-body); font-size:14px; max-width:800px; }

/* Contact: personal left column, clear action on the right. */
.stx-contact-page>.st-section { background:var(--sl-paper) !important; }
.st-contact-grid { gap:64px; align-items:start; }
body .st-contact-grid .st-cf { background:var(--sl-ink); color:#D0D8DA; padding:42px; border:0; border-radius:20px; box-shadow:none; }
.st-contact-grid .st-cf .st-cf-title { color:#F7F4EE; font-size:36px; line-height:1.1; font-weight:500; }
.st-contact-grid .st-cf :is(.st-eyebrow,label) { color:#ECD0BB; }
.st-contact-grid .st-cf :is(p,.st-cf-note) { color:#C4CFD3; }
.st-contact-grid .st-cf .st-contact-channel-note { background:transparent; border:1px solid #40525B; padding:24px; border-radius:12px; }
.st-contact-grid .st-cf .st-btn-orange { background:#F4EFE6; color:var(--sl-ink); border-color:#F4EFE6; }
.st-contact-grid .st-ceo-profile { background:var(--sl-white); border:1px solid var(--sl-line); border-radius:16px; padding:28px; }
.st-contact-grid .st-ceo-photo { width:112px; height:112px; object-fit:cover; object-position:center 25%; }
.st-contact-grid .st-ci { padding-block:18px; border-bottom:1px solid var(--sl-line); }
.st-contact-grid .st-ci-icon { background:#EAE7DE; color:var(--sl-copper); border-radius:12px; }
.st-contact-grid .st-ci-list { gap:12px; }

/* Search is progressive enhancement; native FAQ accordions work without JS. */
.sl-faq-search { margin-bottom:38px; }
.sl-faq-search label { display:block; margin-bottom:10px; font-size:14px; font-weight:500; color:var(--sl-ink); }
.sl-faq-search input { width:100%; min-height:56px; border:1px solid #B7C0BC; border-radius:10px; padding:14px 18px; font:400 16px/1.5 'IBM Plex Sans',sans-serif; background:var(--sl-paper); color:var(--sl-ink); }
.sl-search-status { font-size:13px; margin-top:9px; min-height:20px; }
.stx-faq-list details { border:1px solid var(--sl-line); border-radius:10px; background:var(--sl-white); margin-block:10px; padding-inline:22px; }
.stx-faq-list summary { padding-block:22px; font-weight:500; font-size:18px; }
.stx-faq-list details[open] { background:#F2F1EB; border-color:#A9B5AD; }
.stx-faq-list details[hidden],.stx-faq-section[hidden],.sl-faq-search[hidden] { display:none; }

/* One restrained closing treatment throughout. */
.sth-home .sth-close,.stx-final-cta,.st-cta-banner { background:var(--sl-ink); border:0; padding-block:80px; }
.sth-home .sth-close h2,.stx-final-cta h2,.st-cta-banner-title { color:#F6F3ED; font-size:clamp(32px,4.1vw,56px); line-height:1.12; font-weight:500; letter-spacing:-.035em; }
.stx-final-cta p,.st-cta-banner-sub { color:#C2CCD0; font-weight:400; }
.stx-final-cta .stx-button { background:#F7F1E8; color:var(--sl-ink); border-color:#F7F1E8; }
#st-footer { background:var(--sl-deep); padding-top:0; border:0; }
.sl-footer-signature { padding-block:52px 40px; border-bottom:1px solid #2D3D45; margin-bottom:48px; }
.sl-footer-signature>span { color:var(--sl-light-copper); font:11px 'IBM Plex Mono',monospace; letter-spacing:.13em; }
.sl-footer-signature>p { color:#DCE1DC; font-size:clamp(42px,7vw,104px); font-weight:400; line-height:1.1; letter-spacing:-.05em; margin:16px 0 0; }
#st-footer :is(.st-fb-desc,.st-footer-bottom,.st-footer-compliance) { color:#AEBABF; }
#st-footer .st-fc h4 { color:#F3F1E9; font-size:12px; font-weight:500; letter-spacing:.09em; }
#st-footer .st-fc a { color:#BFCBD0; font-size:14px; }
#st-footer .st-fc a:hover { color:#F0C2A3; }

@media(min-width:1600px) { #st-hero-slider .st-slide.active { padding-inline:max(64px,calc((100vw - 1320px)/2)); } }
@media(max-width:1100px) {
 .sl-plans-page .st-fleet-card { flex-basis:calc((100% - 24px) / 2); }
 #st-navbar .st-nav-inner { gap:10px; padding-inline:18px; }
 #st-navbar .st-nav-links a { padding-inline:7px; font-size:12px; }
 .sth-home .sth-frame-grid,.sth-home .sth-frame--alt .sth-frame-grid { gap:36px; }
 .st-contact-grid,.st-single-layout { gap:32px; }
 .st-contact-grid .st-cf { padding:30px; }
}
@media(max-width:900px) {
 #st-navbar { padding:8px 14px; }
 #st-navbar .st-nav-inner { min-height:66px; }
 .sth-home #st-hero { margin-inline:14px; border-radius:16px; }
 #st-hero-slider .st-slide.active { min-height:600px; padding:80px 42px 110px; }
 .sth-home .sth-frame-grid,.sth-home .sth-frame--alt .sth-frame-grid { grid-template-columns:1fr; gap:28px; }
 .sth-home .sth-frame-grid>div { order:initial; }
 .sth-home .sth-frame .sth-lead { max-width:60ch; }
 .sl-index { margin-bottom:20px; }
 .sl-area-nav { grid-template-columns:repeat(2,1fr); gap:0 22px; }
 .sth-home .sth-door,.sth-home .sth-door:last-child { padding:26px; }
 .stx-fleet-hero { padding-block:60px; }
 .st-contact-grid { grid-template-columns:1fr; }
 .stx-faq-grid { grid-template-columns:1fr; }
}
@media(max-width:600px) {
 .sl-plans-page .st-fleet-card { flex-basis:100%; }
 :root { --sth-section:58px; --sth-gutter:22px; }
 #st-navbar { padding:6px 10px; }
 #st-navbar .st-nav-inner { padding:8px 14px; min-height:64px; border-radius:12px; }
 #st-navbar .st-brand-symbol { width:30px; height:30px; }
 #st-navbar .st-brand-wordmark { font-size:16px; }
 #st-navbar .st-nav-cta { display:none; }
 #st-navbar .st-hamburger { min-width:44px; min-height:44px; margin-inline-start:auto; }
 .sth-home #st-hero { margin-inline:10px; border-radius:14px; }
 #st-hero-slider .st-slide.active { min-height:570px; padding:62px 24px 110px; }
 #st-hero-slider .st-hsc-title { font-size:clamp(39px,10vw,54px); line-height:1.06; }
 #st-hero-slider .st-hsc-sub { font-size:16px; line-height:1.6; }
 #st-hero-slider .st-hsc-label { font-size:10px; line-height:1.7; }
 #st-hero-slider .st-home-hero-controls { justify-content:center; inset-inline:8px; gap:5px; bottom:22px; }
 #st-hero-slider .st-dot { width:34px; min-width:34px; }
 .sth-home .sth-home-doors { padding-top:26px; }
 .sth-home .sth-doors { gap:14px; }
 .sth-home .sth-door,.sth-home .sth-door:last-child { padding:25px; }
 .sth-strip { padding-block:10px 34px; }
 .sth-strip .sth-wrap { gap:20px; }
 .sth-home .sl-solutions-intro { padding-top:55px; padding-bottom:20px; }
 .sl-area-nav { margin-top:26px; }
 .sl-area-nav a { font-size:12px; min-height:58px; }
 .sth-home .sth-frame { padding-block:34px 44px; }
 .sth-home .sth-frame .sth-lead { font-size:16px; }
 .sth-home .sth-frame h2 { font-size:35px; }
 .sth-home .sth-head { margin-bottom:28px; }
 .sth-home .sth-reasons { gap:26px; }
 .sth-reason::before { margin-bottom:17px; }
 .sth-home .sth-close,.stx-final-cta,.st-cta-banner { padding-block:54px; }
 .stx-page .stx-page-hero,.sth-page .sth-phero,.sp-directory .sp-hero,.st-shop-hero { padding-block:52px 58px; }
 .stx-page .stx-page-hero h1,.sth-page .sth-phero h1,.sp-directory .sp-hero h1,.st-shop-hero .st-shop-hero-title { font-size:clamp(38px,10vw,49px); }
 .stx-page .stx-page-hero p:not(.stx-kicker),.sth-page .sth-phero .sth-lead,.sp-directory .sp-hero-intro,.st-shop-hero .st-shop-hero-sub { font-size:16px; }
 .stx-page :is(.stx-observations article,.stx-about-values article,.stx-steps article) { padding:24px; }
 .sth-page .sth-area { padding-block:52px; }
 .sth-area .sth-checks { padding:22px; }
 .sp-directory .sp-range { padding-block:42px 54px; }
 .sp-directory .sp-category-featured .sp-category-image { aspect-ratio:1.6; }
 .sp-directory .sp-fleet { padding-block:52px; }
 .st-arc-img { height:200px; }
 .st-single-product-section { padding-block:30px 50px; }
 .st-single-layout { gap:30px; }
 body .st-contact-grid .st-cf { padding:28px 24px; border-radius:16px; }
 .st-contact-grid .st-cf .st-cf-title { font-size:30px; }
 .st-contact-grid .st-ceo-profile { padding:22px; }
 .st-contact-grid .st-ceo-photo { width:96px; height:96px; }
 .sl-faq-search input { font-size:16px; }
 .stx-faq-list details { padding-inline:18px; }
 .stx-faq-list summary { font-size:16px; }
 .sl-footer-signature { padding-block:38px 30px; margin-bottom:34px; }
 .sl-footer-signature>p { font-size:45px; }
}
@media(prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto; }
 body *,body *::before,body *::after { animation:none !important; transition:none !important; }
}
[dir="rtl"] body :is(h1,h2,h3,h4) { font-family:'IBM Plex Sans Arabic','IBM Plex Sans',sans-serif; letter-spacing:0; }
[dir="rtl"] .sl-area-nav span { transform:scaleX(-1); }