/* Shared product-page system based on the supplied Malaa reference. */
html.subpage,html.subpage body{scroll-snap-type:none;scroll-behavior:smooth}
.content-page{background:#fff;color:#150f20;font-family:var(--font-sans);overflow-x:hidden}.content-page main{padding-bottom:100px}.content-page [id]{scroll-margin-top:110px}.page-wrap{width:calc(100% - 80px);max-width:1100px;margin-inline:auto}
.content-page .desktop-nav a[aria-current=page]{color:#352751;background:#3527510d}.content-page .nav-pill{transition:background .3s,border-color .3s,color .3s}.content-page.hero-in-view .nav-pill{background:#0f0b18a6;border-color:#ffffff29;color:#fff}.content-page.hero-in-view .desktop-nav a,.content-page.hero-in-view .language-switch,.content-page.hero-in-view .menu-open{color:#fff}.content-page.hero-in-view .desktop-nav a:hover,.content-page.hero-in-view .desktop-nav a[aria-current=page]{background:#ffffff18;color:#fff}.content-page.hero-in-view .language-switch{border-color:#ffffff38}.content-page.hero-in-view .brand-link img{filter:brightness(0) invert(1)}.content-page.hero-in-view .nav-cta{background:#fff;color:#352751}
.product-hero{min-height:100svh;background:radial-gradient(ellipse at 0 0,#352751 0%,#0a0710 48%,#150f20 100%);color:#fff;display:flex;align-items:center;overflow:hidden;position:relative}.product-hero-layout{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:60px;padding-block:145px 80px;min-height:100svh}.page-intro-copy{position:relative;z-index:1;min-width:0}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:14px;line-height:1.7;color:#c2beca;margin-bottom:30px}.breadcrumbs a{color:#eae9ed}.breadcrumbs a:hover{text-decoration:underline}.page-eyebrow{display:inline-block;font-size:14px;font-weight:500;line-height:1.6;color:#352751;background:#eae9ed;border-radius:30px;padding:6px 18px;margin-bottom:20px}.product-hero .page-eyebrow{color:#fff;background:#ffffff29;padding:8px 21px}.page-intro h1{font-size:clamp(44px,5.5vw,72px);font-weight:600;line-height:1.35;letter-spacing:-.035em;margin-bottom:26px;max-width:17ch;color:#fff;background:linear-gradient(225deg,#ffffff94,#fff 64%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.page-lead{font-size:18px;line-height:1.95;color:#c2beca;max-width:590px;margin:0}.product-hero-actions{margin-top:32px;display:flex;gap:15px}.product-hero-visual{height:min(660px,72svh);min-height:420px;display:flex;align-items:center;justify-content:center;position:relative}.product-hero-visual img{display:block;height:100%;width:100%;object-fit:contain;max-width:100%;animation:productVisualIn .9s ease-out both}.product-visual-about img,.product-visual-contact img{height:auto;width:120%;max-width:none;max-height:700px;object-fit:contain;mask-image:linear-gradient(#000 85%,transparent)}.product-visual-sectors img{max-width:78%}
.page-section{padding-block:110px}.section-heading{text-align:center;max-width:790px;margin:0 auto 52px;grid-column:1/-1;width:100%}.section-heading h2,.support-band h2,.firm-details>h2{font-size:clamp(30px,3.4vw,44px);font-weight:600;line-height:1.5;margin-bottom:18px;letter-spacing:-.02em}.section-heading .page-eyebrow{margin-bottom:18px}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.service-card{min-width:0;position:relative;border:2px solid #eae9ed;border-radius:25px;padding:5px;background:linear-gradient(#fff,#eae9ed45);display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .25s,transform .25s}.service-card:hover{transform:translateY(-5px);box-shadow:0 15px 45px #35275114}.service-image-surface{height:265px;display:flex;justify-content:center;align-items:center;border:1px solid #eae9ed;border-radius:20px;background:linear-gradient(0deg,#35275112,#fff0);overflow:hidden}.service-card img{width:85%;height:86%;object-fit:contain}.service-content{padding:24px 22px 26px;display:flex;flex:1;flex-direction:column;align-items:flex-start}.card-number{font-size:14px;color:#716785;display:block;margin-bottom:12px}.service-card h3{font-size:25px;line-height:1.5;font-weight:600;margin-bottom:12px}.service-card p{font-size:16px;line-height:1.9;color:#716785;margin-bottom:24px}.service-card a{font-size:14px;font-weight:600;line-height:1.8;color:#352751;margin-top:auto;border-bottom:1px solid #35275140;padding-bottom:3px}.service-card a:hover{border-color:#352751}
.support-band{background:#eae9ed66;padding-block:100px}.support-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}.support-layout>div>p:not(.page-eyebrow){font-size:17px;line-height:1.95;color:#716785;max-width:410px}.page-faq{border:1px solid #d6d3dc;border-radius:20px;padding:23px 26px;background:#fff;margin-bottom:14px}.page-faq summary{font-size:18px;line-height:1.7;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;list-style:none;color:#352751}.page-faq summary::-webkit-details-marker{display:none}.page-faq summary span{font-family:Arial,sans-serif;font-size:27px;font-weight:400;line-height:1;flex-shrink:0;transition:transform .2s}.page-faq[open] summary span{transform:rotate(45deg)}.page-faq>div{padding-top:16px}.page-faq>div p{font-size:16px;line-height:1.95;color:#716785;max-width:660px}.page-faq>div a{display:inline-block;font-size:14px;margin-top:18px;color:#352751;border-bottom:1px solid #35275150}
.page-button{display:inline-flex;justify-content:center;align-items:center;background:#352751;color:#fff;border-radius:100px;padding:14px 27px;min-height:50px;font-size:16px;font-weight:600;line-height:1.5;flex-shrink:0;transition:background .2s,transform .2s}.page-button:hover{background:#2a1f40;transform:translateY(-2px)}.page-button.light{color:#352751;background:#fff}.page-button.light:hover{background:#eae9ed}.page-text-link{display:inline-block;color:#352751;font-size:15px;font-weight:600;line-height:1.8;border-bottom:1px solid #35275140;padding-bottom:3px}.page-text-link:hover{border-color:#352751}.page-callout{background:radial-gradient(ellipse at 0 0,#493c62,#352751 65%);color:#fff;padding:58px;border-radius:28px;display:flex;gap:40px;align-items:center;justify-content:space-between;margin-top:100px}.page-callout h2{font-size:32px;line-height:1.5;font-weight:600;margin-bottom:14px}.page-callout p{font-size:17px;line-height:1.9;color:#d6d3dc;max-width:620px}
.sector-list{padding-block:110px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.sector-list .section-heading{margin-bottom:30px}.sector-row{min-width:0;border:2px solid #eae9ed;border-radius:25px;padding:5px;overflow:hidden;background:linear-gradient(#fff,#eae9ed45);transition:transform .25s}.sector-row:hover{transform:translateY(-5px)}.sector-row:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center}.sector-visual{height:275px;border:1px solid #eae9ed;border-radius:20px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(0deg,#35275116,#fff0)}.sector-visual>span{position:absolute;inset-inline-start:22px;top:18px;font-size:14px;color:#716785}.sector-visual>img{object-fit:contain;width:70%;height:85%;filter:url(#dewan-brand-tone) drop-shadow(0 15px 25px #35275120)}.sector-row>div:last-child{padding:28px}.sector-row h2{font-size:28px;font-weight:600;line-height:1.5;margin-bottom:12px}.sector-row p{font-size:17px;line-height:1.95;color:#716785;margin-bottom:22px;max-width:600px}
.about-intro{padding-block:110px;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.about-logo-surface{border:2px solid #eae9ed;border-radius:25px;aspect-ratio:1.1;background:linear-gradient(145deg,#eae9ed,#fff);display:grid;place-items:center}.about-logo-surface img{width:44%;height:auto;object-fit:contain;filter:url(#dewan-logo-tone)}.about-intro h2{font-size:clamp(30px,3vw,42px);line-height:1.5;font-weight:600;margin-bottom:23px}.about-intro>div>p:not(.page-eyebrow){font-size:17px;line-height:2;color:#716785;margin-bottom:25px}.support-band:has(.approach-grid) h2{text-align:center;margin-bottom:50px}.approach-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.approach-step{background:#fff;border-radius:16px;padding:30px 22px;text-align:center}.approach-step>span{display:inline-flex;justify-content:center;align-items:center;width:45px;height:45px;background:#eae9ed;color:#352751;border-radius:50%;font-size:15px}.approach-step h3{font-size:21px;font-weight:600;line-height:1.6;margin-top:22px;margin-bottom:13px}.approach-step p{font-size:16px;line-height:1.9;color:#716785}.firm-details{padding-block:110px}.firm-details>h2{text-align:center;margin-bottom:42px}.firm-details dl{display:grid;grid-template-columns:1fr 1fr;gap:18px}.firm-details dl>div{padding:28px;border:1px solid #d6d3dc;border-radius:20px;display:flex;flex-direction:column;gap:12px}.firm-details dt{font-size:14px;color:#716785}.firm-details dd{font-size:18px;color:#352751;line-height:1.9;text-align:start}.firm-details dd[dir=ltr]{text-align:inherit}
.page-trust{position:relative;isolation:isolate;overflow:hidden;background:#000;text-align:center;padding:100px 24px;color:#fff}.page-trust .page-eyebrow{background:#ffffff29;color:#fff}.page-trust h2{font-size:clamp(30px,4vw,46px);font-weight:600;line-height:1.5;max-width:850px;margin-inline:auto}.page-ministry-logos{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:40px}.page-ministry-logos>div{background:#fffffff2;border-radius:20px;width:320px;height:150px;display:grid;place-items:center;padding:22px}.page-ministry-logos img{object-fit:contain;max-height:110px;max-width:100%;width:auto}
.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:0 60px;padding-top:110px}.faq-aside{background:#eae9ed66;border:1px solid #eae9ed;border-radius:25px;padding:35px;align-self:start}.faq-aside>img{width:45px;height:45px;object-fit:contain;margin-bottom:25px;filter:url(#dewan-logo-tone)}.faq-aside h2{font-size:28px;font-weight:600;line-height:1.55;margin-bottom:16px}.faq-aside p{font-size:16px;line-height:1.9;color:#716785;margin-bottom:25px}
.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding-top:110px}.contact-grid .section-heading{margin-bottom:30px}.contact-method{padding:38px;border:2px solid #eae9ed;border-radius:25px;background:linear-gradient(#fff,#eae9ed55)}.contact-method-number{display:block;color:#716785;font-size:14px;margin-bottom:22px}.contact-grid h2{font-size:28px;font-weight:600;line-height:1.5;margin-bottom:18px}.contact-main{display:block;font-size:clamp(21px,2.5vw,30px);font-weight:600;line-height:1.6;color:#352751;text-align:start;margin-bottom:22px;overflow-wrap:anywhere}.contact-method p{font-size:16px;line-height:1.9;color:#716785;max-width:420px}.contact-location{grid-column:1/-1;border:2px solid #eae9ed;border-radius:25px;background:#eae9ed66;padding:40px;display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:center}.contact-location p{font-size:17px;line-height:2;color:#5d5273;max-width:580px;margin-bottom:25px}.contact-location-mark{display:flex;align-items:center;flex-direction:column;gap:24px;padding:25px;color:#352751}.contact-location-mark img{width:100px;height:100px;object-fit:contain;filter:url(#dewan-logo-tone)}.contact-location-mark span{font-size:25px;font-weight:600}.contact-social-wide{grid-column:1/-1;padding:30px 0;display:flex;align-items:center;justify-content:space-between;gap:25px}.contact-social-wide h2{font-size:22px;margin-bottom:0}.contact-social-wide .social-links a{width:46px;height:46px;border-color:#d6d3dc;color:#352751;background:#fff}.contact-social-wide .social-links a:hover{background:#352751;color:#fff}.content-page .site-footer{margin-top:0}.content-page .menu-open{cursor:pointer}
.page-in-view{animation:pageEnter .7s ease-out both}@keyframes pageEnter{from{opacity:.15;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes productVisualIn{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.product-hero-layout{gap:30px}.page-intro h1{font-size:50px}.product-hero-visual{min-height:350px}.support-layout,.about-intro{gap:40px}.approach-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-content{padding:22px 17px}.service-card h3{font-size:22px}.service-image-surface{height:225px}.faq-layout{gap:0 30px}}
@media(max-width:767px){.page-wrap{width:calc(100% - 40px)}.content-page main{padding-bottom:60px}.product-hero{min-height:100svh}.product-hero-layout{grid-template-columns:1fr;gap:30px;padding-block:112px 40px;text-align:center;min-height:0}.breadcrumbs{justify-content:center;font-size:14px;margin-bottom:22px}.page-intro h1{font-size:clamp(38px,8.5vw,56px);margin-inline:auto;line-height:1.4}.page-lead{font-size:16px;margin-inline:auto;max-width:520px}.product-hero-actions{justify-content:center;margin-top:25px}.product-hero .page-eyebrow{margin-bottom:20px}.product-hero-visual{height:390px;min-height:0;max-width:440px;width:100%;margin:auto}.product-visual-about img,.product-visual-contact img{height:440px;width:440px;max-width:115%}.product-visual-sectors img{max-width:65%}.page-section,.about-intro,.firm-details{padding-block:65px}.section-heading{margin-bottom:32px}.section-heading h2,.support-band h2,.firm-details>h2{font-size:30px}.services-grid{grid-template-columns:1fr;gap:22px;max-width:520px;margin:auto}.service-image-surface{height:280px}.service-content{padding:25px}.service-card h3{font-size:26px}.support-band{padding-block:65px}.support-layout{grid-template-columns:1fr;gap:30px}.support-layout>div:first-child{text-align:center}.support-layout>div>p:not(.page-eyebrow){max-width:none}.page-faq{padding:20px}.page-faq summary{font-size:17px}.page-button{font-size:15px}.page-callout{margin-top:65px;padding:30px;flex-direction:column;text-align:center;gap:26px}.page-callout h2{font-size:28px}.page-callout p{font-size:16px}.page-callout .page-button{width:100%}.sector-list{padding-top:65px;grid-template-columns:1fr;gap:22px}.sector-list .section-heading{margin-bottom:10px}.sector-row:last-child{grid-column:auto;display:block}.sector-row>div:last-child{padding:25px}.sector-visual{height:260px}.sector-row h2{font-size:27px}.about-intro{grid-template-columns:1fr;gap:35px}.about-logo-surface{max-height:340px;aspect-ratio:1.25}.about-intro h2{font-size:30px}.approach-grid{gap:14px}.approach-step{padding:25px 18px}.approach-step h3{font-size:20px}.firm-details dl{grid-template-columns:1fr}.firm-details dl>div{padding:24px}.page-trust{padding:65px 0}.page-ministry-logos{gap:12px}.page-ministry-logos>div{width:50%;height:125px;padding:16px}.page-ministry-logos img{max-height:90px}.faq-layout{grid-template-columns:1fr;padding-top:65px;gap:0}.faq-aside{grid-row:3;margin-top:20px}.contact-grid{grid-template-columns:1fr;padding-top:65px;gap:18px}.contact-grid .section-heading{margin-bottom:12px}.contact-method{padding:28px}.contact-location{padding:28px;grid-template-columns:1fr;gap:20px}.contact-location-mark{padding:15px;flex-direction:row;justify-content:center}.contact-location-mark img{width:60px;height:60px}.contact-social-wide{flex-direction:column;align-items:flex-start;gap:22px}}
@media(max-width:390px){.page-wrap{width:calc(100% - 32px)}.page-intro h1{font-size:36px}.approach-grid{grid-template-columns:1fr}.contact-method{padding:24px}.product-hero-visual{height:340px}}
@media(prefers-reduced-motion:reduce){html.subpage{scroll-behavior:auto}.page-in-view,.product-hero-visual img{animation:none}.service-card,.sector-row,.page-button{transition:none}.service-card:hover,.sector-row:hover,.page-button:hover{transform:none}}


/* Dewan Alhulool #352751 palette refinements and product-page interactions. */
:root{--dewan-50:#eae9ed;--dewan-100:#d6d3dc;--dewan-200:#c2beca;--dewan-300:#aea8b9;--dewan-400:#9a93a8;--dewan-500:#857d96;--dewan-600:#716785;--dewan-700:#5d5273;--dewan-800:#493c62;--dewan-900:#352751;--dewan-950:#150f20;--brand-color:#352751;--brand-dark:#2a1f40;--accent:#352751;--accent-dark:#2a1f40}
.product-hero{background:radial-gradient(ellipse at 0 0,#493c62 0%,#352751 18%,#1a1328 50%,#050308 100%)}
button.page-button,button.ui-primary,button.mobile-cta{border:0;appearance:none;font:inherit;cursor:pointer}
.nav-pill .brand-link img,#mobile-menu .menu-head img,#app-download-dialog>img{filter:url(#dewan-logo-tone)}
.content-page.hero-in-view .brand-link img,.footer-top img,.screen-welcome .ui-logo,.about-brand img,.story-brand img,.contact-screen-inner>.ui-logo{filter:brightness(0) invert(1)}
.contact-grid>.section-heading h2{font-size:clamp(30px,3.4vw,44px)}
@media(max-width:767px){button.mobile-cta{box-shadow:0 12px 34px #35275130}.product-hero-actions .page-button{min-width:170px}}