/* Sabarat Homepage Experience v11.31.3 — generated from SCSS partials */
/* Sabarat homepage experience design tokens — v11.30.2 */
.home-experience-section{
  --home-accent:var(--primary);
  --home-accent-strong:var(--primary-strong);
  --home-section-title-color:var(--text);
  --home-section-subtitle-color:var(--text);
  --home-section-description-color:var(--muted);
  --home-card-bg:var(--surface);
  --home-card-border:color-mix(in srgb,var(--border) 84%,transparent);
  --home-card-radius:clamp(18px,1.7vw,24px);
  --home-section-space:clamp(62px,7vw,104px);
  --home-card-gap:clamp(12px,1.7vw,20px);
  --home-soft-shadow:0 18px 58px color-mix(in srgb,var(--text) 8%,transparent);
  --home-hover-shadow:0 22px 68px color-mix(in srgb,var(--text) 13%,transparent);
  --home-hairline:color-mix(in srgb,var(--home-accent) 18%,var(--border));
}
.home-experience-section{position:relative;padding-block:var(--home-section-space);overflow:clip}
.home-experience-section>.container{position:relative;z-index:1;width:min(100% - 36px,1240px);margin-inline:auto}
.home-section-heading{width:min(var(--home-content-width,100%),860px);margin:0 0 clamp(28px,4vw,46px);position:relative}
.home-section-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border:1px solid color-mix(in srgb,var(--home-accent) 24%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--home-accent) 7%,var(--surface));color:var(--home-accent-strong);font-weight:850;font-size:13px;letter-spacing:.01em;margin-bottom:14px}
.home-section-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 5px color-mix(in srgb,currentColor 10%,transparent)}
.home-section-heading h2{position:relative;width:fit-content;max-width:100%;margin:0;color:var(--home-section-title-color);font-size:var(--home-title-desktop,clamp(34px,4.2vw,48px));line-height:1.22;letter-spacing:-.025em;text-wrap:balance}
.home-section-heading h2::after{content:"";display:block;width:clamp(54px,7vw,92px);height:4px;margin-top:10px;margin-inline-start:0;border-radius:999px;background:linear-gradient(90deg,var(--home-accent-strong),color-mix(in srgb,var(--home-accent) 28%,transparent));transform-origin:right center;transition:width .35s ease}
.home-section-subtitle{margin:11px 0 0;color:var(--home-section-subtitle-color);font-size:var(--home-subtitle-desktop,21px);font-weight:800;line-height:1.55}
.home-section-description{margin:13px 0 0;color:var(--home-section-description-color);font-size:var(--home-description-desktop,16px);line-height:1.95;max-width:780px;overflow-wrap:anywhere}

/* Company intro — open layout: no outer card. Copy starts from the RTL container edge and media lives in two intertwined frames. */
.home-company-intro{isolation:isolate;background:
  radial-gradient(circle at 88% 14%,color-mix(in srgb,var(--home-accent) 11%,transparent),transparent 27%),
  radial-gradient(circle at 14% 78%,color-mix(in srgb,var(--home-accent-strong) 8%,transparent),transparent 24%),
  linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--primary-soft) 13%,var(--surface)),var(--surface))}
.home-company-intro::before{content:"";position:absolute;inset:10% -10% auto auto;width:42vw;max-width:640px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--home-accent) 7%,transparent),transparent 64%);pointer-events:none;filter:blur(8px)}
.home-intro-layout{position:relative;isolation:isolate;width:100%;padding:clamp(10px,2vw,22px) 0}
.home-intro-split{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);align-items:center;gap:clamp(34px,5vw,78px);min-height:440px;direction:rtl}
.home-intro-text-only{grid-template-columns:1fr;min-height:0}
.home-intro-copy{grid-column:1;min-width:0;padding:0;text-align:right;justify-self:stretch}
.home-intro-copy .home-section-heading{margin:0;width:100%;max-width:none;text-align:right!important}
.home-intro-copy .home-section-description{max-width:760px;margin-inline-start:auto;margin-inline-end:0}
.home-intro-copy .home-section-heading h2{font-weight:900}
.home-intro-copy .home-section-heading h2::after{height:5px;width:clamp(64px,8vw,112px)}
.home-intro-visual{grid-column:2;min-width:0;align-self:center;will-change:transform;transition:transform .35s cubic-bezier(.2,.8,.2,1)}

.home-media-frame{--frame-shift-x:0px;--frame-shift-y:0px;position:relative;isolation:isolate;padding:clamp(20px,2.6vw,34px);min-width:0}
.home-media-frame-line{position:absolute;z-index:-1;pointer-events:none;border-style:solid;transition:transform .55s cubic-bezier(.2,.8,.2,1),border-color .35s ease,filter .35s ease}
.home-media-frame-line-a{inset:2% 7% 8% 1%;border-width:2px;border-color:color-mix(in srgb,var(--home-accent) 72%,var(--border));border-radius:34% 9% 28% 13% / 15% 34% 12% 31%;transform:translate3d(calc(var(--frame-shift-x)*-.35),calc(var(--frame-shift-y)*-.35),0) rotate(-1.35deg);filter:drop-shadow(0 10px 22px color-mix(in srgb,var(--home-accent) 12%,transparent))}
.home-media-frame-line-b{inset:8% 1% 1% 8%;border-width:1.5px;border-color:color-mix(in srgb,var(--home-accent-strong) 44%,var(--border));border-radius:11% 31% 8% 34% / 33% 13% 32% 11%;transform:translate3d(calc(var(--frame-shift-x)*.42),calc(var(--frame-shift-y)*.42),0) rotate(1.55deg)}
.home-media-frame-node{position:absolute;z-index:5;width:11px;height:11px;border-radius:50%;background:var(--surface);border:3px solid var(--home-accent);box-shadow:0 0 0 6px color-mix(in srgb,var(--home-accent) 10%,transparent);pointer-events:none;transition:transform .45s ease}
.home-media-frame-node-a{inset-inline-start:5.5%;inset-block-start:14%}.home-media-frame-node-b{inset-inline-end:7%;inset-block-end:13%;border-color:var(--home-accent-strong)}
.home-media-showcase{position:relative;z-index:2;border:0;border-radius:0;background:transparent;box-shadow:none;padding:0;overflow:visible;transform:translateZ(0)}
.home-media-stage{position:relative;aspect-ratio:4/3;min-height:300px;border-radius:34% 8% 29% 11% / 13% 31% 12% 28%;overflow:hidden;background:color-mix(in srgb,var(--primary-soft) 28%,var(--surface));box-shadow:0 24px 65px color-mix(in srgb,var(--text) 14%,transparent),0 0 0 1px color-mix(in srgb,var(--home-accent) 14%,var(--border));transform:translateZ(0);transition:border-radius .45s ease,box-shadow .45s ease}
.home-media-stage::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,color-mix(in srgb,#fff 12%,transparent),transparent 30%,transparent 68%,color-mix(in srgb,var(--home-accent) 8%,transparent));mix-blend-mode:screen}
.home-media-slide{position:absolute;inset:0;margin:0;display:grid;place-items:center;opacity:0;transform:translateX(-2.5%);transition:opacity var(--home-transition-duration,.65s) ease,transform var(--home-transition-duration,.65s) cubic-bezier(.2,.8,.2,1);pointer-events:none}.home-media-slide.is-active{opacity:1;transform:none;pointer-events:auto}.home-media-slide img,.home-media-slide video{width:100%;height:100%;object-fit:contain;background:transparent}.home-media-slide[data-fit="cover"] img,.home-media-slide[data-fit="cover"] video{object-fit:cover}.home-media-showcase[data-transition="zoom"] .home-media-slide{transform:scale(1.035);opacity:0}.home-media-showcase[data-transition="zoom"] .home-media-slide.is-active{transform:scale(1);opacity:1}.home-media-showcase[data-transition="crossfade"] .home-media-slide{transform:none}.home-media-showcase[data-transition="fade"] .home-media-slide{transform:none}
.home-media-nav{position:absolute;z-index:7;inset-inline:clamp(8px,2vw,18px);top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none}.home-media-nav button,.home-carousel-nav button{width:40px;height:40px;border:1px solid color-mix(in srgb,var(--border) 76%,transparent);border-radius:14px;background:color-mix(in srgb,var(--surface) 91%,transparent);backdrop-filter:blur(10px);color:var(--text);font-size:24px;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 22px color-mix(in srgb,var(--text) 8%,transparent);transition:transform .2s ease,border-color .2s ease,background .2s ease;pointer-events:auto}.home-media-nav button:hover,.home-carousel-nav button:hover{transform:translateY(-2px);border-color:var(--home-accent);background:var(--surface)}
.home-media-dots,.home-carousel-dots{display:flex;justify-content:center;gap:7px;margin-top:12px}.home-media-dots{position:absolute;z-index:7;inset-inline:0;bottom:clamp(7px,1.4vw,15px)}.home-media-dots button,.home-carousel-dots button{width:8px;height:8px;border:0;border-radius:999px;padding:0;background:color-mix(in srgb,var(--text) 24%,transparent);cursor:pointer;transition:width .22s ease,background .22s ease}.home-media-dots button.is-active,.home-carousel-dots button.is-active{width:26px;background:var(--home-accent)}
@media (hover:hover) and (pointer:fine){.home-media-frame:hover .home-media-frame-line-a{transform:translate3d(-4px,-3px,0) rotate(-2deg);filter:drop-shadow(0 15px 28px color-mix(in srgb,var(--home-accent) 18%,transparent))}.home-media-frame:hover .home-media-frame-line-b{transform:translate3d(5px,4px,0) rotate(2.2deg)}.home-media-frame:hover .home-media-frame-node-a{transform:translate(3px,-3px) scale(1.08)}.home-media-frame:hover .home-media-frame-node-b{transform:translate(-3px,3px) scale(1.08)}.home-media-frame:hover .home-media-stage{border-radius:30% 11% 25% 14% / 16% 27% 15% 25%;box-shadow:0 30px 78px color-mix(in srgb,var(--text) 17%,transparent),0 0 0 1px color-mix(in srgb,var(--home-accent) 22%,var(--border))}}

/* Marketing cards: fixed visual rhythm, independent of content/media length. */
.home-offerings-section{background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--primary-soft) 8%,var(--surface)),var(--surface))}
.home-sectors-section{background:radial-gradient(circle at 78% 18%,color-mix(in srgb,var(--home-accent) 7%,transparent),transparent 22%),linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--primary-soft) 11%,var(--surface)),var(--surface))}
.home-sectors-surface{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.home-compact-grid{align-items:stretch}
.home-compact-grid>div{display:flex}
.home-compact-card{--rx:0deg;--ry:0deg;--mx:50%;--my:50%;position:relative;width:100%;height:228px;padding:22px 22px 20px;display:grid;grid-template-rows:58px minmax(0,1fr);align-items:start;gap:15px;border:1px solid var(--home-card-border);border-radius:22px;background:linear-gradient(150deg,var(--home-card-bg) 0%,color-mix(in srgb,var(--primary-soft) 7%,var(--home-card-bg)) 100%);box-shadow:0 10px 28px color-mix(in srgb,var(--text) 5%,transparent);overflow:hidden;transform:perspective(980px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(0);transform-style:preserve-3d;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,border-color .3s ease,background .3s ease;outline:none}
.home-compact-card::before{content:"";position:absolute;z-index:1;top:0;inset-inline-start:22px;width:52px;height:4px;border-radius:0 0 999px 999px;background:linear-gradient(90deg,var(--home-accent),var(--home-accent-strong));transition:width .38s cubic-bezier(.2,.8,.2,1),opacity .3s ease}
.home-compact-card::after{content:"";position:absolute;z-index:0;width:150px;height:150px;inset-inline-end:-78px;inset-block-end:-84px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--home-accent) 10%,transparent),transparent 68%);transition:transform .45s ease,opacity .3s ease;opacity:.75}
.home-card-accent{position:absolute;z-index:1;inset-inline-end:18px;inset-block-start:18px;width:34px;height:34px;border-top:1px solid color-mix(in srgb,var(--home-accent) 28%,transparent);border-inline-end:1px solid color-mix(in srgb,var(--home-accent) 28%,transparent);border-radius:0 12px 0 0;opacity:.58;transition:transform .35s ease,opacity .35s ease}
.home-card-orbit{position:absolute;z-index:1;inset-inline-end:34px;inset-block-start:31px;width:6px;height:6px;border-radius:50%;background:var(--home-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--home-accent) 8%,transparent);opacity:.7;transition:transform .4s ease,opacity .3s ease}
.home-card-pointer-glow{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;background:radial-gradient(300px circle at var(--mx) var(--my),color-mix(in srgb,var(--home-accent) 14%,transparent),transparent 58%);transition:opacity .2s ease}.home-compact-card:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--home-accent) 28%,transparent),var(--home-hover-shadow);border-color:var(--home-accent)}
.home-compact-icon{position:relative;z-index:2;width:58px;height:58px;flex:0 0 58px;border-radius:18px 18px 18px 6px;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--home-accent) 13%,var(--surface)),color-mix(in srgb,var(--home-accent) 5%,var(--surface)));color:var(--home-accent-strong);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--home-accent) 10%,transparent),0 8px 20px color-mix(in srgb,var(--home-accent) 7%,transparent);transition:transform .3s cubic-bezier(.2,.8,.2,1),background .3s ease,border-radius .3s ease}.home-compact-icon svg{width:28px;height:28px}.home-compact-icon.has-media{overflow:hidden;padding:5px}.home-compact-icon.has-media img{width:100%;height:100%;object-fit:contain;border-radius:13px}
.home-compact-copy{position:relative;z-index:2;min-width:0;display:grid;grid-template-rows:auto 1fr;gap:7px;align-self:stretch}
.home-compact-copy h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:3em;max-height:3em;margin:0;color:var(--text);font-size:18px;line-height:1.5;font-weight:850;overflow-wrap:anywhere}
.home-compact-copy p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-height:5.25em;margin:0;color:var(--muted);font-size:13.5px;line-height:1.75;overflow-wrap:anywhere}
.home-card-hit{position:absolute;z-index:5;inset:0;border-radius:inherit}.home-card-arrow{position:absolute;z-index:3;inset-inline-end:18px;inset-block-end:15px;color:var(--home-accent-strong);font-size:18px;opacity:0;transform:translateX(8px);transition:opacity .22s ease,transform .22s ease}
.home-sector-card{height:210px;background:linear-gradient(155deg,var(--surface),color-mix(in srgb,var(--home-accent) 5%,var(--surface)))}.home-sector-card .home-compact-icon{background:linear-gradient(145deg,color-mix(in srgb,var(--home-accent) 8%,var(--surface)),color-mix(in srgb,var(--primary-soft) 30%,var(--surface)))}
.home-sector-card::before{background:linear-gradient(90deg,color-mix(in srgb,var(--home-accent) 72%,#fff),var(--home-accent-strong))}
@media (hover:hover) and (pointer:fine){.home-compact-card:hover{transform:perspective(980px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-8px);box-shadow:0 24px 58px color-mix(in srgb,var(--text) 12%,transparent);border-color:color-mix(in srgb,var(--home-accent) 38%,var(--border));background:linear-gradient(150deg,color-mix(in srgb,var(--surface) 97%,var(--home-accent)),color-mix(in srgb,var(--primary-soft) 16%,var(--surface)))}.home-compact-card:hover::before{width:calc(100% - 44px)}.home-compact-card:hover::after{transform:scale(1.22) translate(-8px,-6px);opacity:1}.home-compact-card:hover .home-card-pointer-glow{opacity:1}.home-compact-card:hover .home-compact-icon{transform:translateY(-4px) rotate(-3deg) scale(1.035);border-radius:18px 7px 18px 18px;background:linear-gradient(145deg,color-mix(in srgb,var(--home-accent) 20%,var(--surface)),color-mix(in srgb,var(--home-accent) 8%,var(--surface)))}.home-compact-card:hover .home-card-accent{transform:translate(-3px,3px) scale(1.12);opacity:1}.home-compact-card:hover .home-card-orbit{transform:translate(-10px,8px) scale(1.18);opacity:1}.home-compact-card:hover .home-card-arrow{opacity:1;transform:none}.home-compact-card:hover .home-compact-copy h3{color:var(--home-accent-strong)}}

/* Process after portfolio */
.home-process-section{background:var(--surface)}.home-process-grid{position:relative}.home-process-col{position:relative;z-index:1}.home-process-step{--rx:0deg;--ry:0deg;position:relative;height:100%;display:flex;gap:16px;padding:clamp(18px,2vw,24px);border:1px solid var(--home-card-border);border-radius:var(--home-card-radius);background:linear-gradient(150deg,var(--surface),color-mix(in srgb,var(--primary-soft) 8%,var(--surface)));box-shadow:0 10px 30px color-mix(in srgb,var(--text) 5%,transparent);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.home-process-marker{position:relative;flex:0 0 62px;height:62px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--home-accent) 17%,var(--surface)),color-mix(in srgb,var(--home-accent) 7%,var(--surface)));color:var(--home-accent-strong)}.home-process-number{position:absolute;top:-8px;inset-inline-start:-7px;min-width:24px;height:24px;padding:0 5px;border-radius:8px;display:grid;place-items:center;background:var(--text);color:var(--surface);font-weight:900;font-size:11px}.home-process-icon svg{width:27px;height:27px}.home-process-copy{min-width:0}.home-process-copy h3{margin:2px 0 8px;color:var(--text);font-size:clamp(18px,1.6vw,21px)}.home-process-copy p{margin:0;color:var(--muted);line-height:1.8;overflow-wrap:anywhere}.home-process-connector{display:none}
@media (min-width:1200px){.home-process-grid::before{content:"";position:absolute;z-index:0;top:31px;inset-inline:7%;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--home-accent) 30%,var(--border)) 10% 90%,transparent);pointer-events:none}}
@media (hover:hover) and (pointer:fine){.home-process-step:hover{transform:translateY(-6px);box-shadow:var(--home-hover-shadow);border-color:color-mix(in srgb,var(--home-accent) 32%,var(--border))}}

/* Testimonials directly before FAQ */
.home-testimonials-section{background:linear-gradient(180deg,color-mix(in srgb,var(--primary-soft) 14%,var(--surface)),var(--surface))}.home-testimonial-card{--mx:50%;--my:50%;position:relative;height:100%;display:flex;flex-direction:column;min-width:0;padding:clamp(19px,2vw,25px);border:1px solid var(--home-card-border);border-radius:var(--home-card-radius);background:linear-gradient(160deg,var(--surface),color-mix(in srgb,var(--primary-soft) 9%,var(--surface)));box-shadow:0 10px 30px color-mix(in srgb,var(--text) 5%,transparent);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.home-testimonial-card .home-card-pointer-glow{opacity:0}.home-testimonial-top{display:flex;align-items:start;justify-content:space-between;gap:16px}.home-review-stars{color:#d99a00;letter-spacing:1px;font-size:14px;white-space:nowrap}.home-review-stars span{color:color-mix(in srgb,var(--muted) 20%,transparent)}.home-quote-mark{font-size:42px;line-height:.8;color:color-mix(in srgb,var(--home-accent) 30%,transparent);font-family:Georgia,serif}.home-testimonial-card blockquote{position:relative;z-index:2;margin:15px 0 21px;color:var(--text);font-size:clamp(14px,1.4vw,16px);line-height:1.9;overflow-wrap:anywhere;flex:1}.home-testimonial-card footer{position:relative;z-index:2;display:flex;align-items:center;gap:11px}.home-review-avatar{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--home-accent),var(--home-accent-strong));color:#fff;font-weight:900}.home-testimonial-card footer strong{display:block;color:var(--text)}.home-review-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:3px;color:var(--muted);font-size:11px}.home-review-meta>*+*::before{content:"•";margin-inline-end:7px}.home-testimonials-more{display:flex;justify-content:flex-end;margin-top:20px}.home-card-link{display:inline-flex;align-items:center;gap:7px;color:var(--home-accent-strong);font-weight:800;text-decoration:none}.home-card-link span{transition:transform .2s ease}.home-card-link:hover span{transform:translateX(-4px)}
@media (hover:hover) and (pointer:fine){.home-testimonial-card:hover{transform:translateY(-5px);box-shadow:var(--home-hover-shadow);border-color:color-mix(in srgb,var(--home-accent) 30%,var(--border))}.home-testimonial-card:hover .home-card-pointer-glow{opacity:1}}
.home-card-carousel{position:relative;overflow:hidden;padding:2px}.home-card-track{--cards-per-view:3;display:flex;gap:var(--home-card-gap);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:3px 2px 8px;scroll-behavior:smooth}.home-card-track::-webkit-scrollbar{display:none}.home-card-carousel .is-carousel-card{flex:0 0 calc((100% - (var(--cards-per-view) - 1)*var(--home-card-gap))/var(--cards-per-view));scroll-snap-align:start}.home-carousel-nav{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.home-carousel-nav button{position:static;transform:none}.home-carousel-nav button:disabled{opacity:.45;cursor:not-allowed}.home-carousel-dots button[hidden]{display:none}
/* Bootstrap 5.3.8 grid fallback when CDN is unavailable. */
.home-experience-section .row{--home-gutter-x:24px;display:flex;flex-wrap:wrap;margin-inline:calc(var(--home-gutter-x)*-.5);row-gap:24px}.home-experience-section .row>*{box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%;padding-inline:calc(var(--home-gutter-x)*.5)}.home-experience-section .col-12{width:100%}.home-experience-section .col-6{width:50%}.home-experience-section .col-4{width:33.333333%}.home-experience-section .col-3{width:25%}
@media(min-width:768px){.home-experience-section .col-md-12{width:100%}.home-experience-section .col-md-6{width:50%}.home-experience-section .col-md-4{width:33.333333%}.home-experience-section .col-md-3{width:25%}}
@media(min-width:1200px){.home-experience-section .col-xl-12{width:100%}.home-experience-section .col-xl-6{width:50%}.home-experience-section .col-xl-4{width:33.333333%}.home-experience-section .col-xl-3{width:25%}}
@media(max-width:1023.98px){.home-section-heading h2{font-size:var(--home-title-tablet,36px)}.home-section-subtitle{font-size:var(--home-subtitle-tablet,19px)}.home-section-description{font-size:var(--home-description-tablet,15px)}.home-intro-split{grid-template-columns:minmax(0,1.08fr) minmax(250px,.92fr);gap:30px;min-height:390px}.home-media-frame{padding:24px}.home-media-stage{min-height:250px}.home-compact-card{height:214px;padding:20px}.home-sector-card{height:202px}}
@media(max-width:767.98px){.home-experience-section{padding-block:clamp(48px,11vw,68px)}.home-experience-section>.container{width:min(100% - 24px,1240px)}.home-section-heading{margin-bottom:25px}.home-section-heading h2{font-size:var(--home-title-mobile,28px);text-wrap:pretty}.home-section-subtitle{font-size:var(--home-subtitle-mobile,17px)}.home-section-description{font-size:var(--home-description-mobile,14px);line-height:1.82}.home-section-eyebrow{font-size:11px;padding:6px 11px}.home-intro-layout{padding-block:2px}.home-intro-split{grid-template-columns:minmax(0,1.15fr) minmax(145px,.85fr);gap:14px;min-height:0;align-items:center}.home-intro-copy{padding:0}.home-intro-copy .home-section-heading h2{font-size:clamp(21px,var(--home-title-mobile,28px),28px);line-height:1.28}.home-intro-copy .home-section-heading h2::after{height:3px;width:58px;margin-top:7px}.home-intro-copy .home-section-subtitle{font-size:clamp(13px,var(--home-subtitle-mobile,17px),17px);margin-top:7px}.home-intro-copy .home-section-description{font-size:clamp(11.5px,var(--home-description-mobile,14px),14px);line-height:1.68;margin-top:8px}.home-intro-visual{align-self:center}.home-media-frame{padding:16px}.home-media-frame-line-a{inset:3% 6% 7% 1%}.home-media-frame-line-b{inset:7% 1% 1% 7%}.home-media-frame-node{width:8px;height:8px;border-width:2px;box-shadow:0 0 0 4px color-mix(in srgb,var(--home-accent) 9%,transparent)}.home-media-stage{aspect-ratio:4/5;min-height:180px}.home-media-nav{inset-inline:3px}.home-media-nav button{width:30px;height:30px;border-radius:10px;font-size:18px}.home-media-dots{bottom:4px;gap:4px}.home-media-dots button{width:6px;height:6px}.home-media-dots button.is-active{width:18px}.home-compact-card{height:184px;padding:15px;grid-template-rows:48px minmax(0,1fr);gap:10px;border-radius:18px}.home-compact-card::before{inset-inline-start:15px;width:38px;height:3px}.home-compact-icon{width:48px;height:48px;flex-basis:48px;border-radius:15px 15px 15px 5px}.home-compact-icon svg{width:23px;height:23px}.home-compact-copy{gap:5px}.home-compact-copy h3{font-size:15px;line-height:1.45;min-height:2.9em;max-height:2.9em}.home-compact-copy p{font-size:12px;line-height:1.6;max-height:4.8em}.home-sector-card{height:176px}.home-process-step{gap:12px;padding:17px}.home-process-marker{flex-basis:52px;height:52px;border-radius:16px}.home-process-icon svg{width:23px;height:23px}.home-card-track{--cards-per-view:1}.home-card-carousel .is-carousel-card{min-width:min(86vw,410px)}.home-testimonials-more{justify-content:flex-start}}
@media(max-width:430px){.home-experience-section>.container{width:min(100% - 20px,1240px)}.home-intro-split{grid-template-columns:minmax(0,1.2fr) minmax(116px,.8fr);gap:10px}.home-intro-copy .home-section-eyebrow{font-size:10px;margin-bottom:8px}.home-intro-copy .home-section-heading h2{font-size:20px}.home-intro-copy .home-section-subtitle{font-size:12.5px}.home-intro-copy .home-section-description{font-size:11.5px;line-height:1.58}.home-media-frame{padding:11px}.home-media-stage{min-height:160px}.home-compact-grid.row{--home-gutter-x:12px;row-gap:12px}.home-compact-card{height:166px;padding:12px;grid-template-rows:43px minmax(0,1fr);gap:8px;border-radius:16px}.home-compact-icon{width:43px;height:43px;flex-basis:43px;border-radius:13px 13px 13px 5px}.home-compact-icon svg{width:20px;height:20px}.home-compact-copy h3{font-size:13.5px}.home-compact-copy p{font-size:10.8px;line-height:1.55}.home-sector-card{height:160px}.home-card-accent,.home-card-orbit,.home-card-arrow{display:none}.home-testimonial-card{padding:18px}}
@media(max-width:360px){.home-experience-section>.container{width:min(100% - 16px,1240px)}.home-intro-split{grid-template-columns:minmax(0,1.22fr) minmax(96px,.78fr);gap:7px}.home-intro-copy .home-section-heading h2{font-size:18.5px}.home-intro-copy .home-section-subtitle{font-size:11.5px}.home-intro-copy .home-section-description{font-size:10.7px;line-height:1.52}.home-media-frame{padding:9px}.home-media-stage{min-height:140px}.home-compact-grid .col-6{width:50%}.home-compact-card{height:158px;padding:10px}.home-compact-copy h3{font-size:12.5px}.home-compact-copy p{font-size:10px}.home-sector-card{height:154px}.home-process-step{flex-direction:column}.home-process-marker{flex-basis:auto;width:50px;height:50px}.home-card-carousel .is-carousel-card{min-width:calc(100vw - 38px)}}
@media(prefers-reduced-motion:reduce){.home-experience-section *{scroll-behavior:auto!important;animation:none!important;transition-duration:.001ms!important}.home-compact-card,.home-process-step,.home-testimonial-card,.home-intro-visual,.home-media-frame-line{transform:none!important}}
.home-admin-stack{display:grid;gap:20px}.home-admin-section-form{display:grid;gap:16px}.home-admin-tabs{display:grid;gap:10px}.home-admin-tabs details,.home-admin-inline-edit{border:1px solid var(--border);border-radius:14px;background:var(--surface-2);overflow:hidden}.home-admin-tabs summary,.home-admin-inline-edit summary{padding:13px 15px;font-weight:800;cursor:pointer;list-style:none}.home-admin-tabs summary::after,.home-admin-inline-edit summary::after{content:"＋";float:left;color:var(--primary)}.home-admin-tabs details[open] summary::after,.home-admin-inline-edit[open] summary::after{content:"−"}.home-admin-details-grid{padding:14px;border-top:1px solid var(--border);background:var(--surface)}.home-color-field{display:grid;grid-template-columns:52px 1fr;gap:8px}.home-color-field input[type=color]{padding:3px;height:44px}.home-admin-sort-list{display:grid;gap:12px;margin:18px 0}.home-admin-sort-item{display:grid;grid-template-columns:34px 96px minmax(0,1fr);gap:14px;align-items:start;padding:12px;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow-sm)}.home-admin-sort-item.is-dragging{opacity:.5;border-style:dashed}.home-admin-sort-item.is-archived{opacity:.62;background:var(--surface-2)}.home-drag-handle{display:grid;place-items:center;min-height:54px;border-radius:10px;background:var(--surface-3);cursor:grab;font-size:20px;color:var(--muted)}.home-admin-media-preview{width:96px;height:72px;border-radius:12px;overflow:hidden;background:var(--surface-3)}.home-admin-media-preview img,.home-admin-media-preview video{width:100%;height:100%;object-fit:contain}.home-admin-item-icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary)}.home-admin-item-icon svg{width:26px;height:26px}.home-admin-item-body{min-width:0;display:grid;gap:10px}.home-admin-item-body>p{margin:0;color:var(--muted)}.home-admin-inline-edit{margin-top:8px}.home-admin-inline-edit form{padding:12px;border-top:1px solid var(--border);background:var(--surface)}.home-sort-save-form{display:flex;justify-content:flex-end}.home-inline-danger{margin-top:8px}.switch-row{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:var(--surface-2);font-weight:800}.home-offer-editor{margin-bottom:18px}.home-admin-stack .kpi-row{margin-bottom:14px}@media(max-width:720px){.home-admin-sort-item{grid-template-columns:30px 1fr}.home-admin-media-preview,.home-admin-item-icon{grid-column:2}.home-admin-item-body{grid-column:1/-1}.home-color-field{grid-template-columns:46px 1fr}}


/* v11.30.2 */
.home-media-nav,.home-media-dots{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease}.home-media-showcase:hover .home-media-nav,.home-media-showcase:hover .home-media-dots,.home-media-showcase:focus-within .home-media-nav,.home-media-showcase:focus-within .home-media-dots,.home-media-showcase.is-interacting .home-media-nav,.home-media-showcase.is-interacting .home-media-dots{opacity:1;visibility:visible}.home-media-showcase:hover .home-media-nav button,.home-media-showcase:focus-within .home-media-nav button,.home-media-showcase.is-interacting .home-media-nav button{pointer-events:auto}.home-compact-card{height:228px;min-height:228px;max-height:228px}.home-sector-card{height:258px;min-height:258px;max-height:258px}.home-compact-copy{min-height:0;overflow:hidden}.home-compact-copy h3,.home-compact-copy p{overflow:hidden}.home-admin-item-body>form{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.home-delete-permanent{background:#9f1239!important;border-color:#9f1239!important;color:#fff!important}.home-delete-permanent:hover{background:#881337!important;border-color:#881337!important}
@media(max-width:767.98px){.home-intro-split{grid-template-columns:1fr!important;grid-template-areas:"copy" "media";gap:24px!important;align-items:start!important;min-height:0!important}.home-intro-copy{grid-area:copy!important;grid-column:auto!important;width:100%;padding:0!important}.home-intro-visual{grid-area:media!important;grid-column:auto!important;width:min(100%,430px);justify-self:center;align-self:start!important}.home-intro-copy .home-section-heading h2{font-size:clamp(25px,7.4vw,32px)!important;line-height:1.26!important}.home-intro-copy .home-section-subtitle{font-size:clamp(16px,4.6vw,19px)!important;line-height:1.55!important}.home-intro-copy .home-section-description{font-size:clamp(14px,3.8vw,16px)!important;line-height:1.9!important;margin-top:12px!important}.home-media-frame{width:100%;padding:18px!important}.home-media-stage{aspect-ratio:16/10!important;min-height:0!important;width:100%;border-radius:26% 7% 22% 9% / 11% 25% 10% 23%}.home-media-nav,.home-media-dots{display:none!important}.home-compact-card{height:186px!important;min-height:186px!important;max-height:186px!important}.home-sector-card{height:174px!important;min-height:174px!important;max-height:174px!important}}
@media(max-width:430px){.home-intro-split{gap:20px!important}.home-media-frame{padding:14px!important}.home-media-stage{aspect-ratio:4/3!important}.home-intro-copy .home-section-description{font-size:14px!important;line-height:1.86!important}.home-compact-card{height:178px!important;min-height:178px!important;max-height:178px!important}.home-sector-card{height:168px!important;min-height:168px!important;max-height:168px!important}}
@media(max-width:360px){.home-intro-copy .home-section-heading h2{font-size:23px!important}.home-intro-copy .home-section-subtitle{font-size:15px!important}.home-intro-copy .home-section-description{font-size:13.5px!important}.home-compact-card{height:170px!important;min-height:170px!important;max-height:170px!important}.home-sector-card{height:162px!important;min-height:162px!important;max-height:162px!important}}


/* ===== v11.31.0 — fixed mobile split + hover-only media controls ===== */
@media(max-width:767.98px){
  .home-company-intro .home-intro-split{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(118px,38%)!important;
    grid-template-areas:none!important;
    gap:clamp(8px,2.6vw,15px)!important;
    align-items:start!important;
    direction:rtl!important;
  }
  .home-company-intro .home-intro-copy{
    grid-column:1!important;grid-row:1!important;width:auto!important;min-width:0!important;padding:0!important;align-self:start!important;
  }
  .home-company-intro .home-intro-visual{
    grid-column:2!important;grid-row:1!important;width:100%!important;min-width:0!important;max-width:none!important;justify-self:stretch!important;align-self:start!important;
  }
  .home-company-intro .home-media-frame{width:100%!important;padding:clamp(7px,2vw,11px)!important;aspect-ratio:1/1!important;}
  .home-company-intro .home-media-stage{width:100%!important;height:100%!important;min-height:0!important;aspect-ratio:1/1!important;}
  .home-company-intro .home-media-slide,.home-company-intro .home-media-slide img,.home-company-intro .home-media-slide video{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;}
  .home-company-intro .home-section-heading{margin-bottom:0!important;}
  .home-company-intro .home-intro-copy .home-section-heading h2{font-size:clamp(18px,5vw,25px)!important;line-height:1.28!important;}
  .home-company-intro .home-intro-copy .home-section-subtitle{font-size:clamp(12px,3.35vw,16px)!important;line-height:1.55!important;}
  .home-company-intro .home-intro-copy .home-section-description{font-size:clamp(10.7px,2.95vw,13.5px)!important;line-height:1.72!important;margin-top:8px!important;}
  .home-media-nav,.home-media-dots{display:none!important;}
}
@media(max-width:360px){
  .home-company-intro .home-intro-split{grid-template-columns:minmax(0,1fr) minmax(104px,37%)!important;gap:7px!important;}
  .home-company-intro .home-intro-copy .home-section-heading h2{font-size:17px!important;}
  .home-company-intro .home-intro-copy .home-section-subtitle{font-size:11.5px!important;}
  .home-company-intro .home-intro-copy .home-section-description{font-size:10.2px!important;line-height:1.62!important;}
}
@media(hover:hover) and (pointer:fine){
  .home-media-showcase .home-media-nav,.home-media-showcase .home-media-dots{opacity:0!important;visibility:hidden!important;pointer-events:none!important;display:flex!important;}
  .home-media-showcase:hover .home-media-nav,.home-media-showcase:hover .home-media-dots,.home-media-showcase:focus-within .home-media-nav,.home-media-showcase:focus-within .home-media-dots{opacity:1!important;visibility:visible!important;}
  .home-media-showcase:hover .home-media-nav button,.home-media-showcase:focus-within .home-media-nav button{pointer-events:auto!important;}
}


/* ===== v11.31.3 — requested responsive intro + readable equal-height sector cards ===== */
.home-sector-card{height:258px!important;min-height:258px!important;max-height:258px!important}
.home-sector-card .home-compact-copy{overflow:hidden}
.home-sector-card .home-compact-copy p{display:block!important;-webkit-line-clamp:unset!important;-webkit-box-orient:initial!important;max-height:none!important;overflow:visible!important;font-size:13px;line-height:1.72}
@media(max-width:1023.98px){
  .home-company-intro .home-intro-split{display:grid!important;grid-template-columns:minmax(0,1.18fr) minmax(240px,.82fr)!important;grid-template-areas:none!important;gap:clamp(20px,3.2vw,34px)!important;align-items:center!important;direction:rtl!important;min-height:0!important}
  .home-company-intro .home-intro-copy{grid-column:1!important;grid-row:1!important;min-width:0!important;width:auto!important;align-self:center!important}
  .home-company-intro .home-intro-visual{grid-column:2!important;grid-row:1!important;min-width:0!important;width:100%!important;max-width:380px!important;justify-self:center!important;align-self:center!important}
  .home-company-intro .home-media-frame{width:100%!important;padding:18px!important;aspect-ratio:auto!important}
  .home-company-intro .home-media-stage{width:100%!important;aspect-ratio:4/3!important;min-height:0!important}
  .home-sector-card{height:248px!important;min-height:248px!important;max-height:248px!important}
}
@media(max-width:767.98px){
  .home-company-intro .home-intro-split{grid-template-columns:minmax(0,1.16fr) minmax(132px,.84fr)!important;gap:clamp(9px,2.7vw,14px)!important;align-items:center!important}
  .home-company-intro .home-intro-copy{align-self:center!important}
  .home-company-intro .home-intro-visual{max-width:none!important;align-self:stretch!important;display:flex!important;align-items:center!important}
  .home-company-intro .home-media-frame{padding:clamp(8px,2.3vw,12px)!important}
  .home-company-intro .home-media-stage{aspect-ratio:4/5!important;min-height:clamp(185px,50vw,235px)!important}
  .home-company-intro .home-media-slide,.home-company-intro .home-media-slide img,.home-company-intro .home-media-slide video{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
  .home-media-nav,.home-media-dots{display:none!important}
  .home-sector-card{height:236px!important;min-height:236px!important;max-height:236px!important}
  .home-sector-card .home-compact-copy p{font-size:11.7px!important;line-height:1.62!important}
}
@media(max-width:430px){
  .home-company-intro .home-intro-split{grid-template-columns:minmax(0,1.15fr) minmax(124px,.85fr)!important;gap:9px!important}
  .home-company-intro .home-media-stage{min-height:clamp(175px,49vw,215px)!important}
  .home-sector-card{height:228px!important;min-height:228px!important;max-height:228px!important}
  .home-sector-card .home-compact-copy p{font-size:10.8px!important;line-height:1.58!important}
}
@media(max-width:360px){
  .home-company-intro .home-intro-split{grid-template-columns:minmax(0,1.15fr) minmax(108px,.85fr)!important;gap:7px!important}
  .home-company-intro .home-media-stage{min-height:160px!important}
  .home-sector-card{height:220px!important;min-height:220px!important;max-height:220px!important}
  .home-sector-card .home-compact-copy p{font-size:10px!important;line-height:1.55!important}
}


/* v11.32.2 identity card redesign for offerings + sectors */
.home-offerings-section .home-compact-grid,
.home-sectors-section .home-compact-grid{align-items:stretch}
.home-offerings-section [data-home-animate-item],
.home-sectors-section [data-home-animate-item]{display:flex}
.home-offerings-section [data-home-animate-item]>.home-compact-card,
.home-sectors-section [data-home-animate-item]>.home-compact-card{width:100%}
.home-offerings-section .home-compact-card,
.home-sectors-section .home-compact-card{
  position:relative;
  isolation:isolate;
  height:100%!important;
  min-height:286px!important;
  max-height:none!important;
  padding:30px 28px 26px!important;
  grid-template-rows:72px minmax(0,1fr)!important;
  gap:18px!important;
  border-radius:28px!important;
  border:1px solid color-mix(in srgb,var(--home-accent) 24%,rgba(255,255,255,.28))!important;
  background:
    radial-gradient(circle at 22% 18%,color-mix(in srgb,var(--home-accent) 26%,transparent) 0%,transparent 30%),
    linear-gradient(145deg,#0e1d3a 0%,#103667 48%,#1b8bcf 120%)!important;
  box-shadow:0 22px 54px rgba(8,24,57,.18), inset 0 1px 0 rgba(255,255,255,.08)!important;
  overflow:hidden;
}
.home-offerings-section .home-compact-card::before,
.home-sectors-section .home-compact-card::before{
  inset-inline-start:auto!important;
  inset-inline-end:-14px!important;
  top:50%!important;
  transform:translateY(-50%);
  width:28px!important;
  height:78px!important;
  border-radius:999px 0 0 999px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(240,250,255,.92))!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.12),0 14px 30px rgba(0,0,0,.14)!important;
  opacity:.97;
}
.home-offerings-section .home-compact-card::after,
.home-sectors-section .home-compact-card::after{
  width:220px!important;
  height:220px!important;
  inset-inline-end:-108px!important;
  inset-block-end:-124px!important;
  border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--home-accent) 32%,rgba(255,255,255,.16)),transparent 70%)!important;
  opacity:.95!important;
  transition:transform .45s ease,opacity .35s ease;
}
.home-offerings-section .home-compact-card .home-card-pointer-glow,
.home-sectors-section .home-compact-card .home-card-pointer-glow{background:radial-gradient(320px circle at var(--mx) var(--my),rgba(255,255,255,.18),transparent 56%)}
.home-offerings-section .home-compact-card .home-card-accent,
.home-sectors-section .home-compact-card .home-card-accent{
  inset-inline-end:22px!important;
  inset-block-start:18px!important;
  width:54px!important;
  height:54px!important;
  border:none!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 42% 42%,#f9f6c6 0 13%,rgba(255,255,255,.96) 14% 34%,rgba(255,255,255,.22) 35% 62%,transparent 63%)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.22),0 0 28px rgba(255,255,255,.16)!important;
  opacity:.96!important;
}
.home-offerings-section .home-compact-card .home-card-orbit,
.home-sectors-section .home-compact-card .home-card-orbit{
  inset-inline-start:26px!important;
  inset-block-start:20px!important;
  inset-inline-end:auto!important;
  width:10px!important;
  height:10px!important;
  background:rgba(255,255,255,.88)!important;
  box-shadow:0 0 0 7px rgba(255,255,255,.09)!important;
}
.home-offerings-section .home-compact-icon,
.home-sectors-section .home-compact-icon{
  width:72px!important;
  height:72px!important;
  flex-basis:72px!important;
  border-radius:22px!important;
  background:linear-gradient(155deg,rgba(255,255,255,.15),rgba(255,255,255,.05))!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 15px 28px rgba(0,0,0,.12)!important;
  backdrop-filter:blur(4px);
}
.home-offerings-section .home-compact-icon.has-media,
.home-sectors-section .home-compact-icon.has-media{padding:9px!important;background:linear-gradient(155deg,rgba(255,255,255,.18),rgba(255,255,255,.08))!important}
.home-offerings-section .home-compact-icon.has-media img,
.home-sectors-section .home-compact-icon.has-media img{border-radius:16px!important;filter:drop-shadow(0 6px 12px rgba(0,0,0,.12))}
.home-offerings-section .home-compact-copy,
.home-sectors-section .home-compact-copy{position:relative;z-index:2;display:grid;gap:10px;align-content:start;overflow:visible!important}
.home-offerings-section .home-compact-copy h3,
.home-sectors-section .home-compact-copy h3{
  margin:0!important;
  color:#fff!important;
  font-size:clamp(25px,1.9vw,31px)!important;
  line-height:1.32!important;
  font-weight:800!important;
  min-height:unset!important;
  max-height:none!important;
  text-wrap:balance;
}
.home-offerings-section .home-compact-copy p,
.home-sectors-section .home-compact-copy p{
  margin:0!important;
  color:rgba(255,255,255,.84)!important;
  font-size:clamp(14px,1.06vw,17px)!important;
  line-height:1.92!important;
  letter-spacing:0!important;
  display:block!important;
  max-height:none!important;
  overflow:visible!important;
  -webkit-line-clamp:unset!important;
}
.home-offerings-section .home-card-arrow,
.home-sectors-section .home-card-arrow{
  inset-inline-start:24px!important;
  inset-inline-end:auto!important;
  inset-block-end:20px!important;
  width:42px;height:42px;border-radius:50%;
  display:grid;place-items:center;
  background:rgba(255,255,255,.11);
  color:#fff!important;
  border:1px solid rgba(255,255,255,.14);
  opacity:0;transform:translateX(6px);
}
.home-offerings-section .home-card-hit,
.home-sectors-section .home-card-hit{z-index:4}
@media (hover:hover) and (pointer:fine){
  .home-offerings-section .home-compact-card:hover,
  .home-sectors-section .home-compact-card:hover,
  .home-offerings-section .home-compact-card:focus-visible,
  .home-sectors-section .home-compact-card:focus-visible{
    transform:perspective(980px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-10px) scale(1.01)!important;
    border-color:rgba(255,255,255,.86)!important;
    background:linear-gradient(150deg,#ffffff 0%,#f3fbff 58%,#dff4ff 100%)!important;
    box-shadow:0 26px 62px rgba(8,24,57,.22),0 0 0 1px rgba(90,193,235,.16) inset!important;
  }
  .home-offerings-section .home-compact-card:hover::after,
  .home-sectors-section .home-compact-card:hover::after,
  .home-offerings-section .home-compact-card:focus-visible::after,
  .home-sectors-section .home-compact-card:focus-visible::after{transform:scale(1.18) translate(-8px,-10px)!important;opacity:1!important}
  .home-offerings-section .home-compact-card:hover .home-card-orbit,
  .home-sectors-section .home-compact-card:hover .home-card-orbit,
  .home-offerings-section .home-compact-card:focus-visible .home-card-orbit,
  .home-sectors-section .home-compact-card:focus-visible .home-card-orbit{background:var(--home-accent)!important;box-shadow:0 0 0 7px color-mix(in srgb,var(--home-accent) 16%,transparent)!important}
  .home-offerings-section .home-compact-card:hover .home-compact-copy h3,
  .home-sectors-section .home-compact-card:hover .home-compact-copy h3,
  .home-offerings-section .home-compact-card:focus-visible .home-compact-copy h3,
  .home-sectors-section .home-compact-card:focus-visible .home-compact-copy h3{color:#09234f!important}
  .home-offerings-section .home-compact-card:hover .home-compact-copy p,
  .home-sectors-section .home-compact-card:hover .home-compact-copy p,
  .home-offerings-section .home-compact-card:focus-visible .home-compact-copy p,
  .home-sectors-section .home-compact-card:focus-visible .home-compact-copy p{color:#4a6280!important}
  .home-offerings-section .home-compact-card:hover .home-compact-icon,
  .home-sectors-section .home-compact-card:hover .home-compact-icon,
  .home-offerings-section .home-compact-card:focus-visible .home-compact-icon,
  .home-sectors-section .home-compact-card:focus-visible .home-compact-icon{background:linear-gradient(150deg,#f4fbff,#ffffff)!important;color:var(--home-accent-strong)!important;box-shadow:inset 0 0 0 1px rgba(90,193,235,.18),0 18px 30px rgba(10,46,92,.09)!important;transform:translateY(-3px) rotate(-2deg) scale(1.04)!important}
  .home-offerings-section .home-compact-card:hover .home-card-arrow,
  .home-sectors-section .home-compact-card:hover .home-card-arrow,
  .home-offerings-section .home-compact-card:focus-visible .home-card-arrow,
  .home-sectors-section .home-compact-card:focus-visible .home-card-arrow{opacity:1;color:var(--home-accent-strong)!important;background:rgba(99,149,172,.11)!important;border-color:rgba(99,149,172,.2)!important;transform:translateX(0)}
}
@media(max-width:1199.98px){
  .home-offerings-section .home-compact-card,
  .home-sectors-section .home-compact-card{min-height:268px!important;padding:26px 24px 24px!important}
  .home-offerings-section .home-compact-copy h3,
  .home-sectors-section .home-compact-copy h3{font-size:clamp(21px,2.1vw,27px)!important}
}
@media(max-width:991.98px){
  .home-offerings-section .home-compact-card,
  .home-sectors-section .home-compact-card{min-height:252px!important;padding:24px 22px 22px!important;grid-template-rows:64px minmax(0,1fr)!important}
  .home-offerings-section .home-compact-icon,
  .home-sectors-section .home-compact-icon{width:64px!important;height:64px!important;flex-basis:64px!important;border-radius:20px!important}
  .home-offerings-section .home-compact-copy h3,
  .home-sectors-section .home-compact-copy h3{font-size:20px!important;line-height:1.35!important}
  .home-offerings-section .home-compact-copy p,
  .home-sectors-section .home-compact-copy p{font-size:13.5px!important;line-height:1.82!important}
}
@media(max-width:767.98px){
  .home-offerings-section .home-compact-card,
  .home-sectors-section .home-compact-card{min-height:230px!important;padding:22px 20px 20px!important;gap:14px!important;border-radius:24px!important}
  .home-offerings-section .home-compact-card::before,
  .home-sectors-section .home-compact-card::before{width:24px!important;height:68px!important;inset-inline-end:-12px!important}
  .home-offerings-section .home-compact-card .home-card-accent,
  .home-sectors-section .home-compact-card .home-card-accent{width:46px!important;height:46px!important}
  .home-offerings-section .home-compact-icon,
  .home-sectors-section .home-compact-icon{width:58px!important;height:58px!important;flex-basis:58px!important;border-radius:18px!important}
  .home-offerings-section .home-compact-copy h3,
  .home-sectors-section .home-compact-copy h3{font-size:19px!important}
  .home-offerings-section .home-compact-copy p,
  .home-sectors-section .home-compact-copy p{font-size:13px!important;line-height:1.74!important}
}
@media(max-width:575.98px){
  .home-offerings-section .home-compact-grid [class*="col-"],
  .home-sectors-section .home-compact-grid [class*="col-"]{width:100%}
  .home-offerings-section .home-compact-card,
  .home-sectors-section .home-compact-card{min-height:214px!important;padding:20px 18px 18px!important;grid-template-rows:56px minmax(0,1fr)!important}
  .home-offerings-section .home-compact-copy h3,
  .home-sectors-section .home-compact-copy h3{font-size:18px!important}
  .home-offerings-section .home-compact-copy p,
  .home-sectors-section .home-compact-copy p{font-size:12.5px!important;line-height:1.68!important}
}

/* ===== v11.33.0 — transparent About-style identity cards with database-driven grids ===== */
.home-offerings-section,.home-sectors-section{
  background:
    radial-gradient(circle at 78% 12%,color-mix(in srgb,var(--home-accent) 30%,transparent),transparent 34%),
    linear-gradient(145deg,color-mix(in srgb,var(--footer-bg,var(--secondary)) 96%,#071a35),color-mix(in srgb,var(--primary-strong) 88%,#09234f))!important;
}
.home-offerings-section .home-section-heading :is(h2,.home-section-subtitle,.home-section-description,.home-section-eyebrow),
.home-sectors-section .home-section-heading :is(h2,.home-section-subtitle,.home-section-description,.home-section-eyebrow){color:#fff!important}
.home-offerings-section .home-compact-grid,.home-sectors-section .home-compact-grid{
  display:grid!important;
  grid-template-columns:repeat(var(--home-cols-desktop,4),minmax(0,1fr))!important;
  gap:clamp(14px,2vw,24px)!important;
  margin:0!important;
}
.home-offerings-section .home-compact-grid>[class*="col-"],.home-sectors-section .home-compact-grid>[class*="col-"]{width:auto!important;max-width:none!important;padding:0!important;display:flex}
.home-offerings-section .home-compact-grid>[hidden],.home-sectors-section .home-compact-grid>[hidden]{display:none!important}
.home-offerings-section .home-compact-card,.home-sectors-section .home-compact-card{
  width:100%!important;
  height:310px!important;
  min-height:310px!important;
  max-height:310px!important;
  padding:26px 24px 22px!important;
  grid-template-rows:68px minmax(0,1fr)!important;
  border:1px solid rgba(255,255,255,.26)!important;
  border-radius:28px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.055))!important;
  box-shadow:0 24px 54px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.12)!important;
  backdrop-filter:blur(18px)!important;
}
.home-offerings-section .home-compact-copy,.home-sectors-section .home-compact-copy{min-height:0!important;overflow:hidden!important}
.home-offerings-section .home-compact-copy h3,.home-sectors-section .home-compact-copy h3{color:#fff!important;font-size:clamp(20px,1.75vw,27px)!important;line-height:1.38!important;min-height:2.76em!important;max-height:2.76em!important;overflow:hidden!important}
.home-offerings-section .home-compact-copy p,.home-sectors-section .home-compact-copy p{color:rgba(255,255,255,.86)!important;font-size:14px!important;line-height:1.78!important;max-height:none!important;overflow:auto!important;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.42) transparent;padding-inline-end:3px}
.home-offerings-section .home-compact-icon,.home-sectors-section .home-compact-icon{color:#fff!important;background:rgba(255,255,255,.11)!important;border-radius:50%!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),0 14px 28px rgba(0,0,0,.12)!important}
.home-offerings-section .home-compact-icon .icon,.home-sectors-section .home-compact-icon .icon{color:#fff!important;stroke:#fff!important}
.home-grid-toggle{display:flex;margin:24px auto 0;border-color:rgba(255,255,255,.56)!important;color:#fff!important;background:rgba(255,255,255,.08)!important}
@media(hover:hover) and (pointer:fine){
  .home-offerings-section .home-compact-card:hover,.home-sectors-section .home-compact-card:hover,
  .home-offerings-section .home-compact-card:focus-visible,.home-sectors-section .home-compact-card:focus-visible{
    transform:translateY(-9px) scale(1.01)!important;
    background:linear-gradient(145deg,color-mix(in srgb,var(--home-accent) 34%,rgba(255,255,255,.16)),color-mix(in srgb,var(--home-accent-strong) 28%,rgba(255,255,255,.08)))!important;
    border-color:rgba(255,255,255,.72)!important;
  }
  .home-offerings-section .home-compact-card:hover .home-compact-copy :is(h3,p),.home-sectors-section .home-compact-card:hover .home-compact-copy :is(h3,p){color:#fff!important}
  .home-offerings-section .home-compact-card:hover .home-compact-icon,.home-sectors-section .home-compact-card:hover .home-compact-icon{color:#fff!important;background:rgba(255,255,255,.16)!important}
}
@media(max-width:1023.98px){
  .home-offerings-section .home-compact-grid,.home-sectors-section .home-compact-grid{grid-template-columns:repeat(var(--home-cols-tablet,2),minmax(0,1fr))!important}
  .home-offerings-section .home-compact-card,.home-sectors-section .home-compact-card{height:286px!important;min-height:286px!important;max-height:286px!important}
}
@media(max-width:767.98px){
  .home-offerings-section .home-compact-grid,.home-sectors-section .home-compact-grid{grid-template-columns:repeat(var(--home-cols-mobile,1),minmax(0,1fr))!important}
  .home-offerings-section .home-compact-card,.home-sectors-section .home-compact-card{height:264px!important;min-height:264px!important;max-height:264px!important;padding:20px 18px!important;grid-template-rows:58px minmax(0,1fr)!important}
  .home-offerings-section .home-compact-copy h3,.home-sectors-section .home-compact-copy h3{font-size:18px!important}
  .home-offerings-section .home-compact-copy p,.home-sectors-section .home-compact-copy p{font-size:12.5px!important;line-height:1.68!important}
}
@media(max-width:430px){
  .home-offerings-section .home-compact-card,.home-sectors-section .home-compact-card{height:248px!important;min-height:248px!important;max-height:248px!important}
}

/* ===== v11.33.2 — visible, equal-position detail actions inside managed cards ===== */
.home-offerings-section .home-compact-card,.home-sectors-section .home-compact-card{
  height:334px!important;min-height:334px!important;max-height:334px!important;
  grid-template-rows:64px minmax(0,1fr) 44px!important;gap:14px!important;
}
.home-offerings-section .home-compact-copy,.home-sectors-section .home-compact-copy{
  display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;gap:8px!important;min-height:0!important;overflow:hidden!important;
}
.home-offerings-section .home-compact-copy h3,.home-sectors-section .home-compact-copy h3{
  min-height:0!important;max-height:none!important;overflow:visible!important;
}
.home-offerings-section .home-compact-copy p,.home-sectors-section .home-compact-copy p{
  min-height:0!important;max-height:none!important;overflow:auto!important;overscroll-behavior:contain;scrollbar-width:thin;
}
.home-card-action{
  position:relative;z-index:5;align-self:end;display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:44px;
  padding:9px 15px;border:1px solid rgba(255,255,255,.38);border-radius:14px;background:rgba(255,255,255,.96);
  color:#0B2347!important;font-size:13px;font-weight:900;line-height:1.35;box-shadow:0 12px 28px rgba(0,20,52,.16);
  pointer-events:none;transition:transform .25s ease,background .25s ease,color .25s ease,box-shadow .25s ease;
}
.home-card-action b{font-size:17px;line-height:1;color:inherit!important}
.home-card-hit:focus-visible{outline:3px solid #fff;outline-offset:-5px;border-radius:28px}
@media(hover:hover) and (pointer:fine){
  .home-compact-card:hover .home-card-action,.home-compact-card:focus-within .home-card-action{
    transform:translateY(-2px);background:#0B2347;color:#fff!important;box-shadow:0 15px 34px rgba(7,32,70,.24);
  }
}
@media(max-width:1023.98px){
  .home-offerings-section .home-compact-card,.home-sectors-section .home-compact-card{height:316px!important;min-height:316px!important;max-height:316px!important;padding:22px 20px!important}
}
@media(max-width:767.98px){
  .home-offerings-section .home-compact-card,.home-sectors-section .home-compact-card{height:294px!important;min-height:294px!important;max-height:294px!important;padding:17px 14px!important;grid-template-rows:54px minmax(0,1fr) 40px!important;gap:10px!important;border-radius:21px!important}
  .home-offerings-section .home-compact-icon,.home-sectors-section .home-compact-icon{width:54px!important;height:54px!important;flex-basis:54px!important}
  .home-offerings-section .home-compact-copy h3,.home-sectors-section .home-compact-copy h3{font-size:16px!important;line-height:1.42!important}
  .home-offerings-section .home-compact-copy p,.home-sectors-section .home-compact-copy p{font-size:12px!important;line-height:1.62!important}
  .home-card-action{min-height:40px;padding:7px 9px;border-radius:11px;font-size:11px;gap:6px}
  .home-card-action b{font-size:14px}
  .home-card-hit:focus-visible{border-radius:21px}
}
@media(max-width:430px){
  .home-offerings-section .home-compact-card,.home-sectors-section .home-compact-card{height:286px!important;min-height:286px!important;max-height:286px!important}
}


/* v11.54 company intro polish */
.home-company-intro .home-media-frame-line-a{border-radius:26% 10% 22% 14% / 12% 28% 16% 26%;border-color:color-mix(in srgb,var(--primary) 52%,#ffffff)}
.home-company-intro .home-media-frame-line-b{border-radius:10% 24% 12% 26% / 27% 12% 25% 10%;border-color:color-mix(in srgb,var(--primary-strong) 42%,#ffffff)}
.home-company-intro .home-media-stage{border-radius:24px;box-shadow:0 24px 55px color-mix(in srgb,var(--primary) 18%,transparent),0 0 0 1px color-mix(in srgb,var(--primary) 12%,var(--border));background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 8%,#fff),#fff)}
.home-company-intro .home-media-slide,.home-company-intro .home-media-slide img,.home-company-intro .home-media-slide video{object-fit:cover!important;object-position:center!important}
@media(max-width:767.98px){
  .home-company-intro .home-intro-split{grid-template-columns:1fr!important;gap:18px!important}
  .home-company-intro .home-intro-copy,.home-company-intro .home-intro-visual{grid-column:auto!important;grid-row:auto!important;width:100%!important;max-width:none!important}
  .home-company-intro .home-intro-visual{justify-self:center!important}
  .home-company-intro .home-media-frame{padding:14px!important}
  .home-company-intro .home-media-stage{aspect-ratio:4/3!important;min-height:210px!important;border-radius:22px!important}
}
@media(max-width:430px){
  .home-company-intro .home-media-stage{min-height:180px!important}
}


/* v11.57 home identity consolidation */
.home-offerings-section,.home-sectors-section{background:#6395AC!important;background-image:none!important;color:#fff!important}
.home-offerings-section :is(.home-section-eyebrow,.home-section-heading h2,.home-section-subtitle,.home-section-description),
.home-sectors-section :is(.home-section-eyebrow,.home-section-heading h2,.home-section-subtitle,.home-section-description){color:#fff!important;-webkit-text-fill-color:#fff!important}
.home-offerings-section .home-compact-card,.home-sectors-section .home-compact-card,
.home-process-section .home-process-step,.home-testimonials-section .home-testimonial-card{
  background:#6395AC!important;
  background-image:none!important;
  border:1px solid rgba(255,255,255,.24)!important;
  box-shadow:0 18px 42px rgba(60,101,121,.18)!important;
  color:#fff!important;
}
.home-offerings-section .home-compact-card::before,.home-offerings-section .home-compact-card::after,
.home-sectors-section .home-compact-card::before,.home-sectors-section .home-compact-card::after{opacity:.28!important}
.home-offerings-section .home-compact-card :is(h3,p,span,small),.home-sectors-section .home-compact-card :is(h3,p,span,small),
.home-process-section .home-process-step :is(h3,p,span,small),.home-testimonials-section .home-testimonial-card :is(h3,p,span,small){color:#fff!important;-webkit-text-fill-color:#fff!important}
.home-offerings-section .home-compact-icon,.home-sectors-section .home-compact-icon,.home-process-section .home-process-marker{
  background:rgba(255,255,255,.13)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.24)!important
}
.home-offerings-section .home-card-action,.home-sectors-section .home-card-action,
.home-process-section .home-process-step .btn,.home-testimonials-section .home-testimonial-card .btn{
  background:#fff!important;color:#6395AC!important;border-color:#fff!important;box-shadow:none!important
}
.home-offerings-section .home-card-action:hover,.home-sectors-section .home-card-action:hover{background:#fff!important;color:#537E93!important}
.home-grid-toggle{background:#fff!important;color:#6395AC!important;border-color:#fff!important}
/* The intro remains light for long-form readability; its decorative frame adopts the exact identity. */
.home-company-intro{--home-accent:#6395AC!important;--home-accent-strong:#537E93!important}
.home-company-intro .home-media-frame-line-a,.home-company-intro .home-media-frame-node{border-color:#6395AC!important}


/* v11.60.0 — managed homepage department/sector button contrast */
.home-offerings-section .home-card-action,
.home-offerings-section .home-card-action *,
.home-sectors-section .home-card-action,
.home-sectors-section .home-card-action *{
  background:#fff!important;
  background-image:none!important;
  color:#6395AC!important;
  -webkit-text-fill-color:#6395AC!important;
  border-color:#fff!important;
}
.home-offerings-section .home-card-action:hover,
.home-offerings-section .home-card-action:hover *,
.home-sectors-section .home-card-action:hover,
.home-sectors-section .home-card-action:hover *{
  background:#fff!important;
  color:#537E93!important;
  -webkit-text-fill-color:#537E93!important;
}

/* v11.74.0 — الهوية التعريفية كمجلة حقيقية متعددة الصفحات. */
.home-company-intro{
  --magazine-page-ratio:.7999;
  background:
    radial-gradient(ellipse at 13% 24%,color-mix(in srgb,var(--primary) 17%,transparent),transparent 38%),
    radial-gradient(ellipse at 89% 86%,color-mix(in srgb,var(--primary) 10%,transparent),transparent 34%),
    linear-gradient(118deg,color-mix(in srgb,var(--primary) 10%,var(--surface)) 0%,color-mix(in srgb,var(--primary) 4%,var(--surface)) 44%,var(--surface) 100%)!important;
}
.home-company-intro::before{inset:0!important;width:100%!important;max-width:none!important;aspect-ratio:auto!important;border-radius:0!important;background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 6%,transparent),transparent 35% 66%,color-mix(in srgb,var(--primary) 5%,transparent))!important;filter:none!important;opacity:.92}
.home-company-intro::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,color-mix(in srgb,var(--primary) 17%,transparent) 1.2px,transparent 1.4px);background-size:17px 17px;mask-image:linear-gradient(90deg,#0000,#000 12%,#0000 28%,#0000 72%,#000 90%,#0000);opacity:.33}
.home-company-intro>.container{z-index:2}
.home-company-intro .home-intro-layout{padding-block:clamp(18px,3vw,42px)}
.home-company-intro .home-intro-split{grid-template-columns:minmax(0,.9fr) minmax(510px,1.1fr)!important;gap:clamp(26px,4vw,58px)!important;min-height:600px!important}
.home-company-intro .home-intro-copy{align-self:center!important;text-align:right!important}
.home-company-intro .home-intro-copy .home-section-heading,.home-company-intro .home-intro-copy :is(h2,.home-section-subtitle,.home-section-description){text-align:right!important}
.home-company-intro .home-intro-copy .home-section-description{margin-inline:0!important;white-space:normal;line-height:2!important}
.home-company-intro .home-intro-visual{width:100%!important;max-width:none!important;justify-self:stretch!important;transform:none!important}
.home-magazine{position:relative;width:100%;display:grid;gap:15px;justify-items:center;isolation:isolate;--magazine-speed:760ms}
.home-magazine-book{position:relative;width:100%;aspect-ratio:1.5998;perspective:1900px;transform-style:preserve-3d;filter:drop-shadow(0 28px 28px color-mix(in srgb,#0b2340 20%,transparent));transform:translateX(-24%);transition:transform .8s cubic-bezier(.2,.78,.2,1),filter .35s ease}
.home-magazine-book.is-opened{transform:none}
.home-magazine-page-stack{position:absolute;inset:1.2% 1.4% .3%;border-radius:10px 16px 18px 12px;background:linear-gradient(90deg,#c7d2d9 0 1%,#fff 1.2% 49.4%,#d9e1e6 49.6% 50.4%,#fff 50.6% 98.8%,#b9c6ce 99%);box-shadow:0 10px 24px rgba(14,42,62,.25),0 4px 0 #d4dee3,0 7px 0 #b8c8d0;transform:translateY(1.4%)}
.home-magazine-spine{position:absolute;z-index:100;left:calc(50% - 4px);top:1%;bottom:0;width:8px;border-radius:50%;background:linear-gradient(90deg,rgba(8,32,51,.27),rgba(255,255,255,.72) 42%,rgba(11,42,65,.25));box-shadow:0 0 15px rgba(4,28,47,.2);pointer-events:none}
.home-magazine-sheet{position:absolute;z-index:var(--sheet-z);left:50%;top:0;width:50%;height:100%;transform-origin:left center;transform-style:preserve-3d;transition:transform var(--magazine-speed) cubic-bezier(.55,.05,.3,.95),z-index 0s linear 380ms;will-change:transform}
.home-magazine-sheet.is-flipped{z-index:var(--sheet-flipped-z);transform:rotateY(-180deg)}
.home-magazine-face{position:absolute;inset:0;overflow:hidden;background:#fff;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:inset 0 0 0 1px rgba(13,55,82,.12),inset 16px 0 25px rgba(10,39,57,.045)}
.home-magazine-front{border-radius:2px 16px 16px 2px}
.home-magazine-back{transform:rotateY(180deg);border-radius:16px 2px 2px 16px;box-shadow:inset 0 0 0 1px rgba(13,55,82,.12),inset -16px 0 25px rgba(10,39,57,.06)}
.home-magazine-page-media{position:absolute;inset:0;margin:0;background:#fff;overflow:hidden}
.home-magazine-page-media :is(img,video){display:block;width:100%;height:100%;object-fit:cover;object-position:center;background:#fff}
.home-magazine-page-media figcaption{display:none}
.home-magazine-blank{position:absolute;inset:0;background:linear-gradient(110deg,#edf4f7,#fff 32%,#f5f9fb)}
.home-magazine-blank span{position:absolute;inset:7%;border:1px solid rgba(99,149,172,.1);border-radius:8px}
.home-magazine-controls{display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;direction:ltr}
.home-magazine-controls>button,.home-magazine-zoom{width:42px;height:42px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--primary) 25%,var(--border));border-radius:50%;background:color-mix(in srgb,var(--surface) 94%,transparent);color:var(--primary-strong);box-shadow:0 9px 24px color-mix(in srgb,var(--text) 9%,transparent);font:900 24px/1 Tahoma,Arial,sans-serif;cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease}
.home-magazine-controls>button:hover,.home-magazine-zoom:hover{transform:translateY(-2px);background:var(--primary);color:#fff}
.home-magazine-controls>button:disabled{opacity:.38;cursor:not-allowed;transform:none}
.home-magazine-progress{display:flex;align-items:center;justify-content:center;gap:5px;min-width:64px;color:var(--primary-strong);font-weight:850;direction:ltr}
.home-magazine-dots{display:flex;align-items:center;gap:7px;direction:ltr}
.home-magazine-dots button{width:9px;height:9px;padding:0;border:0;border-radius:999px;background:color-mix(in srgb,var(--text) 22%,transparent);cursor:pointer;transition:width .22s ease,background .22s ease}
.home-magazine-dots button.is-active{width:27px;background:var(--primary)}
.home-magazine-zoom{position:absolute;inset-inline-start:9px;bottom:1px;width:auto;height:34px;padding-inline:12px;border-radius:999px;font-size:11px;line-height:1}
.home-magazine.is-zoomed{position:fixed;z-index:10050;inset:0;display:grid;align-content:center;padding:clamp(12px,3vw,34px);background:rgba(5,21,35,.86);backdrop-filter:blur(14px)}
.home-magazine.is-zoomed .home-magazine-book{width:min(94vw,1120px);transform:none;filter:drop-shadow(0 34px 50px rgba(0,0,0,.45))}
.home-magazine.is-zoomed .home-magazine-controls{padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.94)}
.home-magazine.is-zoomed .home-magazine-zoom{position:fixed;inset:18px 18px auto auto;z-index:2;height:42px;color:#fff;border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.12)}
body.has-magazine-zoom{overflow:hidden}
@media(max-width:1100px){
  .home-company-intro .home-intro-split{grid-template-columns:minmax(0,.92fr) minmax(410px,1.08fr)!important;gap:24px!important;min-height:520px!important}
  .home-company-intro .home-intro-copy .home-section-description{font-size:var(--home-description-tablet,15px)!important;line-height:1.86!important}
}
@media(max-width:900px){
  .home-company-intro{padding-block:clamp(38px,9vw,62px)!important}
  .home-company-intro .home-intro-split{grid-template-columns:1fr!important;grid-template-areas:"visual" "copy"!important;gap:clamp(24px,7vw,38px)!important;min-height:0!important}
  .home-company-intro .home-intro-visual{grid-area:visual!important;max-width:min(100%,720px)!important;margin-inline:auto!important}
  .home-company-intro .home-intro-copy{grid-area:copy!important}
  .home-company-intro .home-intro-copy .home-section-heading h2{font-size:clamp(26px,7vw,38px)!important}
  .home-company-intro .home-intro-copy .home-section-subtitle{font-size:clamp(15px,4vw,19px)!important}
  .home-company-intro .home-intro-copy .home-section-description{font-size:clamp(12.5px,3.35vw,15px)!important;line-height:1.9!important}
  .home-magazine-book{min-width:0!important;transform:none!important}
  .home-magazine-controls{gap:9px}
  .home-magazine-dots{gap:5px}.home-magazine-dots button{width:7px;height:7px}.home-magazine-dots button.is-active{width:21px}
  .home-magazine-zoom{position:static;width:auto;height:34px;padding-inline:13px;margin-top:-7px}
}
@media(max-width:430px){
  .home-experience-section>.container{width:min(100% - 20px,1240px)}
  .home-magazine{gap:10px}.home-magazine-book{width:108%;max-width:none}
  .home-magazine-controls>button{width:38px;height:38px}.home-magazine-progress{font-size:12px;min-width:54px}
  .home-magazine.is-zoomed{padding:8px;overflow:auto}.home-magazine.is-zoomed .home-magazine-book{width:118vw;max-width:none;margin-inline:-9vw}
}
@media(prefers-reduced-motion:reduce){.home-magazine-sheet,.home-magazine-book{transition:none!important}.home-magazine-controls>button,.home-magazine-zoom{transition:none!important}}

/* ===== v11.75.0 | home sections + Arabic magazine final responsive polish ===== */
.home-offerings-section .home-section-heading .home-section-eyebrow{
  color:#6395AC!important;
  -webkit-text-fill-color:#6395AC!important;
  background:#fff!important;
  border-color:rgba(255,255,255,.72)!important;
  box-shadow:0 9px 24px rgba(39,93,119,.13)!important;
}
.home-offerings-section .home-compact-icon.has-media,
.home-sectors-section .home-compact-icon.has-media{
  justify-self:center!important;
  align-self:start!important;
  display:grid!important;
  place-items:center!important;
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  min-height:64px!important;
  max-width:64px!important;
  max-height:64px!important;
  margin-inline:auto!important;
  padding:7px!important;
  overflow:hidden!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.96)!important;
}
.home-offerings-section .home-compact-icon.has-media img,
.home-sectors-section .home-compact-icon.has-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:auto!important;
}
.home-company-intro .home-intro-visual{
  position:relative!important;
  isolation:isolate;
  padding:7px 4px 22px!important;
}
.home-company-intro .home-intro-visual::before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:auto 8% 8px;
  height:14px;
  border-radius:50%;
  background:rgba(19,51,69,.16);
  filter:blur(9px);
  transform:translateY(5px);
  pointer-events:none;
}
.home-company-intro .home-intro-visual::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:auto 3% 9px;
  height:9px;
  border-radius:999px;
  background:linear-gradient(180deg,#dbe7ec,#9eb5c0 55%,#718d9b);
  box-shadow:0 5px 10px rgba(16,50,67,.2),inset 0 1px rgba(255,255,255,.8);
  transform:perspective(400px) rotateX(62deg);
  pointer-events:none;
}
.home-company-intro .home-magazine{
  position:relative;
  z-index:1;
  width:94%!important;
  margin-inline:auto!important;
  transform:translateY(-6px) rotateZ(-1deg);
  transform-origin:center bottom;
}
.home-company-intro .home-magazine-book:not(.is-opened){
  transform:translateX(24%)!important;
}
.home-company-intro .home-magazine-book.is-opened{
  transform:none!important;
}
.home-company-intro .home-magazine-sheet{
  left:0!important;
  transform-origin:right center!important;
}
.home-company-intro .home-magazine-sheet.is-flipped{
  transform:rotateY(180deg)!important;
}
.home-company-intro .home-magazine-front{
  border-radius:16px 2px 2px 16px!important;
}
.home-company-intro .home-magazine-back{
  border-radius:2px 16px 16px 2px!important;
  box-shadow:inset 0 0 0 1px rgba(13,55,82,.12),inset 16px 0 25px rgba(10,39,57,.06)!important;
}
@media(max-width:900px){
  .home-company-intro{
    padding-block:clamp(32px,7vw,52px)!important;
  }
  .home-company-intro .home-intro-split{
    grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;
    grid-template-areas:"copy visual"!important;
    gap:clamp(10px,2.7vw,22px)!important;
    min-height:0!important;
    align-items:center!important;
  }
  .home-company-intro .home-intro-copy{
    grid-area:copy!important;
    min-width:0!important;
  }
  .home-company-intro .home-intro-visual{
    grid-area:visual!important;
    min-width:0!important;
    width:100%!important;
    max-width:none!important;
    margin-inline:0!important;
    padding-inline:0!important;
  }
  .home-company-intro .home-intro-copy .home-section-heading h2{
    font-size:clamp(21px,4.7vw,32px)!important;
  }
  .home-company-intro .home-intro-copy .home-section-subtitle{
    font-size:clamp(13px,2.9vw,17px)!important;
  }
  .home-company-intro .home-intro-copy .home-section-description{
    font-size:clamp(11.5px,2.45vw,14px)!important;
    line-height:1.82!important;
  }
  .home-company-intro .home-magazine{
    width:93%!important;
    gap:9px!important;
  }
  .home-company-intro .home-magazine-book{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  .home-company-intro .home-magazine-controls{gap:6px!important;flex-wrap:wrap!important}
  .home-company-intro .home-magazine-controls>button{width:34px!important;height:34px!important;font-size:20px!important}
  .home-company-intro .home-magazine-progress{min-width:46px!important;font-size:11px!important}
  .home-company-intro .home-magazine-dots{gap:4px!important}
  .home-company-intro .home-magazine-dots button{width:6px!important;height:6px!important}
  .home-company-intro .home-magazine-dots button.is-active{width:18px!important}
  .home-company-intro .home-magazine-zoom{position:static!important;height:31px!important;padding-inline:10px!important;margin-top:-5px!important;font-size:10px!important}
}
@media(max-width:767.98px){
  .home-offerings-section .home-compact-icon.has-media,
  .home-sectors-section .home-compact-icon.has-media{
    width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;max-width:54px!important;max-height:54px!important;padding:6px!important;border-radius:15px!important;
  }
}
@media(max-width:560px){
  .home-company-intro .home-intro-split{
    grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)!important;
    gap:9px!important;
  }
  .home-company-intro .home-magazine{width:92%!important;transform:translateY(-4px) rotateZ(-.7deg)}
  .home-company-intro .home-magazine-controls{gap:4px!important}
  .home-company-intro .home-magazine-controls>button{width:30px!important;height:30px!important;font-size:18px!important}
  .home-company-intro .home-magazine-progress{font-size:10px!important;min-width:39px!important}
  .home-company-intro .home-magazine-dots{display:none!important}
  .home-company-intro .home-magazine-zoom{height:29px!important;padding-inline:8px!important;font-size:9px!important}
}
@media(max-width:430px){
  .home-company-intro .home-intro-split{
    grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr)!important;
    grid-template-areas:"copy visual"!important;
    gap:7px!important;
  }
  .home-company-intro .home-intro-copy .home-section-heading{gap:7px!important}
  .home-company-intro .home-intro-copy .home-section-heading h2{font-size:clamp(18px,5.7vw,24px)!important;line-height:1.35!important}
  .home-company-intro .home-intro-copy .home-section-subtitle{font-size:clamp(11px,3.5vw,14px)!important;line-height:1.6!important}
  .home-company-intro .home-intro-copy .home-section-description{font-size:clamp(10.5px,3.05vw,12.5px)!important;line-height:1.72!important}
  .home-company-intro .home-magazine{width:90%!important;gap:6px!important}
  .home-company-intro .home-magazine-book{width:100%!important;max-width:100%!important;margin-inline:0!important}
  .home-company-intro .home-intro-visual::after{height:7px!important;inset-inline:1%!important}
}


/* ===== v11.77.0 | company magazine: open spread on a translucent shelf, side-by-side on all devices ===== */
.home-company-intro .home-intro-visual{position:relative!important;perspective:1800px!important;padding-block:clamp(8px,2vw,20px)!important;overflow:visible!important}
.home-company-intro .home-intro-visual::before{content:""!important;position:absolute!important;z-index:0!important;left:3%!important;right:3%!important;bottom:clamp(18px,4.2vw,48px)!important;height:clamp(18px,3vw,34px)!important;border-radius:50%!important;background:rgba(99,149,172,.13)!important;filter:blur(13px)!important;transform:translateY(13px) scaleX(.94)!important;pointer-events:none!important}
.home-company-intro .home-intro-visual::after{content:""!important;position:absolute!important;z-index:0!important;left:5%!important;right:5%!important;bottom:clamp(22px,4.5vw,52px)!important;height:clamp(8px,1.2vw,14px)!important;border-radius:999px!important;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(99,149,172,.18))!important;border:1px solid rgba(99,149,172,.15)!important;box-shadow:0 14px 30px rgba(33,78,100,.13)!important;backdrop-filter:blur(8px)!important;pointer-events:none!important}
.home-company-intro .home-magazine{z-index:1!important;width:min(108%,760px)!important;transform:translateY(-10px) rotateZ(-1.15deg) rotateX(1.8deg)!important;transform-origin:center bottom!important;gap:10px!important}
.home-company-intro .home-magazine-book{width:100%!important;max-width:none!important;margin:0!important;filter:drop-shadow(0 24px 24px rgba(17,50,71,.22))!important}
.home-company-intro .home-magazine-book.is-opened{transform:translateX(0)!important}
.home-company-intro .home-intro-split{grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr)!important;gap:clamp(24px,3.8vw,58px)!important;align-items:center!important;direction:rtl!important}
.home-company-intro .home-intro-copy{min-width:0!important;z-index:2!important}
@media(max-width:1100px){
  .home-company-intro .home-intro-split{grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr)!important;gap:20px!important;min-height:0!important}
  .home-company-intro .home-magazine{width:108%!important;transform:translateY(-7px) rotateZ(-.9deg) rotateX(1.4deg)!important}
}
@media(max-width:900px){
  .home-company-intro .home-intro-split{display:grid!important;grid-template-columns:minmax(0,1.04fr) minmax(220px,.96fr)!important;grid-template-areas:none!important;gap:clamp(10px,2.8vw,20px)!important;align-items:center!important}
  .home-company-intro .home-intro-copy{grid-area:auto!important}
  .home-company-intro .home-intro-visual{grid-area:auto!important;max-width:none!important;margin:0!important;padding-block:8px!important}
  .home-company-intro .home-magazine{width:112%!important;transform:translateY(-5px) rotateZ(-.8deg) rotateX(1deg)!important}
  .home-company-intro .home-magazine-book{transform:none!important}
}
@media(max-width:640px){
  .home-company-intro{padding-block:28px!important}
  .home-company-intro .home-intro-split{grid-template-columns:minmax(0,1.08fr) minmax(142px,.92fr)!important;gap:8px!important}
  .home-company-intro .home-intro-copy .home-section-heading h2{font-size:clamp(21px,5.8vw,29px)!important;line-height:1.35!important}
  .home-company-intro .home-intro-copy .home-section-subtitle{font-size:clamp(12px,3.2vw,15px)!important;line-height:1.7!important}
  .home-company-intro .home-intro-copy .home-section-description{font-size:clamp(10.5px,2.75vw,13px)!important;line-height:1.75!important}
  .home-company-intro .home-magazine{width:118%!important;gap:5px!important;transform:translateY(-3px) rotateZ(-.55deg)!important}
  .home-company-intro .home-magazine-controls{gap:3px!important;min-height:30px!important;transform:scale(.84)!important;transform-origin:center top!important}
  .home-company-intro .home-magazine-zoom{display:none!important}
  .home-company-intro .home-intro-visual::after{bottom:20px!important;height:7px!important}
  .home-company-intro .home-intro-visual::before{bottom:18px!important;height:16px!important}
}
@media(max-width:430px){
  .home-company-intro .home-intro-split{grid-template-columns:minmax(0,1.1fr) minmax(128px,.9fr)!important;gap:6px!important}
  .home-company-intro .home-magazine{width:122%!important;transform:translateY(-2px) rotateZ(-.45deg)!important}
  .home-company-intro .home-magazine-dots{display:none!important}
}


/* ===== v11.77.2 | company magazine final layout: permanently open spread, raised shelf, reference-responsive ===== */
.home-company-intro{
  padding-block:clamp(24px,3.2vw,44px) clamp(22px,3vw,40px)!important;
}
.home-company-intro .home-intro-layout{padding-block:0!important}
.home-company-intro .home-intro-split{
  display:grid!important;
  grid-template-columns:minmax(500px,1.14fr) minmax(0,.86fr)!important;
  grid-template-areas:"visual copy"!important;
  gap:clamp(24px,3.2vw,48px)!important;
  align-items:center!important;
  min-height:0!important;
  direction:ltr!important;
}
.home-company-intro .home-intro-copy{
  grid-area:copy!important;
  direction:rtl!important;
  align-self:center!important;
  min-width:0!important;
  display:block!important;
}
.home-company-intro .home-intro-heading,
.home-company-intro .home-intro-description{direction:rtl!important;text-align:right!important}
.home-company-intro .home-intro-heading{margin:0!important}
.home-company-intro .home-intro-description{
  margin-top:clamp(16px,2vw,26px)!important;
  line-height:1.95!important;
  white-space:normal!important;
}
.home-company-intro .home-intro-visual{
  grid-area:visual!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0 0 12px!important;
  transform:translateY(clamp(-42px,-3vw,-22px))!important;
  align-self:center!important;
  overflow:visible!important;
}
.home-company-intro .home-intro-visual::before{
  left:5%!important;right:5%!important;bottom:0!important;height:22px!important;
  background:rgba(36,83,106,.16)!important;filter:blur(12px)!important;
  transform:translateY(8px) scaleX(.92)!important;
}
.home-company-intro .home-intro-visual::after{
  left:3%!important;right:3%!important;bottom:5px!important;height:10px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(99,149,172,.20))!important;
  border:1px solid rgba(99,149,172,.18)!important;
  box-shadow:0 8px 18px rgba(30,73,94,.15),inset 0 1px rgba(255,255,255,.9)!important;
  backdrop-filter:blur(8px)!important;
}
.home-company-intro .home-magazine{
  width:min(112%,820px)!important;
  margin-inline:auto!important;
  gap:8px!important;
  transform:translateY(-12px) rotateZ(-.7deg) rotateX(4.5deg)!important;
  transform-origin:center bottom!important;
}
.home-company-intro .home-magazine-book{
  width:100%!important;
  max-width:none!important;
  aspect-ratio:1.60!important;
  transform:none!important;
  filter:drop-shadow(0 22px 22px rgba(15,48,67,.23))!important;
}
.home-company-intro .home-magazine-book.is-opened{transform:none!important}
.home-company-intro .home-magazine-page-stack{
  inset:1.4% 1.2% .8%!important;
  border-radius:14px 18px 20px 14px!important;
  background:linear-gradient(90deg,#afbec6 0 .8%,#f9fbfc 1.2% 49.2%,#d2dce1 49.5% 50.5%,#f9fbfc 50.8% 98.8%,#a9bac3 99.2%)!important;
  box-shadow:0 12px 24px rgba(14,42,62,.24),0 4px 0 #d7e1e6,0 7px 0 #bccbd2!important;
}
.home-company-intro .home-magazine-spine{
  left:calc(50% - 3px)!important;width:6px!important;top:1.2%!important;bottom:.8%!important;
  background:linear-gradient(90deg,rgba(4,28,46,.34),rgba(255,255,255,.80) 48%,rgba(4,28,46,.26))!important;
  box-shadow:0 0 18px rgba(4,28,47,.24)!important;
}
.home-company-intro .home-magazine-face{
  background:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(13,55,82,.10),inset 18px 0 26px rgba(8,36,54,.045)!important;
}
.home-company-intro .home-magazine-front{border-radius:16px 3px 3px 16px!important}
.home-company-intro .home-magazine-back{border-radius:3px 16px 16px 3px!important}
.home-company-intro .home-magazine-page-media :is(img,video){object-fit:cover!important;object-position:center!important}
.home-company-intro .home-magazine-controls{min-height:36px!important;gap:8px!important;margin-top:-2px!important}
.home-company-intro .home-magazine-controls>button{width:34px!important;height:34px!important;font-size:20px!important}
.home-company-intro .home-magazine-progress{min-width:56px!important;font-size:11px!important}
.home-company-intro .home-magazine-zoom{height:31px!important;padding-inline:10px!important;font-size:10px!important;bottom:-1px!important}

@media(max-width:1100px){
  .home-company-intro .home-intro-split{grid-template-columns:minmax(410px,1.08fr) minmax(0,.92fr)!important;gap:20px!important}
  .home-company-intro .home-intro-visual{transform:translateY(-26px)!important}
  .home-company-intro .home-magazine{width:110%!important;transform:translateY(-9px) rotateZ(-.55deg) rotateX(3.8deg)!important}
}

/* Portrait tablet + phone: heading first, open magazine immediately below it, description after it. */
@media(max-width:820px){
  .home-company-intro{padding-block:26px 30px!important}
  .home-company-intro .home-intro-split{
    grid-template-columns:1fr!important;
    grid-template-areas:"heading" "visual" "description"!important;
    gap:clamp(10px,2.6vw,18px)!important;
    direction:rtl!important;
    align-items:start!important;
  }
  .home-company-intro .home-intro-copy{display:contents!important}
  .home-company-intro .home-intro-heading{grid-area:heading!important;text-align:center!important;justify-items:center!important;margin:0!important}
  .home-company-intro .home-intro-heading :is(h2,.home-section-subtitle){text-align:center!important;margin-inline:auto!important}
  .home-company-intro .home-intro-description{grid-area:description!important;text-align:right!important;margin:0!important;line-height:1.9!important}
  .home-company-intro .home-intro-visual{
    grid-area:visual!important;
    width:min(100%,760px)!important;
    margin-inline:auto!important;
    padding:0 0 10px!important;
    transform:translateY(-4px)!important;
  }
  .home-company-intro .home-magazine{
    width:min(96%,720px)!important;
    margin-inline:auto!important;
    transform:translateY(-4px) rotateZ(-.45deg) rotateX(3deg)!important;
    gap:6px!important;
  }
  .home-company-intro .home-magazine-book{width:100%!important;max-width:none!important;margin:0!important}
  .home-company-intro .home-magazine-controls{transform:none!important;min-height:32px!important;gap:6px!important}
  .home-company-intro .home-magazine-zoom{display:none!important}
  .home-company-intro .home-intro-visual::before{left:9%!important;right:9%!important;bottom:1px!important;height:16px!important}
  .home-company-intro .home-intro-visual::after{left:6%!important;right:6%!important;bottom:5px!important;height:8px!important}
}
@media(max-width:560px){
  .home-company-intro .home-section-eyebrow{margin-inline:auto!important}
  .home-company-intro .home-intro-heading h2{font-size:clamp(27px,8.2vw,38px)!important;line-height:1.32!important}
  .home-company-intro .home-intro-heading .home-section-subtitle{font-size:clamp(14px,4vw,18px)!important;line-height:1.65!important}
  .home-company-intro .home-intro-description{font-size:clamp(12.5px,3.55vw,15px)!important;line-height:1.95!important}
  .home-company-intro .home-magazine{width:98%!important;transform:translateY(-3px) rotateZ(-.35deg) rotateX(2.4deg)!important}
  .home-company-intro .home-magazine-controls>button{width:31px!important;height:31px!important;font-size:18px!important}
  .home-company-intro .home-magazine-progress{font-size:10.5px!important;min-width:50px!important}
  .home-company-intro .home-magazine-dots{display:flex!important;gap:4px!important}
  .home-company-intro .home-magazine-dots button{width:6px!important;height:6px!important}
  .home-company-intro .home-magazine-dots button.is-active{width:18px!important}
}
@media(max-width:390px){
  .home-company-intro .home-magazine{width:100%!important}
  .home-company-intro .home-magazine-controls{gap:4px!important}
  .home-company-intro .home-magazine-dots{display:none!important}
}


/* ===== v11.77.3 | phone magazine: side-by-side copy, raised translucent shelf, tilt toward account side ===== */
@media(max-width:560px){
  .home-company-intro{padding-block:24px 30px!important}
  .home-company-intro .home-intro-split{
    display:grid!important;
    grid-template-columns:minmax(146px,.88fr) minmax(0,1.12fr)!important;
    grid-template-areas:"visual copy"!important;
    gap:clamp(12px,3.8vw,18px)!important;
    align-items:start!important;
    direction:ltr!important;
    min-height:0!important;
  }
  .home-company-intro .home-intro-copy{
    display:block!important;
    grid-area:copy!important;
    direction:rtl!important;
    min-width:0!important;
    align-self:start!important;
    padding-top:0!important;
  }
  .home-company-intro .home-intro-heading{
    display:block!important;
    text-align:right!important;
    margin:0!important;
  }
  .home-company-intro .home-section-eyebrow{margin-inline:0!important;margin-inline-start:auto!important;margin-bottom:8px!important}
  .home-company-intro .home-intro-heading h2,
  .home-company-intro .home-intro-heading .home-section-subtitle{text-align:right!important;margin-inline:0!important}
  .home-company-intro .home-intro-heading h2{font-size:clamp(21px,5.8vw,27px)!important;line-height:1.33!important}
  .home-company-intro .home-intro-heading .home-section-subtitle{font-size:clamp(11.5px,3.15vw,14px)!important;line-height:1.62!important;margin-top:8px!important}
  .home-company-intro .home-intro-description{
    display:block!important;
    text-align:right!important;
    margin-top:13px!important;
    font-size:clamp(10.4px,2.8vw,12.6px)!important;
    line-height:1.78!important;
  }
  .home-company-intro .home-intro-visual{
    grid-area:visual!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:8px 0 23px!important;
    align-self:start!important;
    transform:translateY(-8px)!important;
    overflow:visible!important;
    perspective:1500px!important;
  }
  .home-company-intro .home-magazine{
    width:126%!important;
    max-width:none!important;
    margin:0!important;
    gap:5px!important;
    transform:translate(-10%,-13px) rotateZ(-2.2deg) rotateX(5deg)!important;
    transform-origin:center bottom!important;
  }
  .home-company-intro .home-magazine-book{
    width:100%!important;
    max-width:none!important;
    transform:none!important;
    filter:drop-shadow(0 18px 15px rgba(13,48,69,.23))!important;
  }
  .home-company-intro .home-intro-visual::before{
    left:-2%!important;right:3%!important;bottom:7px!important;height:18px!important;
    background:rgba(35,80,102,.16)!important;
    filter:blur(10px)!important;
    transform:translateX(-5%) translateY(7px) scaleX(.92)!important;
  }
  .home-company-intro .home-intro-visual::after{
    left:-7%!important;right:0!important;bottom:11px!important;height:8px!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(99,149,172,.23))!important;
    border:1px solid rgba(99,149,172,.22)!important;
    box-shadow:0 8px 18px rgba(32,77,99,.17),inset 0 1px rgba(255,255,255,.95)!important;
    backdrop-filter:blur(8px)!important;
  }
  .home-company-intro .home-magazine-controls{
    min-height:27px!important;
    gap:3px!important;
    transform:scale(.78)!important;
    transform-origin:center top!important;
    margin-top:-3px!important;
  }
  .home-company-intro .home-magazine-controls>button{width:30px!important;height:30px!important;font-size:18px!important}
  .home-company-intro .home-magazine-progress{font-size:10px!important;min-width:48px!important}
  .home-company-intro .home-magazine-dots{display:none!important}
  .home-company-intro .home-magazine-zoom{display:none!important}
}
@media(max-width:390px){
  .home-company-intro .home-intro-split{grid-template-columns:minmax(132px,.86fr) minmax(0,1.14fr)!important;gap:11px!important}
  .home-company-intro .home-magazine{width:130%!important;transform:translate(-12%,-11px) rotateZ(-2deg) rotateX(4.5deg)!important}
  .home-company-intro .home-intro-description{font-size:10.2px!important;line-height:1.72!important}
}

/* ===== v11.77.5 | company-intro magazine geometry — no overlap, shelf, responsive RTL ===== */
/* Desktop/laptop: keep the open magazine on the left and copy on the right with a real gap. */
.home-company-intro .home-intro-split{
  grid-template-columns:minmax(0,.88fr) minmax(480px,1.12fr)!important;
  gap:clamp(42px,5vw,76px)!important;
  align-items:center!important;
  min-height:0!important;
  overflow:visible!important;
  direction:rtl!important;
}
.home-company-intro .home-intro-copy{
  min-width:0!important;
  width:100%!important;
  position:relative!important;
  z-index:3!important;
}
.home-company-intro .home-intro-visual{
  min-width:0!important;
  width:100%!important;
  max-width:700px!important;
  justify-self:start!important;
  align-self:center!important;
  position:relative!important;
  z-index:1!important;
  padding:10px 4px 28px!important;
  transform:translateY(-12px)!important;
  overflow:visible!important;
  perspective:1800px!important;
}
.home-company-intro .home-magazine{
  width:100%!important;
  max-width:700px!important;
  margin:0!important;
  gap:8px!important;
  transform:translateY(-5px) rotateZ(-.7deg) rotateX(2.4deg)!important;
  transform-origin:center bottom!important;
}
.home-company-intro .home-magazine-book{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  transform:none!important;
  filter:drop-shadow(0 22px 20px rgba(17,50,71,.22))!important;
}
.home-company-intro .home-intro-visual::before{
  left:5%!important;right:5%!important;bottom:7px!important;height:22px!important;
  background:rgba(35,80,102,.15)!important;
  filter:blur(12px)!important;
  transform:translateY(9px) scaleX(.94)!important;
}
.home-company-intro .home-intro-visual::after{
  left:4%!important;right:4%!important;bottom:13px!important;height:9px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(99,149,172,.22))!important;
  border:1px solid rgba(99,149,172,.20)!important;
  box-shadow:0 9px 22px rgba(32,77,99,.16),inset 0 1px rgba(255,255,255,.95)!important;
  backdrop-filter:blur(8px)!important;
}

/* Tablet: still side-by-side — never stack the magazine below the whole description. */
@media(max-width:1100px){
  .home-company-intro .home-intro-split{
    grid-template-columns:minmax(0,1.03fr) minmax(340px,.97fr)!important;
    gap:clamp(24px,3.2vw,34px)!important;
  }
  .home-company-intro .home-intro-visual{max-width:520px!important;transform:translateY(-9px)!important;padding-bottom:26px!important}
  .home-company-intro .home-magazine{width:100%!important;max-width:520px!important;transform:translateY(-4px) rotateZ(-.6deg) rotateX(2deg)!important}
}
@media(max-width:900px) and (min-width:561px){
  .home-company-intro{padding-block:30px!important}
  .home-company-intro .home-intro-split{
    display:grid!important;
    grid-template-columns:minmax(0,1.06fr) minmax(280px,.94fr)!important;
    grid-template-areas:none!important;
    gap:clamp(18px,3vw,26px)!important;
    align-items:center!important;
    direction:rtl!important;
  }
  .home-company-intro .home-intro-copy{display:block!important;grid-area:auto!important;grid-column:1!important;grid-row:1!important}
  .home-company-intro .home-intro-visual{grid-area:auto!important;grid-column:2!important;grid-row:1!important;max-width:420px!important;margin:0!important;padding:8px 2px 24px!important;transform:translateY(-7px)!important}
  .home-company-intro .home-magazine{width:100%!important;max-width:420px!important;transform:translateY(-4px) rotateZ(-.8deg) rotateX(2.4deg)!important}
  .home-company-intro .home-intro-heading :is(h2,.home-section-subtitle),
  .home-company-intro .home-intro-description{text-align:right!important}
}

/* Phone: title/subtitle stay above. Under them the open magazine sits on the left shelf,
   directly opposite the description on the right; the magazine grows to the LEFT only,
   so it can never cover the copy. */
@media(max-width:560px){
  .home-company-intro{padding-block:24px 30px!important}
  .home-company-intro .home-intro-layout{padding-block:0!important}
  .home-company-intro .home-intro-split{
    display:grid!important;
    grid-template-columns:minmax(148px,.92fr) minmax(0,1.08fr)!important;
    grid-template-areas:"heading heading" "visual description"!important;
    column-gap:clamp(14px,4vw,20px)!important;
    row-gap:13px!important;
    align-items:start!important;
    min-height:0!important;
    direction:ltr!important;
    overflow:visible!important;
  }
  .home-company-intro .home-intro-copy{display:contents!important}
  .home-company-intro .home-intro-heading{
    grid-area:heading!important;
    direction:rtl!important;
    width:100%!important;
    margin:0!important;
    text-align:center!important;
  }
  .home-company-intro .home-section-eyebrow{margin-inline:auto!important;margin-bottom:8px!important}
  .home-company-intro .home-intro-heading h2,
  .home-company-intro .home-intro-heading .home-section-subtitle{
    text-align:center!important;
    margin-inline:auto!important;
  }
  .home-company-intro .home-intro-heading h2{font-size:clamp(25px,7.2vw,31px)!important;line-height:1.3!important}
  .home-company-intro .home-intro-heading .home-section-subtitle{font-size:clamp(13px,3.75vw,16px)!important;line-height:1.62!important;margin-top:8px!important}
  .home-company-intro .home-intro-description{
    grid-area:description!important;
    direction:rtl!important;
    align-self:start!important;
    min-width:0!important;
    margin:4px 0 0!important;
    padding:0!important;
    text-align:right!important;
    font-size:clamp(11.2px,3.05vw,13.2px)!important;
    line-height:1.82!important;
  }
  .home-company-intro .home-intro-visual{
    grid-area:visual!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:4px 0 24px!important;
    align-self:start!important;
    justify-self:stretch!important;
    transform:translateY(-8px)!important;
    overflow:visible!important;
    perspective:1500px!important;
  }
  .home-company-intro .home-magazine{
    width:108%!important;
    max-width:none!important;
    margin:0!important;
    gap:5px!important;
    transform:translate(-7%,-8px) rotateZ(-3.2deg) rotateX(4.2deg)!important;
    transform-origin:center bottom!important;
  }
  .home-company-intro .home-magazine-book{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    transform:none!important;
    filter:drop-shadow(0 17px 14px rgba(13,48,69,.24))!important;
  }
  .home-company-intro .home-intro-visual::before{
    left:-8%!important;right:8%!important;bottom:5px!important;height:17px!important;
    background:rgba(35,80,102,.16)!important;
    filter:blur(9px)!important;
    transform:translateX(-4%) translateY(7px) scaleX(.92)!important;
  }
  .home-company-intro .home-intro-visual::after{
    left:-11%!important;right:4%!important;bottom:9px!important;height:8px!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(99,149,172,.24))!important;
    border:1px solid rgba(99,149,172,.22)!important;
    box-shadow:0 8px 18px rgba(32,77,99,.17),inset 0 1px rgba(255,255,255,.95)!important;
    backdrop-filter:blur(8px)!important;
  }
  .home-company-intro .home-magazine-controls{
    min-height:28px!important;
    gap:3px!important;
    transform:scale(.78)!important;
    transform-origin:center top!important;
    margin-top:-2px!important;
  }
  .home-company-intro .home-magazine-controls>button{width:30px!important;height:30px!important;font-size:18px!important}
  .home-company-intro .home-magazine-progress{font-size:10px!important;min-width:46px!important}
  .home-company-intro .home-magazine-dots,.home-company-intro .home-magazine-zoom{display:none!important}
}
@media(max-width:390px){
  .home-company-intro .home-intro-split{
    grid-template-columns:minmax(136px,.9fr) minmax(0,1.1fr)!important;
    column-gap:12px!important;
  }
  .home-company-intro .home-magazine{width:109%!important;transform:translate(-8%,-7px) rotateZ(-3deg) rotateX(4deg)!important}
  .home-company-intro .home-intro-description{font-size:10.8px!important;line-height:1.76!important}
}

/* ===== v11.77.6 — mobile/tablet magazine: open book above copy, shelf, controls preserved ===== */
@media (max-width:1023.98px){
  .home-company-intro .home-intro-split{
    display:flex!important;
    flex-direction:column!important;
    gap:clamp(22px,4.4vw,42px)!important;
    align-items:stretch!important;
    min-height:0!important;
    direction:rtl!important;
  }
  .home-company-intro .home-intro-visual{
    order:1!important;
    width:min(100%,860px)!important;
    max-width:860px!important;
    margin-inline:auto!important;
    align-self:center!important;
    display:block!important;
    transform:none!important;
  }
  .home-company-intro .home-intro-copy{
    order:2!important;
    width:min(100%,820px)!important;
    max-width:820px!important;
    margin-inline:auto!important;
    padding-inline:clamp(4px,2vw,18px)!important;
    text-align:right!important;
    align-self:center!important;
  }
  .home-company-intro .home-media-frame{
    width:100%!important;
    padding:clamp(8px,1.8vw,18px) clamp(8px,2.2vw,22px) clamp(56px,7vw,78px)!important;
    aspect-ratio:auto!important;
    position:relative!important;
    isolation:isolate!important;
  }
  .home-company-intro .home-media-frame::before{
    content:"";
    position:absolute;
    z-index:-1;
    inset-inline:6%;
    bottom:clamp(34px,4.8vw,48px);
    height:clamp(14px,2vw,22px);
    border-radius:50%;
    background:rgba(72,121,155,.18);
    filter:blur(12px);
    transform:scaleX(.96);
    pointer-events:none;
  }
  .home-company-intro .home-media-frame::after{
    content:"";
    position:absolute;
    z-index:0;
    inset-inline:5%;
    bottom:clamp(42px,5.4vw,56px);
    height:clamp(6px,.9vw,10px);
    border-radius:999px;
    background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(111,157,185,.28));
    box-shadow:0 12px 28px rgba(28,74,105,.20),inset 0 1px 0 rgba(255,255,255,.9);
    pointer-events:none;
  }
  .home-company-intro .home-media-showcase{
    width:100%!important;
    max-width:none!important;
    margin:0 auto!important;
    overflow:visible!important;
  }
  .home-company-intro .home-media-stage{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1.42/1!important;
    border-radius:0!important;
    overflow:visible!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:perspective(1200px) rotateX(1.1deg) rotateZ(-.35deg)!important;
    transform-origin:50% 88%!important;
  }
  .home-company-intro .home-media-slide{
    inset:0!important;
    display:grid!important;
    place-items:end center!important;
    overflow:visible!important;
  }
  .home-company-intro .home-media-slide img,
  .home-company-intro .home-media-slide video{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center bottom!important;
    background:transparent!important;
    filter:drop-shadow(0 18px 18px rgba(20,51,74,.18))!important;
  }
  .home-company-intro .home-media-nav{
    display:flex!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:none!important;
    top:auto!important;
    bottom:2px!important;
    inset-inline:clamp(16px,6vw,52px)!important;
    transform:none!important;
    align-items:center!important;
  }
  .home-company-intro .home-media-nav button{
    width:clamp(42px,6vw,54px)!important;
    height:clamp(42px,6vw,54px)!important;
    border-radius:50%!important;
    background:rgba(255,255,255,.94)!important;
    border:1px solid rgba(74,134,171,.16)!important;
    color:var(--home-accent-strong)!important;
    box-shadow:0 8px 22px rgba(28,74,105,.13)!important;
    pointer-events:auto!important;
  }
  .home-company-intro .home-media-dots{
    display:flex!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    position:absolute!important;
    z-index:8!important;
    left:50%!important;
    right:auto!important;
    bottom:clamp(10px,1.5vw,16px)!important;
    transform:translateX(-50%)!important;
    margin:0!important;
    gap:clamp(6px,1.1vw,10px)!important;
  }
  .home-company-intro .home-media-dots button{
    width:9px!important;
    height:9px!important;
    min-width:9px!important;
    border-radius:50%!important;
    background:rgba(37,77,112,.24)!important;
  }
  .home-company-intro .home-media-dots button.is-active{
    width:28px!important;
    border-radius:999px!important;
    background:var(--home-accent-strong)!important;
  }
  .home-company-intro .home-intro-copy .home-section-heading,
  .home-company-intro .home-intro-copy .home-section-subtitle,
  .home-company-intro .home-intro-copy .home-section-description{
    text-align:right!important;
  }
}

@media (max-width:767.98px){
  .home-company-intro{padding-top:clamp(10px,3vw,20px)!important}
  .home-company-intro .home-intro-split{gap:clamp(16px,4.2vw,26px)!important}
  .home-company-intro .home-intro-visual{width:100%!important;max-width:none!important}
  .home-company-intro .home-media-frame{
    padding:4px 2px 54px!important;
    margin-top:-6px!important;
  }
  .home-company-intro .home-media-frame::before{inset-inline:4%;bottom:32px;height:13px;filter:blur(10px)}
  .home-company-intro .home-media-frame::after{inset-inline:3%;bottom:39px;height:7px}
  .home-company-intro .home-media-stage{
    aspect-ratio:1.34/1!important;
    transform:perspective(900px) rotateX(1.35deg) rotateZ(-.5deg)!important;
  }
  .home-company-intro .home-media-nav{inset-inline:clamp(10px,4vw,22px)!important;bottom:0!important}
  .home-company-intro .home-media-nav button{width:44px!important;height:44px!important;font-size:24px!important}
  .home-company-intro .home-media-dots{bottom:11px!important;gap:7px!important}
  .home-company-intro .home-intro-copy{
    width:100%!important;
    max-width:none!important;
    padding-inline:clamp(10px,4vw,20px)!important;
  }
  .home-company-intro .home-intro-copy .home-section-heading h2{
    font-size:clamp(28px,8vw,40px)!important;
    line-height:1.2!important;
  }
  .home-company-intro .home-intro-copy .home-section-subtitle{
    font-size:clamp(17px,4.6vw,22px)!important;
    line-height:1.55!important;
  }
  .home-company-intro .home-intro-copy .home-section-description{
    font-size:clamp(14px,3.7vw,17px)!important;
    line-height:1.95!important;
    margin-top:12px!important;
  }
}

@media (min-width:768px) and (max-width:1023.98px){
  .home-company-intro .home-intro-visual{width:min(92%,820px)!important}
  .home-company-intro .home-media-stage{aspect-ratio:1.48/1!important}
  .home-company-intro .home-intro-copy{padding-inline:clamp(20px,5vw,56px)!important}
}

/* ===== v11.77.7 — company magazine exact reference geometry =====
   Desktop/laptop: open magazine on the left, text on the right.
   Tablet/phone: open magazine first, controls directly below, then the about copy.
   Page-turn JS / swipe / autoplay are intentionally untouched. */
.home-company-intro{
  --magazine-reference-shadow:0 26px 34px rgba(15,49,72,.23);
}
.home-company-intro .home-magazine-zoom{display:none!important}
.home-company-intro .home-magazine-book{
  transform-origin:50% 92%!important;
}
.home-company-intro .home-magazine-page-stack{
  box-shadow:0 12px 24px rgba(17,48,69,.21),0 4px 0 #d7e0e5,0 7px 0 #bccbd3!important;
}
.home-company-intro .home-magazine-controls{
  direction:ltr!important;
}
.home-company-intro .home-magazine-controls>button{
  border-radius:50%!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(99,149,172,.18)!important;
  color:#244da0!important;
  box-shadow:0 8px 20px rgba(24,67,96,.12)!important;
}
.home-company-intro .home-magazine-controls>button:hover{
  background:#fff!important;
  color:var(--primary-strong)!important;
  transform:translateY(-1px)!important;
}
.home-company-intro .home-magazine-progress{
  color:#244da0!important;
  font-weight:900!important;
}
.home-company-intro .home-magazine-dots button{
  background:rgba(44,78,111,.26)!important;
}
.home-company-intro .home-magazine-dots button.is-active{
  background:#2b7fae!important;
}

/* Laptop / desktop reference */
@media (min-width:1024px){
  .home-company-intro{
    padding-block:clamp(22px,2.6vw,42px)!important;
  }
  .home-company-intro>.container{
    width:min(100% - 48px,1500px)!important;
  }
  .home-company-intro .home-intro-layout{
    padding-block:clamp(4px,1vw,14px)!important;
  }
  .home-company-intro .home-intro-split{
    display:grid!important;
    grid-template-columns:minmax(380px,.78fr) minmax(620px,1.22fr)!important;
    gap:clamp(28px,3.1vw,54px)!important;
    align-items:center!important;
    min-height:clamp(520px,44vw,690px)!important;
    direction:rtl!important;
  }
  .home-company-intro .home-intro-copy{
    grid-column:1!important;
    align-self:center!important;
    padding:0!important;
    margin:0!important;
    min-width:0!important;
  }
  .home-company-intro .home-intro-copy .home-section-heading{
    width:100%!important;
    max-width:620px!important;
    margin:0!important;
    text-align:right!important;
  }
  .home-company-intro .home-intro-copy .home-section-eyebrow{
    margin-bottom:14px!important;
  }
  .home-company-intro .home-intro-copy .home-section-heading h2{
    font-size:clamp(37px,3.25vw,52px)!important;
    line-height:1.2!important;
    text-align:right!important;
  }
  .home-company-intro .home-intro-copy .home-section-heading h2::after{
    width:70px!important;
    height:4px!important;
    margin-top:10px!important;
  }
  .home-company-intro .home-intro-copy .home-section-subtitle{
    font-size:clamp(18px,1.55vw,24px)!important;
    line-height:1.55!important;
    margin-top:14px!important;
    text-align:right!important;
  }
  .home-company-intro .home-intro-copy .home-section-description{
    font-size:clamp(15px,1.16vw,18px)!important;
    line-height:1.95!important;
    margin-top:12px!important;
    max-width:620px!important;
    text-align:right!important;
  }
  .home-company-intro .home-intro-visual{
    grid-column:2!important;
    position:relative!important;
    width:100%!important;
    max-width:850px!important;
    justify-self:start!important;
    align-self:center!important;
    margin:0!important;
    padding:0 0 58px!important;
    transform:translateY(-4px)!important;
    overflow:visible!important;
    perspective:1800px!important;
  }
  .home-company-intro .home-intro-visual::before{
    content:""!important;
    position:absolute!important;
    z-index:0!important;
    left:5%!important;
    right:5%!important;
    bottom:48px!important;
    height:24px!important;
    border-radius:50%!important;
    background:rgba(57,103,133,.16)!important;
    filter:blur(13px)!important;
    transform:translateY(12px) scaleX(.95)!important;
    pointer-events:none!important;
  }
  .home-company-intro .home-intro-visual::after{
    content:""!important;
    position:absolute!important;
    z-index:0!important;
    left:4%!important;
    right:4%!important;
    bottom:55px!important;
    height:10px!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.93),rgba(99,149,172,.22))!important;
    border:1px solid rgba(99,149,172,.16)!important;
    box-shadow:0 12px 26px rgba(30,72,99,.16),inset 0 1px 0 rgba(255,255,255,.95)!important;
    pointer-events:none!important;
  }
  .home-company-intro .home-magazine{
    position:relative!important;
    z-index:2!important;
    width:min(100%,840px)!important;
    max-width:840px!important;
    margin:0!important;
    gap:10px!important;
    transform:perspective(1600px) rotateX(2.15deg) rotateZ(-.22deg)!important;
    transform-origin:50% 92%!important;
  }
  .home-company-intro .home-magazine-book{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    filter:drop-shadow(var(--magazine-reference-shadow))!important;
    transform:none!important;
  }
  .home-company-intro .home-magazine-book.is-opened{transform:none!important}
  .home-company-intro .home-magazine-controls{
    width:min(78%,640px)!important;
    min-height:46px!important;
    margin:4px auto 0!important;
    gap:clamp(10px,1.1vw,16px)!important;
    justify-content:center!important;
    transform:none!important;
  }
  .home-company-intro .home-magazine-controls>button{
    width:44px!important;
    height:44px!important;
    font-size:25px!important;
  }
  .home-company-intro .home-magazine-progress{
    min-width:70px!important;
    font-size:16px!important;
  }
  .home-company-intro .home-magazine-dots{
    display:flex!important;
    gap:9px!important;
  }
  .home-company-intro .home-magazine-dots button{
    width:9px!important;
    height:9px!important;
  }
  .home-company-intro .home-magazine-dots button.is-active{
    width:9px!important;
    height:9px!important;
  }
}

/* Tablet + phone reference: magazine on top, then about copy. */
@media (max-width:1023.98px){
  .home-company-intro{
    padding-block:clamp(14px,3vw,28px)!important;
  }
  .home-company-intro>.container{
    width:min(100% - 20px,980px)!important;
  }
  .home-company-intro .home-intro-layout{
    padding-block:0!important;
  }
  .home-company-intro .home-intro-split{
    display:flex!important;
    flex-direction:column!important;
    gap:clamp(12px,2.7vw,24px)!important;
    align-items:stretch!important;
    min-height:0!important;
    direction:rtl!important;
  }
  .home-company-intro .home-intro-visual{
    order:1!important;
    position:relative!important;
    width:min(100%,820px)!important;
    max-width:820px!important;
    align-self:center!important;
    margin:0 auto!important;
    padding:0 0 clamp(52px,7vw,72px)!important;
    transform:none!important;
    overflow:visible!important;
    perspective:1500px!important;
  }
  .home-company-intro .home-intro-visual::before{
    content:""!important;
    position:absolute!important;
    z-index:0!important;
    left:4%!important;
    right:4%!important;
    bottom:42px!important;
    height:20px!important;
    border-radius:50%!important;
    background:rgba(53,102,133,.16)!important;
    filter:blur(12px)!important;
    transform:translateY(10px) scaleX(.96)!important;
    pointer-events:none!important;
  }
  .home-company-intro .home-intro-visual::after{
    content:""!important;
    position:absolute!important;
    z-index:0!important;
    left:2%!important;
    right:2%!important;
    bottom:49px!important;
    height:9px!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(99,149,172,.24))!important;
    border:1px solid rgba(99,149,172,.17)!important;
    box-shadow:0 10px 24px rgba(30,72,99,.16),inset 0 1px 0 rgba(255,255,255,.96)!important;
    pointer-events:none!important;
  }
  .home-company-intro .home-magazine{
    position:relative!important;
    z-index:2!important;
    width:100%!important;
    max-width:800px!important;
    margin:0 auto!important;
    gap:8px!important;
    transform:perspective(1350px) rotateX(2deg) rotateZ(-.18deg)!important;
    transform-origin:50% 92%!important;
  }
  .home-company-intro .home-magazine-book{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    transform:none!important;
    filter:drop-shadow(0 20px 22px rgba(16,48,70,.21))!important;
  }
  .home-company-intro .home-magazine-book.is-opened{transform:none!important}
  .home-company-intro .home-magazine-controls{
    width:min(92%,660px)!important;
    min-height:44px!important;
    margin:2px auto 0!important;
    gap:clamp(8px,2vw,14px)!important;
    justify-content:center!important;
    flex-wrap:nowrap!important;
    transform:none!important;
  }
  .home-company-intro .home-magazine-controls>button{
    width:clamp(38px,6vw,48px)!important;
    height:clamp(38px,6vw,48px)!important;
    font-size:clamp(20px,4vw,26px)!important;
    flex:0 0 auto!important;
  }
  .home-company-intro .home-magazine-progress{
    min-width:clamp(58px,9vw,76px)!important;
    font-size:clamp(13px,2.5vw,16px)!important;
    flex:0 0 auto!important;
  }
  .home-company-intro .home-magazine-dots{
    display:flex!important;
    gap:clamp(6px,1.2vw,9px)!important;
    flex:0 1 auto!important;
  }
  .home-company-intro .home-magazine-dots button,
  .home-company-intro .home-magazine-dots button.is-active{
    width:clamp(7px,1.2vw,9px)!important;
    height:clamp(7px,1.2vw,9px)!important;
    min-width:clamp(7px,1.2vw,9px)!important;
    border-radius:50%!important;
  }
  .home-company-intro .home-intro-copy{
    order:2!important;
    display:block!important;
    width:min(100%,820px)!important;
    max-width:820px!important;
    align-self:center!important;
    margin:0 auto!important;
    padding-inline:clamp(10px,4vw,34px)!important;
  }
  .home-company-intro .home-intro-copy .home-section-heading{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    text-align:center!important;
  }
  .home-company-intro .home-intro-copy .home-section-eyebrow{
    margin-inline:auto!important;
    margin-bottom:12px!important;
  }
  .home-company-intro .home-intro-copy .home-section-heading h2{
    width:fit-content!important;
    margin-inline:auto!important;
    font-size:clamp(30px,5.4vw,44px)!important;
    line-height:1.2!important;
    text-align:center!important;
  }
  .home-company-intro .home-intro-copy .home-section-heading h2::after{
    width:64px!important;
    height:4px!important;
    margin:10px auto 0!important;
  }
  .home-company-intro .home-intro-copy .home-section-subtitle{
    font-size:clamp(17px,2.8vw,22px)!important;
    line-height:1.55!important;
    margin-top:14px!important;
    text-align:center!important;
  }
  .home-company-intro .home-intro-copy .home-section-description{
    font-size:clamp(14px,2.2vw,17px)!important;
    line-height:1.95!important;
    margin:12px auto 0!important;
    max-width:760px!important;
    text-align:center!important;
  }
}

/* Phone exact composition */
@media (max-width:767.98px){
  .home-company-intro>.container{
    width:min(100% - 12px,760px)!important;
  }
  .home-company-intro .home-intro-split{
    gap:10px!important;
  }
  .home-company-intro .home-intro-visual{
    width:100%!important;
    max-width:none!important;
    padding-bottom:54px!important;
    margin-top:-2px!important;
  }
  .home-company-intro .home-magazine{
    width:104%!important;
    max-width:none!important;
    margin-inline:-2%!important;
    transform:perspective(1050px) rotateX(2.1deg) rotateZ(-.12deg)!important;
  }
  .home-company-intro .home-magazine-book{
    filter:drop-shadow(0 17px 17px rgba(15,47,70,.20))!important;
  }
  .home-company-intro .home-intro-visual::before{
    left:2%!important;
    right:2%!important;
    bottom:36px!important;
    height:17px!important;
    filter:blur(10px)!important;
  }
  .home-company-intro .home-intro-visual::after{
    left:0!important;
    right:0!important;
    bottom:43px!important;
    height:8px!important;
  }
  .home-company-intro .home-magazine-controls{
    width:96%!important;
    min-height:42px!important;
    margin-top:2px!important;
    gap:clamp(6px,1.8vw,10px)!important;
  }
  .home-company-intro .home-magazine-controls>button{
    width:40px!important;
    height:40px!important;
    font-size:22px!important;
  }
  .home-company-intro .home-magazine-progress{
    min-width:56px!important;
    font-size:13px!important;
  }
  .home-company-intro .home-magazine-dots{
    gap:6px!important;
  }
  .home-company-intro .home-magazine-dots button,
  .home-company-intro .home-magazine-dots button.is-active{
    width:7px!important;
    min-width:7px!important;
    height:7px!important;
  }
  .home-company-intro .home-intro-copy{
    width:100%!important;
    max-width:none!important;
    padding-inline:clamp(14px,4.2vw,24px)!important;
  }
  .home-company-intro .home-intro-copy .home-section-eyebrow{
    font-size:11px!important;
    padding:6px 11px!important;
    margin-bottom:10px!important;
  }
  .home-company-intro .home-intro-copy .home-section-heading h2{
    font-size:clamp(29px,8vw,39px)!important;
    line-height:1.18!important;
  }
  .home-company-intro .home-intro-copy .home-section-subtitle{
    font-size:clamp(16px,4.4vw,21px)!important;
    line-height:1.52!important;
    margin-top:12px!important;
  }
  .home-company-intro .home-intro-copy .home-section-description{
    font-size:clamp(13.5px,3.55vw,16px)!important;
    line-height:1.92!important;
    margin-top:12px!important;
  }
}

@media (max-width:390px){
  .home-company-intro .home-magazine{width:106%!important;margin-inline:-3%!important}
  .home-company-intro .home-magazine-controls{gap:5px!important}
  .home-company-intro .home-magazine-controls>button{width:37px!important;height:37px!important}
  .home-company-intro .home-magazine-progress{font-size:12px!important;min-width:52px!important}
  .home-company-intro .home-magazine-dots{gap:5px!important}
  .home-company-intro .home-magazine-dots button,
  .home-company-intro .home-magazine-dots button.is-active{width:6px!important;min-width:6px!important;height:6px!important}
}


/* ===== Precise homepage cards + sectors identity refinement | 2026-09-10 =====
   Requested behavior:
   - «ماذا نقدم؟»: white reference-style cards, managed image + managed icon together.
   - Mobile: 2 columns. Tablet/iPad + laptop/desktop: 3 columns.
   - Stable media/title/description/action zones so content variations do not deform cards.
   - «القطاعات» eyebrow text uses the site's brand identity color. */

body.public-body .home-page .home-offerings-section .home-compact-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:24px!important;
  margin-inline:0!important;
}
body.public-body .home-page .home-offerings-section .home-compact-grid>[class*="col-"]{
  width:auto!important;
  max-width:none!important;
  flex:none!important;
  padding:0!important;
  display:flex!important;
  min-width:0!important;
}

body.public-body .home-page .home-offerings-section .home-offer-card{
  --offer-media-h:198px;
  position:relative!important;
  isolation:isolate!important;
  width:100%!important;
  height:492px!important;
  min-height:492px!important;
  max-height:492px!important;
  display:flex!important;
  flex-direction:column!important;
  padding:0 18px 18px!important;
  overflow:hidden!important;
  border:1px solid #dbe7ed!important;
  border-radius:27px!important;
  background:#fff!important;
  background-image:none!important;
  color:#243746!important;
  box-shadow:0 14px 34px rgba(49,83,103,.10)!important;
  transform:none!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
body.public-body .home-page .home-offerings-section .home-offer-card::before,
body.public-body .home-page .home-offerings-section .home-offer-card::after,
body.public-body .home-page .home-offerings-section .home-offer-card>.home-card-accent,
body.public-body .home-page .home-offerings-section .home-offer-card>.home-card-orbit,
body.public-body .home-page .home-offerings-section .home-offer-card>.home-card-pointer-glow{
  display:none!important;
}

body.public-body .home-page .home-offerings-section .home-offer-media{
  position:relative!important;
  z-index:1!important;
  flex:0 0 var(--offer-media-h)!important;
  width:calc(100% + 20px)!important;
  align-self:center!important;
  height:var(--offer-media-h)!important;
  min-height:var(--offer-media-h)!important;
  max-height:var(--offer-media-h)!important;
  margin:8px 0 0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:21px 21px 0 0!important;
  background:#edf4f7!important;
}
body.public-body .home-page .home-offerings-section .home-offer-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
body.public-body .home-page .home-offerings-section .home-offer-media.is-placeholder{
  background:
    radial-gradient(circle at 50% 48%,rgba(99,149,172,.13),transparent 35%),
    linear-gradient(145deg,#f8fbfc,#e8f1f5)!important;
}

/* Managed section icon: centered on the image/body boundary exactly like the reference cards. */
body.public-body .home-page .home-offerings-section .home-offer-icon{
  position:absolute!important;
  z-index:7!important;
  top:calc(8px + var(--offer-media-h))!important;
  left:50%!important;
  right:auto!important;
  width:68px!important;
  height:68px!important;
  min-width:68px!important;
  min-height:68px!important;
  display:grid!important;
  place-items:center!important;
  transform:translate(-50%,-50%)!important;
  overflow:visible!important;
  border:1px solid #dbe7ed!important;
  border-radius:50%!important;
  background:#fff!important;
  background-image:none!important;
  color:var(--primary-strong,#537E93)!important;
  -webkit-text-fill-color:var(--primary-strong,#537E93)!important;
  box-shadow:0 8px 22px rgba(49,83,103,.14)!important;
  pointer-events:none!important;
}
body.public-body .home-page .home-offerings-section .home-offer-icon :is(svg,.icon){
  width:31px!important;
  height:31px!important;
  display:block!important;
  margin:0!important;
  color:var(--primary-strong,#537E93)!important;
  stroke:currentColor!important;
  fill:none!important;
}

body.public-body .home-page .home-offerings-section .home-offer-card .home-compact-copy{
  position:relative!important;
  z-index:2!important;
  flex:1 1 auto!important;
  min-height:0!important;
  padding:46px 5px 10px!important;
  display:grid!important;
  grid-template-rows:66px minmax(0,1fr)!important;
  gap:8px!important;
  overflow:hidden!important;
  text-align:center!important;
}
body.public-body .home-page .home-offerings-section .home-offer-card .home-compact-copy h3{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  align-self:center!important;
  min-height:0!important;
  max-height:66px!important;
  margin:0!important;
  overflow:hidden!important;
  color:var(--primary-strong,#537E93)!important;
  -webkit-text-fill-color:var(--primary-strong,#537E93)!important;
  font-size:23px!important;
  font-weight:900!important;
  line-height:1.42!important;
  text-align:center!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
}
body.public-body .home-page .home-offerings-section .home-offer-card .home-compact-copy p{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:5!important;
  align-self:start!important;
  min-height:0!important;
  max-height:8.35em!important;
  margin:0!important;
  overflow:hidden!important;
  color:#40566a!important;
  -webkit-text-fill-color:#40566a!important;
  font-size:15px!important;
  font-weight:600!important;
  line-height:1.67!important;
  text-align:center!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
}

body.public-body .home-page .home-offerings-section .home-offer-card .home-card-action{
  position:relative!important;
  z-index:5!important;
  flex:0 0 46px!important;
  width:100%!important;
  min-height:46px!important;
  margin:0!important;
  padding:0 14px!important;
  align-self:stretch!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  overflow:hidden!important;
  border:1.5px solid var(--primary,#6395AC)!important;
  border-radius:999px!important;
  background:#fff!important;
  background-image:none!important;
  color:var(--primary-strong,#537E93)!important;
  -webkit-text-fill-color:var(--primary-strong,#537E93)!important;
  box-shadow:none!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1!important;
  text-align:center!important;
}
body.public-body .home-page .home-offerings-section .home-offer-card .home-card-action>*{
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
  box-shadow:none!important;
  font:inherit!important;
  line-height:inherit!important;
}
body.public-body .home-page .home-offerings-section .home-offer-card .home-card-hit{
  z-index:9!important;
}

@media (hover:hover) and (pointer:fine){
  body.public-body .home-page .home-offerings-section .home-offer-card:hover{
    transform:translateY(-5px)!important;
    border-color:rgba(99,149,172,.46)!important;
    box-shadow:0 22px 45px rgba(49,83,103,.15)!important;
    background:#fff!important;
  }
  body.public-body .home-page .home-offerings-section .home-offer-card:hover .home-offer-icon{
    transform:translate(-50%,-50%)!important;
  }
  body.public-body .home-page .home-offerings-section .home-offer-card:hover .home-card-action,
  body.public-body .home-page .home-offerings-section .home-offer-card:focus-within .home-card-action{
    background:var(--primary,#6395AC)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
  body.public-body .home-page .home-offerings-section .home-offer-card:hover .home-card-action>*,
  body.public-body .home-page .home-offerings-section .home-offer-card:focus-within .home-card-action>*{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
}

/* Tablet / iPad: exactly 3 columns. */
@media (min-width:768px) and (max-width:1199.98px){
  body.public-body .home-page .home-offerings-section .home-compact-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:15px!important;
  }
  body.public-body .home-page .home-offerings-section .home-offer-card{
    --offer-media-h:142px;
    height:410px!important;
    min-height:410px!important;
    max-height:410px!important;
    padding:0 12px 13px!important;
    border-radius:22px!important;
  }
  body.public-body .home-page .home-offerings-section .home-offer-media{
    width:calc(100% + 12px)!important;
    align-self:center!important;
    margin:7px 0 0!important;
    border-radius:17px 17px 0 0!important;
  }
  body.public-body .home-page .home-offerings-section .home-offer-icon{
    top:calc(7px + var(--offer-media-h))!important;
    width:56px!important;
    height:56px!important;
    min-width:56px!important;
    min-height:56px!important;
  }
  body.public-body .home-page .home-offerings-section .home-offer-icon :is(svg,.icon){
    width:25px!important;
    height:25px!important;
  }
  body.public-body .home-page .home-offerings-section .home-offer-card .home-compact-copy{
    grid-template-rows:52px minmax(0,1fr)!important;
    gap:6px!important;
    padding:37px 2px 8px!important;
  }
  body.public-body .home-page .home-offerings-section .home-offer-card .home-compact-copy h3{
    max-height:52px!important;
    font-size:17px!important;
    line-height:1.45!important;
  }
  body.public-body .home-page .home-offerings-section .home-offer-card .home-compact-copy p{
    -webkit-line-clamp:5!important;
    font-size:12px!important;
    line-height:1.62!important;
  }
  body.public-body .home-page .home-offerings-section .home-offer-card .home-card-action{
    flex-basis:39px!important;
    min-height:39px!important;
    padding-inline:8px!important;
    font-size:11px!important;
  }
}

/* Mobile: exactly 2 columns, including narrow phones. */
@media (max-width:767.98px){
  body.public-body .home-page .home-offerings-section .container{
    padding-inline:10px!important;
  }
  body.public-body .home-page .home-offerings-section .home-compact-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  body.public-body .home-page .home-offerings-section .home-compact-grid>[class*="col-"]{
    width:auto!important;
    max-width:none!important;
    flex:none!important;
  }
  body.public-body .home-page .home-offerings-section .home-offer-card{
    --offer-media-h:108px;
    height:352px!important;
    min-height:352px!important;
    max-height:352px!important;
    padding:0 8px 9px!important;
    border-radius:17px!important;
  }
  body.public-body .home-page .home-offerings-section .home-offer-media{
    width:calc(100% + 6px)!important;
    align-self:center!important;
    margin:5px 0 0!important;
    border-radius:13px 13px 0 0!important;
  }
  body.public-body .home-page .home-offerings-section .home-offer-icon{
    top:calc(5px + var(--offer-media-h))!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    border-width:1px!important;
  }
  body.public-body .home-page .home-offerings-section .home-offer-icon :is(svg,.icon){
    width:21px!important;
    height:21px!important;
  }
  body.public-body .home-page .home-offerings-section .home-offer-card .home-compact-copy{
    grid-template-rows:43px minmax(0,1fr)!important;
    gap:4px!important;
    padding:31px 1px 6px!important;
  }
  body.public-body .home-page .home-offerings-section .home-offer-card .home-compact-copy h3{
    max-height:43px!important;
    font-size:14.5px!important;
    line-height:1.46!important;
    letter-spacing:0!important;
  }
  body.public-body .home-page .home-offerings-section .home-offer-card .home-compact-copy p{
    -webkit-line-clamp:6!important;
    max-height:9.2em!important;
    font-size:10.7px!important;
    font-weight:650!important;
    line-height:1.54!important;
  }
  body.public-body .home-page .home-offerings-section .home-offer-card .home-card-action{
    flex-basis:34px!important;
    min-height:34px!important;
    padding-inline:5px!important;
    gap:4px!important;
    font-size:10px!important;
    border-width:1px!important;
  }
}
@media (max-width:390px){
  body.public-body .home-page .home-offerings-section .home-compact-grid{gap:8px!important}
  body.public-body .home-page .home-offerings-section .home-offer-card{
    --offer-media-h:96px;
    height:334px!important;
    min-height:334px!important;
    max-height:334px!important;
    padding-inline:6px!important;
  }
  body.public-body .home-page .home-offerings-section .home-offer-card .home-compact-copy h3{
    font-size:13.2px!important;
  }
  body.public-body .home-page .home-offerings-section .home-offer-card .home-compact-copy p{
    font-size:9.9px!important;
    line-height:1.5!important;
  }
  body.public-body .home-page .home-offerings-section .home-offer-card .home-card-action{
    font-size:9.4px!important;
  }
}

/* «القطاعات»: only the small eyebrow text/pill uses the site's identity color. */
body.public-body .home-page .home-sectors-section .home-section-heading .home-section-eyebrow{
  background:#fff!important;
  background-image:none!important;
  border:1px solid rgba(99,149,172,.26)!important;
  color:var(--primary-strong,#537E93)!important;
  -webkit-text-fill-color:var(--primary-strong,#537E93)!important;
}
body.public-body .home-page .home-sectors-section .home-section-heading .home-section-eyebrow::before{
  background:var(--primary,#6395AC)!important;
  box-shadow:0 0 0 5px rgba(99,149,172,.13)!important;
}

/* v11.91.0 — homepage department artwork: full image, fixed media slot, no layout shift */
body.public-body .home-page .home-offerings-section .home-offer-media{
  display:grid!important;place-items:center!important;background:#edf4f7!important;padding:6px!important;box-sizing:border-box!important;
}
body.public-body .home-page .home-offerings-section .home-offer-media img{
  width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;max-height:100%!important;
  object-fit:contain!important;object-position:center!important;background:transparent!important;transform:none!important;
}