/* Premium atmosphere, shared navy and teal palette. */
:root{--premium-navy:#0b2839;--premium-teal:#087d84;--premium-mint:#8de0c4}
.home-page .hero{position:relative;isolation:isolate;overflow:hidden;padding-top:64px;padding-bottom:48px;background:#0b2839}
.home-page .hero>.wrap{position:relative;z-index:2}
.flag-backdrop{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch;gap:3px}
.flag-backdrop img{display:block;width:100%;height:100%;object-fit:cover;opacity:.27;filter:saturate(.8);transform:scale(1.04)}
.flag-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0b283959 0%,#0b2839cc 60%,#0b2839 100%),linear-gradient(90deg,#0b283926,#0b2839a6 50%,#0b283926)}
.home-page .name{color:#fff;font-weight:800}.home-page .hero .tagline{color:#8de0c4}.home-page .hero .intro,.home-page .hero .presence{color:#ecf5f7}
.software-page .hero,.halal-page .hero,.marketing-page .hero,.facilitation-page .publishing-first{position:relative;background-color:#0b2839;background-size:cover;background-repeat:no-repeat;color:#fff;isolation:isolate}
.software-page .hero{background-image:linear-gradient(90deg,#0b2839f5 0%,#0b2839db 48%,#0b2839b3 100%),url('assets/backgrounds/software.webp');background-position:center}
.halal-page .hero{background-image:linear-gradient(90deg,#0b2839f2 0%,#0b2839e6 44%,#0b2839b3 100%),url('assets/backgrounds/halal.webp');background-position:center}
.marketing-page .hero{background-image:linear-gradient(90deg,#0b2839f2 0%,#0b2839db 54%,#0b2839b3 100%),url('assets/backgrounds/marketing.webp');background-position:center}
.facilitation-page .publishing-first{background-image:linear-gradient(180deg,#0b2839db,#0b2839eb 66%,#0b2839f5),url('assets/backgrounds/facilitation.webp');background-position:center 35%}
.software-page .hero h1,.halal-page .hero h1,.marketing-page .hero h1,.facilitation-page .publishing-intro h1{color:#fff}
.software-page .hero p,.halal-page .hero-lead,.marketing-page .hero-intro,.facilitation-page .publishing-intro>p{color:#dbe5eb}
.software-page .hero h1 em,.halal-page .hero h1 em,.marketing-page .hero h1 em,.facilitation-page .publishing-intro h1 em{color:#8de0c4}
.halal-page .hero-grid-pattern{opacity:.16}.halal-page .hero-glow{opacity:.25}
.service-button,.plan-card,.planner-panel,.app-announcement-card{box-shadow:0 8px 30px #0b283908;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.service-button:hover{transform:translateY(-6px);box-shadow:0 18px 36px #0b283919;border-color:#087d84}
.service-button:hover .service-mark{transform:scale(1.06)}
.service-mark{transition:transform .3s ease}
.view,.button,.btn,.nav-cta{transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}
.view:hover,.button:hover,.btn:hover,.nav-cta:hover{box-shadow:0 6px 18px #087d8426}
.home-page .hero h1,.home-page .name,.home-page .tagline,.home-page .intro,.home-page .presence,.home-page .countries{animation:premium-rise .75s ease both}
.home-page .name{animation-delay:.08s}.home-page .tagline{animation-delay:.16s}.home-page .intro{animation-delay:.24s}.home-page .presence{animation-delay:.3s}.home-page .countries{animation-delay:.36s}
.premium-observed{transition:opacity .65s ease,transform .65s ease}
.premium-observed.premium-awaiting{opacity:0;transform:translateY(18px)}
@keyframes premium-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.home-page .hero{padding-top:42px;padding-bottom:34px}.flag-backdrop img{opacity:.23;object-fit:cover}.software-page .hero,.halal-page .hero,.marketing-page .hero{background-position:60% center}.facilitation-page .publishing-first{background-position:65% top}.premium-observed.premium-awaiting{transform:translateY(12px)}}
@media(hover:none){.service-button:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.home-page .hero h1,.home-page .name,.home-page .tagline,.home-page .intro,.home-page .presence,.home-page .countries{animation:none}.premium-observed,.service-button,.service-mark,.view,.button,.btn,.nav-cta{transition:none}.premium-observed.premium-awaiting{opacity:1;transform:none}}