:root{
  --green:#063d35;--green-deep:#031f1d;--gold:#d4ad62;--gold-light:#f2d99b;
  --ivory:#f7f1df;--muted:rgba(247,241,223,.72);--line:rgba(242,217,155,.23);
}
*{box-sizing:border-box}
html{min-height:100%;background:var(--green-deep);scroll-behavior:smooth}
body{margin:0;min-height:100vh;color:var(--ivory);font-family:"Segoe UI",Tahoma,Arial,sans-serif;overflow-x:hidden}
button,a{font:inherit}
a{color:inherit;text-decoration:none}
.scene{position:fixed;inset:0;background:linear-gradient(90deg,rgba(2,28,25,.97) 0%,rgba(3,31,28,.78) 38%,rgba(2,25,24,.34) 68%,rgba(2,20,19,.58) 100%),linear-gradient(0deg,rgba(2,21,20,.95),transparent 58%),url("assets/saudi-oasis-hero.webp") center/cover no-repeat;transform:scale(1.02);animation:sceneIn 2s ease-out both}
.grain{position:fixed;inset:0;opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}
.topbar{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:27px clamp(24px,5vw,82px);border-bottom:1px solid rgba(255,255,255,.1)}
.brand{display:flex;align-items:center;gap:14px}
.brand-logo-image{width:55px;height:66px;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:#fff;padding:3px;box-shadow:0 8px 24px rgba(0,0,0,.24)}
.brand-logo-image img{display:block;width:100%;height:100%;object-fit:contain}
.brand-mark{position:relative;width:46px;height:46px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center}
.brand-mark:before,.brand-mark:after,.brand-mark i{content:"";position:absolute;background:var(--gold);transform:rotate(45deg)}
.brand-mark:before{width:17px;height:17px;border-radius:2px}
.brand-mark:after{width:8px;height:8px;background:var(--ivory)}
.brand-mark i{width:27px;height:1px;box-shadow:0 7px 0 var(--gold),0 -7px 0 var(--gold)}
.brand strong{display:block;font-size:1.04rem;font-weight:700;letter-spacing:.01em}
.brand small{display:block;font-size:.61rem;letter-spacing:.16em;color:var(--gold-light);margin-top:4px}
.header-actions{display:flex;align-items:center;gap:22px}
.saudi-label{font-size:.84rem;color:var(--muted)}
.sound-toggle{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);color:var(--ivory);cursor:pointer;transition:.3s}
.sound-toggle:hover{border-color:var(--gold);background:rgba(212,173,98,.12)}
.sound-toggle svg{width:18px;fill:currentColor}
.home-lang-switcher{display:flex;gap:3px}
.home-lang-btn{padding:6px 10px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);color:var(--ivory);font:inherit;font-size:.76rem;font-weight:700;cursor:pointer;border-radius:8px;transition:.25s}
.home-lang-btn:hover{border-color:var(--gold);background:rgba(212,173,98,.12)}
.home-lang-btn.active{background:var(--gold);color:var(--green-deep);border-color:var(--gold)}
.home-view{position:relative;z-index:2;min-height:calc(100vh - 101px);display:grid;grid-template-columns:minmax(300px,.74fr) minmax(620px,1.26fr);gap:clamp(36px,5vw,90px);align-items:center;padding:clamp(38px,6vh,78px) clamp(24px,5vw,82px) 70px}
.intro{align-self:center;max-width:680px;text-align:center;animation:rise .9s .15s ease-out both}
.eyebrow{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--gold-light);font-size:.93rem;margin:0 0 20px}
.intro-title{font-family:"Segoe UI",Tahoma,Arial,sans-serif;font-size:clamp(1.4rem,1.85vw,1.92rem);font-weight:700;letter-spacing:.01em;transform:translateY(-14px);margin-bottom:16px}
.eyebrow span{width:36px;height:1px;background:var(--gold)}
.intro h1{font-family:Georgia,"Times New Roman","Segoe UI",serif;font-size:clamp(2.62rem,3.95vw,4.95rem);line-height:1.18;font-weight:500;margin:0;letter-spacing:-.04em;text-wrap:balance}
.intro h1 br{display:block}
.intro h1>span{display:inline-block;white-space:nowrap}
.intro h1 em{font-style:normal;color:var(--gold-light);font-size:.73em}
.lead{font-size:clamp(.95rem,1.05vw,1.1rem);line-height:1.8;color:var(--muted);max-width:630px;margin:18px auto 0}
.platforms{display:grid;grid-template-columns:repeat(2,minmax(230px,310px));justify-content:center;gap:14px;align-self:center}
.platform{--card-accent:var(--gold);--card-accent-soft:rgba(212,173,98,.18);position:relative;isolation:isolate;min-height:245px;padding:18px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(145deg,rgba(8,66,57,.8),rgba(3,35,32,.75));border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(13px);overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 48px rgba(0,0,0,.08);transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .4s,box-shadow .4s,filter .4s;animation:rise .8s var(--delay) ease-out both}
.platform>*{position:relative;z-index:2}
.platform:before{content:"";position:absolute;z-index:0;inset:auto -50% -80% 20%;height:170%;background:radial-gradient(circle,var(--card-accent-soft),transparent 65%);opacity:.42;transition:.45s}
.platform:after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;border-top:3px solid var(--card-accent);background:linear-gradient(115deg,transparent 0 72%,var(--card-accent-soft) 72% 72.5%,transparent 72.5% 78%,var(--card-accent-soft) 78% 78.4%,transparent 78.4%);opacity:.82}
.platform:hover,.platform:focus-visible{transform:translateY(-7px);border-color:color-mix(in srgb,var(--card-accent) 68%,white);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 24px 60px rgba(0,0,0,.24),0 0 34px var(--card-accent-soft);filter:saturate(1.08) brightness(1.05);outline:none}
.platform:hover:before,.platform:focus-visible:before{opacity:1}
.platform-places{--card-accent:#60d7ba;--card-accent-soft:rgba(68,198,167,.2);background:radial-gradient(circle at 88% 14%,rgba(74,199,172,.2),transparent 34%),radial-gradient(circle at 12% 96%,rgba(218,177,86,.13),transparent 38%),linear-gradient(145deg,rgba(6,78,66,.9),rgba(3,37,34,.82))}
.platform-people{--card-accent:#efc768;--card-accent-soft:rgba(239,199,104,.2);background:radial-gradient(circle at 84% 17%,rgba(239,199,104,.22),transparent 9%),radial-gradient(circle at 75% 24%,rgba(106,132,217,.22),transparent 38%),linear-gradient(145deg,rgba(15,38,78,.92),rgba(5,27,43,.88))}
.platform-fashion{--card-accent:#dfa75d;--card-accent-soft:rgba(205,111,82,.2);background:radial-gradient(circle at 86% 14%,rgba(221,163,88,.2),transparent 32%),radial-gradient(circle at 16% 92%,rgba(142,54,57,.26),transparent 42%),linear-gradient(145deg,rgba(89,36,37,.9),rgba(45,25,31,.88))}
.platform-store{--card-accent:#5bc6d4;--card-accent-soft:rgba(73,190,207,.2);background:radial-gradient(circle at 82% 18%,rgba(245,185,73,.22),transparent 28%),radial-gradient(circle at 15% 94%,rgba(58,184,205,.24),transparent 42%),linear-gradient(145deg,rgba(5,78,87,.91),rgba(5,40,49,.88))}
.platform-no{position:absolute;top:20px;left:22px;font:400 .75rem Georgia,serif;color:rgba(247,241,223,.46);letter-spacing:.18em}
.platform-icon{width:52px;height:52px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--gold-light)}
.platform-icon svg{width:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.platform-logo{width:96px;height:76px;display:grid;place-items:center;overflow:hidden;margin:0 auto}
.platform-logo img{display:block;width:100%;height:100%;object-fit:contain}
.platform-logo-dark{border-radius:13px;box-shadow:0 9px 28px rgba(0,0,0,.24)}
.platform-logo-light{background:#fff;border-radius:13px;padding:5px;box-shadow:0 9px 28px rgba(0,0,0,.2)}
.platform-store .platform-logo{width:104px;height:76px;padding:3px;border:1px solid rgba(255,255,255,.82);box-shadow:0 10px 30px rgba(0,0,0,.3),0 0 22px rgba(91,198,212,.2)}
.platform-store .platform-copy .store-name{display:block;color:#fff;font-size:1.55rem;font-weight:700;line-height:1.25;white-space:nowrap;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.platform-copy{display:block;margin-top:13px;text-align:center}
.platform-copy small{display:block;color:var(--gold-light);font-size:.76rem;margin-bottom:9px}
.platform-copy strong{display:block;font-family:Georgia,"Times New Roman","Segoe UI",serif;font-size:clamp(1.2rem,1.4vw,1.5rem);font-weight:500;line-height:1.35}
.platform-copy>span{display:block;color:rgba(247,241,223,.58);font-size:.78rem;margin-top:8px}
.platform-arrow{position:absolute;bottom:17px;left:17px;width:29px;height:29px;border:1px solid color-mix(in srgb,var(--card-accent) 46%,transparent);border-radius:50%;display:grid;place-items:center;color:var(--card-accent);transition:.4s}
.platform:hover .platform-arrow{background:var(--card-accent);border-color:var(--card-accent);color:var(--green-deep);transform:rotate(-45deg)}
.footer-line{position:absolute;bottom:22px;right:clamp(24px,5vw,82px);left:clamp(24px,5vw,82px);display:flex;justify-content:space-between;color:rgba(247,241,223,.45);font-size:.72rem}
.scroll-cue{display:flex;align-items:center;gap:9px}
.scroll-cue i{width:30px;height:1px;background:var(--gold)}
.detail-view{position:relative;z-index:3;min-height:calc(100vh - 101px);padding:clamp(34px,6vw,90px);display:grid;place-items:center}
.detail-view[hidden]{display:none}
.back-link{position:absolute;top:30px;right:clamp(24px,5vw,82px);display:flex;gap:10px;align-items:center;color:var(--muted);font-size:.9rem}
.back-link span{color:var(--gold);font-size:1.2rem}
.detail-card{position:relative;width:min(760px,92vw);padding:clamp(38px,7vw,78px);text-align:center;background:linear-gradient(145deg,rgba(5,60,52,.9),rgba(2,28,26,.9));border:1px solid rgba(242,217,155,.33);backdrop-filter:blur(20px);box-shadow:0 28px 90px rgba(0,0,0,.32);animation:rise .7s ease-out both}
.detail-card:before,.detail-card:after{content:"";position:absolute;width:65px;height:65px;border-color:var(--gold);opacity:.6}
.detail-card:before{top:15px;right:15px;border-top:1px solid;border-right:1px solid}
.detail-card:after{bottom:15px;left:15px;border-bottom:1px solid;border-left:1px solid}
.detail-index{position:absolute;top:25px;left:30px;color:rgba(247,241,223,.3);font:1rem Georgia,serif;letter-spacing:.2em}
.detail-icon{width:76px;height:76px;border:1px solid var(--gold);border-radius:50%;margin:0 auto 24px;display:grid;place-items:center;color:var(--gold-light)}
.detail-icon svg{width:38px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.store-detail-logo{width:132px;height:132px;margin:0 auto 18px;padding:5px;display:grid;place-items:center;overflow:hidden;background:#fff;border:1px solid rgba(242,217,155,.5);border-radius:18px;box-shadow:0 14px 38px rgba(0,0,0,.3)}
.store-detail-logo img{display:block;width:100%;height:100%;object-fit:contain}
.store-detail-card{background:radial-gradient(circle at 78% 12%,rgba(245,185,73,.18),transparent 30%),radial-gradient(circle at 13% 90%,rgba(58,184,205,.2),transparent 40%),linear-gradient(145deg,rgba(5,78,87,.94),rgba(5,35,43,.94))}
.detail-kicker{color:var(--gold-light);font-size:.9rem;margin:0 0 14px}
.detail-card h1{font-family:Georgia,"Times New Roman","Segoe UI",serif;font-size:clamp(2.35rem,5vw,4.5rem);font-weight:500;line-height:1.25;margin:0 0 20px}
.detail-card>p:not(.detail-kicker){font-size:1.05rem;line-height:2;color:var(--muted);max-width:570px;margin:0 auto}
.detail-actions{margin-top:35px;display:flex;flex-direction:column;align-items:center;gap:14px}
.enter-button{min-width:210px;padding:15px 23px;background:var(--gold);color:var(--green-deep);display:flex;align-items:center;justify-content:space-between;gap:22px;font-weight:700;transition:.3s}
.enter-button:hover{background:var(--gold-light);transform:translateY(-2px)}
.detail-actions small{color:rgba(247,241,223,.45);font-size:.75rem}
@keyframes rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes sceneIn{from{opacity:0;transform:scale(1.09)}to{opacity:1;transform:scale(1.02)}}
@media(max-width:1050px){
  .home-view{grid-template-columns:1fr;align-items:start;padding-top:52px}
  .intro{max-width:760px;margin-inline:auto}.intro h1{font-size:clamp(2.4rem,6vw,4rem)}
  .platforms{width:100%;grid-template-columns:repeat(2,minmax(230px,310px))}.footer-line{position:static;grid-column:1;margin-top:10px}
}
@media(max-width:670px){
  .topbar{padding:14px 20px}.brand-logo-image{width:48px;height:58px}.brand strong{font-size:.88rem}.brand small{font-size:.5rem}
  .saudi-label{display:none}.home-view{padding:38px 18px 45px;gap:34px}.intro h1{font-size:clamp(2rem,9vw,2.75rem)}.lead{font-size:.92rem;line-height:1.75}
  .platforms{grid-template-columns:1fr}.platform{width:100%;min-height:240px}.footer-line{display:none}
  .detail-view{padding:80px 17px 30px}.detail-card{padding:55px 25px 42px}.detail-card h1{font-size:2.4rem}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* ===== v190 ===== */
.site-topbar{gap:28px;background:linear-gradient(180deg,rgba(2,27,25,.42),rgba(2,27,25,.08));backdrop-filter:blur(4px)}
.main-nav{display:flex;align-items:center;justify-content:center;gap:7px;margin-inline:auto;padding:5px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(2,29,27,.24);backdrop-filter:blur(12px)}
.main-nav a{position:relative;padding:9px 16px;border-radius:999px;color:rgba(247,241,223,.72);font-size:.83rem;transition:.28s}
.main-nav a:hover,.main-nav a:focus-visible{color:var(--ivory);background:rgba(255,255,255,.06);outline:none}
.main-nav a.active{color:var(--green-deep);background:var(--gold-light);box-shadow:0 7px 22px rgba(0,0,0,.16)}
.scene-soft{background:linear-gradient(90deg,rgba(2,28,25,.98) 0%,rgba(3,31,28,.9) 42%,rgba(2,25,24,.63) 72%,rgba(2,20,19,.78) 100%),linear-gradient(0deg,rgba(2,21,20,.97),rgba(2,21,20,.28) 72%),url("assets/saudi-oasis-hero.webp") center/cover no-repeat}

.landing-view{position:relative;z-index:2;min-height:calc(100vh - 101px);display:flex;flex-direction:column;justify-content:center;padding:clamp(46px,7vh,86px) clamp(24px,6vw,96px) 76px}
.landing-hero{width:min(930px,92vw);margin:auto;text-align:center;animation:rise .9s .1s ease-out both}
.landing-kicker{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 20px;color:var(--gold-light);font-size:clamp(.86rem,1.05vw,1rem);font-weight:600;letter-spacing:.02em}
.landing-kicker span{width:40px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}
.landing-kicker span:last-child{background:linear-gradient(90deg,var(--gold),transparent)}
.landing-hero h1{margin:0;font-family:Georgia,"Times New Roman","Segoe UI",serif;font-weight:500;font-size:clamp(3rem,6vw,6.4rem);line-height:1.03;letter-spacing:-.045em;text-shadow:0 12px 44px rgba(0,0,0,.3)}
.landing-motto{margin:20px 0 0;font-family:Georgia,"Times New Roman","Segoe UI",serif;font-size:clamp(1.35rem,2.35vw,2.35rem);color:rgba(247,241,223,.84)}
.landing-motto strong{color:var(--gold-light);font-weight:500}
.landing-lead{max-width:760px;margin:18px auto 28px;color:var(--muted);font-size:clamp(.94rem,1.08vw,1.08rem);line-height:1.95}
.primary-cta{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-width:250px;padding:15px 22px;background:var(--gold);color:var(--green-deep);font-weight:800;border:1px solid var(--gold);box-shadow:0 13px 34px rgba(0,0,0,.2);transition:.28s}
.primary-cta b{font-size:1.25rem;font-weight:400;transition:.28s}
.primary-cta:hover,.primary-cta:focus-visible{background:var(--gold-light);border-color:var(--gold-light);transform:translateY(-3px);outline:none;box-shadow:0 18px 42px rgba(0,0,0,.28)}
.primary-cta:hover b{transform:translateX(-4px)}
.journey-strip{display:flex;align-items:center;justify-content:center;gap:0;width:min(760px,100%);margin:36px auto 0;color:rgba(247,241,223,.44);font-size:.75rem}
.journey-strip span{display:flex;align-items:center;gap:7px;padding:0 18px;border-left:1px solid rgba(255,255,255,.12)}
.journey-strip span:last-child{border-left:0}.journey-strip i{font-style:normal;color:var(--gold)}.journey-strip .current{color:var(--ivory)}
.landing-footer{position:absolute}

.page-inner{background:var(--green-deep)}
.about-view,.platforms-page-view{position:relative;z-index:2;width:min(1240px,calc(100% - 44px));margin:0 auto;padding:clamp(58px,7vw,96px) 0 62px}
.about-heading{display:grid;grid-template-columns:minmax(360px,.82fr) minmax(440px,1.18fr);gap:clamp(38px,7vw,100px);align-items:end;padding-bottom:42px;border-bottom:1px solid rgba(255,255,255,.1)}
.section-kicker{grid-column:1/-1;margin:0 0 -6px;color:var(--gold-light);font-weight:700;font-size:.87rem;letter-spacing:.04em}
.about-heading h1{margin:0;font-family:Georgia,"Times New Roman","Segoe UI",serif;font-size:clamp(2.6rem,4.6vw,5rem);font-weight:500;line-height:1.12;letter-spacing:-.035em}
.about-statement{margin:0;padding:0 0 4px;color:var(--muted);font-size:clamp(1rem,1.15vw,1.14rem);line-height:2.05}
.about-statement strong{color:var(--ivory);font-weight:700}
.about-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}
.about-card{position:relative;min-height:235px;padding:27px 25px;background:linear-gradient(145deg,rgba(8,66,57,.78),rgba(3,35,32,.7));border:1px solid rgba(255,255,255,.11);backdrop-filter:blur(14px);box-shadow:0 16px 42px rgba(0,0,0,.08)}
.about-card:before{content:"";position:absolute;top:0;right:0;width:48px;height:2px;background:var(--gold)}
.about-card>span{color:var(--gold-light);font-size:.76rem;font-weight:700}
.about-card h2{margin:13px 0 12px;font-family:Georgia,"Times New Roman","Segoe UI",serif;font-size:1.35rem;font-weight:500}
.about-card p{margin:0;color:rgba(247,241,223,.64);font-size:.86rem;line-height:1.9}
.about-transition{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:28px;padding:28px 30px;background:linear-gradient(90deg,rgba(212,173,98,.12),rgba(255,255,255,.025));border:1px solid rgba(242,217,155,.18)}
.about-transition small{color:var(--gold-light)}.about-transition h2{margin:7px 0 0;font-family:Georgia,"Times New Roman","Segoe UI",serif;font-size:clamp(1.35rem,2vw,2rem);font-weight:500}
.inner-footer{position:relative;z-index:2;display:flex;justify-content:space-between;gap:20px;padding:20px clamp(24px,5vw,82px);border-top:1px solid rgba(255,255,255,.08);color:rgba(247,241,223,.45);font-size:.75rem;background:rgba(2,25,23,.54)}
.inner-footer a{color:var(--gold-light)}

.platforms-page-view{padding-top:clamp(52px,6vw,80px)}
.platforms-heading{text-align:center;max-width:840px;margin:0 auto 34px}
.platforms-heading .section-kicker{margin-bottom:12px}.platforms-heading h1{margin:0;font-family:Georgia,"Times New Roman","Segoe UI",serif;font-size:clamp(2.7rem,4.7vw,5rem);font-weight:500;line-height:1.12}.platforms-heading>p:last-child{max-width:700px;margin:15px auto 0;color:var(--muted);font-size:1rem;line-height:1.9}
.platforms-page-grid{grid-template-columns:repeat(4,minmax(220px,1fr));gap:14px;width:100%;align-items:stretch}
.platforms-page-grid .platform{min-height:340px;padding:30px 22px 25px}
.platforms-page-grid .platform-logo{width:108px;height:86px}.platforms-page-grid .platform-store .platform-logo{width:116px;height:84px}
.platforms-page-grid .platform-copy{margin-top:18px}.platforms-page-grid .platform-copy strong{font-size:clamp(1.22rem,1.45vw,1.55rem)}
.platform-enter{margin-top:22px;padding:8px 14px;border:1px solid rgba(255,255,255,.15);color:rgba(247,241,223,.76);font-size:.76rem;transition:.3s}
.platform:hover .platform-enter{border-color:var(--card-accent);color:var(--ivory);background:var(--card-accent-soft)}

.page-home .landing-view{justify-content:flex-start;padding-top:clamp(36px,6vh,64px)}
.page-home .landing-hero{margin:auto;text-align:center;transform:translateY(-32px)}
.about-editorial{display:block;text-align:center}
.about-editorial h1{margin:0 0 30px}
.about-narrative{max-width:960px;margin:0 auto;color:var(--muted);font-size:clamp(1rem,1.25vw,1.2rem);line-height:2}
.about-narrative p{margin:0 0 18px}
.about-narrative p:first-child{font-size:clamp(1.2rem,1.8vw,1.65rem);color:var(--gold-light);font-weight:600}
.page-about .about-heading h1,.page-about .about-card h2{font-weight:700}
.page-about .about-narrative{font-weight:700;line-height:1.6}
.page-about .about-narrative p{margin-bottom:10px}
.page-about .about-narrative p:first-child{font-weight:700}
.page-about .about-card p{font-weight:700;line-height:1.6}
.page-home .discover-saudi{position:relative;isolation:isolate;overflow:hidden;background:#075736;color:#fff;border-color:var(--gold);text-shadow:0 1px 5px rgba(0,0,0,.9);min-height:76px;padding:22px 30px}
.page-home .discover-saudi::before{content:"";position:absolute;z-index:-2;inset:-10%;background:url("assets/saudi-flag-hero-v187.webp") 82% 50%/cover no-repeat;animation:discoverFlagWave 6s ease-in-out infinite;transform-origin:right center}
.page-home .discover-saudi::after{content:"";position:absolute;z-index:-1;inset:0;background:rgba(0,37,22,.38)}
.page-home .discover-saudi:hover,.page-home .discover-saudi:focus-visible{background:#075736;color:#fff;border-color:var(--gold-light)}
@keyframes discoverFlagWave{0%,100%{transform:translateX(-1%) skewY(-1deg) scale(1.03)}50%{transform:translateX(1%) skewY(1deg) scale(1.08)}}
@media(prefers-reduced-motion:reduce){.page-home .discover-saudi::before{animation:none}}
.page-home .scene{background:linear-gradient(90deg,rgba(2,28,25,.22) 0%,rgba(3,31,28,.34) 38%,rgba(2,25,24,.34) 68%,rgba(2,20,19,.58) 100%),linear-gradient(0deg,rgba(2,21,20,.72),transparent 45%),url("assets/saudi-oasis-hero.webp") center/cover no-repeat}
.page-home .landing-hero{text-shadow:0 2px 10px rgba(0,0,0,.85)}
.page-home .landing-lead{color:rgba(247,241,223,.92);text-shadow:0 1px 6px rgba(0,0,0,.9)}
.page-home .scene::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(169,43,27,.20) 0%,rgba(164,49,28,.14) 38%,rgba(130,38,25,.06) 72%,transparent 100%);mix-blend-mode:screen}

@media(max-width:1180px){
  .main-nav a{padding-inline:12px}.about-grid{grid-template-columns:repeat(2,1fr)}.platforms-page-grid{grid-template-columns:repeat(2,minmax(240px,1fr))}.platforms-page-grid .platform{min-height:300px}
}
@media(max-width:900px){
  .site-topbar{flex-wrap:wrap;justify-content:center;padding-bottom:17px}.site-topbar .brand{margin-inline-end:auto}.site-topbar .header-actions{margin-inline-start:auto}.main-nav{order:3;width:100%;margin-top:4px;overflow-x:auto;justify-content:center}.about-heading{grid-template-columns:1fr;gap:22px}.section-kicker{grid-column:auto}.about-statement{max-width:800px}.landing-view{min-height:calc(100vh - 153px)}
}
@media(max-width:640px){.page-home .landing-hero{transform:translateY(-16px)}}
@media(max-width:670px){
  .site-topbar{gap:10px}.site-topbar .brand{margin:0}.site-topbar .header-actions{display:none}.main-nav{justify-content:flex-start;padding:4px}.main-nav a{white-space:nowrap;padding:8px 11px;font-size:.76rem}.landing-view{padding:36px 18px 54px}.landing-hero h1{font-size:clamp(2.6rem,13vw,4rem)}.landing-kicker span{width:22px}.journey-strip{gap:0;flex-wrap:wrap;margin-top:29px}.journey-strip span{padding:5px 9px;border:0}.landing-footer{display:none}
  .about-view,.platforms-page-view{width:min(100% - 30px,1240px);padding-top:42px}.about-heading{padding-bottom:30px}.about-heading h1{font-size:2.65rem}.about-grid{grid-template-columns:1fr}.about-card{min-height:auto}.about-transition{align-items:flex-start;flex-direction:column}.about-transition .primary-cta{width:100%}.inner-footer{flex-direction:column;text-align:center;align-items:center}
  .platforms-page-grid{grid-template-columns:1fr}.platforms-page-grid .platform{min-height:290px}.platforms-heading h1{font-size:2.7rem}
}

/* justified body text */
.about-narrative p,.about-copy p,.page-text p{text-align:justify;text-justify:inter-word;}