.landing-header,.landing-page{--landing-space:16px;--landing-detail-space:16px;--landing-section-space:48px;--landing-panel-space:24px;--landing-gutter:48px}.landing-page{--landing-coral:#f47f75;--landing-ink:#101a18;--landing-body:#354453;--landing-sage:#5b9183;background:linear-gradient(180deg,#fafaf5,#f4f8f2 68%,#fcfbf7);color:var(--landing-ink);font-family:var(--font-manrope-sans),sans-serif;font-size:16px;line-height:1.5}.landing-shell{width:100%;max-width:1180px;padding-inline:var(--landing-gutter,48px);margin-inline:auto}.landing-page h1,.landing-page h2,.landing-step-grid h3{font-family:var(--font-lora-serif),Georgia,serif;font-weight:600;letter-spacing:-.025em}.landing-page h2{font-size:32px;line-height:1.2;text-align:center}.landing-page section[id]{scroll-margin-top:28px}.landing-mobile-only{display:none}.landing-step-copy{display:contents}.landing-header{position:relative;z-index:20;background:#fffefa;color:#354453;font-family:var(--font-manrope-sans),sans-serif}.landing-header-inner{min-height:80px;display:flex;align-items:center;gap:var(--landing-space)}.landing-brand-link{display:block;flex-shrink:0;padding-block:8px}.landing-logo{display:block;width:220px;height:auto}.marketing-logo{object-fit:contain}.marketing-logo.is-white{filter:brightness(0) invert(1)}.landing-desktop-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-left:auto;white-space:nowrap;font-size:15px}.landing-desktop-nav a{padding-block:12px;transition:color .2s}.landing-desktop-nav a:hover{color:#b74c43}.landing-desktop-nav a[aria-current=page],.landing-mobile-nav a[aria-current=page]{color:#9d483e}.landing-button{display:inline-flex;justify-content:center;align-items:center;gap:20px;min-height:52px;border:1px solid #315f50;border-radius:999px;background:#315f50;color:#fff;padding:14px 24px;font-size:14px;line-height:1.4;font-weight:600;letter-spacing:.01em;box-shadow:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.landing-button:hover{background:#244b3e;border-color:#244b3e}.landing-button:active{background:#1c3d32;border-color:#1c3d32}.landing-button-arrow{display:grid;place-items:center;flex-shrink:0;width:20px;height:20px}.landing-button-arrow>svg{width:20px;height:20px;transition:transform .2s ease}@media (hover:hover){.landing-button:hover .landing-button-arrow>svg{transform:translateX(2px)}}.landing-register{flex-shrink:0;min-height:44px;min-width:132px;padding:10px 20px;font-size:13px}.landing-menu-button{display:none;width:44px;height:44px;padding:10px;flex-shrink:0;border:1px solid #dce6dc;border-radius:50%;background:#fffefa;color:#386d60;transition:background-color .18s,border-color .18s}.landing-menu-button:hover{background:#edf4ee;border-color:#b7cdbd}.landing-menu-button svg{width:24px;height:24px}.landing-mobile-nav{padding:8px var(--landing-gutter) var(--landing-space);border-top:1px solid #e3e8df}.landing-mobile-nav:not([hidden]){display:grid}.landing-mobile-nav a{padding:12px}.landing-mobile-nav a:hover{background:#f5f7ef}.landing-faq-trigger:focus-visible,.landing-header a:focus-visible,.landing-header button:focus-visible,.landing-page a:focus-visible{outline:2px solid #386d60;outline-offset:5px}.landing-hero{position:relative;overflow:hidden;background-color:#faf8f1;background-image:linear-gradient(90deg,#faf8f1,#faf8f1e8 27%,#faf8f133 65%,transparent),url(/images/how-hero.webp);background-size:100% 100%,cover;background-position:50%,50%;background-repeat:no-repeat}.landing-hero-inner{position:relative;padding-block:var(--landing-section-space)}.landing-hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--landing-space);max-width:540px}.landing-hero h1{font-size:clamp(44px,4.2vw,60px);line-height:1.02}.landing-hero h1 span{display:block}.landing-hero h1 span+span{color:#f17c72;font-size:1.18em;line-height:1}.landing-welcome{font-size:32px;line-height:1.25;font-weight:600}.landing-intro,.landing-welcome{font-family:var(--font-lora-serif),Georgia,serif;letter-spacing:-.025em;margin:0}.landing-intro{font-style:italic;font-size:24px;line-height:1.3;color:#344b50}.landing-description{max-width:410px;margin:0;font-size:18px;line-height:1.5;color:#354453}.landing-profile-button{margin:0}.landing-marks{display:flex;justify-content:space-between;align-items:center;padding-block:var(--landing-panel-space);min-height:76px;gap:var(--landing-detail-space)}.landing-marks li{position:relative;display:flex;align-items:center;gap:8px;color:#354453;font-size:16px;white-space:nowrap}.landing-marks li+li{border-left:1px solid #f47f75;padding-left:var(--landing-detail-space)}.landing-marks svg{width:28px;height:28px;color:#e98470}.landing-steps-panel{padding:var(--landing-panel-space);border-radius:22px;background:#fffffff0}.landing-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:96px auto auto;gap:var(--landing-space) 48px;margin-top:24px}.landing-step-grid li{position:relative;display:grid;grid-row:span 3;grid-template-rows:subgrid;text-align:center}.landing-step-illustration{position:relative;display:grid;place-items:center;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle,#fff0e9,#fdf0ed);color:#e98069;margin-inline:auto}.landing-step-illustration>svg{width:66px;height:66px}.landing-step-2{background:#edf5ef;color:#5c9384}.landing-step-2>svg{width:64px;height:64px}.landing-step-3{background:#fff0e7;color:#e77c61}.landing-step-3>svg{width:65px;height:65px}.landing-step-number{position:absolute;left:-20px;top:0;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#f78279;color:white;font-size:23px;line-height:1}.landing-step-2 .landing-step-number{background:#79a796}.landing-step-grid h3{max-width:270px;margin:0 auto;font-size:21px;line-height:1.25;letter-spacing:-.03em;text-wrap:wrap}.landing-step-grid h3 span{display:block}.landing-step-grid p{margin:0 auto;max-width:260px;font-size:16px;line-height:1.5;color:#4b5767}.landing-step-arrow{position:absolute;right:-40px;top:32px;width:32px;height:32px;color:#f47f75}.landing-values{padding-block:var(--landing-section-space)}.landing-values ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--landing-space)}.landing-values li{text-align:center}.landing-value-icon{display:grid;place-items:center;width:52px;height:52px;margin:0 auto var(--landing-space);border-radius:50%}.landing-value-icon.is-sage{background:#dcebe1;color:#528f7f}.landing-value-icon.is-coral{background:#ffe4dd;color:#ec7d68}.landing-value-icon>svg{width:32px;height:32px}.landing-values h3{max-width:190px;margin:auto;font-family:var(--font-manrope-sans),sans-serif;font-size:17px;line-height:1.4;font-weight:400;color:#354453;text-wrap:wrap}.landing-faq{padding-block:var(--landing-section-space)}.landing-faq-panel{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.55fr);align-items:start;gap:48px;padding:36px;border:1px solid #e4e9df;border-radius:24px;background:linear-gradient(135deg,#edf4ee,#f7f8f2)}.landing-faq-intro{padding-top:8px}.landing-faq-eyebrow{display:inline-block;margin-bottom:16px;padding:6px 12px;border-radius:999px;background:#dcebe1;color:#386d60;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.landing-faq h2{text-align:left;line-height:1.25;max-width:10ch}.landing-faq-intro>p{margin-top:16px;max-width:31ch;font-size:15px;line-height:1.7;color:#526158}.landing-faq-link{display:inline-flex;align-items:center;gap:10px;margin-top:24px;padding-block:8px;color:#386d60;font-size:13px;font-weight:600}.landing-faq-link:hover{color:#244b40;text-decoration:underline;text-underline-offset:4px}.landing-faq-link>svg{width:18px;height:18px}.landing-faq-list{display:grid;gap:12px;min-width:0}.landing-faq-item{border:1px solid #e0e7dd;border-radius:14px;background:#fffefa;box-shadow:0 2px 6px #243b2c03;transition:border-color .2s,background-color .2s,box-shadow .2s}.landing-faq-item:hover{border-color:#a8c4b5}.landing-faq-item[data-open=true]{border-color:#e5b5a8;background:#fff;box-shadow:0 6px 18px #243b2c06}.landing-faq-question-heading{margin:0;font-family:inherit;font-weight:inherit;letter-spacing:normal}.landing-faq-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;border-radius:13px;gap:16px;min-height:72px;cursor:pointer;padding:18px 20px;font-size:15px;font-weight:600;line-height:1.5}.landing-faq-question{color:#253b31}.landing-faq-toggle{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border:1px solid #d6e5da;border-radius:50%;background:#edf4ee;color:#386d60;transition:background-color .2s,border-color .2s,color .2s}.landing-faq-toggle>svg{width:18px;height:18px;transition:transform .28s cubic-bezier(.22,1,.36,1)}.landing-faq-trigger:hover .landing-faq-toggle{background:#dcebe1;border-color:#bdd2c5}.landing-faq-item[data-open=true] .landing-faq-toggle{background:#fce9e2;border-color:#edc7ba;color:#a95242}.landing-faq-item[data-open=true] .landing-faq-trigger:hover .landing-faq-toggle{background:#f8ddd3;border-color:#dfa998}.landing-faq-item[data-open=true] .landing-faq-toggle>svg{transform:rotate(45deg)}.landing-faq-answer{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .28s cubic-bezier(.22,1,.36,1),opacity .2s ease}.landing-faq-item[data-open=true] .landing-faq-answer{grid-template-rows:1fr;opacity:1}.landing-faq-answer-inner{min-height:0;overflow:hidden}.landing-faq-answer p{margin:0;padding:0 20px 20px;color:#526158;max-width:65ch;font-size:14px;line-height:1.7}.landing-closing{display:flex;flex-direction:column;align-items:center;gap:var(--landing-space);text-align:center;padding-block:var(--landing-section-space)}.landing-closing>p{margin:0;max-width:550px;color:#4b5767}.landing-closing .landing-login{font-size:16px}.landing-login a{color:#386d60;text-decoration:underline;text-underline-offset:4px}.landing-footer{padding-block:var(--landing-section-space);background:linear-gradient(135deg,#213e34,#172f28);color:#d8e3db;font-size:14px}.landing-footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:64px;padding-bottom:32px}.landing-footer-logo-link{display:inline-block;padding-block:8px;border-radius:4px}.landing-footer-logo{display:block;width:230px;height:auto}.landing-footer-brand>p{margin-top:12px;max-width:34ch;color:#b9ccc0;font-size:14px;line-height:1.8}.landing-footer-location{display:flex;align-items:center;gap:8px;margin-top:20px;color:#bed1c3;font-size:12px}.landing-footer-location>svg{width:18px;height:18px;flex-shrink:0;color:#efa590}.landing-footer-heading{margin:10px 0 16px;font-family:var(--font-manrope-sans),sans-serif;color:#f5f4eb;font-size:12px;line-height:1.5;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.landing-footer-grid nav a{display:inline-block;padding-block:9px;line-height:1.4}.landing-footer a{transition:color .18s}.landing-footer a:hover{color:#f2ad99}.landing-footer a:focus-visible{outline-color:#f2ad99}.landing-footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:24px;border-top:1px solid #ffffff1a;color:#a9c0b2;font-size:12px}.landing-footer-bottom-links{display:flex;align-items:center;gap:32px}.landing-footer-bottom nav{display:flex;gap:20px}.landing-footer-bottom a{display:inline-flex;align-items:center;min-height:36px}.landing-footer-top{gap:8px}.landing-footer-top>svg{width:16px;height:16px;transform:rotate(-90deg)}@media (min-width:1180px){.landing-step-grid{column-gap:64px}.landing-step-arrow{right:-48px}}@media (max-width:1000px){.landing-header,.landing-page{--landing-gutter:32px}}@media (max-width:880px){.landing-desktop-nav{display:none}.landing-register{margin-left:auto}.landing-menu-button{display:block}.landing-marks li{font-size:16px}.landing-marks svg{width:29px;height:29px}.landing-step-grid{column-gap:32px}.landing-step-grid h3{font-size:20px}.landing-step-arrow{right:-30px}.landing-step-number{left:-16px}.landing-values h3{font-size:16px}}@media (max-width:767px){.landing-header,.landing-page{--landing-space:12px;--landing-section-space:24px;--landing-panel-space:16px;--landing-gutter:16px}.landing-page{background:#faf8f1;font-size:18px}.landing-button{gap:16px;font-size:14px}.landing-mobile-only{display:block}.landing-desktop-only{display:none}.landing-header-inner{min-height:64px;gap:8px;padding-inline:24px}.landing-logo{width:clamp(160px,46vw,200px)}.landing-header-inner>.landing-register{display:none}.landing-menu-button{margin-left:auto;padding:10px}.landing-menu-button svg{width:24px;height:24px}.landing-hero{background-color:#faf8f1;background-image:linear-gradient(90deg,#faf8f1,#faf8f1e8 35%,#faf8f173 65%,#faf8f100),url(/images/mobile-mosque-blossoms.webp);background-size:cover;background-position:100%}.landing-hero-inner{padding:20px 24px}.landing-hero-copy{gap:8px}.landing-hero h1{font-size:clamp(32px,8.7vw,44px)}.landing-welcome{font-size:clamp(21px,6vw,29px);letter-spacing:-.025em}.landing-intro{font-size:clamp(16px,4.25vw,20px)}.landing-description{font-size:14px;max-width:285px;line-height:1.45}.landing-profile-button{min-height:50px;padding:12px 20px}.landing-trust{padding-block:0 12px}.landing-marks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:0;min-height:64px;padding:10px 0;background:#fffdf8ed;border-radius:14px}.landing-marks li{flex-direction:column;justify-content:flex-start;gap:4px;min-width:0;padding-inline:4px;font-size:10px;line-height:1.15;text-align:center;white-space:normal}.landing-marks li+li{border-left:1px solid #e6d0bc;padding-left:4px}.landing-marks li span{max-width:72px}.landing-marks svg{width:23px;height:23px}.landing-marks li:nth-child(2n) svg{color:#5b9183}.landing-steps-panel{padding:12px 8px;background:#fffdf8b3;border-radius:14px}.landing-page h2{font-size:28px}.landing-steps-intro{margin:0 auto 12px;max-width:48ch;padding-inline:12px;font-size:13px;line-height:1.4;color:#4b5767;text-align:center}.landing-step-grid{grid-template-columns:1fr;grid-template-rows:none;gap:8px;margin-top:0}.landing-step-grid li{grid-row:auto;grid-template-columns:56px minmax(0,1fr) 20px;grid-template-rows:auto;align-items:center;gap:12px;min-height:80px;padding:10px;background:#ffffffbd;border-radius:14px;text-align:left}.landing-step-illustration{width:56px;height:56px;margin:0}.landing-step-illustration>svg{width:40px;height:40px}.landing-step-copy{display:block;min-width:0}.landing-step-grid h3{font-size:15px;line-height:1.2;max-width:none;margin:0;letter-spacing:-.02em}.landing-step-grid p{font-size:13px;line-height:1.35;max-width:none;margin:4px 0 0}.landing-step-number{width:21px;height:21px;top:-2px;left:-5px;font-size:15px}.landing-step-arrow{display:none}.landing-step-details{display:grid;place-items:center;width:32px;height:44px;margin-inline:-6px;color:#b9564c;border-radius:10px;transition:background-color .18s}.landing-step-details:hover{background:#fce9e2}.landing-step-details>svg{width:20px;height:20px}.landing-values{padding-block:12px}.landing-values ul{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:8px 0;background:#fffdf8b3;border-radius:14px}.landing-values li{padding-inline:4px;min-width:0}.landing-values li+li{border-left:1px solid #e6d0bc}.landing-value-icon{width:34px;height:34px;margin-bottom:6px}.landing-value-icon>svg{width:22px;height:22px}.landing-values h3{font-size:9px;max-width:85px;line-height:1.2}.landing-faq-panel{grid-template-columns:1fr;gap:24px;padding:24px 16px;border-radius:20px}.landing-faq-intro{padding:0 4px}.landing-faq-eyebrow{margin-bottom:12px}.landing-faq h2{max-width:none;font-size:26px}.landing-faq-intro>p{max-width:38ch;margin-top:12px;font-size:14px}.landing-faq-link{margin-top:12px}.landing-faq-list{gap:10px}.landing-faq-trigger{padding:16px;min-height:68px;gap:12px;font-size:14px}.landing-faq-answer p{padding:0 16px 16px;font-size:13px}.landing-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px;padding-bottom:24px}.landing-footer-brand{grid-column:1/-1}.landing-footer-logo{width:210px}.landing-footer-brand>p{max-width:38ch;font-size:13px}.landing-footer-location{margin-top:16px;font-size:11px}.landing-footer-heading{margin:0 0 8px;font-size:11px}.landing-footer-grid nav a{min-height:44px;padding-block:12px;font-size:13px}.landing-footer-bottom{flex-direction:column;align-items:stretch;gap:12px;padding-top:20px;font-size:11px}.landing-footer-bottom-links{justify-content:space-between;gap:16px}.landing-footer-bottom nav{gap:16px}.landing-footer-bottom a{min-height:44px}}@media (max-width:420px){.landing-header-inner>.landing-register{display:none}.landing-menu-button{margin-left:auto}}@media (max-width:359px){.landing-header,.landing-page{--landing-gutter:16px}.landing-header-inner,.landing-hero-inner{padding-inline:20px}.landing-step-grid li{grid-template-columns:48px minmax(0,1fr) 16px;gap:8px}.landing-step-illustration{width:48px;height:48px}.landing-step-illustration>svg{width:34px;height:34px}.landing-step-grid h3{font-size:14px}.landing-step-grid p{font-size:12px}.landing-marks li{font-size:9px}}@media (prefers-reduced-motion:reduce){.landing-button,.landing-button-arrow>svg,.landing-faq-answer,.landing-faq-item,.landing-faq-toggle,.landing-faq-toggle>svg,.landing-footer a,.landing-menu-button,.landing-step-details{transition:none}.landing-button:hover .landing-button-arrow>svg{transform:none}}