@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#06120e;--panel:#0d2119;--panel2:#10271e;--line:rgba(255,255,255,.09);--text:#f6f1e6;--muted:#aab7af;--green:#0e8a5f;--green2:#20b77d;--gold:#d6b15f;--sand:#ead9b6}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,"IBM Plex Sans Arabic",sans-serif;background:radial-gradient(circle at 80% 0,rgba(14,138,95,.14),transparent 27%),#06120e;color:var(--text);line-height:1.6}body.rtl{font-family:"IBM Plex Sans Arabic",Inter,sans-serif}a{text-decoration:none;color:inherit}.container{width:min(1200px,92%);margin:auto}.topline{height:3px;background:linear-gradient(90deg,var(--green2),var(--gold),var(--green2))}
nav{position:sticky;top:0;z-index:30;background:rgba(6,18,14,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:11px;font-weight:800}.mark{width:40px;height:40px;border:1px solid rgba(214,177,95,.45);border-radius:12px;display:grid;place-items:center;color:var(--gold);background:#0d2b20}.links{display:flex;gap:23px;color:#c5d0c9;font-size:14px}.actions{display:flex;gap:9px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 17px;border-radius:11px;border:1px solid var(--line);font-weight:700;font-size:13px;cursor:pointer;background:transparent;color:var(--text)}.primary{background:linear-gradient(135deg,#0d8b60,#17a873);border:0}.goldbtn{border-color:rgba(214,177,95,.3);color:var(--sand)}
.hero{padding:72px 0}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}.kicker{display:inline-block;border:1px solid rgba(214,177,95,.25);color:var(--sand);padding:7px 12px;border-radius:999px;font-size:11px;font-weight:800}.hero h1{font-size:clamp(47px,6vw,76px);line-height:1.03;letter-spacing:-3px;margin:20px 0}.gold{color:var(--gold)}.hero p,.muted{color:var(--muted)}.hero p{font-size:18px}.cta-row{display:flex;gap:11px;flex-wrap:wrap;margin-top:27px}.visual{min-height:420px;display:grid;place-items:center}.orbit{width:360px;height:360px;border:1px solid rgba(214,177,95,.15);border-radius:50%;display:grid;place-items:center;position:relative}.orbit:before{content:"";position:absolute;inset:58px;border:1px dashed rgba(255,255,255,.09);border-radius:50%}.core{width:145px;height:145px;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 35% 30%,#1ab37b,#07513a);box-shadow:0 0 70px rgba(25,183,125,.24);font-weight:800}.sat{position:absolute;background:#0c2119;border:1px solid var(--line);padding:8px 11px;border-radius:10px;font-size:11px}.s1{top:12px}.s2{right:-20px}.s3{bottom:12px}.s4{left:-25px}
section{padding:75px 0}.head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.eyebrow{color:var(--gold);font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.head h2,.title{font-size:39px;line-height:1.15;margin-top:7px}.head p{max-width:480px;color:var(--muted)}
.cards,.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card{border:1px solid var(--line);background:linear-gradient(145deg,#10271e,#081912);border-radius:19px;overflow:hidden}.card-art{height:165px;display:grid;place-items:center;background:radial-gradient(circle,rgba(32,183,125,.2),transparent 45%)}.mini-card{width:100px;height:132px;border-radius:12px;border:1px solid rgba(214,177,95,.35);background:#12382a;display:grid;place-items:center;color:var(--gold);font-weight:800;letter-spacing:2px;transform:rotate(-5deg)}.card-body{padding:21px}.card-body p{font-size:13px;color:var(--muted);min-height:42px}.row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:17px}.price{color:var(--sand);font-weight:800}.tag{font-size:10px;background:rgba(32,183,125,.14);color:#81e0ba;padding:5px 8px;border-radius:999px}
.panel{border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#0e281e,#081912);padding:27px}.prompt{display:flex;gap:9px;border:1px solid var(--line);border-radius:14px;padding:7px;background:#071812;margin-top:17px}.prompt input,.form input,.form textarea,.form select{width:100%;background:#071812;border:1px solid var(--line);border-radius:11px;padding:13px;color:#fff;outline:0}.prompt input{border:0}.prompt button{border:0}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}.chip{font-size:11px;color:#9eb0a5;border:1px solid var(--line);padding:6px 9px;border-radius:999px}.feature{padding:23px;border:1px solid var(--line);border-radius:17px;background:rgba(13,33,25,.72)}.feature i{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(214,177,95,.18);border-radius:11px;color:var(--gold);font-style:normal;margin-bottom:17px}.feature p{color:var(--muted);font-size:13px}
.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.step{border:1px solid var(--line);padding:17px;text-align:center;border-radius:13px}.step b{display:block;color:var(--gold)}
.dashboard{display:grid;grid-template-columns:230px 1fr;gap:17px}.side,.main{border:1px solid var(--line);background:#071710;border-radius:17px;padding:20px}.menu{display:grid;gap:7px;margin-top:20px}.menu a{padding:10px;border-radius:9px;color:#9caf9f;font-size:13px}.menu a.active,.menu a:hover{background:rgba(14,138,95,.14);color:#88e7c0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:17px 0}.stat{border:1px solid var(--line);border-radius:12px;padding:15px}.stat strong{font-size:23px;color:var(--sand);display:block}.stat small{color:var(--muted)}
.table{width:100%;border-collapse:collapse;margin-top:15px}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:13px;font-size:13px}.table th{color:var(--gold)}.rtl .table th,.rtl .table td{text-align:right}
.form{display:grid;gap:12px}.form textarea{min-height:110px;resize:vertical}.auth{width:min(470px,92%);margin:70px auto}.auth .panel{padding:35px}.footer{border-top:1px solid var(--line);padding:34px 0;color:#82958a;font-size:12px}.foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}.notice{padding:12px;border:1px solid rgba(214,177,95,.2);background:rgba(214,177,95,.05);border-radius:11px;color:var(--sand);font-size:12px;margin:14px 0}
@media(max-width:900px){.links{display:none}.hero-grid{grid-template-columns:1fr}.visual{display:none}.cards,.grid3{grid-template-columns:1fr 1fr}.dashboard{grid-template-columns:1fr}.flow{grid-template-columns:1fr 1fr}.head{display:block}.head p{margin-top:12px}}
@media(max-width:600px){.cards,.grid3,.stats,.flow{grid-template-columns:1fr}.hero h1{font-size:46px}.head h2,.title{font-size:32px}.prompt{display:block}.prompt .btn{width:100%;margin-top:7px}.actions .primary{display:none}}

/* V2 authentic card + speaking Director */
.premium-card{height:205px;position:relative;overflow:hidden;background:
linear-gradient(135deg,#08271c 0%,#0d5138 52%,#09241a 100%);border-bottom:1px solid rgba(214,177,95,.18)}
.premium-card:before{content:"";position:absolute;width:250px;height:250px;border:1px solid rgba(214,177,95,.16);border-radius:50%;right:-70px;top:-105px;box-shadow:0 0 0 28px rgba(214,177,95,.025),0 0 0 55px rgba(214,177,95,.018)}
.premium-card:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.055) 45%,transparent 65%);transform:translateX(-100%);animation:shine 5s infinite}
@keyframes shine{0%,65%{transform:translateX(-100%)}85%,100%{transform:translateX(100%)}}
.pc-inner{position:absolute;inset:18px;z-index:2;border:1px solid rgba(214,177,95,.25);border-radius:15px;padding:17px;display:flex;flex-direction:column;justify-content:space-between}
.pc-top,.pc-bottom{display:flex;justify-content:space-between;align-items:center}.pc-brand{font-size:12px;letter-spacing:2px;font-weight:800;color:var(--sand)}.pc-chip{width:34px;height:25px;border-radius:5px;background:linear-gradient(135deg,#d8b765,#8f6f30);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.pc-title{font-size:21px;font-weight:700;max-width:220px;line-height:1.15}.pc-ar{font-family:"IBM Plex Sans Arabic";color:var(--gold);font-size:13px}.pc-id{font-size:9px;letter-spacing:1.5px;color:#92ac9e}
.voice-stage{min-height:470px;position:relative;display:grid;place-items:center}
.voice-orbit{width:380px;height:380px;border:1px solid rgba(214,177,95,.12);border-radius:50%;position:absolute;animation:rotate 22s linear infinite}
.voice-orbit:before{content:"";position:absolute;inset:55px;border:1px dashed rgba(255,255,255,.08);border-radius:50%}
@keyframes rotate{to{transform:rotate(360deg)}}
.voice-core{width:175px;height:175px;border-radius:50%;position:relative;z-index:4;display:grid;place-items:center;background:radial-gradient(circle at 40% 35%,#1dc88a,#0a694a 58%,#053426);box-shadow:0 0 0 12px rgba(32,183,125,.04),0 0 75px rgba(32,183,125,.34);transition:.25s}
.voice-core.speaking{animation:voicePulse .85s infinite alternate}
@keyframes voicePulse{from{transform:scale(1);box-shadow:0 0 0 8px rgba(32,183,125,.05),0 0 55px rgba(32,183,125,.28)}to{transform:scale(1.055);box-shadow:0 0 0 24px rgba(32,183,125,.03),0 0 105px rgba(32,183,125,.48)}}
.voice-label{text-align:center;font-weight:800;line-height:1.2}.voice-label small{display:block;font-size:9px;letter-spacing:2px;color:#bde8d4;margin-top:7px}
.wave{position:absolute;bottom:73px;z-index:6;height:30px;display:flex;align-items:center;gap:4px}.wave span{width:3px;height:7px;border-radius:4px;background:var(--sand)}.speaking + .wave span{animation:bars .65s infinite alternate}.speaking + .wave span:nth-child(2n){animation-delay:.2s}.speaking + .wave span:nth-child(3n){animation-delay:.35s}
@keyframes bars{to{height:27px;background:var(--green2)}}
.voice-controls{position:absolute;bottom:8px;z-index:7;display:flex;gap:8px}.mic{width:46px;height:46px;border-radius:50%;font-size:18px}
.status-bubble{position:absolute;top:20px;right:5px;z-index:8;border:1px solid var(--line);background:#0a2017;padding:10px 13px;border-radius:12px;font-size:11px;color:#a9bbb0}

/* V3 Saudi premium visual language */
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.035;background-image:
linear-gradient(30deg,#e8cf92 12%,transparent 12.5%,transparent 87%,#e8cf92 87.5%),
linear-gradient(150deg,#e8cf92 12%,transparent 12.5%,transparent 87%,#e8cf92 87.5%);
background-size:54px 94px}
.saudi-ribbon{border:1px solid rgba(214,177,95,.18);background:linear-gradient(90deg,rgba(214,177,95,.055),rgba(14,138,95,.08),rgba(214,177,95,.055));border-radius:14px;padding:11px 16px;color:#d9c79f;font-size:11px;letter-spacing:.7px;margin-top:20px;display:inline-flex;gap:10px;align-items:center}
.saudi-ribbon:before{content:"✦";color:var(--gold)}
/* more dimensional Director */
.voice-stage:before,.voice-stage:after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.voice-stage:before{width:310px;height:310px;background:radial-gradient(circle,rgba(31,191,130,.11),transparent 67%);filter:blur(10px);animation:aura 2.3s ease-in-out infinite alternate}
.voice-stage:after{width:460px;height:460px;border:1px solid rgba(214,177,95,.055);box-shadow:inset 0 0 90px rgba(214,177,95,.025)}
@keyframes aura{to{transform:scale(1.13);opacity:.58}}
.voice-core:before,.voice-core:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.12);animation:ringPulse 2.2s infinite}
.voice-core:before{inset:-20px}.voice-core:after{inset:-43px;animation-delay:.7s}
@keyframes ringPulse{0%{transform:scale(.86);opacity:0}45%{opacity:.7}100%{transform:scale(1.17);opacity:0}}
.voice-core.speaking:before,.voice-core.speaking:after{animation-duration:.8s}
.voice-core .eye{position:absolute;top:45px;width:55px;height:13px;border-radius:50%;background:radial-gradient(ellipse,#d9ffef 0 12%,#42e2a2 25%,rgba(38,217,145,.16) 62%,transparent 70%);filter:drop-shadow(0 0 9px #35d894);animation:eyeBreath 2.5s infinite alternate}
@keyframes eyeBreath{to{transform:scaleX(1.18);filter:drop-shadow(0 0 15px #35d894)}}
.voice-core.speaking .eye{animation:eyeSpeak .4s infinite alternate}
@keyframes eyeSpeak{to{transform:scaleX(.76) scaleY(1.25)}}
.voice-label{padding-top:35px}
/* Saudi architectural divider */
.arch-divider{height:54px;position:relative;overflow:hidden;margin-top:10px}
.arch-divider:before{content:"";position:absolute;left:50%;top:12px;transform:translateX(-50%);width:min(900px,88%);height:65px;border:1px solid rgba(214,177,95,.13);border-radius:50% 50% 0 0}
/* unique footer */
.galaxy-footer{position:relative;margin-top:55px;border-top:1px solid rgba(214,177,95,.16);background:
radial-gradient(circle at 50% 0,rgba(15,130,90,.16),transparent 38%),linear-gradient(180deg,#071912,#04100c);overflow:hidden}
.galaxy-footer:before{content:"";position:absolute;inset:0;opacity:.045;background-image:linear-gradient(30deg,#d6b15f 12%,transparent 12.5%,transparent 87%,#d6b15f 87.5%);background-size:42px 72px}
.footer-main{position:relative;padding:58px 0 38px;display:grid;grid-template-columns:1.25fr .75fr .75fr .85fr;gap:42px}
.footer-brand p{max-width:330px;color:#899d91;font-size:13px;margin-top:15px}.footer-title{font-size:11px;color:var(--gold);font-weight:800;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:14px}.footer-links{display:grid;gap:9px}.footer-links a{font-size:12px;color:#91a49a}.footer-links a:hover{color:#fff}
.footer-ai{border:1px solid rgba(214,177,95,.14);background:rgba(214,177,95,.035);border-radius:15px;padding:15px}.footer-ai strong{font-size:12px}.footer-ai small{display:block;color:#82968a;margin-top:5px}.online{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2bdc98;box-shadow:0 0 10px #2bdc98;margin-right:6px}
.footer-bottom{position:relative;border-top:1px solid var(--line);padding:18px 0;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#71877a;font-size:10px;letter-spacing:.4px}
@media(max-width:900px){.footer-main{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.footer-main{grid-template-columns:1fr}.voice-stage:after{width:390px;height:390px}}

/* V4 cinematic premium hero inspired by approved concept */
.cinematic-hero{min-height:720px;position:relative;overflow:hidden;border-bottom:1px solid rgba(214,177,95,.15);
background:
linear-gradient(90deg,rgba(3,12,9,.96) 0%,rgba(3,14,10,.90) 35%,rgba(3,17,12,.48) 62%,rgba(2,10,8,.36) 100%),
url("../images/saudi-ai-hero-reference.png") center/cover no-repeat}
.cinematic-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#06120e 100%);pointer-events:none}
.hero-cinematic-grid{position:relative;z-index:3;min-height:720px;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:35px;padding:55px 0 90px}
.hero-copy{max-width:610px}.hero-copy h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(62px,6vw,96px);line-height:.91;letter-spacing:-4px;margin:20px 0 22px}.hero-copy h1 .gold{display:block}.hero-copy p{font-size:18px;color:#d1d6d1;max-width:580px}
.hero-metrics{display:flex;gap:0;margin-top:31px;flex-wrap:wrap}.metric{padding:0 24px;border-right:1px solid rgba(255,255,255,.18)}.metric:first-child{padding-left:0}.metric:last-child{border:0}.metric strong{display:block;color:#fff;font-size:19px}.metric small{color:#a8b6ad}
.director-console{position:relative;min-height:600px;display:grid;place-items:center}
.ai-sphere{position:relative;width:330px;height:330px;border-radius:50%;display:grid;place-items:center;z-index:5;background:
radial-gradient(circle at 36% 28%,rgba(127,255,205,.62),rgba(11,113,76,.72) 19%,rgba(1,28,21,.95) 60%),
linear-gradient(145deg,#0b5c42,#02150f);border:2px solid rgba(230,196,109,.66);
box-shadow:inset -28px -35px 65px rgba(0,0,0,.48),inset 18px 18px 50px rgba(80,255,190,.12),0 0 0 9px rgba(214,177,95,.08),0 0 80px rgba(24,220,146,.34)}
.ai-sphere:before,.ai-sphere:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.ai-sphere:before{inset:-38px;border:1px solid rgba(214,177,95,.55);box-shadow:0 0 25px rgba(214,177,95,.12)}.ai-sphere:after{inset:-72px;border:1px dotted rgba(40,223,150,.46);animation:spin 15s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}.ai-sphere.speaking{animation:sphereTalk .55s ease-in-out infinite alternate}@keyframes sphereTalk{to{transform:scale(1.025);box-shadow:inset -28px -35px 65px rgba(0,0,0,.45),0 0 0 13px rgba(214,177,95,.09),0 0 120px rgba(24,220,146,.52)}}
.ai-face{text-align:center;z-index:4}.ai-face .hmark{width:46px;height:46px;border:1px solid rgba(214,177,95,.65);border-radius:11px;display:grid;place-items:center;color:var(--gold);font-size:24px;font-weight:800;margin:0 auto 10px;background:rgba(0,0,0,.2)}.ai-face strong{display:block;font-size:23px;line-height:1.05}.ai-face em{display:block;font-family:"IBM Plex Sans Arabic";font-style:normal;color:var(--sand);font-size:13px;margin-top:5px}
.live-wave{height:42px;display:flex;justify-content:center;align-items:center;gap:3px;margin-top:12px}.live-wave span{width:3px;height:8px;background:#4cf0ad;border-radius:3px;box-shadow:0 0 7px #38df9d}.ai-sphere.speaking .live-wave span{animation:liveBars .48s infinite alternate}.ai-sphere.speaking .live-wave span:nth-child(2n){animation-delay:.12s}.ai-sphere.speaking .live-wave span:nth-child(3n){animation-delay:.25s}@keyframes liveBars{to{height:34px}}
.listen-pill{display:inline-flex;margin-top:4px;border:1px solid rgba(214,177,95,.48);border-radius:999px;padding:5px 13px;color:var(--gold);font-size:9px;letter-spacing:1px;background:rgba(0,0,0,.32)}
.route-node{position:absolute;z-index:8;min-width:155px;padding:10px 13px;border-radius:13px;border:1px solid rgba(214,177,95,.36);background:rgba(4,28,20,.86);backdrop-filter:blur(12px);box-shadow:0 12px 35px rgba(0,0,0,.3);font-size:11px}.route-node b{display:block;color:#fff;font-size:11px}.route-node span{color:#b5c3ba}.rn1{top:66px;left:50%;transform:translateX(-50%)}.rn2{top:175px;left:10px}.rn3{top:185px;right:0}.rn4{bottom:128px;left:12px}.rn5{bottom:125px;right:2px}
.director-input{position:absolute;z-index:10;bottom:22px;width:min(690px,98%);background:rgba(5,22,16,.88);border:1px solid rgba(214,177,95,.3);border-radius:18px;padding:8px;display:flex;align-items:center;gap:9px;box-shadow:0 22px 55px rgba(0,0,0,.42);backdrop-filter:blur(14px)}.director-input input{flex:1;background:transparent;border:0;color:#fff;outline:0;padding:10px}.round-mic,.round-send{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;cursor:pointer}.round-mic{background:#f2eee2;color:#102219}.round-send{background:#18ad78;color:#fff;border:0}
.quick-prompts{position:absolute;bottom:-19px;z-index:11;display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.quick-prompts span{font-size:9px;border:1px solid rgba(255,255,255,.14);background:rgba(5,20,15,.82);border-radius:999px;padding:5px 9px;color:#c8d0cb}
.category-strip{position:relative;z-index:12;margin-top:-52px;padding-bottom:30px}.category-row{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.category-tile{min-height:112px;border:1px solid rgba(214,177,95,.18);border-radius:14px;background:linear-gradient(145deg,rgba(10,41,30,.96),rgba(4,18,14,.96));padding:15px;display:flex;flex-direction:column;justify-content:space-between;transition:.25s}.category-tile:hover{transform:translateY(-5px);border-color:rgba(214,177,95,.48)}.category-tile .cat-icon{font-size:24px;color:var(--gold)}.category-tile b{font-size:12px}.category-tile small{color:#8ea298;font-size:10px}
@media(max-width:1000px){.hero-cinematic-grid{grid-template-columns:1fr}.cinematic-hero{background-position:65% center}.director-console{min-height:590px}.category-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.hero-copy h1{font-size:58px}.metric{padding:0 10px}.director-console{transform:scale(.86);margin:-35px -35px}.route-node{display:none}.category-row{grid-template-columns:1fr 1fr}.category-strip{margin-top:-20px}}

/* V5 FIX: no UI screenshot/image in hero background. Saudi architectural illustration only */
.cinematic-hero{
 background:
 radial-gradient(circle at 76% 38%,rgba(17,128,88,.16),transparent 27%),
 linear-gradient(100deg,#03110c 0%,#061c14 50%,#08261b 100%) !important;
}
.cinematic-hero .saudi-skyline{
 position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0;opacity:.58
}
.saudi-skyline:before{
 content:"";position:absolute;left:0;right:0;bottom:0;height:72%;
 background:
 linear-gradient(90deg,transparent 0 59%,rgba(214,177,95,.09) 59% 59.15%,transparent 59.15%),
 linear-gradient(90deg,transparent 0 68%,rgba(214,177,95,.08) 68% 68.12%,transparent 68.12%);
 clip-path:polygon(0 100%,0 87%,8% 87%,8% 82%,14% 82%,14% 89%,20% 89%,20% 77%,24% 77%,24% 90%,30% 90%,30% 84%,36% 84%,36% 91%,43% 91%,43% 81%,48% 81%,48% 91%,54% 91%,54% 72%,56% 72%,56% 91%,60% 91%,60% 64%,61% 58%,62% 64%,62% 91%,66% 91%,66% 75%,69% 75%,69% 91%,73% 91%,73% 67%,75% 62%,77% 67%,77% 91%,81% 91%,81% 78%,85% 78%,85% 91%,89% 91%,89% 69%,91% 65%,93% 69%,93% 91%,100% 91%,100% 100%);
 background-color:rgba(10,74,52,.36)
}
.saudi-skyline:after{
 content:"";position:absolute;width:520px;height:520px;right:5%;top:10%;border-radius:50%;
 border:1px solid rgba(214,177,95,.07);box-shadow:0 0 0 60px rgba(214,177,95,.018),0 0 0 120px rgba(214,177,95,.012)
}
.hero-cinematic-grid{z-index:3}

/* V6: Saudi illustration is a true background asset; UI stays separate */
.cinematic-hero{
 background:
 linear-gradient(90deg,rgba(2,12,8,.97) 0%,rgba(2,14,10,.91) 35%,rgba(2,17,12,.50) 62%,rgba(2,12,9,.30) 100%),
 url("../images/saudi-riyadh-illustration.svg") center right/cover no-repeat !important;
}
.cinematic-hero .saudi-skyline{display:none!important}
/* HOBA-only identity: no generic AI/ChatGPT-style symbols */
.brand-symbol{width:42px;height:42px;border:1px solid rgba(214,177,95,.5);border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#103527,#071b14);position:relative}
.brand-symbol:before{content:"HG";font-family:Inter,sans-serif;font-size:11px;font-weight:800;letter-spacing:-.5px;color:var(--gold)}
.ai-face .hmark{width:58px;height:58px;border-radius:50%;background:transparent;border:1px solid rgba(214,177,95,.55);font-size:0;position:relative}
.ai-face .hmark:before{content:"HOBA";font-size:10px;letter-spacing:1px;color:var(--gold);font-weight:800}
.kicker{letter-spacing:.4px}

/* V7 clean direction: no logo/icon blocks, real Riyadh photography, restrained UI */
.cinematic-hero{
 background:
 linear-gradient(90deg,rgba(2,13,9,.98) 0%,rgba(2,15,10,.93) 38%,rgba(2,18,12,.68) 58%,rgba(2,14,10,.42) 100%),
 url("https://images.unsplash.com/photo-1663900108404-a05e8bf82cda?auto=format&fit=crop&fm=jpg&q=82&w=2400") center right/cover no-repeat !important;
}
.brand{gap:0}.brand-symbol,.mark{display:none!important}
.brand-word{font-size:20px;font-weight:800;letter-spacing:.1px}.brand-word .gold{margin-left:5px}
.ai-face .hmark{display:none!important}
.ai-face strong{font-family:Inter,sans-serif;font-size:24px;letter-spacing:.2px}
.ai-face em{margin-top:8px}
.kicker{background:rgba(4,23,16,.62);backdrop-filter:blur(8px)}
.route-node{background:rgba(3,24,17,.78);backdrop-filter:blur(16px)}
.director-input{background:rgba(3,20,14,.88)}
.lang-clean{min-width:112px}
.photo-credit{position:absolute;right:22px;bottom:13px;z-index:5;color:rgba(255,255,255,.45);font-size:9px;letter-spacing:.3px}
@media(max-width:900px){.cinematic-hero{background-position:66% center}}