@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ou-wine:#6d2238;--ou-deep:#27131b;--ou-gold:#d8b477;--ou-cream:#f6f0e8;--ou-ink:#281b22;--green:#6d2238;--navy:#321923;--gold:#c6a06d;--edge:#e5dad6;--muted:#786f72}
body{font-family:Manrope,'IBM Plex Sans Arabic',sans-serif;background:#fbf9f7;color:var(--ou-ink)}html[lang=ar] body{font-family:'IBM Plex Sans Arabic',Manrope,sans-serif}header{background:#fffdfb;border-bottom:1px solid #e8ddda}.nav{min-height:80px;gap:26px}.ouru-real-brand{min-width:128px;display:flex;flex-direction:column;gap:0;align-items:flex-start;justify-content:center}.ouru-header-logo{display:block;max-width:124px;width:auto;height:38px;object-fit:contain;object-position:left center;filter:drop-shadow(0 2px 5px #2a15141a)}.brand-subline{font-size:8px;font-weight:800;letter-spacing:2.1px;margin-top:1px;color:#755e67}.links{gap:18px}.links a{color:#55434a}.links a.active,.links a:hover{color:var(--ou-wine)}.language-switcher button[aria-pressed=true]{color:var(--ou-wine)}
.ou-hero{position:relative;min-height:700px;overflow:hidden;background:radial-gradient(ellipse at 72% 42%,#593345 0,#35202c 47%,#21171e 100%);color:#fff}
#ou-field{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.95}.ou-hero-grain{position:absolute;inset:0;pointer-events:none;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.ou-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:50px;min-height:675px;align-items:center;padding:72px 0}.ou-hero-copy{max-width:550px}.ou-kicker{display:flex;align-items:center;gap:11px;color:#e0c99e;letter-spacing:2.4px;font-size:10px;font-weight:800}.ou-kicker-pulse,.ou-live-dot{width:7px;height:7px;display:inline-block;flex-shrink:0;border-radius:50%;background:#ddc48b;box-shadow:0 0 0 5px #ddc48b23}.ou-hero h1{font:700 clamp(43px,4.6vw,73px)/1.14 Manrope,'IBM Plex Sans Arabic',sans-serif;letter-spacing:-2.9px;margin:31px 0 28px;color:#fff9f2}.ou-hero h1 em{font-style:normal;color:#eac990}.ou-hero-lead{font-size:15px;line-height:2;color:#e7dce0;max-width:490px}.ou-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:38px}.ou-cta{border:1px solid #e8c98f;background:#e0bd83;color:#2b1721;display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-height:52px;padding:0 21px;border-radius:4px;font-weight:800;font-size:13px;transition:transform .25s,box-shadow .25s,background .25s;cursor:pointer}.ou-cta:hover{background:#f2d49f;transform:translateY(-3px);box-shadow:0 14px 30px #0003}.ou-cta-quiet{color:#f6e5d2;font-size:13px;font-weight:700;padding:12px;border-bottom:1px solid #a98b89;display:inline-flex;gap:20px}.ou-hero-footer{margin-top:76px;display:flex;align-items:center;gap:14px;color:#c2afb7;font-size:11px;letter-spacing:.45px}.ou-line{height:1px;width:35px;background:#d5ad7b}
.ou-map-column{min-width:0}.ou-map-shell{border:1px solid #886b78;background:#301f2b;padding:15px;border-radius:15px;box-shadow:0 24px 75px #12060d88;transition:transform .45s ease;transform:perspective(900px) rotateY(var(--ou-tilt-x,0deg)) rotateX(var(--ou-tilt-y,0deg))}.ou-map-top{display:flex;justify-content:space-between;align-items:center;padding:4px 8px 17px;gap:10px}.ou-map-eyebrow,.ou-live{font-weight:800;letter-spacing:1.6px;font-size:10px;color:#e1c7a2}.ou-live{display:flex;align-items:center;gap:9px;color:#d2c6c7}.ou-map-viewport{height:430px;position:relative;border-radius:9px;background:#241b24;overflow:hidden;z-index:0}.ou-map-overlay{padding:16px 6px 2px;display:flex;justify-content:space-between;align-items:center;gap:10px}.ou-origin-pin{display:grid;gap:3px}.ou-origin-small{font-size:9px;letter-spacing:2px;color:#d6b886}.ou-origin-pin strong{font-size:21px;color:#fff}.ou-origin-pin small{font-size:11px;color:#ddcbd2}.ou-focus-btn{background:transparent;border:1px solid #a0828d;color:#f1dfcf;border-radius:4px;font-size:11px;padding:10px;display:flex;gap:14px;align-items:center;cursor:pointer}.ou-focus-btn:hover{border-color:#edc68b;color:#ffdb9f}.ou-map-hint{font-size:11px;color:#b6a8ae;margin:12px 4px}.ou-scroll-cue{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:13px;color:#bea3a8;letter-spacing:1.5px;font-size:9px}.ou-scroll-line{width:38px;height:1px;background:#bea3a8}
.ou-map-viewport .leaflet-container{background:#271c26}.ou-map-viewport .leaflet-tile-pane{filter:grayscale(1) sepia(.18) brightness(.72) contrast(1.07)}.ou-map-viewport .leaflet-control-attribution{font-size:9px;background:#fffc!important}.ou-map-viewport .leaflet-control-zoom a{background:#fcf6ed;color:#67273f}.ou-salah-pin{background:none;border:0}.ou-salah-pin-inner{display:flex;align-items:center;gap:8px;white-space:nowrap}.ou-salah-dot{width:13px;height:13px;display:block;border-radius:100%;background:#f5cc87;border:2px solid #fff7e6;box-shadow:0 0 0 7px #edcc853b,0 0 25px #f5cc87}.ou-salah-label{padding:8px 11px;color:#2b1620;background:#f0cf96;border-radius:4px;font:800 12px Manrope,'IBM Plex Sans Arabic',sans-serif;box-shadow:0 8px 25px #0005}
.ou-strip{overflow:hidden;white-space:nowrap;background:#e4c79c;color:#4c2934;display:flex;height:57px;align-items:center}.ou-strip-track{display:flex;width:max-content;animation:ou-marquee 34s linear infinite}.ou-strip-track>span{font-size:11px;font-weight:800;letter-spacing:2.8px;padding-right:20px}.ou-strip-track b{margin:0 22px;font-size:15px}.ou-strip:hover .ou-strip-track{animation-play-state:paused}@keyframes ou-marquee{to{transform:translateX(-50%)}}
.ou-intro{display:grid;grid-template-columns:230px 1fr;gap:70px;padding:120px 0 125px}.ou-small-index{font-size:10px;letter-spacing:1.6px;color:#9b6472;font-weight:800}.ou-intro-seal{width:95px;height:95px;border:1px solid #d2b5ae;border-radius:50%;display:grid;place-items:center;font:800 46px Manrope;color:#753246;margin-top:32px}.ou-overline{font-size:11px;font-weight:800;letter-spacing:2.4px;color:#924a5e}.ou-intro h2,.ou-section-heading h2,.ou-origins h2,.ou-bottom h2{font-size:clamp(31px,3.3vw,49px);line-height:1.3;letter-spacing:-1.7px;color:#3c202a;margin:17px 0 24px;max-width:720px}.ou-intro p:last-child,.ou-origins p:not(.ou-overline){line-height:2;color:#76696e;max-width:690px}.ou-capabilities{background:#f3ede8;padding:100px 0 115px}.ou-section-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:46px}.ou-text-link{font-size:13px;color:#7e354b;font-weight:800;border-bottom:1px solid;padding:12px 0;white-space:nowrap}.ou-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.ou-feature{display:flex;flex-direction:column;position:relative;min-height:320px;padding:27px 28px 36px;border:1px solid #decfc9;background:#fbf9f7;border-radius:5px;transition:transform .3s,background .3s,border-color .3s,box-shadow .3s}.ou-feature:hover{transform:translateY(-9px);background:#fff;border-color:#bb8893;box-shadow:0 18px 40px #4e2b2b17}.ou-feature-no{font-size:11px;color:#9f7380}.ou-feature-icon{font-size:54px;line-height:1;margin:34px 0 15px;color:#7e364b}.ou-feature h3{font-size:20px;color:#422631;margin:0 0 9px}.ou-feature p{font-size:13px;line-height:1.9;color:#766a6d;max-width:220px}.ou-feature-arrow{position:absolute;bottom:27px;right:27px;color:#8c5260}.ou-origins{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;padding:115px 0}.ou-origin-type{min-height:260px;background:#63283c;color:#e7c796;border-radius:5px;padding:35px 45px;display:flex;flex-direction:column;justify-content:space-between}.ou-origin-type span{font-size:10px;letter-spacing:2px}.ou-origin-type strong{font-size:clamp(40px,5vw,72px);line-height:1;letter-spacing:-2px}.ou-bottom-cta{margin-top:17px}.ou-products{padding-top:40px;padding-bottom:100px}.ou-products .featured-home-heading h2{color:#44222e}.ou-bottom{background:#562438;padding:75px 0}.ou-bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.ou-bottom h2{color:#fff4ec;margin:12px 0}.ou-bottom .ou-overline{color:#e1be86}.ou-cta-light{background:#e7c68f;border-color:#e7c68f}
html[dir=rtl] .ou-hero h1{letter-spacing:0}html[dir=rtl] .ouru-real-brand{align-items:flex-start}html[dir=rtl] .ouru-header-logo{object-position:right}html[dir=rtl] .ou-feature-arrow{right:auto;left:27px}html[dir=rtl] .ou-strip-track{direction:ltr}html[dir=rtl] .ou-origin-type{direction:ltr}html[lang=ar] .ou-hero h1,html[lang=ar] .ou-intro h2,html[lang=ar] .ou-section-heading h2,html[lang=ar] .ou-origins h2{font-family:'IBM Plex Sans Arabic',sans-serif;letter-spacing:0}
@media(max-width:1000px){.ou-hero-inner{gap:24px}.ou-map-viewport{height:360px}.links{gap:12px}.nav{gap:15px}.ou-hero h1{font-size:49px}}
@media(max-width:780px){.ou-hero-inner{grid-template-columns:1fr;padding:65px 0 85px;gap:44px}.ou-hero-copy{max-width:700px}.ou-map-viewport{height:410px}.ou-hero-footer{margin-top:40px}.ou-scroll-cue{display:none}.ou-intro{grid-template-columns:1fr;gap:25px;padding:70px 0}.ou-intro-seal{display:none}.ou-feature-grid{grid-template-columns:1fr}.ou-feature{min-height:250px}.ou-feature-icon{margin:20px 0 10px}.ou-origins{grid-template-columns:1fr;padding:70px 0}.ou-section-heading,.ou-bottom-inner{align-items:start;flex-direction:column}}
@media(max-width:440px){.ou-hero-inner{padding:53px 0 75px}.ou-hero h1{font-size:40px;letter-spacing:-1.5px}.ou-map-viewport{height:300px}.ou-map-shell{padding:9px}.ou-live{font-size:8px}.ou-origin-pin strong{font-size:17px}.ou-focus-btn{font-size:10px;padding:9px 5px}.ou-map-overlay{gap:7px}.ou-strip-track>span{font-size:9px}.ou-intro h2,.ou-section-heading h2{font-size:31px}.ou-origin-type{padding:28px;min-height:230px}.ouru-header-logo{max-width:100px;height:32px}}
@media(prefers-reduced-motion:reduce){.ou-strip-track{animation:none}.ou-map-shell,.ou-feature,.ou-cta{transition:none}#ou-field{display:none}}
