:root,:root[data-palette=cloud]{--paper:#fbfcff;--surface:#fff;--ink:#15334c;--accent:#005bab;--accent-hover:#00447f;--muted:#5f6e7c;--sage:#eaf2fb;--sage-deep:#d8e7f6;--gold:#b7a17b;--line:#dce4ec;--dark-soft:#d7e7f6;--sky:#3692e4}
:root[data-palette=warm]{--paper:#f7f7f4;--surface:#fff;--ink:#15334c;--accent:#005bab;--accent-hover:#00447f;--muted:#626e78;--sage:#e8eff7;--sage-deep:#d5e3f3;--gold:#b7a17b;--line:#dce2e7;--dark-soft:#d7e7f6;--sky:#3692e4}
.brand{color:#111}.brand-mark{mask:none;-webkit-mask:none;background:transparent url('assets/logo.svg') center/contain no-repeat}.brand-period{display:none}.preview-bar{background:#edf1f6;color:#5f6e7c}.preview-right{display:flex;align-items:center;gap:22px}.preview-right>a{display:inline-flex;align-items:center;gap:5px;font-size:10px;letter-spacing:0}.preview-right>a svg{width:12px;height:12px}.preview-dot{background:var(--sky)}.palette-options button[aria-pressed=true]{background:#fff}.swatch.cloud{background:#005bab}.swatch.warm{background:#bdd3e8;box-shadow:inset 0 0 0 2px #005bab}.hero{min-height:791px;padding-block:45px 54px;grid-template-columns:1.08fr 1fr;gap:26px}.hero h1{font-size:clamp(57px,5.3vw,75px);line-height:1.01;letter-spacing:-2.8px;margin-block:25px}.hero h1 em{font-size:.87em;white-space:nowrap}.hero-description{max-width:405px;font-size:15px;line-height:1.85}.hero-art{height:683px;padding:21px 0 57px}.arch{inset:36px 0 77px;background:linear-gradient(150deg,#edf5ff 10%,#e1edfb 60%,#f1f5f9);border-radius:250px 250px 9px 9px}.arch-line{border-color:#005bab;opacity:.11}.arch-line.inner{opacity:.07}.arch-spark{color:#3692e4;opacity:.55;right:31px;top:188px}.floating-note.language-badge{display:flex;left:-3px;top:6px;transform:rotate(-4deg);z-index:4;padding:13px 16px;min-width:182px;box-shadow:0 8px 23px #005bab0a;border-color:#d6e3ee}.language-badge strong{display:flex;align-items:center;gap:9px;font-size:11px}.language-badge strong svg{width:11px;height:11px;color:var(--sky)}.language-badge div>span{margin-top:4px;font-size:9px}.float-icon{background:#edf5ff;color:#005bab;width:32px;height:34px}.cycle-phone{width:300px;height:638px;padding:7px;flex-shrink:0;border-radius:43px;background:#18222d;box-shadow:0 23px 43px -18px #002f5938,0 0 0 1px #9aa7b0,inset 0 0 0 2px #41505e;position:relative;transform:rotate(-3deg);z-index:2;user-select:none;touch-action:pan-y pinch-zoom}.cycle-phone::after{content:"";position:absolute;inset:0;z-index:10;border-radius:inherit;pointer-events:auto;touch-action:pan-y pinch-zoom}.cycle-screen{height:100%;width:100%;border-radius:36px;overflow:hidden;position:relative;background:#f7f7f4}.slide{position:absolute;inset:0;z-index:0;transform:translateX(100%);transition:transform .7s cubic-bezier(.22,1,.36,1);pointer-events:none;background:#f7f7f4}.slide.is-active{transform:translateX(0);z-index:2}.slide.is-exit{transform:translateX(-100%);z-index:1}.slide.is-ready{transition:none;transform:translateX(100%)}.mockup-fit{position:relative;width:100%;height:100%;overflow:hidden}.mockup-fit iframe{position:absolute;top:0;left:0;width:372px;height:794px;border:0;display:block;pointer-events:none;transform-origin:top left;transform:scale(var(--hp-sx,.769),var(--hp-sy,.786));background:#f7f7f4;visibility:hidden}.mockup-fit iframe.is-ready{visibility:visible}.slide-0 .mockup-fit iframe{transition:opacity .45s cubic-bezier(.22,1,.36,1)}.slide-0 #home-pro-frame{z-index:1;opacity:1}.slide-0 #record-frame{z-index:2;opacity:0}.slide-0.is-recording #home-pro-frame{opacity:0}.slide-0.is-recording #record-frame.is-ready{opacity:1}.steps{position:absolute;bottom:25px;left:0;right:0;display:flex;justify-content:center;gap:23px;z-index:3}.step{color:var(--muted);font-size:9px;position:relative;transition:color .3s}.step::before{content:"";width:4px;height:4px;border-radius:50%;display:inline-block;background:var(--line);margin-right:5px;vertical-align:middle}.step.is-active{color:var(--accent);font-weight:600}.step.is-active::before{background:var(--sky)}.cycle-toggle{position:absolute;bottom:-3px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:5px;background:transparent;font-size:8px;color:var(--muted);padding:4px 8px;min-height:23px}.cycle-toggle svg{width:10px;height:10px}.reduced-motion-poster{height:100%;width:100%;object-fit:cover;position:absolute;inset:0;z-index:8}.purpose{max-width:860px}.purpose h2{font-size:43px;letter-spacing:-1.5px}.purpose p{max-width:580px}.section-heading h2{font-size:41px}.feature-art{height:296px}.translate-art{background:linear-gradient(130deg,#e8f2ff,#dbeafb)}.language-orbit{margin-top:5px}.language-orbit>span:not(.language-connect){min-width:158px;padding:10px 27px;font-size:27px}.language-orbit>span:first-child{font-size:33px}.language-connect{height:37px}.tiny-pill{font-size:9px;margin-top:13px}.feature-copy h3{font-size:24px;letter-spacing:-.5px}.feature-copy p{font-size:12px;line-height:1.85;min-height:107px}.feature-copy{padding:27px 25px}.feature-link{font-size:10px;min-height:30px;margin-top:20px}.notes-art.actual-notes-art{background:linear-gradient(135deg,#ece8df,#f4f1ea);padding:24px;align-items:flex-start}.screenshot-mat{width:204px;position:relative;flex-shrink:0;transform:rotate(4deg);border:1px solid #d5d9dd;border-radius:12px;overflow:hidden;box-shadow:0 12px 26px #1d365221;background:#f7f7f4;margin-top:6px}.screenshot-mat img{display:block;width:100%;height:auto}.archive-art{background:#e9eff7;padding:26px;align-items:flex-start}.archive-art>img{width:267px;height:auto;max-width:100%;border-radius:10px;transform:rotate(-4deg);box-shadow:0 10px 20px #0030590c}.journey{padding-bottom:27px}.habit-followthrough{display:flex;align-items:center;gap:24px;padding:29px 31px;background:var(--sage);border:1px solid var(--line);border-radius:10px;margin-bottom:92px}.habit-followthrough-icon{background:var(--surface);display:grid;place-items:center;flex-shrink:0;width:51px;height:51px;border-radius:50%;color:var(--accent)}.habit-followthrough-icon svg{width:23px;height:23px}.habit-followthrough>div:nth-child(2){flex:1}.habit-followthrough h2{font-family:var(--serif);font-size:27px;line-height:1.2;margin:8px 0 10px;letter-spacing:-.7px}.habit-followthrough p{font-size:11px;color:var(--muted);line-height:1.9;max-width:650px}.habit-followthrough .eyebrow{font-size:8px;letter-spacing:1.5px}.habit-followthrough>.text-link{background:none;font-size:10px;padding:12px 0;gap:8px}.mosque-section{background:linear-gradient(118deg,#063765 0%,#005bab 100%)}.mosque-copy h2 em{color:#c4dffc}.community-center{background:#fff;transform:rotate(-8deg);border-color:#ffffff80}.community-center .brand-mark{background:transparent url('assets/logo.svg') center/contain no-repeat;transform:rotate(8deg)}.language-chip{color:#005bab;background:#fff}.chip-ar{background:#e3edfb}.chip-ur{background:#eae3d7}.chip-fr{background:#dfebf9}.faq-section{display:block}.faq-heading{margin-bottom:38px}.faq-heading h2{font-size:44px;max-width:800px;margin:17px 0 13px}.faq-heading p{font-size:12px;color:var(--muted)}.faq-layout{display:grid;grid-template-columns:242px 1fr;gap:65px}.faq-tabs{display:flex;flex-direction:column;align-self:start;gap:5px}.faq-tabs button{display:flex;justify-content:space-between;gap:15px;text-align:left;padding:14px 16px;background:none;font-size:12px;border-radius:6px;color:var(--muted);min-height:47px}.faq-tabs button[aria-selected=true]{background:var(--sage);color:var(--accent);font-weight:550}.faq-tabs button span{font-size:10px;color:var(--muted);font-weight:400}.faq-tabs button:hover{background:var(--sage)}.faq-content{min-width:0}.faq-group>h3{font-size:12px;font-weight:600;padding:12px 0 17px;border-bottom:1px solid var(--line);color:var(--accent);letter-spacing:.1px}.faq-group details{padding:19px 0}.faq-group summary{font-size:12px;line-height:1.7}.faq-answer{padding:3px 28px 7px 0}.faq-answer p{padding:0;margin-top:14px;font-size:12px;line-height:1.85}.faq-answer h4{font-size:12px;font-weight:600;margin-top:20px}.faq-answer .faq-note{background:var(--sage);border-left:2px solid var(--sky);padding:12px 14px;color:var(--ink)}.faq-bullet{display:flex;gap:10px;align-items:baseline;color:var(--muted)}.faq-bullet>span{color:var(--accent)}.faq-bullet p{margin-top:8px}.enquiry-section{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:start;padding-block:65px 70px;border-top:1px solid var(--line);position:relative}.enquiry-copy{padding-top:30px}.enquiry-copy h2{font-family:var(--serif);font-size:47px;line-height:1.1;letter-spacing:-1.8px;margin:20px 0 25px}.enquiry-copy>p{font-size:13px;color:var(--muted);max-width:340px;line-height:1.95}.enquiry-copy .eyebrow{font-size:8px;letter-spacing:1.8px}.enquiry-benefits{display:flex;flex-direction:column;gap:19px;margin:30px 0 33px}.enquiry-benefits>span{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted)}.enquiry-benefits svg{color:var(--accent);width:17px;height:17px}.enquiry-email{display:inline-flex;gap:8px;align-items:center;font-size:11px;color:var(--accent)}.enquiry-email svg{width:13px;height:13px}.enquiry-form-shell{padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:13px;box-shadow:0 10px 45px #005bab05}.form-heading{margin-bottom:23px}.form-heading h3{font-family:var(--serif);font-size:27px;line-height:1.2;letter-spacing:-.7px}.form-heading p{font-size:10px;color:var(--muted);margin-top:7px}#mosque-form label{display:flex;align-items:baseline;gap:4px;font-size:10px;font-weight:550;letter-spacing:.1px;margin:17px 0 7px}#mosque-form label>span:not(.optional){color:var(--accent)}.optional{font-size:9px;font-weight:400;color:var(--muted);margin-left:auto}#mosque-form input,#mosque-form select{font-family:var(--sans);display:block;width:100%;max-width:100%;min-height:49px;padding:13px 14px;color:var(--ink);background:#f6f9fd;border:1px solid #d8e2ed;border-radius:6px;font-size:12px;outline-offset:3px}#mosque-form input::placeholder{color:#8895a2}#mosque-form input:focus-visible,#mosque-form select:focus-visible{outline:2px solid var(--sky);border-color:var(--sky)}#mosque-form select{padding-right:9px}#mosque-form small{font-size:9px;color:var(--muted);display:block;margin-top:6px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-row>div{min-width:0}.form-consent{font-size:10px;line-height:1.7;color:var(--muted);margin:22px 0 17px}#mosque-form .button{width:100%;font-size:12px;justify-content:center;gap:10px}.form-preview-note{font-size:9px;color:var(--muted);margin-top:14px;text-align:center}.form-preview-note .preview-dot{width:4px;height:4px;margin-right:4px}.form-success{text-align:left;padding:32px 0;min-height:595px}.success-icon{width:48px;height:48px;display:grid;place-items:center;background:var(--sage);border-radius:50%;color:var(--accent);margin-bottom:25px}.success-icon svg{width:22px;height:22px}.form-success h3{font-family:var(--serif);font-size:40px;line-height:1.1;letter-spacing:-1.2px;margin:20px 0}.form-success>p{font-size:13px;color:var(--muted);line-height:1.8;margin:20px 0}.form-success .success-preview{font-size:11px;background:var(--sage);padding:14px;border-radius:6px}.form-success .button{font-size:11px;margin-top:9px;justify-content:flex-start;gap:8px}.site-footer{margin-top:0}#screenshot-dialog{padding:22px 25px 20px;background:#edf2f8;width:min(520px,calc(100% - 32px));max-height:92dvh;overflow:auto;text-align:center;border-radius:16px}#screenshot-dialog>img{display:block;max-width:100%;max-height:82dvh;height:auto;width:auto;margin:0 auto;border-radius:10px}.screenshot-close{position:sticky;top:0;margin-left:auto;display:grid;place-items:center;background:#fff;border:1px solid #ccdbe7;z-index:3;border-radius:50%;width:35px;height:35px;margin-bottom:10px;box-shadow:0 2px 5px #005bab0a}.screenshot-close svg{width:17px;height:17px}
.steps{bottom:3px}.screenshot-mat{height:253px;width:215px;border-radius:8px}.screenshot-mat img{width:262px;max-width:none;height:auto;transform:translate(-24px,-150px)}
@media(min-width:1500px){.hero h1{font-size:78px}.hero{min-height:795px}}
@media(max-width:1100px){.hero h1{font-size:62px}.hero{gap:20px;min-height:768px}.hero h1 em{font-size:.85em}.hero .eyebrow{font-size:9px}.hero-art{height:653px}.cycle-phone{width:285px;height:609px}.floating-note.language-badge{left:-10px;min-width:167px;padding:11px 13px}.language-badge strong{font-size:10px}.feature-art{height:274px}.feature-copy{padding:24px 21px}.feature-copy h3{font-size:22px}.feature-copy p{font-size:11px;min-height:113px}.section-heading h2{font-size:36px}.faq-layout{gap:40px;grid-template-columns:220px 1fr}.enquiry-section{gap:45px}.enquiry-copy h2{font-size:41px}.enquiry-form-shell{padding:27px}.form-heading h3{font-size:24px}.habit-followthrough{gap:18px;padding:25px}.habit-followthrough h2{font-size:25px}}
@media(max-width:900px){.hero h1{font-size:56px}.hero-description{font-size:13px;max-width:320px}.hero-art{height:625px;padding-bottom:50px}.cycle-phone{width:270px;height:577px}.floating-note.language-badge{left:2px;top:0;transform:rotate(-4deg) scale(.86);transform-origin:left}.arch{inset:27px -4px 66px 0}.hero{min-height:721px;gap:13px}.hero .eyebrow{font-size:8px}.hero-footnote{font-size:9px}.purpose h2{font-size:35px}.feature-copy{padding:22px 18px}.feature-copy h3{font-size:21px}.feature-copy p{font-size:11px;min-height:133px}.feature-art{height:242px}.screenshot-mat{width:175px}.notes-art.actual-notes-art{padding:23px 12px}.archive-art{padding:22px 13px}.language-orbit>span:not(.language-connect){min-width:132px;font-size:23px;padding:8px 22px}.language-orbit>span:first-child{font-size:29px}.tiny-pill{font-size:7px}.habit-followthrough{flex-wrap:wrap;margin-bottom:70px}.habit-followthrough>.text-link{margin-left:69px;padding:0;min-height:33px}.habit-followthrough>div:nth-child(2){flex:1;min-width:70%}.faq-heading h2{font-size:38px}.faq-layout{grid-template-columns:190px 1fr;gap:28px}.faq-tabs button{font-size:11px;padding-inline:12px}.faq-group summary{font-size:11px}.enquiry-section{gap:30px;padding-block:50px}.enquiry-copy h2{font-size:36px}.enquiry-copy>p{font-size:12px}.enquiry-benefits>span{font-size:10px;line-height:1.7}.enquiry-form-shell{padding:24px}.form-heading h3{font-size:22px}.form-row{grid-template-columns:1fr;gap:0}}
@media(max-width:700px){.preview-right{gap:9px}.preview-right>a{font-size:8px}.preview-right>a svg{width:10px;height:10px}.preview-bar>span{font-size:8px}.palette-options button{font-size:8px;padding-inline:5px}.preview-right{gap:7px}.hero{padding-top:40px;padding-bottom:37px;gap:38px;min-height:0}.hero h1{font-size:61px;letter-spacing:-2.7px;line-height:1.02;margin:22px 0}.hero h1 em{font-size:.74em}.hero .eyebrow{font-size:8px;letter-spacing:1.3px}.hero-description{font-size:13px;max-width:335px}.hero-actions{margin-top:25px}.hero-footnote{font-size:9px;margin-top:21px}.hero-art{height:705px;width:100%;padding:67px 0 66px;margin-top:0;max-width:415px}.cycle-phone{width:282px;height:603px;max-width:calc(100% - 25px)}.arch{inset:87px 0 66px;border-radius:230px 230px 8px 8px}.floating-note.language-badge{display:flex;top:0;left:50%;transform:translateX(-50%) rotate(-3deg);min-width:190px;padding:11px 15px;transform-origin:center}.language-badge strong{font-size:11px}.steps{bottom:22px;gap:23px}.cycle-toggle{bottom:-4px;min-height:26px}.promise-strip>span:first-child{font-size:11px}.purpose h2{font-size:32px;letter-spacing:-1.1px;line-height:1.2}.purpose p{font-size:12px}.section-heading h2{font-size:35px;max-width:340px}.feature-art{height:300px}.screenshot-mat{width:215px;margin-top:6px}.feature-copy{padding:26px}.feature-copy h3{font-size:27px}.feature-copy p{font-size:12px;min-height:0}.feature-link{font-size:11px;margin-top:18px}.translate-art{gap:16px}.language-orbit>span:not(.language-connect){min-width:154px;font-size:28px;padding:10px 24px}.language-orbit>span:first-child{font-size:33px}.tiny-pill{font-size:9px;margin-top:6px}.archive-art{padding:25px}.archive-art>img{width:290px}.journey{padding-bottom:21px}.habit-followthrough{padding:25px;gap:18px;margin-bottom:57px}.habit-followthrough-icon{width:43px;height:43px}.habit-followthrough>div:nth-child(2){min-width:100%}.habit-followthrough h2{font-size:29px;margin-top:13px}.habit-followthrough p{font-size:12px}.habit-followthrough>.text-link{margin-left:0;font-size:11px}.habit-followthrough .eyebrow{font-size:7px}.mosque-grid{padding-bottom:63px}.mosque-copy h2{font-size:43px}.faq-heading h2{font-size:37px;line-height:1.12}.faq-heading p{font-size:12px}.faq-heading{margin-bottom:27px}.faq-layout{grid-template-columns:1fr;gap:21px}.faq-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px}.faq-tabs button{border:1px solid var(--line);font-size:10px;min-height:43px;padding:11px 12px}.faq-tabs button[aria-selected=true]{border-color:#c3d9ef}.faq-tabs button span{font-size:9px}.faq-group>h3{font-size:12px}.faq-group summary{font-size:12px}.faq-answer{padding-right:5px}.faq-answer p{font-size:12px}.enquiry-section{grid-template-columns:1fr;gap:30px;padding-top:36px;padding-bottom:43px}.enquiry-copy{padding-top:0}.enquiry-copy h2{font-size:39px;line-height:1.12;margin-top:18px}.enquiry-copy>p{font-size:12px;max-width:350px}.enquiry-benefits{margin-block:26px;gap:16px}.enquiry-benefits>span{font-size:11px}.enquiry-form-shell{padding:25px}.form-heading h3{font-size:25px}.form-heading p{font-size:10px}#mosque-form label{font-size:11px;margin-top:19px}#mosque-form input,#mosque-form select{font-size:16px;min-height:51px;padding:13px 12px}.optional{font-size:10px}.form-row{grid-template-columns:1fr}.form-consent{font-size:10px}#mosque-form small{font-size:10px}.form-preview-note{font-size:9px}.form-success{min-height:0;padding:15px 0}.form-success h3{font-size:36px}.form-success .button{margin-top:15px}.site-footer{margin-top:0}.footer-links{font-size:11px}}
@media(max-width:360px){.hero h1{font-size:54px}.hero h1 em{font-size:.73em}.hero-description{font-size:12px}.preview-right>a{font-size:7px}.preview-bar{padding-inline:9px}.preview-dot{margin-right:4px}.preview-right{gap:4px}.palette-options{gap:2px}.palette-options button{font-size:7px;gap:4px}.swatch{width:8px;height:8px}.hero-art{height:666px;padding-top:62px}.cycle-phone{width:260px;height:558px}.steps{gap:17px;font-size:8px}.purpose h2{font-size:29px}.section-heading h2{font-size:30px}.habit-followthrough{padding:22px}.habit-followthrough h2{font-size:26px}.faq-heading h2{font-size:32px}.faq-tabs button{font-size:9px;padding:11px 9px}.faq-tabs button span{font-size:8px}.enquiry-copy h2{font-size:34px}.enquiry-copy .eyebrow{font-size:7px}.enquiry-form-shell{padding:21px}.form-heading h3{font-size:23px}}
@media(min-width:701px) and (max-width:900px){.screenshot-mat{width:168px;height:226px}.screenshot-mat img{width:211px;transform:translate(-21px,-123px)}}

/* Floating language card on the front-right of the phone. */
.hero{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)}
.hero-copy,.hero-art{min-width:0}
.hero-art{--hero-badge-width:220px;--hero-badge-height:72px}
.floating-note.language-badge{width:var(--hero-badge-width);min-width:0;height:var(--hero-badge-height);top:91px;left:auto;right:0;padding:12px 16px;border-radius:10px;transform:rotate(4deg)}
@media(max-width:700px){.floating-note.language-badge{top:98px;left:auto;right:-3px;transform:rotate(4deg)}}

/* Matching tilted stars frame the phone on the blue arch. */
.arch-spark-right{transform:rotate(22deg) skewY(-8deg)}
.arch-spark-left{left:31px;right:auto;top:auto;bottom:25%;transform:translateY(50%) rotate(-22deg) skewY(8deg)}

/* Keep the single-sentence title aligned with the phone. */
.hero h1{margin-top:0}
@media(min-width:701px){.hero-copy{align-self:start;padding-top:132px}}
.step{font-size:12px}
@media(max-width:360px){.step{font-size:11px}}

/* Keep the original quiet navigation while extending its divider edge to edge. */
.site-header{display:block;width:100%;height:102px;margin:0;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:none}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}
.site-header nav a{color:var(--ink)}
.site-header nav a:hover{color:var(--muted)}
.site-header .login{min-height:0;padding:10px 0;background:transparent;border:0;border-radius:0}

/* Section dividers span the viewport while the content stays aligned to the grid. */
.enquiry-section,.site-footer{position:relative;border-top:0}
.enquiry-section::before,.site-footer::before{content:"";position:absolute;top:0;left:50%;width:100vw;height:1px;background:var(--line);transform:translateX(-50%);pointer-events:none}

/* The topic list stays compact; questions carry the visual hierarchy. */
.faq-heading{margin-bottom:42px}
.faq-layout{gap:58px}
.faq-tabs button{font-size:13px;min-height:52px;padding:14px 16px;border-radius:9px}
.faq-tabs button[aria-selected=true]{background:#e9f3ff;color:var(--accent);font-weight:650}
.faq-tabs button span{font-size:11px}
.faq-group>h3{font-size:13px;letter-spacing:.04em;text-transform:uppercase;padding:4px 0 20px}
.faq-group details{padding:0;transition:background-color .2s ease}
.faq-group details[open]{background:#f2f7fd}
.faq-group summary{align-items:center;min-height:75px;padding:18px 17px;font-size:16px;font-weight:600;line-height:1.45;color:var(--ink)}
.faq-group summary:hover{color:var(--accent)}
.faq-group summary svg{flex:none;width:33px;height:33px;margin:0;padding:8px;border-radius:50%;background:#edf5ff;color:var(--accent);stroke-width:2}
.faq-group details[open] summary svg{background:#dcecff}
.faq-answer{padding:0 65px 25px 17px;max-width:760px}
.faq-answer p{font-size:14px;line-height:1.75;margin-top:0;margin-bottom:12px}
.faq-answer h4{font-size:14px}
.faq-answer .faq-note{font-size:13px}

@media(max-width:900px){.faq-layout{gap:30px}.faq-group summary{font-size:15px}}
@media(max-width:700px){.faq-heading{margin-bottom:28px}.faq-layout{gap:21px}.faq-tabs button{font-size:11px;min-height:48px}.faq-group>h3{font-size:11px}.faq-group summary{min-height:64px;padding:15px 10px;font-size:14px}.faq-group summary svg{width:29px;height:29px;padding:7px}.faq-answer{padding:0 10px 22px}.faq-answer p{font-size:12px}}
.site-header .login:hover{color:var(--muted)}
.feature-grid .habits-art{background:#e5f0fc}
.feature-grid .mini-habit{width:245px;padding:19px 21px;box-shadow:0 14px 34px #234b7314}
.feature-grid .mini-habit h4{font-size:25px}
.feature-grid .habit-streak b{width:30px;height:30px}
@media(max-width:900px){.site-header{height:88px}.header-inner{gap:15px}.feature-grid .mini-habit{width:210px;padding:16px}.feature-grid .mini-habit h4{font-size:22px}}
@media(max-width:700px){.site-header{height:83px}.site-header nav{top:100%}.feature-grid .mini-habit{width:245px;padding:19px 21px}.feature-grid .mini-habit h4{font-size:25px}}

/* Headings now lead these sections without eyebrow labels. */
.section-heading h2,.mosque-copy h2,.faq-heading h2,.enquiry-copy h2{margin-top:0}
.feature-grid .feature-copy{padding-bottom:23px}
.feature-grid .feature-copy p{min-height:0}
.journey{padding-bottom:52px}
@media(max-width:700px){.journey{padding-bottom:42px}}
.purpose h2{margin-top:0}

/* Align topic navigation with the top of the question column. */
.faq-tabs{align-self:start;margin-top:0}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-error{margin:12px 0 0;color:#8d2f2f;font-size:13px;line-height:1.5}

#mosque-form label>span:not(.optional){color:#c62828}

/* Deel-style separate dial-code and phone fields. */
.form-row.contact-fields{grid-template-columns:1fr;gap:0}
.phone-input-group{display:grid;grid-template-columns:minmax(130px, .9fr) minmax(0, 1.4fr);align-items:start;gap:12px;min-width:0}
#mosque-form .phone-input-group select,#mosque-form .phone-input-group input{min-width:0;width:100%;margin:0}
#mosque-form .phone-input-group select{cursor:pointer;text-overflow:ellipsis;padding-right:24px}
@media(max-width:400px){.phone-input-group{grid-template-columns:minmax(120px,.95fr) minmax(0,1fr);gap:10px}}

/* Keep select chevrons comfortably inset from the field edge. */
#mosque-form select,#mosque-form .phone-input-group select{appearance:none;-webkit-appearance:none;padding-right:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235f6e7c' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:16px 16px}

.mobile-signin{display:none}@media(max-width:700px){.site-header nav .mobile-signin{display:block}}

/* Feedback while the enquiry is being sent. */
#mosque-form button[type="submit"]{min-width:168px;margin-top:20px}
#mosque-form button[type="submit"]:disabled{cursor:wait;transform:none;opacity:.85}
#mosque-form button[type="submit"].is-sending>svg{display:none}
.submit-spinner{display:inline-block;width:17px;height:17px;flex:0 0 17px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:enquiry-spin .75s linear infinite}
@keyframes enquiry-spin{to{transform:rotate(360deg)}}
.form-success h3:focus{outline:none}
@media(prefers-reduced-motion:reduce){.submit-spinner{animation:none}}

.submit-feedback{display:inline-flex;align-items:center;justify-content:center;gap:8px}