:root{color-scheme:light;--screen-shadow:#0f1b2d73;--screen-shadow-strong:#0009;--panel-check:#c8a24a;--ground:#f4efe3;--surface:#fcf9f2;--raised:#eae2d0;--line:#d6ccb6;--text:#0f1b2d;--text2:#465066;--gold:#8a6a1f;--label:var(--text);--btn-bg:#0f1b2d;--btn-fg:#f4efe3;--frame:#0f1b2d;--panel:#0f1b2d;--panel-text:#f4efe3}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--screen-shadow:var(--screen-shadow-strong);--ground:#0f1b2d;--surface:#17263c;--raised:#22344f;--line:#2e3f5b;--text:#f4efe3;--text2:#b6becc;--gold:#c8a24a;--label:var(--gold);--btn-bg:#c8a24a;--btn-fg:#0f1b2d;--frame:#2e3f5b;--panel:#17263c;--panel-text:#f4efe3}}:root[data-theme=dark]{color-scheme:dark;--screen-shadow:var(--screen-shadow-strong);--ground:#0f1b2d;--surface:#17263c;--raised:#22344f;--line:#2e3f5b;--text:#f4efe3;--text2:#b6becc;--gold:#c8a24a;--label:var(--gold);--btn-bg:#c8a24a;--btn-fg:#0f1b2d;--frame:#2e3f5b;--panel:#17263c;--panel-text:#f4efe3}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-display:optional;src:url(/fonts/IBMPlexSans-Regular.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-display:optional;src:url(/fonts/IBMPlexSans-SemiBold.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:optional;src:url(/fonts/IBMPlexSansArabic-Regular.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:600;font-display:optional;src:url(/fonts/IBMPlexSansArabic-SemiBold.woff2)format("woff2")}*{box-sizing:border-box}body{background:var(--ground);color:var(--text);min-height:100vh;margin:0;font-family:IBM Plex Sans,sans-serif;font-size:17px;line-height:1.6}:lang(ar){letter-spacing:0;font-family:IBM Plex Sans Arabic,IBM Plex Sans,sans-serif}html:lang(ar) body{font-size:18px;line-height:1.8}:lang(en){font-family:IBM Plex Sans,sans-serif}a{color:inherit}a:hover{opacity:.8}button,summary{cursor:pointer}button{font:inherit}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.container{max-width:1168px;margin-inline:auto;padding-inline:24px}.skip-link{background:var(--surface);z-index:3;padding:10px 16px;position:absolute;inset-block-start:8px;inset-inline-start:16px;transform:translateY(-200%)}.skip-link:focus{transform:none}.site-header{border-bottom:1px solid var(--line);background:var(--ground);position:relative}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-block:18px;display:flex}.brand{align-items:center;gap:12px;font-size:22px;font-weight:600;text-decoration:none;display:flex}.brand img{width:36px;height:36px}html:lang(ar) .brand{font-size:24px}.main-nav,.primary-links{flex-wrap:wrap;align-items:center;gap:28px;font-size:16px;display:flex}html:lang(ar) .main-nav,html:lang(ar) .primary-links{font-size:17px}.primary-links a{text-decoration:none}.get-app{background:var(--btn-bg);color:var(--btn-fg);border-radius:999px;padding:10px 20px;font-weight:600;text-decoration:none}html:lang(ar) .get-app{padding-block:8px}.icon-button{background:var(--ground);width:44px;height:44px;color:var(--text);border:0;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.icon-button svg{width:24px;height:24px}.theme-button{display:none}html.js .theme-button{display:flex}.theme-icon{display:none}[data-choice=auto] .theme-auto,[data-choice=light] .theme-light,[data-choice=dark] .theme-dark{display:block}.phone-menu{display:none}main{padding-block:88px 72px}h1{letter-spacing:-.01em;overflow-wrap:anywhere;margin:0 0 24px;font-size:60px;font-weight:600;line-height:1.08}html:lang(ar) h1{letter-spacing:0;font-size:58px;line-height:1.3}.site-footer{border-top:1px solid var(--line)}.footer-inner{color:var(--text2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding-block:40px;font-size:15px;display:flex}html:lang(ar) .footer-inner{font-size:16px}.footer-brand{align-items:center;gap:10px;display:flex}.footer-brand img{flex:none;width:24px;height:24px}.footer-nav{flex-wrap:wrap;gap:24px;display:flex}.phone-privacy{display:none}@media (width<760px){.container{padding-inline:16px}html:lang(ar) body{font-size:17px}.header-inner{flex-wrap:nowrap;gap:8px;padding-block:14px}.brand{gap:10px;font-size:20px}.brand img{width:32px;height:32px}html:lang(ar) .brand{font-size:21px}.main-nav{flex-wrap:nowrap;gap:4px}.main-nav .language-link{padding:10px 8px}.primary-links,.main-nav>.get-app{display:none}.phone-menu{display:block}summary{list-style:none}summary::-webkit-details-marker{display:none}.menu-links{z-index:2;background:var(--surface);border-bottom:1px solid var(--line);flex-direction:column;gap:16px;padding:24px 16px;display:flex;position:absolute;inset-block-start:100%;inset-inline:0}.menu-links .get-app{align-self:start}main{padding-block:40px 48px}h1{font-size:38px;line-height:1.1}html:lang(ar) h1{font-size:36px;line-height:1.35}.footer-inner{flex-direction:column;align-items:start;gap:14px;padding-block:28px 36px;font-size:14px}html:lang(ar) .footer-inner{font-size:15px}.footer-nav{gap:20px}.footer-brand,.desktop-privacy{display:none}.phone-privacy{display:inline}}main.container:has(>.home-page){max-width:none;padding:0}.home-page h2{margin:0 0 12px;font-size:36px;font-weight:600;line-height:1.2}.home-page h3{margin:0 0 4px;font-size:20px;font-weight:600}.home-page p{margin:0}.home-page ul,.date-steps{margin:0;padding:0;list-style:none}.home-hero{flex-wrap:wrap;align-items:center;gap:56px;padding-block:88px 72px;display:flex}.hero-copy{flex:460px;min-width:0}.home-page .eyebrow{color:var(--label);letter-spacing:.04em;text-transform:uppercase;margin-bottom:16px;font-size:15px;font-weight:600}.home-hero h1 span{display:block}.home-page .hero-intro{color:var(--text2);max-width:520px;margin-bottom:36px;font-size:20px}.store-buttons{flex-wrap:wrap;gap:12px;display:flex}.store-button{border-radius:14px;align-items:center;gap:10px;min-height:56px;padding:14px 26px;font-weight:600;text-decoration:none;display:inline-flex}.store-button svg{flex:none}.app-store{background:var(--btn-bg);color:var(--btn-fg)}.google-play{border:1.5px solid var(--line);background:var(--surface)}.home-page .platforms{color:var(--text2);margin-top:20px;font-size:15px}.hero-screens{flex:420px;justify-content:center;align-items:flex-start;gap:24px;min-width:0;display:flex}.device-frame{box-sizing:content-box;border:10px solid var(--frame);background:var(--surface);border-radius:44px;width:268px;overflow:hidden}.hero-screens .device-frame{box-shadow:0 30px 60px -30px var(--screen-shadow)}.screen-calendar{border-width:9px;border-radius:38px;width:228px;margin-top:72px}.screen-image{width:100%;height:auto;display:block}.screen-dark{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .screen-light{display:none}:root:not([data-theme=light]) .screen-dark{display:block}}:root[data-theme=dark] .screen-light{display:none}:root[data-theme=dark] .screen-dark,.hero-auto{display:block}.hero-override{display:none}.screen-home .screen-image{aspect-ratio:268/580}.hero-override img:not([src]){visibility:hidden}@media not (prefers-color-scheme:dark){:root[data-theme=dark] .hero-auto{display:none}:root[data-theme=dark] .hero-override{display:block}}@media (prefers-color-scheme:dark){:root[data-theme=light] .hero-auto{display:none}:root[data-theme=light] .hero-override{display:block}}.home-fasts{background:var(--surface);border-block:1px solid var(--line)}.home-fasts>.container{padding-block:80px}.home-page .section-intro{color:var(--text2);max-width:640px;margin-bottom:40px}.home-page .fast-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.fast-card{background:var(--ground);border:1px solid var(--line);border-radius:18px;padding:24px}.fast-card p{color:var(--text2);font-size:16px}.fast-marker{gap:6px;margin-bottom:16px;display:flex}.fast-marker span{box-sizing:content-box;background:var(--gold);border-radius:50%;width:10px;height:10px}.rings span{border:1.5px solid var(--text);background:0 0;width:8px;height:8px}.arafah,.short-line,.long-line{align-items:center;height:10px}.arafah span{width:auto;height:auto;color:var(--label);background:0 0;font-size:12px;font-weight:600}.short-line span,.long-line span{border-radius:2px;width:56px;height:3px}.long-line span{width:84px}.home-dates{flex-wrap:wrap;align-items:center;gap:64px;padding-block:88px;display:flex}.dates-screen{flex:300px;justify-content:center;display:flex}.dates-copy{flex:480px;min-width:0}.dates-copy .section-intro{margin-bottom:36px}.date-steps{flex-direction:column;gap:28px;display:flex}.date-steps li{gap:20px;display:flex}.step-number{background:var(--raised);border-radius:50%;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-weight:600;display:flex}.date-steps p{color:var(--text2)}.home-privacy{background:var(--panel);color:var(--panel-text)}.privacy-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:48px;padding-block:80px;display:flex}.privacy-copy{flex:420px}.privacy-copy p{opacity:.85;max-width:520px}.home-page .privacy-checks{flex:420px;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.privacy-checks li{align-items:center;gap:12px;font-weight:600;display:flex}.privacy-checks svg{color:var(--panel-check);flex:none}.home-questions{max-width:808px;margin-inline:auto;padding:88px 24px}.home-questions h2{text-align:center;margin-bottom:28px}.home-questions details{border-bottom:1px solid var(--line);padding-block:20px}.home-questions summary{font-size:19px;font-weight:600}.home-questions details p{color:var(--text2);margin-top:12px}.home-page .more-answers{text-align:center;color:var(--text2);margin-top:28px}html:lang(ar) .home-page h2{line-height:1.4}html:lang(ar) .home-page h3{font-size:21px}html:lang(ar) .home-page .eyebrow{letter-spacing:0;text-transform:none;margin-bottom:12px;font-size:17px}html:lang(ar) .hero-intro{max-width:540px}html:lang(ar) .store-button{padding-block:12px}html:lang(ar) .platforms{font-size:16px}html:lang(ar) .hero-screens .device-frame{box-shadow:0 30px 60px -30px var(--screen-shadow-strong)}html:lang(ar) .fast-card p{font-size:17px}html:lang(ar) .arafah span{font-size:13px}html:lang(ar) .home-questions summary{font-size:20px}@media (width<760px){.home-hero{padding-block:40px 48px;display:block}.home-page .eyebrow,html:lang(ar) .home-page .eyebrow{margin-bottom:8px;font-size:15px}.home-hero h1{margin-bottom:16px}.home-hero h1 span{display:inline}.home-page .hero-intro{margin-bottom:28px;font-size:18px}html:lang(ar) .home-page .hero-intro{font-size:17px}.store-buttons{flex-direction:column;gap:10px}.store-button{justify-content:center;min-height:0;padding:12px}.hero-screens{margin-top:40px;display:block}.hero-screens .screen-home{width:250px;max-width:calc(100% - 18px);box-shadow:0 24px 48px -24px var(--screen-shadow);border-width:9px;border-radius:40px;margin-inline:auto}html:lang(ar) .hero-screens .screen-home{box-shadow:0 24px 48px -24px var(--screen-shadow-strong)}.screen-calendar,.dates-screen{display:none}.home-page h2{margin-bottom:8px;font-size:26px;line-height:1.25}html:lang(ar) .home-page h2{font-size:25px;line-height:1.4}.home-fasts>.container,.home-dates,.privacy-inner{padding-block:48px}.home-page .section-intro,.dates-copy .section-intro{margin-bottom:24px}.home-page .fast-grid{flex-direction:column;gap:0;display:flex}.fast-card{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;justify-content:space-between;gap:12px;padding:14px 0;display:flex}.fast-card:last-child{border-bottom:0}.fast-marker{display:none}.home-page .fast-card h3,.fast-card p{margin:0;font-size:17px}.fast-card h3,.fast-card p{flex:1;min-width:0}.fast-card p{text-align:end}html:lang(ar) .fast-card{padding-block:12px}html:lang(ar) .home-page .fast-card h3{font-size:17px}.home-dates{display:block}.date-steps{gap:20px}.date-steps li{gap:14px}.step-number{width:32px;height:32px;font-size:14px}.home-page .date-steps h3{margin-bottom:2px;font-size:18px}html:lang(ar) .step-number{font-size:15px}html:lang(ar) .home-page .date-steps h3{font-size:19px}.privacy-inner{display:block}.privacy-copy{margin-bottom:20px}.home-page .privacy-checks{gap:12px}.privacy-checks li{gap:8px}.privacy-checks svg{width:20px;height:20px}.home-questions{padding:48px 16px}.home-questions h2{text-align:start;margin-bottom:16px}.home-questions details{padding-block:16px}.home-questions summary{font-size:17px}html:lang(ar) .home-questions details{padding-block:14px}html:lang(ar) .home-questions summary{font-size:17px}.home-questions details p{margin-top:8px}.home-page .more-answers{text-align:start;margin-top:20px}}