.company-hero { position:relative; isolation:isolate; min-height:650px; padding:150px clamp(24px,7vw,112px) 76px; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr); gap:clamp(45px,8vw,120px); align-items:center; overflow:hidden; color:#fff; background:linear-gradient(112deg,#087742 0%,#08613f 25%,#164858 58%,#14213d 100%); }
.company-hero::before { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:.14; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='1.4'%3E%3Cpath d='M45 2 88 45 45 88 2 45Z'/%3E%3Cpath d='M135 2 178 45 135 88 92 45Z'/%3E%3Cpath d='M45 92 88 135 45 178 2 135Z'/%3E%3Cpath d='M135 92 178 135 135 178 92 135Z'/%3E%3C/g%3E%3C/svg%3E"); background-size:180px 180px; }
.company-hero::after { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(90deg,rgba(20,33,61,.18),transparent 42%,rgba(4,80,51,.10)); }
.company-hero-copy { max-width:800px; }
.company-hero h1 { margin:18px 0 24px; font-size:clamp(48px,7vw,92px); line-height:1.04; letter-spacing:-.04em; }
.company-hero .eyebrow { color:rgba(255,255,255,.72); }
.company-hero .hero-lede { max-width:700px; color:rgba(255,255,255,.82); font-size:17px; line-height:1.95; }
.company-hero .text-button { color:#fff; border-color:rgba(255,255,255,.48); }
.company-hero-visual { position:relative; min-height:470px; overflow:hidden; border:1px solid rgba(255,255,255,.22); background:#10243a; }
.company-hero-visual img { width:100%; height:470px; object-fit:cover; object-position:center; opacity:.94; }
.company-hero-visual::after { content:""; position:absolute; inset:35% 0 0; background:linear-gradient(transparent,rgba(5,20,35,.88)); }
.company-hero-caption { position:absolute; z-index:2; right:28px; bottom:27px; left:28px; color:#fff; }
.company-hero-caption b { display:block; color:#ff4c5d; font-size:12px; }
.company-hero-caption span { display:block; margin-top:8px; font-size:18px; line-height:1.6; }
.company-stats { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.company-stats article { min-height:185px; padding:38px clamp(22px,4vw,55px); border-left:1px solid var(--line); display:flex; flex-direction:column; justify-content:space-between; }
.company-stats article:first-child { border-left:0; }
.company-stats strong { direction:ltr; text-align:right; color:var(--red); font-size:clamp(32px,4vw,54px); }
.company-stats span { color:var(--muted); font-size:13px; line-height:1.7; }
.company-intro { padding:95px clamp(24px,7vw,112px); display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:clamp(50px,8vw,130px); }
.company-intro h2,.company-capabilities h2,.company-timeline h2,.contact-prep h2 { margin:15px 0 0; font-size:clamp(38px,5vw,66px); line-height:1.15; }
.company-intro-copy p { margin:0 0 22px; color:var(--muted); font-size:15px; line-height:2.05; }
.company-values { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; margin-top:34px; background:var(--line); border:1px solid var(--line); }
.company-values div { padding:25px; background:#fff; }
.company-values b { display:block; margin-bottom:9px; color:var(--red); font-size:12px; }
.company-values span { color:#5e6065; font-size:13px; line-height:1.8; }
.company-capabilities { padding:85px clamp(24px,7vw,112px) 95px; background:#1a1b1d; color:#fff; }
.capability-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:46px; background:#3a3b3e; border:1px solid #3a3b3e; }
.capability-grid article { min-height:285px; padding:34px; background:#1a1b1d; }
.capability-grid b { color:var(--red); font-size:12px; }
.capability-grid h3 { margin:28px 0 13px; font-size:24px; }
.capability-grid p { color:#b9babc; font-size:13px; line-height:1.9; }
.company-systems { display:grid; grid-template-columns:1fr 1fr; }
.company-system { min-height:480px; padding:70px clamp(28px,7vw,100px); display:flex; flex-direction:column; justify-content:center; background:#f2f2f0; }
.company-system.dark { background:#252629; color:#fff; }
.company-system .eyebrow { margin-bottom:20px; }
.company-system h2 { margin:0 0 20px; font-size:clamp(34px,5vw,62px); }
.company-system p { max-width:600px; color:var(--muted); line-height:1.95; }
.company-system.dark p { color:#b9babc; }
.company-system a { align-self:flex-start; margin-top:28px; padding:13px 20px; border:1px solid #aaa; font-size:12px; font-weight:700; }
.company-system a:hover { background:var(--red); border-color:var(--red); color:#fff; }
.company-timeline { padding:90px clamp(24px,7vw,112px) 100px; overflow:hidden; }
.timeline-heading-row { display:flex; align-items:end; justify-content:space-between; gap:30px; }
.timeline-controls { display:flex; gap:10px; direction:rtl; }
.timeline-controls button { width:48px; height:48px; border:1px solid var(--line); border-radius:50%; background:#fff; color:var(--ink); font-size:20px; cursor:pointer; transition:.25s; }
.timeline-controls button:hover,.timeline-controls button:focus-visible { border-color:var(--green); background:var(--green); color:#fff; }
.timeline-viewport { margin-top:48px; overflow:hidden; outline:none; }
.timeline-list { display:flex; direction:ltr; transition:transform .55s cubic-bezier(.22,.61,.36,1); will-change:transform; }
.timeline-list article { flex:0 0 100%; min-height:310px; padding:48px clamp(30px,5vw,74px); border-top:4px solid var(--green); border-radius:12px; background:linear-gradient(135deg,var(--green-soft),#fff 62%); display:grid; grid-template-columns:190px 1fr; align-items:center; gap:45px; direction:rtl; opacity:.42; transform:scale(.97); transition:opacity .4s,transform .4s; }
.timeline-list article.is-active { opacity:1; transform:scale(1); }
.timeline-list time { direction:ltr; text-align:center; color:var(--green); font-size:clamp(46px,6vw,82px); line-height:1; font-weight:800; }
.timeline-list h3 { margin:0 0 14px; font-size:clamp(24px,3vw,38px); }
.timeline-list p { max-width:720px; margin:0; color:var(--muted); font-size:17px; line-height:1.9; }
.timeline-dots { display:flex; justify-content:center; gap:9px; margin-top:24px; direction:ltr; }
.timeline-dots button { width:9px; height:9px; padding:0; border:0; border-radius:50%; background:#cfd5d2; cursor:pointer; transition:.25s; }
.timeline-dots button.is-active { width:30px; border-radius:999px; background:var(--green); }
.timeline-status { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
@media (prefers-reduced-motion:reduce) { .timeline-list,.timeline-list article { transition:none; } }
.company-cta { padding:80px clamp(24px,7vw,112px); display:flex; justify-content:space-between; gap:40px; align-items:center; background:var(--red); color:#fff; }
.company-cta h2 { max-width:780px; margin:0; font-size:clamp(34px,5vw,64px); line-height:1.2; }
.company-cta a { flex:none; padding:16px 24px; border:1px solid rgba(255,255,255,.7); font-size:13px; font-weight:700; }
.contact-hero { min-height:600px; padding:150px clamp(24px,7vw,112px) 80px; display:grid; grid-template-columns:minmax(0,1fr) minmax(340px,.75fr); gap:clamp(50px,8vw,120px); align-items:end; background:#1b1c1e; color:#fff; }
.contact-hero h1 { margin:18px 0 24px; font-size:clamp(50px,8vw,100px); line-height:1.02; }
.contact-hero .hero-lede { max-width:680px; color:#c2c3c5; font-size:17px; line-height:1.9; }
.contact-direct { display:grid; gap:1px; background:#3b3c3f; border:1px solid #3b3c3f; }
.contact-direct a,.contact-direct div { padding:24px; background:#202123; }
.contact-direct span { display:block; margin-bottom:7px; color:#8f9196; font-size:11px; }
.contact-direct strong { display:block; direction:ltr; text-align:right; font-size:17px; }
.contact-direct a:hover strong { color:#ff5868; }
.contact-main { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:70px; padding:90px clamp(24px,7vw,112px); background:#f3f3f1; }
.contact-main-copy h2 { margin:14px 0 20px; font-size:clamp(36px,5vw,62px); line-height:1.18; }
.contact-main-copy>p { color:var(--muted); line-height:1.95; }
.contact-note { margin-top:30px; padding:22px; border-right:3px solid var(--red); background:#fff; color:#585b60; font-size:13px; line-height:1.85; }
.contact-main .quote-form { border:1px solid #ddd; }
.contact-prep { padding:90px clamp(24px,7vw,112px) 100px; }
.prep-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin-top:45px; background:var(--line); border:1px solid var(--line); }
.prep-grid article { min-height:240px; padding:30px; background:#fff; }
.prep-grid b { color:var(--red); font-size:12px; }
.prep-grid h3 { margin:25px 0 11px; font-size:20px; }
.prep-grid p { color:var(--muted); font-size:13px; line-height:1.85; }
.contact-boundary { padding:72px clamp(24px,7vw,112px); display:grid; grid-template-columns:1fr 1fr; gap:1px; background:#2f3033; color:#fff; }
.contact-boundary article { padding:42px; background:#1d1e20; }
.contact-boundary h2 { margin:0 0 18px; font-size:28px; }
.contact-boundary p,.contact-boundary li { color:#b8b9bc; font-size:13px; line-height:1.9; }
.thank-you-page { min-height:100vh; padding:130px clamp(24px,7vw,112px) 70px; display:grid; place-items:center; background:#f3f3f1; }
.thank-you-card { width:min(820px,100%); padding:clamp(36px,7vw,80px); background:#fff; border:1px solid var(--line); text-align:center; }
.thank-you-mark { width:72px; height:72px; margin:0 auto 28px; border-radius:50%; display:grid; place-items:center; background:var(--red); color:#fff; font-size:34px; font-weight:700; }
.thank-you-card h1 { margin:0 0 20px; font-size:clamp(40px,7vw,76px); line-height:1.12; }
.thank-you-card>p { max-width:610px; margin:0 auto; color:var(--muted); font-size:15px; line-height:2; }
.thank-you-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin:42px 0; background:var(--line); border:1px solid var(--line); text-align:right; }
.thank-you-steps div { min-height:150px; padding:24px; background:#fff; }
.thank-you-steps b { display:block; margin-bottom:16px; color:var(--red); font-size:11px; }

/* Remove decorative ordinal labels while retaining the content hierarchy. */
.company-values b,
.capability-grid b,
.prep-grid b,
.thank-you-steps b { display:none; }
.capability-grid h3,
.prep-grid h3 { margin-top:8px; }
.thank-you-steps span { color:#5f6267; font-size:12px; line-height:1.8; }
.thank-you-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; }
.thank-you-actions a { padding:14px 22px; border:1px solid #aaa; font-size:12px; font-weight:700; }
.thank-you-actions a:first-child { background:var(--red); border-color:var(--red); color:#fff; }
@media (max-width:1000px) { .company-hero,.contact-hero,.company-intro,.contact-main { grid-template-columns:1fr; } .company-stats,.prep-grid { grid-template-columns:1fr 1fr; } .capability-grid { grid-template-columns:1fr; } .company-systems { grid-template-columns:1fr; } }
@media (max-width:680px) { .company-hero,.contact-hero { padding-top:115px; } .company-hero-visual,.company-hero-visual img { min-height:340px; height:340px; } .company-stats,.company-values,.prep-grid,.contact-boundary,.thank-you-steps { grid-template-columns:1fr; } .company-stats article { min-height:135px; border-left:0; border-bottom:1px solid var(--line); } .timeline-heading-row { align-items:flex-start; flex-direction:column; } .timeline-viewport { margin-top:32px; } .timeline-list article { min-height:360px; padding:38px 26px; grid-template-columns:1fr; align-content:center; gap:25px; } .timeline-list time { text-align:right; font-size:54px; } .company-cta { display:block; } .company-cta a { display:inline-block; margin-top:26px; } }

/* Saudi-localized visual system */
.contact-main,.thank-you-page { background:var(--sand-bg); }
.company-hero-visual { border-radius:12px; box-shadow:0 24px 65px rgba(3,18,31,.30); }
.company-hero-caption b,.contact-direct a:hover strong { color:var(--green-bright); }
.company-values div,.prep-grid article,.thank-you-card,.thank-you-steps div { border-radius:10px; }
.company-capabilities,.contact-hero,.contact-boundary { background:var(--navy); }
.capability-grid { background:rgba(255,255,255,.13); border-color:rgba(255,255,255,.13); }
.capability-grid article,.contact-boundary article { background:var(--navy-2); }
.company-system { background:var(--sand-bg); }
.company-system.dark { background:var(--navy); }
.company-system a,.thank-you-actions a { border-radius:8px; }
.company-cta { background:var(--navy); border-block-start:4px solid var(--gold); }
.company-cta a,.thank-you-actions a:first-child { border-radius:8px; background:var(--green); border-color:var(--green); color:#fff; }
.contact-note { border-right-color:var(--green); border-radius:8px; }
.contact-direct a,.contact-direct div { background:var(--navy-2); }
.thank-you-mark { background:var(--green); }
.company-intro-copy p,.company-system p,.contact-main p,.contact-boundary p,.contact-boundary li { font-size:17px; line-height:1.9; }