/* 0.7 — a calmer reading rhythm. Scoped to the public page. */
body.landing{--cream:#faf9f5;--ink:#183f32;--green:#064b39;--muted:#586d62;--line:#dce4db;background:var(--cream);font-size:18px;line-height:1.75}
.landing .wrap{width:min(1240px,calc(100% - 80px))}.landing main{overflow:clip}.landing h2{font-size:clamp(32px,3.1vw,43px);font-weight:600;line-height:1.25;letter-spacing:-.025em}.landing h3,.landing h4{letter-spacing:-.015em}.landing p{overflow-wrap:break-word}.landing .eyebrow{font-size:13px;letter-spacing:.08em;font-weight:600;line-height:1.6;color:#6a795f}.landing .eyebrow:before{width:18px}.landing .button{min-height:54px;border-radius:9px;padding:14px 24px;font-size:16px;font-weight:500;gap:18px;line-height:1.5}.landing .button:hover{transform:translateY(-2px)}.landing .text-link{font-weight:500}.landing .top{height:88px;gap:27px;background:#faf9f5f5;backdrop-filter:blur(12px);box-shadow:0 1px 0 #193e3210}.landing .top .brand img{width:138px}.landing .nav{font-size:15px;gap:25px;font-weight:500;margin-inline:auto;white-space:nowrap}.landing .nav-actions{gap:20px}.landing .nav-actions>.text-link{font-size:15px}.landing .language{font-size:15px}.landing .header-start{display:none}.landing .hero{display:grid;grid-template-columns:1fr 1.04fr;gap:0;overflow:hidden;background:#f1f3e9;border:1px solid #e2e7dc;border-radius:20px;margin-top:22px;color:var(--green)}.landing .hero-copy{padding:62px 45px 54px;display:flex;align-items:center;min-height:615px;order:0}.landing .hero-message{max-width:520px}.landing .hero h1{font-size:clamp(39px,3.6vw,52px);font-weight:600;line-height:1.15;letter-spacing:-.035em;max-width:550px;margin:26px 0 0}.landing .hero h1 em{font-style:normal;color:#967338}.landing .hero .eyebrow{color:#5a7059;max-width:400px;font-size:13px;letter-spacing:.07em}.landing .hero .eyebrow:before{background:var(--gold)}.landing .hero-message>p{font-size:18px;line-height:1.8;color:#4d6557;max-width:430px;margin-top:24px}.landing .hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 23px;margin-top:30px;flex-direction:row}.landing .hero .button.gold{background:var(--green);border-color:var(--green);color:white;box-shadow:none;min-height:56px;font-size:16px}.landing .hero .button.gold:hover{background:#12604a}.landing .hero-discover{color:var(--green);border-bottom:1px solid #9eae98;font-size:15px;padding:10px 0;gap:9px}.landing .hero-assurance{color:#64765e;font-size:14px;margin-top:29px;line-height:1.7}.landing .hero-visual{position:relative;inset:auto;height:100%;min-height:615px;border-radius:0;order:1;background:#193c30}.landing .hero-visual>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:73% center;animation:none}.landing .hero-visual:after,html[dir=rtl] .landing .hero-visual:after{background:linear-gradient(0deg,#092c2480,transparent 28%);pointer-events:none}.landing .hero-photo-caption{position:absolute;inset-inline:28px;bottom:27px;display:flex;justify-content:space-between;gap:16px;align-items:end;z-index:1;color:#fff5dc;font-size:13px;line-height:1.6}.landing .hero-photo-caption span:last-child{font-size:11px;letter-spacing:.12em;white-space:nowrap}.landing .benefits{gap:35px;padding-block:29px 35px;border-bottom:1px solid var(--line)}.landing .benefits article{align-items:start;gap:14px}.landing .benefit-symbol{width:42px;height:47px;background:transparent;color:#93763e;border-radius:0}.landing .benefits h2{font-size:18px;line-height:1.4;font-weight:600;letter-spacing:0}.landing .benefits p{font-size:16px;line-height:1.7;margin-top:6px;max-width:300px}.landing .section{padding-block:84px}.landing .intro-head,.landing .section-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;margin-bottom:34px}.landing .intro-head h2,.landing .section-heading h2{margin-top:14px;max-width:650px}.landing .intro-head>p,.landing .section-heading>p{font-size:18px;line-height:1.8;max-width:440px;color:var(--muted);margin:0}.landing .journey-tabs{border-bottom:0;padding:0;margin-bottom:0;gap:0;width:max-content;max-width:100%;border:1px solid #d7dfd1;border-radius:10px 10px 0 0;overflow:hidden}.landing .journey-tabs button{min-width:180px;min-height:57px;background:#f3f5ed;border:0;border-radius:0;padding:15px 23px;font-size:18px;font-weight:500}.landing .journey-tabs button[aria-selected=true]{background:var(--green);color:white}.landing .journey-panel{padding:38px 40px;gap:55px;background:#f0f3e9;border-color:#d7dfd1;border-radius:0 14px 14px 14px;grid-template-columns:1fr 1fr;animation:enter .25s ease-out}.landing .journey-copy .eyebrow{font-size:13px;letter-spacing:.06em}.landing .journey-copy h3{font-size:34px;line-height:1.3;font-weight:600;margin-top:16px}.landing .journey-copy>p{font-size:18px;line-height:1.8;margin:17px 0 24px;max-width:455px}.landing .journey-preview{box-shadow:none;background:#fcfcf7;padding:24px 27px;border:1px solid #e4e8dc}.landing .journey-preview-head{padding-bottom:18px;gap:17px}.landing .journey-preview-head .eyebrow{font-size:13px;font-weight:500;letter-spacing:.03em}.landing .journey-preview-head p{font-size:15px;margin-top:5px;line-height:1.65}.landing .journey-preview li{padding-block:13px;gap:17px}.landing .journey-preview li>strong{font-size:17px;font-weight:500}.landing .journey-mini-icon{width:43px;height:43px}.landing .learning{background:#edf1e7;color:var(--ink);padding-block:72px}.landing .learning-grid{grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.landing .learning-image{aspect-ratio:4/5;max-height:640px;box-shadow:none;border-radius:16px}.landing .learning-image img{object-position:center}.landing .learning h2{font-size:clamp(30px,2.9vw,40px);font-weight:600;max-width:590px;margin:16px 0 21px}.landing .learning h2 em{color:#8d6e37}.landing .learning-copy>p{font-size:18px;line-height:1.8;color:var(--muted)}.landing .learning .eyebrow{color:#64735d}.landing .features{margin-top:24px;border-color:#cfdac6}.landing .feature{grid-template-columns:25px 1fr;gap:12px;padding:18px 0;border-color:#cfdac6}.landing .feature .num{font-size:13px;color:#8d743f}.landing .feature h3{font-size:18px;line-height:1.5;font-weight:600}.landing .feature p{font-size:16px;color:var(--muted);line-height:1.75;margin-top:5px}.landing .learning-certificate{display:flex;gap:15px;align-items:start;background:#fcfbf4;padding:19px 21px;border:1px solid #dddccb;border-radius:12px;margin-top:24px}.landing .learning-certificate>span{width:29px;flex-shrink:0;color:#8d743f}.landing .learning-certificate svg{width:29px;height:32px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.landing .learning-certificate h3{font-size:18px;line-height:1.5;font-weight:600}.landing .learning-certificate p{font-size:16px;line-height:1.7;color:var(--muted);margin-top:5px}.landing .cert-boundary{font-size:13px!important;line-height:1.7!important;color:#6b7862!important;margin-top:13px!important}.landing .how-it-works h2{font-size:clamp(32px,3.1vw,43px);max-width:680px}.landing .how-phases{display:grid;grid-template-columns:.9fr 1.15fr 1fr;gap:22px;align-items:start}.landing .how-phase{padding:25px 24px 10px;background:#f0f3e9;border:1px solid #dce4d5;border-radius:13px}.landing .how-phase:nth-child(2){background:#fffdf7;border-color:#e4dfce}.landing .how-phase:last-child{background:#e9f0e7}.landing .phase-head{display:flex;gap:13px;align-items:start;padding-bottom:21px;border-bottom:1px solid #cdd8c4}.landing .phase-index{color:#8f743d;font-size:24px;line-height:1.5;font-weight:400}.landing .phase-head h3{font-size:21px;line-height:1.45;font-weight:600;max-width:250px}.landing .phase-steps{list-style:none;margin:0;padding:0}.landing .phase-steps li{display:flex;gap:12px;padding:22px 0;border-bottom:1px solid #d6dfcf}.landing .phase-steps li:last-child{border:0}.landing .phase-step-icon{color:#597255;width:24px;min-width:24px;padding-top:5px}.landing .phase-step-icon svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.landing .phase-steps h4{font-size:17px;line-height:1.5;font-weight:600;margin:0;display:flex;align-items:baseline;gap:8px}.landing .step-index{font-size:12px;color:#8d743f;font-weight:400}.landing .phase-steps p{font-size:16px;line-height:1.75;color:var(--muted);margin:8px 0 0}.landing .how-choice{font-size:15px;line-height:1.8;color:#5e715b;max-width:none;margin-top:25px;border-inline-start:2px solid #b59758;padding-inline-start:14px}.landing .how-end{margin-top:27px;display:flex;align-items:center;justify-content:space-between;gap:35px}.landing .how-end>p{font-size:14px;line-height:1.75;max-width:450px;color:#66765e}.landing .how-actions{gap:22px;flex-wrap:wrap}.landing .mobile-companion{width:min(1240px,calc(100% - 80px));margin-block:0 84px;border-radius:20px;background:#eaf0e5}.landing .companion-top{padding:48px 48px 36px;gap:65px;grid-template-columns:1.2fr .8fr}.landing .companion-copy h2{font-size:clamp(32px,3vw,42px);line-height:1.25;font-weight:600;margin-top:15px;max-width:600px}.landing .companion-lead{font-size:18px;line-height:1.8}.landing .mobile-future{margin-bottom:24px;font-size:13px;padding:5px 11px}.landing .companion-features{gap:24px;margin-top:26px}.landing .companion-features h3{font-size:19px;font-weight:600;line-height:1.45;margin-bottom:7px}.landing .companion-features p{font-size:17px;line-height:1.8}.landing .companion-privacy{font-size:14px;margin-top:26px;max-width:530px}.landing .phone-figure figcaption{font-size:13px}.landing .companion-route{padding:30px 42px;background:#f3f5ed}.landing .companion-route>h3{font-size:26px;font-weight:600;line-height:1.4;margin-bottom:26px}.landing .pilgrim-stage h4{font-size:20px;font-weight:500}.landing .hajj-stages h4{font-size:19px}.landing .makkah-rites{gap:12px}.landing .makkah-rites li{font-size:17px}.landing .route-heading{font-size:13px;line-height:1.7;margin-bottom:21px}.landing .companion-note{margin-top:26px;padding-top:18px;border-top:1px solid #d9e1d1}.landing .companion-note summary{font-size:14px;font-weight:400;line-height:1.7;max-width:none}.landing .companion-note summary:after{font-size:21px}.landing .companion-note p{font-size:14px;line-height:1.8;max-width:950px;margin-top:12px}.landing .agency{padding:0 0 84px}.landing .agency-grid{grid-template-columns:1fr 1fr;gap:80px;padding:42px;background:#f0f2e9;border:1px solid #dfe5d7;border-radius:16px}.landing .agency h2{font-size:35px;line-height:1.3;font-weight:600;margin-top:17px}.landing .agency h2>span{color:#78846b}.landing .agency-copy>p{font-size:18px;line-height:1.8;margin:21px 0 25px}.landing .agency-copy .agency-note{font-size:14px;line-height:1.75;margin-bottom:0}.landing .agency-list{border-top:0}.landing .agency-item{padding:0 0 23px;margin-bottom:23px;border-color:#d3ddca;gap:16px}.landing .agency-item:last-child{margin-bottom:0;padding-bottom:0;border:0}.landing .agency-item>.agency-glyph{font-size:0;border:0;position:static;width:32px;height:36px;background:none;border-radius:0;color:#8d743f}.landing .agency-glyph svg{width:32px;height:36px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.landing .agency-item>.agency-glyph:after{display:none}.landing .agency-item h3{font-size:19px;font-weight:600;line-height:1.5}.landing .agency-item p{font-size:17px;line-height:1.75;margin-top:7px}.landing .faq{padding-block:0 84px}.landing .faq-grid{grid-template-columns:.75fr 1.25fr;gap:85px}.landing .faq h2{margin-top:15px;font-size:35px;max-width:350px}.landing .faq details{padding:23px 0}.landing .faq summary{font-size:18px;font-weight:500;line-height:1.6}.landing .faq details p{font-size:17px;line-height:1.8}.landing .closing{border-radius:16px;padding:47px 40px;background:#124d3b;text-align:center}.landing .closing h2{font-size:clamp(30px,3vw,42px);font-weight:500;max-width:820px;margin:16px auto 20px;line-height:1.3}.landing .closing .eyebrow{color:#d2bf8f;font-size:13px}.landing .closing p{font-size:18px;line-height:1.8;max-width:620px;color:#d7e3d2;margin-bottom:25px}.landing .closing:before,.landing .closing:after{width:480px;height:480px}.landing .footer{padding-block:34px 26px;font-size:14px}.landing .footer>p{max-width:390px;font-size:14px}.landing .footer-bottom{font-size:13px}.landing .mobile-start .button{font-size:16px}.landing .intro-head>div,.landing .section-heading>div{min-width:0}html[dir=rtl] .landing .hero-message{margin:0}html[dir=rtl] .landing .hero h1{font-size:clamp(36px,3.2vw,47px);line-height:1.5}html[dir=rtl] .landing h2{line-height:1.5}html[dir=rtl] .landing .journey-panel{border-radius:14px 0 14px 14px}
@media(min-width:1550px){.landing .hero h1{font-size:53px}}
@media(max-width:1150px){.landing .wrap,.landing .mobile-companion{width:calc(100% - 56px)}.landing .nav{gap:17px;font-size:14px}.landing .top{gap:18px}.landing .nav-actions{gap:15px}.landing .hero-copy{padding:45px 30px;min-height:610px}.landing .hero-visual{min-height:610px}.landing .hero h1{font-size:42px}.landing .hero-message>p{font-size:18px}.landing .hero-actions{gap:12px 16px}.landing .hero-assurance{max-width:350px}.landing .learning-grid{gap:40px}.landing .intro-head,.landing .section-heading{gap:35px}.landing .journey-panel{gap:35px;padding:30px}.landing .companion-top{padding:38px 34px;gap:30px}.landing .how-phases{gap:15px;grid-template-columns:1fr 1.12fr 1fr}.landing .how-phase{padding:22px 17px 6px}.landing .phase-head{gap:10px}.landing .phase-head h3{font-size:20px}.landing .phase-steps li{gap:9px}.landing .phase-steps h4{display:block}.landing .step-index{margin-inline-end:7px}.landing .how-end{display:block}.landing .how-end>p{max-width:none}.landing .how-actions{margin-top:22px}.landing .agency-grid{gap:45px;padding:35px}.landing .agency h2{font-size:32px}.landing .faq-grid{gap:45px}}
@media(max-width:900px){.landing .nav{display:none}.landing .nav-login{display:block}.landing .menu-toggle{display:block;border:1px solid var(--line);border-radius:6px;background:transparent;padding:5px 10px;font-size:20px}.landing .top.menu-open .nav{display:flex;position:absolute;inset-inline:0;top:78px;padding:23px;background:var(--cream);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 30px #123e3114;flex-direction:column;font-size:17px;gap:20px}.landing .nav-actions{margin-inline-start:auto}.landing .hero h1{font-size:38px}.landing .hero-copy{padding:35px 25px}.landing .hero-assurance{font-size:13px}.landing .hero .button.gold{font-size:15px;padding-inline:17px}.landing .benefits{gap:20px}.landing .benefits h2{font-size:17px}.landing .benefits p{font-size:15px}.landing .how-phases{grid-template-columns:1fr}.landing .how-phase{padding:24px}.landing .phase-head h3{max-width:none;font-size:22px}.landing .phase-steps{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.landing .phase-steps li{border:0}.landing .phase-steps h4{display:flex}.landing .phase-steps p{font-size:17px}.landing .companion-top{grid-template-columns:1fr 1fr;gap:25px}.landing .companion-features p{font-size:16px}.landing .companion-top .iphone-frame{width:280px}.landing .companion-top .phone-halo{max-width:110%}.landing .route-groups{gap:30px}.landing .hajj-stages{grid-template-columns:1fr}.landing .companion-copy h2{font-size:33px}.landing .companion-lead{font-size:17px}.landing .companion-features article{gap:12px}.landing .feature-glyph{min-width:28px;width:28px}.landing .feature-glyph svg{width:27px}.landing .agency-grid{gap:30px}}
@media(max-width:700px){.landing .wrap,.landing .mobile-companion{width:calc(100% - 36px)}.landing .top{height:78px;gap:15px}.landing .top .brand img{width:120px}.landing .nav-actions>.text-link{display:none}.landing .hero{display:flex;flex-direction:column;margin-top:10px;border-radius:15px}.landing .hero-copy{min-height:0;padding:31px 26px 33px;order:0}.landing .hero h1{font-size:40px;max-width:none;margin-top:20px}.landing .hero-message{max-width:none}.landing .hero-message>p{max-width:540px;font-size:18px;line-height:1.8;margin-top:20px}.landing .hero .eyebrow{font-size:13px;max-width:none}.landing .hero-actions{gap:16px 24px;align-items:center;flex-direction:row}.landing .hero .button.gold{font-size:16px;width:auto;justify-content:center;padding:14px 22px}.landing .hero-assurance{font-size:14px;max-width:none;margin-top:23px}.landing .hero-visual{height:315px;min-height:315px;order:1}.landing .hero-visual>img{object-position:center 58%}.landing .hero-photo-caption{inset-inline:24px;bottom:20px}.landing .hero-discover{font-size:15px}.landing .benefits{grid-template-columns:1fr;padding-block:28px;gap:22px}.landing .benefits article{gap:15px}.landing .benefits h2{font-size:18px}.landing .benefits p{font-size:16px;max-width:none}.landing .section{padding-block:56px}.landing .intro-head,.landing .section-heading{display:block;margin-bottom:27px}.landing h2,.landing .how-it-works h2{font-size:32px}.landing .intro-head>p,.landing .section-heading>p{font-size:17px;line-height:1.8;margin-top:19px;max-width:none}.landing .journey-panel{grid-template-columns:1fr;padding:27px 23px;gap:27px}.landing .journey-tabs{width:100%}.landing .journey-tabs button{min-width:0;flex:1;gap:14px;padding:14px 19px;font-size:18px}.landing .journey-copy h3{font-size:30px}.landing .journey-copy>p{font-size:17px;margin:17px 0 23px;max-width:none}.landing .journey-copy .button{width:100%;justify-content:space-between}.landing .journey-preview{padding:20px}.landing .journey-preview-head{display:flex}.landing .journey-preview li>strong{font-size:17px}.landing .journey-preview-head p{font-size:15px}.landing .learning-grid{grid-template-columns:1fr;gap:32px}.landing .learning{padding-block:47px}.landing .learning-image{aspect-ratio:4/3;max-height:440px;order:1}.landing .learning-copy{order:0}.landing .learning h2{font-size:32px;max-width:none}.landing .learning-copy>p{font-size:17px}.landing .learning .feature p,.landing .learning-certificate p{font-size:17px}.landing .feature h3{font-size:19px}.landing .phase-steps{grid-template-columns:1fr}.landing .phase-steps li{padding:19px 0;border-bottom:1px solid #d6dfcf}.landing .phase-steps li:last-child{border:0}.landing .phase-head{padding-bottom:17px}.landing .phase-steps h4{font-size:18px}.landing .how-choice{font-size:15px;margin-top:23px}.landing .how-end>p{font-size:14px}.landing .how-actions .button{width:auto}.landing .mobile-companion{margin-bottom:56px;border-radius:15px}.landing .companion-top{grid-template-columns:1fr;padding:32px 25px;gap:26px}.landing .companion-copy h2{font-size:32px}.landing .companion-features p{font-size:17px}.landing .companion-features article{gap:13px}.landing .companion-lead{font-size:17px}.landing .phone-figure{padding-top:6px;margin:0}.landing .companion-route{padding:28px 25px}.landing .route-groups{grid-template-columns:1fr;gap:28px}.landing .hajj-route{border-top:1px solid #d9e1d1;padding-top:24px}.landing .hajj-stages{grid-template-columns:1fr 1fr;gap:23px 15px}.landing .hajj-stages .pilgrim-stage{gap:9px}.landing .hajj-stages .rite-icon{width:40px;min-width:40px;height:47px}.landing .hajj-stages .rite-icon svg{width:27px}.landing .hajj-stages h4{font-size:17px}.landing .companion-route>h3{font-size:25px}.landing .companion-privacy{font-size:14px}.landing .agency{padding-bottom:56px}.landing .agency-grid{grid-template-columns:1fr;padding:29px 24px;gap:33px}.landing .agency h2{font-size:30px}.landing .agency-copy>p{font-size:17px}.landing .agency-item p{font-size:17px}.landing .agency-copy .button{width:100%;justify-content:space-between}.landing .faq{padding-bottom:56px}.landing .faq-grid{grid-template-columns:1fr;gap:25px}.landing .faq h2{font-size:32px;max-width:none}.landing .faq details{padding-block:21px}.landing .faq summary{font-size:18px}.landing .faq details p{font-size:17px}.landing .closing{padding:34px 25px;border-radius:15px}.landing .closing h2{font-size:31px}.landing .closing p{font-size:17px}.landing .closing .button{font-size:16px}.landing .footer{flex-direction:column;gap:22px;padding-block:30px 25px}.landing .footer>p{font-size:15px;max-width:none}.landing .footer-links{justify-content:start;gap:24px;font-size:15px}.landing .footer-bottom{flex-direction:column;gap:5px;font-size:13px;padding-bottom:100px}.landing .mobile-start{display:flex}html[dir=rtl] .landing .hero h1{font-size:35px;line-height:1.5}}
@media(max-width:380px){.landing .wrap,.landing .mobile-companion{width:calc(100% - 24px)}.landing .hero-copy{padding-inline:21px}.landing .hero h1{font-size:35px}.landing .hero .button.gold{width:100%;justify-content:space-between}.landing .hero-visual{height:270px;min-height:270px}.landing .hero-photo-caption span:last-child{display:none}.landing .companion-top{padding-inline:18px}.landing .companion-route{padding-inline:20px}.landing .companion-top .iphone-frame{width:270px}.landing .hajj-stages{grid-template-columns:1fr}.landing .phase-steps h4{display:block}.landing .nav-actions{gap:7px}.landing .language{max-width:96px}.landing .menu-toggle{padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.landing .journey-panel{animation:none}.landing .button:hover{transform:none}}