.solution-page-header{background:rgba(255,255,255,.94)}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;color:#999;font-size:10px;margin-bottom:40px}.breadcrumbs b{color:var(--ink)}
.solution-page-hero{min-height:760px;padding:140px clamp(24px,7vw,112px) 75px;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:65px;background:linear-gradient(90deg,#fff 0 48%,#f4f4f2 48%);overflow:hidden}
.solution-page-hero .hero-copy{max-width:690px}.solution-page-hero h1{font-size:clamp(48px,5.3vw,78px)}.solution-page-hero .hero-lede{font-size:16px;max-width:620px}
.audience-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:40px}.audience-row span{border:1px solid var(--line);padding:9px 12px;color:#777;font-size:9px}
.solution-hero-visual{min-height:540px;position:relative;direction:ltr}.solution-hero-visual::before{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(211,11,33,.18);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
.solution-hero-visual figure{position:absolute;inset:32px 0 55px;margin:0;background:#e7e7e5;overflow:hidden;box-shadow:0 30px 65px rgba(25,25,25,.12)}.solution-hero-visual img{width:100%;height:100%;object-fit:cover}.solution-hero-visual.product-visual img{object-fit:contain;padding:8%;mix-blend-mode:multiply}
.solution-hero-visual figcaption{position:absolute;bottom:0;right:0;background:#191a1c;color:#fff;min-width:250px;padding:19px 22px;display:flex;justify-content:space-between;gap:25px;direction:rtl;font-size:11px}.solution-hero-visual figcaption b{color:var(--red);direction:ltr}
.page-section-nav{position:sticky;top:0;z-index:12;display:flex;justify-content:center;overflow-x:auto;background:#191a1c;color:#c8c8ca;border-bottom:1px solid #333}.page-section-nav a{padding:18px 24px;white-space:nowrap;border-inline-start:1px solid #333;font-size:10px}.page-section-nav a:hover{color:#fff;background:var(--red)}
.solution-overview,.requirements-section,.matching-section,.related-section,.delivery-section,.page-faq{padding:105px clamp(24px,7vw,112px)}
.overview-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-right:1px solid var(--line)}.overview-grid article{min-height:230px;padding:30px;border-left:1px solid var(--line);border-bottom:1px solid var(--line)}.overview-grid b{color:var(--red);direction:ltr;font-size:10px}.overview-grid h3{font-size:19px;margin:55px 0 14px}.overview-grid p{margin:0;color:var(--muted);font-size:12px;line-height:1.85}
.requirements-section{display:grid;grid-template-columns:.72fr 1.28fr;background:#191a1c;color:#fff}.requirements-intro{padding-left:clamp(20px,5vw,70px)}.requirements-intro h2{font-size:clamp(40px,4.5vw,64px);line-height:1.23;margin:0 0 24px}.requirements-intro>p:not(.eyebrow){color:#a5a6a9;font-size:13px;line-height:1.9}
.requirement-panels{display:grid;grid-template-columns:1fr 1fr;border-right:1px solid #38393c}.requirement-panels article{padding:45px 38px;border-left:1px solid #38393c}.requirement-panels span{color:var(--red);direction:ltr;font-size:9px}.requirement-panels h3{font-size:20px;margin:45px 0 25px}.requirement-panels ul{list-style:none;padding:0;margin:0}.requirement-panels li{position:relative;padding:13px 15px 13px 0;border-top:1px solid #38393c;color:#bbbcc0;font-size:11px;line-height:1.7}.requirement-panels li::before{content:"";position:absolute;right:0;top:20px;width:5px;height:5px;border-radius:50%;background:var(--red)}
.matching-section{background:#f6f6f5}.matching-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d9d9d7}.matching-grid article{min-height:245px;padding:30px 25px;border-left:1px solid #d9d9d7;background:#fff}.matching-grid article:first-child{border-left:0}.matching-grid b{display:block;color:var(--red);direction:ltr;font-size:10px;margin-bottom:63px}.matching-grid h3{font-size:17px;margin:0 0 13px}.matching-grid p{margin:0;color:var(--muted);font-size:11px;line-height:1.85}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.related-grid article{position:relative;padding-bottom:50px}.related-grid article>a:first-child{display:block;aspect-ratio:1.15;background:#f4f4f2;overflow:hidden}.related-grid img{width:100%;height:100%;object-fit:contain;padding:8%;mix-blend-mode:multiply}.related-grid p{color:var(--red);direction:ltr;text-align:right;font-size:9px;letter-spacing:.12em;margin:18px 0 9px}.related-grid h3{margin:0 0 10px;font-size:18px}.related-grid span{color:var(--muted);font-size:11px;line-height:1.7}.related-grid article>a:last-child{position:absolute;bottom:0;right:0;left:0;padding-top:12px;border-top:1px solid var(--line);color:#555;font-size:11px}
.delivery-section{background:#191a1c;color:#fff;display:grid;grid-template-columns:.78fr 1.22fr;gap:70px}.delivery-section h2{font-size:clamp(40px,4.4vw,64px);line-height:1.22;margin:0}.delivery-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #38393c}.delivery-list div{min-height:135px;padding:26px;border-left:1px solid #38393c;border-bottom:1px solid #38393c}.delivery-list b{color:var(--red);direction:ltr;font-size:9px}.delivery-list h3{font-size:15px;margin:25px 0 9px}.delivery-list p{margin:0;color:#a7a8ab;font-size:10px;line-height:1.75}
.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;position:relative;padding:25px 42px 25px 0;font-size:16px;font-weight:700}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::before{content:"+";position:absolute;right:0;top:20px;color:var(--red);font-size:22px;font-weight:400}.faq-list details[open] summary::before{content:"−"}.faq-list p{color:var(--muted);max-width:900px;padding:0 42px 25px 0;margin:0;font-size:13px;line-height:1.9}
.solution-page-inquiry{display:grid;grid-template-columns:.85fr 1.15fr;background:var(--red);color:#fff}.inquiry-copy{padding:90px clamp(30px,6vw,90px)}.inquiry-copy h2{font-size:clamp(42px,4.8vw,68px);line-height:1.2;margin:0 0 23px}.inquiry-copy>p:not(.eyebrow){color:rgba(255,255,255,.76);line-height:1.9;font-size:13px}.selected-solution{margin-top:45px;padding-top:22px;border-top:1px solid rgba(255,255,255,.25);display:grid;gap:8px}.selected-solution span{color:rgba(255,255,255,.6);font-size:10px}.selected-solution strong{direction:ltr;text-align:right;font-size:13px}.inquiry-whatsapp{display:inline-block;margin-top:24px;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.5);font-size:12px}.solution-page-inquiry .current-product-field{margin-bottom:25px}.solution-page-inquiry .current-product-field input{color:var(--red);font-weight:800;background:#f7f7f6;padding:14px;border:0}.file-field{padding:17px;border:1px dashed #ccc;background:#fafafa}.file-field small{direction:ltr;color:#999;margin-right:8px}.file-field input{margin:12px 0 8px;padding:0;border:0;background:transparent}.file-field span{display:block;color:#777;font-size:10px}
.other-solutions{display:grid;grid-template-columns:repeat(4,1fr);background:#f3f3f1}.other-solutions a{min-height:180px;padding:28px;border-left:1px solid #ddd;display:flex;flex-direction:column}.other-solutions b{color:var(--red);direction:ltr;font-size:9px}.other-solutions h3{font-size:16px;margin:auto 0 8px}.other-solutions span{color:#777;font-size:10px}.other-solutions a.active{background:#191a1c;color:#fff}.other-solutions a.active span{color:#999}

/* Decorative sequence labels are omitted from solution pages. */
.solution-hero-visual figcaption b,
.overview-grid b,
.matching-grid b,
.delivery-list b,
.other-solutions b{display:none}
.overview-grid h3,.delivery-list h3{margin-top:8px}
@media(max-width:1050px){.solution-page-hero{grid-template-columns:1fr;background:linear-gradient(#fff 0 51%,#f4f4f2 51%)}.solution-hero-visual{min-height:500px}.requirements-section,.delivery-section,.solution-page-inquiry{grid-template-columns:1fr}.requirements-intro{padding:0 0 55px}.related-grid{grid-template-columns:1fr 1fr}.other-solutions{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.solution-page-hero{min-height:0;padding:110px 20px 60px;gap:35px}.breadcrumbs{margin-bottom:28px}.solution-page-hero h1{font-size:43px}.solution-page-hero .hero-lede{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.solution-hero-visual{min-height:330px}.solution-hero-visual::before{width:280px;height:280px}.solution-hero-visual figure{inset:10px 0 45px}.page-section-nav{justify-content:flex-start}.page-section-nav a{padding:15px 17px}.solution-overview,.requirements-section,.matching-section,.related-section,.delivery-section,.page-faq{padding:75px 20px}.overview-grid,.requirement-panels,.matching-grid,.related-grid,.delivery-list,.other-solutions{grid-template-columns:1fr}.overview-grid article,.matching-grid article{min-height:190px}.overview-grid h3{margin-top:36px}.matching-grid article{border-left:0;border-bottom:1px solid #d9d9d7}.matching-grid b{margin-bottom:35px}.requirement-panels{border-right:0}.requirement-panels article{padding:42px 0;border-left:0;border-top:1px solid #38393c}.delivery-section{gap:45px}.solution-page-inquiry .inquiry-copy,.solution-page-inquiry .quote-form{padding:68px 24px}}

/* Saudi-localized visual system */
.solution-page-hero { background:linear-gradient(90deg,#fff 0 51%,var(--sand-bg) 51%); }
.solution-hero-visual::before { border-color:rgba(0,108,53,.18); }
.page-section-nav,.requirements-section { background:var(--navy); }
.page-section-nav a:hover { background:var(--green); }
.overview-grid article,.matching-grid article,.related-grid article { border-top:4px solid var(--green); }
.matching-section,.delivery-section,.other-solutions { background:var(--sand-bg); }
.solution-page-inquiry { background:var(--navy); }
.inquiry-whatsapp { border:0; border-radius:8px; padding:12px 17px; background:var(--whatsapp); color:#fff; }
.other-solutions a.active { background:var(--navy); }
.solution-page-hero .hero-lede,.overview-grid p,.requirement-panels p,.matching-grid p,.delivery-list p,.page-faq p,.inquiry-copy>p:not(.eyebrow) { font-size:17px; line-height:1.9; }
@media(max-width:680px){.solution-page-hero .hero-lede{font-size:17px}}
@media(max-width:1050px){.solution-page-hero{background:linear-gradient(#fff 0 51%,var(--sand-bg) 51%)}}