/* v70 — Home hero: light-bulb photo on the open side + faint globe network behind the headline */
body .hero{min-height:680px!important;background:#03142b!important;isolation:isolate}
body .hero .hero-image{background:url("../assets/visuals/art/hero-bulb-en.webp") 50% 50%/cover no-repeat!important;transform:none!important}
html[dir="rtl"] body .hero .hero-image{background-image:url("../assets/visuals/art/hero-bulb-ar.webp")!important}
body .hero .hero-overlay{inset:0 auto 0 0!important;width:62%!important;
  background:url("../assets/visuals/art/hero-globe.webp") center/cover no-repeat!important;opacity:.34;mix-blend-mode:screen;
  -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 55%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 55%,transparent 100%)}
html[dir="rtl"] body .hero .hero-overlay{inset:0 0 0 auto!important;-webkit-mask-image:linear-gradient(270deg,#000 0%,#000 55%,transparent 100%);mask-image:linear-gradient(270deg,#000 0%,#000 55%,transparent 100%)}
body .hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(3,22,48,.55) 0%,rgba(3,22,48,.35) 45%,rgba(3,22,48,0) 65%)}
html[dir="rtl"] body .hero::before{background:linear-gradient(270deg,rgba(3,22,48,.55) 0%,rgba(3,22,48,.35) 45%,rgba(3,22,48,0) 65%)}
body .hero .qs-circuit-decor{display:none!important}
body .hero canvas.hero-fx{display:none!important;position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;mix-blend-mode:screen}
body .hero .hero-content{z-index:2}
body .hero h1{font-size:76px!important;line-height:1.06!important;text-shadow:0 4px 30px rgba(0,10,30,.7)}
html[dir="rtl"] body .hero h1{font-size:86px!important;line-height:1.15!important}
body .hero .hero-lead{font-size:23px!important;font-weight:600}
@media (max-width:900px){
  body .hero{min-height:0!important;flex-direction:column;align-items:stretch}
  body .hero .hero-image{position:relative!important;height:300px;background-image:url("../assets/visuals/art/hero-bulb-en.webp")!important;background-position:71% 50%!important}
  html[dir="rtl"] body .hero .hero-image{background-image:url("../assets/visuals/art/hero-bulb-en.webp")!important;background-position:71% 50%!important}
  body .hero .hero-overlay{width:100%!important;opacity:.22}
  body .hero::before{background:linear-gradient(180deg,rgba(3,20,43,0) 0,rgba(3,20,43,0) 260px,#03142b 300px)!important}
  body .hero h1{font-size:44px!important}html[dir="rtl"] body .hero h1{font-size:48px!important}
  body .hero .hero-lead{font-size:19px!important}
}
/* text sits on the open side, bulb stays clear */
body .hero .hero-content{max-width:none!important;width:min(1180px,92%)!important;margin:0 auto!important;padding:90px 0!important}
body .hero .hero-content>*{max-width:620px}
body .hero .eyebrow{color:#F9C721!important;font-size:17px!important;display:flex;align-items:center;gap:12px}
body .hero .eyebrow::before{content:"";width:46px;height:2px;background:#F9C721;flex:none}
html[dir="ltr"] body .hero h1{font-size:68px!important}
@media (max-width:900px){body .hero .hero-content{padding:4px 0 44px!important;width:auto!important;margin:0 20px!important}
 body .hero .hero-image{height:280px}}
html[dir="ltr"] body .hero h1 br{display:none}
html[dir="ltr"] body .hero h1 span{display:block}
@media (max-width:900px){html[dir="ltr"] body .hero h1{font-size:40px!important}body .hero .eyebrow::before{width:28px}}
/* calm the text side so the photo's circuit lines don't compete with the headline */
body .hero::before{background:linear-gradient(90deg,rgba(3,20,43,.92) 0%,rgba(3,20,43,.82) 38%,rgba(3,20,43,.35) 56%,rgba(3,20,43,0) 70%)!important}
html[dir="rtl"] body .hero::before{background:linear-gradient(270deg,rgba(3,20,43,.92) 0%,rgba(3,20,43,.82) 38%,rgba(3,20,43,.35) 56%,rgba(3,20,43,0) 70%)!important}
body .hero .hero-overlay{opacity:.32!important;z-index:1}
@media (max-width:900px){body .hero::before,html[dir="rtl"] body .hero::before{background:linear-gradient(180deg,rgba(3,20,43,0) 0,rgba(3,20,43,0) 230px,#03142b 300px)!important}}

/* v70b — hero text: higher up, clearer subtitle, cleaner paragraph, stronger eyebrow + buttons */
body .hero{align-items:flex-start!important}
body .hero .hero-content{padding:64px 0 70px!important}
body .hero .eyebrow{font-size:19px!important;font-weight:800!important;margin:0 0 18px!important;letter-spacing:.2px}
html[dir="rtl"] body .hero .eyebrow{font-size:21px!important}
body .hero h1{margin:0 0 26px!important}
body .hero .hero-lead{font-size:27px!important;font-weight:800!important;color:#fff!important;line-height:1.45!important;margin:0 0 16px!important;max-width:600px;text-shadow:0 2px 14px rgba(0,10,30,.75)}
html[dir="rtl"] body .hero .hero-lead{font-size:29px!important;line-height:1.6!important}
body .hero .hero-copy{font-size:19px!important;font-weight:500!important;color:rgba(235,245,252,.92)!important;line-height:1.75!important;max-width:560px!important;margin:0 0 34px!important;padding-inline-start:18px;border-inline-start:3px solid #F9C721;text-shadow:0 2px 10px rgba(0,10,30,.7)}
html[dir="rtl"] body .hero .hero-copy{font-size:20.5px!important;line-height:1.95!important;font-weight:700!important}
body .hero .hero-actions{gap:16px!important;flex-wrap:wrap}
body .hero .hero-actions .btn{height:58px;padding:0 34px!important;border-radius:999px!important;font-size:18px!important;font-weight:800!important;display:inline-flex;align-items:center}
body .hero .hero-actions .btn-yellow{box-shadow:0 10px 26px rgba(249,199,33,0.168)}
body .hero .hero-actions .btn-outline{border:2px solid rgba(255,255,255,.85)!important;background:rgba(3,20,43,.45);color:#fff!important}
html[dir="rtl"] body .hero .hero-actions .btn{font-size:20px!important}
@media (max-width:900px){
 body .hero .hero-content{padding:6px 0 44px!important}
 body .hero .hero-lead{font-size:21px!important}html[dir="rtl"] body .hero .hero-lead{font-size:22px!important}
 body .hero .hero-copy{font-size:16.5px!important}html[dir="rtl"] body .hero .hero-copy{font-size:17.5px!important}
 body .hero .hero-actions .btn{height:52px;padding:0 24px!important;font-size:16px!important}
}
@media (min-width:901px){
 html[dir="ltr"] body .hero h1{max-width:none!important;white-space:nowrap;font-size:66px!important}
 html[dir="rtl"] body .hero .hero-lead{max-width:640px!important}
 html[dir="rtl"] body .hero .hero-copy{max-width:640px!important}
}
@media (max-width:900px){body .hero{align-items:stretch!important}body .hero .hero-image{width:100%!important}}