:root{--green:#014a4e;--gold:#f9dc5c;--ink:#111;--paper:#f3f3f3;--shadow:4px -2px 10px rgba(0,0,0,.1);--font:"Geologica",Arial,sans-serif}
*{box-sizing:border-box}html{font-size:62.5%;scroll-behavior:smooth}body{margin:0;background:var(--green);color:var(--ink);font:1.6rem/2rem var(--font);-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select{font:inherit}button{cursor:pointer}.container{width:min(1324px,calc(100% - 40px));margin:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:8px 20px;font-weight:700;line-height:2rem}.button--gold{background:linear-gradient(90deg,#fae588,#f9dc5c);color:#111}.button--white{background:#fff;color:#111;padding:10px 16px}.button--green{background:var(--green);color:#fff;padding:12px 24px}.button--large{width:316px;padding:12px 24px;font-size:2rem;line-height:2.4rem}.button--wide{width:100%;font-size:2rem;padding:12px 24px}
.site-header{position:fixed;z-index:20;top:40px;left:50%;width:min(1284px,calc(100% - 64px));min-height:72px;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;padding:16px 32px;border-radius:28px;background:rgba(0,0,0,.16);color:#fff;backdrop-filter:blur(18px)}.brand,.brand img{width:196px}.brand{flex:0 0 auto}.brand img{height:33px}.main-nav,.header-actions{display:flex;gap:20px;align-items:center}.main-nav a{padding:10px 0;white-space:nowrap;font-size:1.6rem;line-height:2rem}.language-switcher{display:flex;padding:2px;border-radius:12px;background:#fff;color:#111}.language-switcher span,.language-switcher a{width:36px;padding:8px 6px;border-radius:10px;text-align:center;font-size:1.6rem;line-height:2rem}.language-switcher span{background:linear-gradient(90deg,#fae588,#f9dc5c)}.menu-toggle{display:none;border:0;background:transparent;padding:7px}.menu-toggle span{display:block;width:26px;height:2px;margin:6px;background:#fff}
.hero{height:632px;color:#fff}.hero__grid{height:100%;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:end}.hero__copy{height:480px;display:flex;flex-direction:column;justify-content:flex-start;gap:78px;padding-bottom:20px}.eyebrow{margin:0}.hero h1{max-width:652px;margin:0;font-size:5.6rem;line-height:6rem}.hero__lead{margin:20px 0 40px;font-size:2.4rem;line-height:2.8rem}.hero__image{width:100%;max-width:652px;height:auto;justify-self:end}.products{padding-bottom:68px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-card{min-height:252px;display:flex;flex-direction:column;align-items:flex-start;padding:24px 20px;border-radius:20px;background:#fff;box-shadow:var(--shadow)}.product-card>img{width:40px;height:40px}.product-card h3{margin:8px 0 0;font-size:2.4rem;line-height:2.8rem}.product-card p{margin:16px 0;line-height:2rem}.product-card .button{margin-top:auto}
.light-panel{background:var(--paper);border-radius:60px}.murabaha{padding:60px 0}.murabaha__intro{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.stack{display:flex;flex-direction:column;gap:20px}.white-card{padding:28px 24px;border-radius:20px;background:#fff;box-shadow:var(--shadow)}h2,h3,p{overflow-wrap:anywhere}.white-card h2,.white-card h3,.calculator h3,.process h3{margin:0;font-size:3.6rem;line-height:4rem}.white-card p,.white-card li{font-size:2.4rem;line-height:2.8rem}.white-card p{margin:24px 0 0}.white-card ul{margin:24px 0 0;padding-left:36px}.white-card li+li{margin-top:8px}.murabaha__intro>img{width:100%;height:489px;border-radius:20px;object-fit:cover}
.calculator{width:min(876px,100%);margin:60px auto;padding:28px 24px;border-radius:20px;background:var(--green);color:#fff;box-shadow:var(--shadow)}.calculator__grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.calculator__inputs,.calculator__results{display:flex;flex-direction:column;gap:16px}.calculator label,.calculator__results>div{display:flex;flex-direction:column;gap:8px}.calculator small{font-style:italic}.field,.calculator select,.calculator__results output{min-height:48px;border-radius:12px;background:#fff;color:#111}.field{display:flex;align-items:center;justify-content:space-between;padding-left:16px}.field input{width:120px;border:0;outline:0;font-size:2rem;font-weight:500}.segmented{display:flex;padding:2px;border-radius:12px;background:linear-gradient(90deg,#fae588,#f9dc5c)}.segmented button{min-width:52px;padding:8px 16px;border:0;border-radius:10px;background:transparent}.segmented button.is-active{background:#fff}.term-options button{min-width:auto}.calculator select{width:100%;padding:0 16px;border:0;font-size:2rem}.calculator__results output{display:flex;align-items:center;padding:12px 20px;font-size:1.8rem}.calculator__results .button{margin-top:auto}.calculator__note{margin:24px 0 0;font-size:1.4rem}.process{margin-top:60px}.process ol{counter-reset:steps;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:24px 0 0;padding:0;list-style:none}.process li{position:relative;min-height:180px;padding:20px 70px 70px 16px;border-radius:12px;background:#fff;font-size:1.8rem;font-weight:500;box-shadow:var(--shadow)}.process li:after{counter-increment:steps;content:counter(steps);position:absolute;right:16px;bottom:20px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#fff;font-size:2.4rem;font-weight:700}
.dark-section{color:#fff}.kard{padding:80px 0 0}.kard .split>img{align-self:end}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.split>img{width:100%;max-width:652px;height:auto;justify-self:start}.split h2,.split h3,.cards h2,.cards h3,.council h2,.faq h2,.documents h2{margin:0;font-size:3.6rem;line-height:4rem}.split .lead{margin:24px 0 40px;font-size:2.4rem;line-height:3.2rem;font-weight:500}.split h3{margin-bottom:24px}.split ul{margin:0;padding-left:24px;padding-bottom:40px;font-size:2.4rem;line-height:3.2rem}.split li+li{margin-top:12px}.cards{padding:60px 0}.split--reverse>div{order:1}.split--reverse>img{order:2;max-width:436px;height:auto;justify-self:center}.cards dl{margin:0}.cards dl div+div{margin-top:12px}.cards dt{font-size:2.4rem;font-weight:700;line-height:2.8rem}.cards dd{margin:8px 0 0;font-size:2rem;line-height:2.4rem}.cards .button{margin-top:40px}
.council{padding:80px 0 40px}.council h2{text-align:center}.council__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.council article{text-align:center}.council article img{width:200px;height:200px;margin:auto;border-radius:50%;object-fit:cover}.council article h3{max-width:360px;margin:16px auto 4px;font-size:2.4rem;line-height:3.2rem}.council article p{margin:0;font-size:1.8rem}.faq{padding:40px 0}.faq__list{margin-top:24px}.faq details{border-bottom:1px solid rgba(255,255,255,.22)}.faq summary{position:relative;min-height:80px;display:flex;align-items:center;padding:20px 64px 20px 0;list-style:none;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq-toggle{position:absolute;right:0;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--gold);overflow:hidden}.faq-toggle__icon{display:block;width:16px;height:16px;fill:#111}.faq-toggle__horizontal,.faq-toggle__vertical{transform-box:fill-box;transform-origin:center;opacity:1;transition:transform .25s ease,opacity .25s ease}.faq-toggle__horizontal{transform:rotate(0deg)}.faq-toggle__vertical{transform:rotate(0deg) scaleY(1)}.faq details[open] .faq-toggle__horizontal{transform:rotate(180deg)}.faq details[open] .faq-toggle__vertical{transform:rotate(90deg) scaleY(0);opacity:0}.faq summary h3{font-size:2.8rem;line-height:3.6rem}.faq details p{max-width:1100px;margin:0 64px 20px 0;font-size:2rem;line-height:2.8rem}.documents{padding:40px 0 60px}.documents ul{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0 0;padding:0;list-style:none}.documents a{display:flex;align-items:center;gap:20px;padding:12px 24px;border-radius:12px;background:#fff;color:#111;box-shadow:var(--shadow);font-size:2.8rem;font-weight:500}.documents a>img{width:28px;height:28px}.documents small{display:block;margin-top:3px;font-size:1.2rem;font-weight:400;color:#666}
.site-footer{padding:40px 0 60px;border-radius:60px 60px 0 0;background:#111;color:#fff}.footer-logo{width:316px;height:56px}.footer-cta{height:480px;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;margin-top:32px;padding-left:36px;border-radius:40px;background:#fff;color:#111;overflow:hidden}.footer-cta h2{margin:0;font-size:3.6rem;line-height:4rem}.footer-cta p{margin:20px 0 40px;font-size:2.4rem;line-height:2.8rem}.footer-cta .button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:12px 20px;font-weight:500;line-height:2rem;font-size:2rem}.footer-cta>img{width:100%;max-width:652px;height:auto;justify-self:center}.site-footer address{margin-top:32px;font-style:normal;font-size:2rem}.site-footer address p,.site-footer address a,.socials a{display:flex;align-items:center;gap:8px}.site-footer address img,.socials img{width:24px;height:24px}.site-footer address>p{margin:0}.site-footer address>div{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.socials{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px;font-size:2rem}.updated{margin:32px 0 0;color:#aaa;font-size:1.4rem}
@media(max-width:1150px){.site-header{width:calc(100% - 32px);top:16px}.main-nav{display:none}.menu-toggle{display:block}.site-header.is-open{align-items:flex-start;flex-wrap:wrap}.site-header.is-open .main-nav{order:3;width:100%;display:grid;grid-template-columns:repeat(3,1fr);padding-top:16px}.site-header.is-open .menu-toggle span:first-child{transform:translateY(4px) rotate(45deg)}.site-header.is-open .menu-toggle span:last-child{transform:translateY(-4px) rotate(-45deg)}}
@media(max-width:800px){.container{width:min(100% - 34px,652px)}.site-header{position:absolute;top:20px;width:calc(100% - 34px);min-height:54px;padding:12px 0;border-radius:0;background:transparent;backdrop-filter:none}.brand,.brand img{width:176px}.brand img{height:30px}.main-nav,.menu-toggle,.header-actions .button--white{display:none!important}.header-actions{margin-left:auto}.language-switcher span,.language-switcher a{width:36px;padding:8px 6px}.hero{height:auto;padding:150px 0 0}.hero__grid,.murabaha__intro,.split,.calculator__grid,.footer-cta{grid-template-columns:1fr}.hero__copy{height:auto;gap:0;padding:0;text-align:center}.eyebrow{display:none}.hero h1{font-size:4rem;line-height:4.4rem}.hero__lead{margin:16px 0 40px;font-size:1.6rem;line-height:2rem}.button--large{width:100%}.hero__image{width:100%;height:auto;margin-top:0}.products{padding:0 0 40px;overflow:hidden}.products .container{width:100%}.product-grid{display:flex;gap:16px;overflow-x:auto;padding:0 17px 8px;scroll-snap-type:x mandatory;scrollbar-width:none}.product-grid::-webkit-scrollbar{display:none}.product-card{width:272px;min-width:272px;min-height:228px;padding:20px 12px;gap:12px;scroll-snap-align:center}.product-card h3{margin:0}.product-card p{margin:0}.product-card .button{display:none}.light-panel{border-radius:24px}.murabaha{padding:24px 0}.murabaha__intro{gap:20px}.stack{gap:20px}.white-card{padding:20px 12px}.murabaha__intro>img{height:auto}.white-card h2,.white-card h3{font-size:2.8rem;line-height:3.2rem}.calculator h3{font-size:3.2rem;line-height:3.6rem}.process h3,.split h2,.split h3,.cards h2,.cards h3,.council h2,.faq h2,.documents h2{font-size:2.8rem;line-height:3.2rem}.white-card p,.white-card li{font-size:1.6rem;line-height:2rem}.white-card ul{padding-left:24px}.calculator{margin:40px auto;padding:24px 12px}.calculator__grid{gap:16px;margin-top:20px}.calculator__inputs,.calculator__results{gap:16px}.calculator label,.calculator__results>div{gap:4px;font-size:1.2rem;line-height:1.6rem}.calculator__results output{font-size:1.6rem}.process{margin-top:40px}.process ol{grid-template-columns:1fr;gap:8px}.process li{min-height:112px;font-size:1.6rem}.kard{padding-top:40px}.kard .split>div{order:1}.kard .split>img{order:2}.split>img,.split--reverse>img{width:100%;max-width:none;height:auto;justify-self:stretch}.split--reverse>div,.split--reverse>img{order:initial}.split .lead{margin:20px 0 28px;font-size:1.6rem;line-height:2rem}.split h3{margin-bottom:20px}.split ul{font-size:1.6rem;line-height:2rem}.cards{padding:24px 0}.cards dt{font-size:1.8rem;line-height:2.2rem}.cards dd{font-size:1.6rem;line-height:2rem}.cards .button{width:100%;margin-top:28px}.council{padding:40px 0 20px}.council__grid{grid-template-columns:1fr;gap:28px;margin-top:28px}.council article h3{font-size:1.8rem;line-height:2.2rem}.council article p{font-size:1.4rem}.faq{padding:20px 0}.faq summary{min-height:72px;padding:16px 48px 16px 0}.faq summary h3{font-size:1.6rem;line-height:2rem}.faq-toggle{width:28px;height:28px}.faq-toggle__icon{width:16px;height:16px}.faq details p{margin:0 0 16px;font-size:1.2rem;line-height:1.6rem}.documents{padding:20px 0 40px}.documents ul{grid-template-columns:1fr}.documents a{padding:8px 24px;font-size:2rem;line-height:2.4rem}.footer-logo{width:176px;height:32px}.site-footer{padding:40px 0;border-radius:28px 28px 0 0}.footer-cta{height:auto;padding:24px 12px 0;border-radius:24px;text-align:center}.footer-cta h2{font-size:3.2rem;line-height:3.6rem}.footer-cta p{margin:12px 0 40px;font-size:2rem;line-height:2.4rem}.footer-cta .button{width:100%;padding:12px 20px;font-size:2rem}.footer-cta>img{max-width:none;height:auto}.site-footer address{font-size:1.6rem}.site-footer address>div,.socials{grid-template-columns:1fr}.updated{font-size:1.2rem}}
@media(max-width:500px){.field{padding-left:12px}.field input{width:100px;font-size:1.6rem}.segmented button{min-width:auto;padding:8px 12px}.term-options button{padding-inline:10px}.footer-cta{border-radius:24px}}
@media(max-width:800px){.hero__image{-webkit-mask-image:linear-gradient(to bottom,#000 76%,transparent 100%);mask-image:linear-gradient(to bottom,#000 76%,transparent 100%)}}
@media(max-width:800px){.process li::after{right:auto;left:16px}}
@media(max-width:800px){.cards .split--reverse>div{display:contents}.cards .split--reverse>img{order:1;margin-top:-30px;margin-bottom:-60px}.cards .split--reverse .button{order:2}}
@media(max-width:420px){.footer-cta>img{height:auto;margin-top:12px}}
@media(max-width:800px){.hero__image{height:auto}}
#kard .split>img{height:auto}
.application-dialog{width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:rgba(255,255,255,.92);color:#fff}.application-dialog::backdrop{background:rgba(255,255,255,.1)}.application-dialog[open]{display:grid;place-items:center}.application-dialog__panel{position:relative;width:min(560px,calc(100% - 40px));padding:56px 24px 24px}.application-dialog__close{position:absolute;z-index:1;top:0;right:24px;width:32px;height:32px;padding:0;border:0;background:transparent}.application-dialog__close:before,.application-dialog__close:after{content:"";position:absolute;top:15px;left:4px;width:25px;height:3px;border-radius:2px;background:#111;transform:rotate(45deg)}.application-dialog__close:after{transform:rotate(-45deg)}.application-form{display:flex;flex-direction:column;gap:40px;width:100%;padding:28px 24px;border-radius:16px;background:var(--green)}.application-form h2{margin:0 0 20px;font-size:3.6rem;line-height:4rem}.application-form__fields{display:flex;flex-direction:column;gap:20px}.application-form label:not(.application-form__consent){display:flex;flex-direction:column;gap:8px}.application-form input[type=text],.application-form input[type=tel]{width:100%;height:48px;padding:12px 16px;border:0;border-radius:12px;outline:0;background:#fff;color:#111;font-size:2rem;line-height:2.4rem;font-weight:500}.application-form input:focus-visible,.application-form__submit:focus-visible,.application-dialog__close:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.application-form__consent{display:flex;align-items:center;gap:8px}.application-form__consent input{appearance:none;flex:0 0 32px;width:32px;height:32px;margin:0;border:0;border-radius:4px;background:#fff;cursor:pointer}.application-form__consent input:checked{background:var(--gold)}.application-form__consent input:checked:after{content:"";display:block;width:14px;height:8px;margin:9px 0 0 8px;border:solid #111;border-width:0 0 3px 3px;transform:rotate(-45deg)}.application-form__submit{width:100%;min-height:44px;padding:8px 16px;border:0;border-radius:12px;background:linear-gradient(90deg,#fae588,#f9dc5c);color:#111;font-size:2.4rem;line-height:2.8rem;font-weight:700}.application-form__submit:disabled{cursor:wait;opacity:.7}.application-form__status{display:none;margin:-24px 0 0;font-size:1.4rem}.application-form__status:not(:empty){display:block}.application-form__status.is-error{color:#ffd0d0}.application-form__status.is-success{color:#fff}.application-form .is-invalid{outline:3px solid #ff8d8d;outline-offset:2px}body.dialog-open{overflow:hidden}
@media(max-width:800px){.application-dialog__panel{width:100%;padding:64px 17px 17px}.application-dialog__close{top:16px;right:20px}.application-form{gap:28px;padding:24px 12px}.application-form h2{font-size:2.8rem;line-height:3.2rem}.application-form input[type=text],.application-form input[type=tel]{font-size:1.6rem}.application-form__consent{align-items:flex-start;font-size:1.4rem}.application-form__submit{font-size:2rem;line-height:2.4rem}.application-form__status{margin-top:-16px}}
/* Use a branded SVG arrow while keeping the native select behaviour and accessibility. */
.calculator select{padding-right:52px;appearance:none;-webkit-appearance:none;background-image:url("design/assets/islamic/select-arrow.svg");background-repeat:no-repeat;background-position:right 16px center;background-size:16px 16px}

@media(max-width:800px){.product-grid.slick-slider{display:block;overflow:visible;padding:0;scroll-snap-type:none}.product-grid.slick-slider .slick-list{overflow:hidden}.product-grid.slick-slider .slick-track{display:flex;align-items:stretch}.product-grid.slick-slider .slick-slide{float:none;height:auto}.product-grid.slick-slider .product-card{width:100%;min-width:0;height:100%;margin:0 8px}.product-grid.slick-slider .slick-dots{display:flex;justify-content:center;gap:8px;margin:16px 0 0;padding:0;list-style:none}.product-grid.slick-slider .slick-dots li{width:8px;height:8px;margin:0}.product-grid.slick-slider .slick-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#fff;font-size:0;opacity:.45}.product-grid.slick-slider .slick-dots .slick-active button{background:var(--gold);opacity:1}}
.documents__group-title{display:flex;align-items:center;gap:20px;padding:12px 24px;border-radius:12px;background:#fff;color:#111;box-shadow:var(--shadow);font-size:2.8rem;font-weight:500}.documents__group-title>img{width:28px;height:28px}.documents__files{display:grid;gap:8px;margin-top:8px}.documents__files a{font-size:1.8rem}
@media(max-width:800px){.documents__group-title{padding:8px 24px;font-size:2rem;line-height:2.4rem}.documents__files a{font-size:1.6rem;line-height:2rem}}
.documents ul{grid-auto-rows:1fr}.documents__card{display:flex;align-items:flex-start;gap:20px;height:100%;min-height:91px;padding:12px 24px 20px;border-radius:12px;background:#fff;color:#111;box-shadow:var(--shadow)}.documents__card-icon{flex:0 0 28px;width:28px;height:28px}.documents__card-content{min-width:0}.documents__card-title{display:block;margin-top:12px;margin-bottom:20px;font-size:3.6rem;line-height:3.6rem;font-weight:bold}.documents__card-files{display:grid;gap:8px;margin-top:4px}.documents__card-files a{display:flex;align-items:flex-start;gap:8px;margin-bottom:9px;padding:0;background:transparent;box-shadow:none;color:#111;font-size:1.4rem;line-height:1.8rem;font-weight:400;text-decoration:none}.documents__card-files a>img{flex:0 0 18px;width:18px;height:18px;margin-top:1px}.documents__card-files a>span{min-width:0}.documents__card-files small{display:block;margin-top:1px;color:#666;font-size:1.2rem;line-height:1.6rem}.documents__card-files a:hover{text-decoration:underline}
@media(max-width:800px){.documents ul{grid-auto-rows:auto}.documents__card{height:auto;min-height:91px;padding:8px 24px 20px}.documents__card-title{font-size:2rem;line-height:2.4rem;margin-bottom:12px}.documents__card-files a{font-size:1.2rem;line-height:1.6rem}.documents__card-files small{font-size:1.1rem;line-height:1.5rem}}
.documents__card-files strong{display:block;font-size:2.4rem;line-height:1.2;font-weight:500}
/* Typography aligned with Figma Islamic landing design. */
body{font-family:var(--font);font-size:1.6rem;line-height:2rem}
.button{font-weight:500}.button--white,.button--large{font-weight:700}.button--wide{font-weight:500}
.white-card p,.white-card li,.split ul{font-weight:500}
.field input,.calculator select,.calculator__results output{font-weight:500;line-height:2.4rem}
.cards dt{font-weight:500}
@media (min-width:801px){
  .process li{font-size:2rem;line-height:2.4rem}
  .council article p{font-size:2rem;line-height:2.4rem}
  .calculator__results output{font-size:2rem}
  .calculator__note{font-size:1.6rem;line-height:2rem}
  .documents a,.documents__group-title{line-height:3.2rem}
  .documents__files a{font-size:1.6rem;line-height:2rem}
  .documents small,.documents__card-files a,.documents__card-files small{font-size:1.6rem;line-height:1.2}
  .site-footer address,.socials{font-weight:500;line-height:2.4rem}
  .updated{font-size:1.6rem;line-height:2rem}
}