/* Site-wide 2026 finish: shared motion, dimensional branding and dark surfaces */
html{background:#0b0f17}
body{background:#0b111b}
.header .brand img,.footer-brand img{filter:drop-shadow(0 0 12px #ffad3240);transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .55s}
.header .brand:hover img,.footer-brand:hover img{transform:rotateY(24deg) rotateZ(-4deg) scale(1.08);filter:drop-shadow(0 0 20px #ffad3280)}
.page-intro:not(.solutions-brand-intro){min-height:440px;display:flex;align-items:center;background:radial-gradient(circle at 14% 50%,#1d596150,transparent 28%),radial-gradient(circle at 76% 10%,#ffad3212,transparent 26%),#0f1723}
.page-intro:not(.solutions-brand-intro):before{content:"AL ARABIYA";position:absolute;left:3%;bottom:-4%;font:900 clamp(70px,12vw,180px)/1 Arial;color:transparent;-webkit-text-stroke:1px #ffffff0b;direction:ltr;letter-spacing:-7px;pointer-events:none}
.page-intro:not(.solutions-brand-intro):after{background:url("assets/logo.png") center/34% auto no-repeat;border-color:#ffad3265;box-shadow:0 0 0 50px #55d8dc08,0 0 0 100px #ffad3207,0 0 80px #ffad3218;opacity:.8;animation:finalLogoStage 9s cubic-bezier(.45,.05,.55,.95) infinite;transform-style:preserve-3d}
.page-intro:not(.solutions-brand-intro)>.wrap{position:relative;z-index:2}.page-intro:not(.solutions-brand-intro) h1{max-width:780px}.page-intro:not(.solutions-brand-intro) p{color:#aab5c4}
.article-heading{position:relative;isolation:isolate;min-height:330px;padding-top:78px!important;padding-bottom:65px!important}.article-heading:before{content:"";position:absolute;left:5%;top:50%;width:190px;height:190px;transform:translateY(-50%);background:url("assets/logo.png") center/contain no-repeat;opacity:.16;filter:drop-shadow(0 0 25px #ffad3275);animation:finalArticleLogo 10s ease-in-out infinite;z-index:-1}.article-heading:after{content:"";position:absolute;left:2%;top:50%;width:250px;height:250px;border:1px solid #ffad3226;border-radius:50%;transform:translateY(-50%) rotateX(68deg);box-shadow:0 0 0 38px #55d8dc05;animation:finalRing 12s linear infinite;z-index:-2}.article-heading h1{position:relative;z-index:1}.article-heading .breadcrumb{color:#8eacbb}
.article-layout{position:relative}.article-body>p,.article-body>h2,.article-body>ul,.article-layout aside{transition:opacity .7s,transform .8s cubic-bezier(.2,.8,.2,1)}
.article-layout aside{background:linear-gradient(145deg,#202a38,#151d29);border:1px solid #ffffff15;border-radius:22px;padding:24px;box-shadow:0 20px 55px #0003}
.faq-page{max-width:1000px}.faq-page details{position:relative;overflow:hidden;background:linear-gradient(120deg,#18212e,#121a25);border:1px solid #ffffff16!important;border-radius:20px!important;margin-bottom:13px;padding-inline:24px;transition:transform .35s,border-color .35s,background .35s}.faq-page details:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;left:-90px;bottom:-120px;background:#ffad32;filter:blur(60px);opacity:0;transition:.4s}.faq-page details:hover,.faq-page details[open]{transform:translateX(-6px);border-color:#ffad3250!important;background:#1a2533}.faq-page details[open]:before{opacity:.15}.faq-page summary{position:relative;z-index:2;font-size:18px!important}.faq-page summary span{color:#ffad32;transition:transform .35s}.faq-page details[open] summary span{transform:rotate(45deg)}.faq-page details p{position:relative;z-index:2;color:#9eabba!important;font-size:16px!important}
.contact-layout{align-items:stretch}.inquiry-form,.contact-details{position:relative;overflow:hidden}.inquiry-form:before,.contact-details:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:#ffad32;filter:blur(80px);opacity:.08;pointer-events:none}.inquiry-form:before{left:-130px;top:-130px}.contact-details:before{right:-150px;bottom:-120px;background:#4bd8dc}.inquiry-form{border-radius:28px!important;box-shadow:0 24px 65px #0003}.inquiry-form input:focus,.inquiry-form select:focus,.inquiry-form textarea:focus{border-color:#4dd9dd!important;box-shadow:0 0 0 4px #4dd9dd12}.direct-links a{position:relative;overflow:hidden;border-radius:16px;transition:transform .35s,border-color .35s,background .35s}.direct-links a:hover{transform:translateX(-6px);background:#222e3e;border-color:#ffad3250}.location-grid article{position:relative;overflow:hidden;border-radius:24px!important;transition:transform .4s,border-color .4s,box-shadow .4s}.location-grid article:after{content:"";position:absolute;inset:0;background:radial-gradient(220px at var(--final-x,50%) var(--final-y,50%),#52d9dd18,transparent 75%);pointer-events:none;opacity:0;transition:opacity .35s}.location-grid article:hover{transform:translateY(-8px);border-color:#55d9dc65;box-shadow:0 22px 50px #0003}.location-grid article:hover:after{opacity:1}
.product-hero,.app-experience,.news-home,.soft-section,.section{border-color:#ffffff10}.product-head h1,.product-head h2{position:relative}.product-showcase:after{content:"";position:absolute;inset:4% 8%;border:1px dashed #4dd9dd26;border-radius:50%;transform:rotateX(68deg);z-index:-1;animation:finalRing 13s linear infinite}.device{will-change:transform}.feature-card,.product-card,.news-card,.quote-card{isolation:isolate}.feature-card:hover,.news-card:hover{transform:translateY(-8px)}
.final-reveal{opacity:0;transform:translateY(34px);transition:opacity .75s,transform .85s cubic-bezier(.2,.8,.2,1)}.final-reveal.final-visible{opacity:1;transform:none}.final-reveal:nth-child(2){transition-delay:.08s}.final-reveal:nth-child(3){transition-delay:.16s}.final-reveal:nth-child(4){transition-delay:.24s}
.final-cursor-glow{position:fixed;left:0;top:0;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,#4dd9dd12,transparent 67%);transform:translate(-50%,-50%);pointer-events:none;z-index:49;opacity:0;transition:opacity .3s;mix-blend-mode:screen}.final-cursor-glow.is-visible{opacity:1}
.button,.nav-contact,.text-link,.contact-circle,.round-link{position:relative;overflow:hidden}.button:after,.nav-contact:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;background:#fff3;left:var(--ripple-x,50%);top:var(--ripple-y,50%);transform:translate(-50%,-50%) scale(0);opacity:0}.button.final-ripple:after,.nav-contact.final-ripple:after{animation:finalRipple .65s ease-out}
@keyframes finalLogoStage{0%,12%{transform:rotateY(0) scale(.98)}48%,62%{transform:rotateY(180deg) scale(1.04)}100%{transform:rotateY(360deg) scale(.98)}}@keyframes finalArticleLogo{0%,100%{transform:translateY(-50%) rotateY(-18deg)}50%{transform:translateY(-55%) rotateY(18deg) scale(1.06)}}@keyframes finalRing{to{rotate:360deg}}@keyframes finalRipple{0%{transform:translate(-50%,-50%) scale(0);opacity:.45}100%{transform:translate(-50%,-50%) scale(2.4);opacity:0}}
body.motion-paused .final-reveal{opacity:1;transform:none}.motion-paused .final-cursor-glow{display:none}.motion-paused .page-intro:after,.motion-paused .article-heading:before,.motion-paused .article-heading:after,.motion-paused .product-showcase:after{animation-play-state:paused!important}
@media(max-width:760px){.page-intro:not(.solutions-brand-intro){min-height:360px}.page-intro:not(.solutions-brand-intro):before{font-size:74px;left:-20px}.page-intro:not(.solutions-brand-intro):after{width:210px;height:210px;left:-85px;top:75px;background-size:38%;box-shadow:0 0 0 30px #55d8dc08,0 0 0 60px #ffad3207}.article-heading{min-height:280px}.article-heading:before{width:105px;height:105px;left:2%;opacity:.1}.article-heading:after{width:150px;height:150px;left:-4%}.final-cursor-glow{display:none}.faq-page details{padding-inline:17px}.faq-page summary{font-size:16px!important}.article-layout aside{padding:18px}}
@media(prefers-reduced-motion:reduce){.final-reveal{opacity:1!important;transform:none!important}.final-cursor-glow{display:none!important}.page-intro:after,.article-heading:before,.article-heading:after,.product-showcase:after{animation:none!important}}