/* Homepage application access. Existing business forms and routes are retained. */
:root{--home-ink:#132c43;--home-purple:#3026a6;--home-border:#e1e7ee}
html{scroll-padding-top:94px}
.home-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}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #e7b126;outline-offset:4px}
.navbar{height:78px;padding:0 max(24px,calc((100vw - 1240px)/2));box-shadow:none;gap:22px}
.logo{gap:12px;flex-shrink:0}.logo-img{height:42px;max-width:116px;object-fit:contain}.logo-text{font-size:15px;white-space:nowrap}
.nav-links{gap:3px}.nav-links a{font-size:12px;padding:12px 10px;border-radius:8px;min-height:44px;display:inline-flex;align-items:center;gap:7px}
.nav-links .btn-connect{background:var(--home-ink)!important;border-radius:9px!important;padding:12px 16px!important;margin-left:8px}
.nav-links .btn-connect:hover{background:#224965!important}
.nav-links .home-nav-apps{color:var(--home-purple);font-weight:750}
.mobile-toggle{width:44px;height:44px;border:1px solid var(--home-border);border-radius:9px;cursor:pointer;flex-shrink:0;align-items:center;justify-content:center}
.home-hero{display:block;min-height:0;padding:132px max(24px,calc((100vw - 1180px)/2)) 64px;background-image:linear-gradient(90deg,rgba(9,28,48,.97) 0%,rgba(9,28,48,.91) 42%,rgba(9,28,48,.65) 100%),url('https://images.pexels.com/photos/209271/pexels-photo-209271.jpeg?cs=srgb&dl=pexels-pixabay-209271.jpg&fm=jpg');background-position:center}
.home-hero-layout{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(360px,.87fr);gap:64px;align-items:center;max-width:1180px;margin:0 auto}
.home-hero .hero-content{max-width:610px;min-width:0}
.home-hero .hero-badge{font-size:10px;letter-spacing:1.4px;font-weight:700;border:0;background:transparent;padding:0;margin-bottom:25px;color:#c9d5df;gap:10px}
.home-badge-dot{height:7px;width:7px;border-radius:50%;background:#f4c33e;flex-shrink:0}
.home-hero h1{font-size:clamp(37px,4.2vw,59px);line-height:1.12;letter-spacing:-1.7px;margin-bottom:23px}
.home-hero h1 span{color:#a8cbed;font-weight:500;font-size:.86em}
.home-hero .hero-content>p{font-size:16px;color:#c8d3df;max-width:490px;line-height:1.8;margin-bottom:30px}
.home-hero .hero-buttons{gap:19px;align-items:center}
.home-button{min-height:48px;display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:13px 18px;border-radius:10px;font-size:13px;line-height:1.35;font-weight:700;border:1px solid transparent;text-decoration:none;transition:background .16s,box-shadow .16s;max-width:100%;text-align:center}
.home-button-light{background:#fff;color:#173650;box-shadow:0 4px 16px #0001}.home-button-light:hover{background:#eaf2f9}
.home-service-link{color:#e5edf5;font-size:12px;font-weight:600;display:inline-flex;gap:10px;align-items:center;min-height:44px;text-underline-offset:5px}.home-service-link:hover{text-decoration:underline}
.home-hero-caption{display:flex;align-items:center;gap:10px;color:#91a6ba;font-size:11px;margin-top:44px}.home-hero-caption span{width:25px;height:1px;background:#708da5}
.home-apps{color:var(--home-ink);background:#f8faff;border:1px solid #ffffff6e;border-radius:22px;padding:24px;box-shadow:0 24px 64px #0003;scroll-margin-top:96px;min-width:0}
.home-apps-heading{padding:0 2px 18px}.home-eyebrow{display:block;color:#6e7e90;font-size:9px;font-weight:750;letter-spacing:1.65px;margin-bottom:5px}.home-apps-heading h2{font-size:23px;line-height:1.3;color:var(--home-ink);letter-spacing:-.5px}
.home-app{background:#fff;border:1px solid var(--home-border);border-radius:15px;padding:20px;min-width:0}
.home-app-connect{border-color:#d9d5f4;box-shadow:0 3px 12px #3026a608}
.home-app-heading{display:flex;align-items:center;gap:14px;margin-bottom:18px;min-width:0}.home-app-heading>div{min-width:0}
.home-app-logo-link{display:block;flex:0 0 68px;line-height:0;border-radius:16px;overflow:hidden}.home-connect-logo{display:block;width:68px;height:68px;object-fit:cover;border-radius:16px}
.home-app-category{font-size:8px;line-height:1.4;font-weight:750;letter-spacing:1.15px;color:#6962a1;display:block;margin-bottom:4px}
.home-app h3{font-size:21px;line-height:1.2;letter-spacing:-.55px;color:var(--home-ink);margin:0 0 5px}
.home-hero .home-app-description{font-size:11px;line-height:1.5;color:#6a7789;margin:0;max-width:none}
.home-button-connect{background:var(--home-purple);color:#fff;width:100%;justify-content:space-between}.home-button-connect:hover{background:#251c8d;box-shadow:0 3px 12px #3026a62e}
.home-download{display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;margin-top:8px;font-weight:600;font-size:11px;color:#4e4a83;border-radius:9px}.home-download:hover{background:#f3f1fd}.home-download .fa-download{font-size:10px;margin-left:6px;color:#8782ad}.home-download .fa-android{font-size:15px}
.home-app-jawal{margin-top:12px;padding:17px 20px;background:#fff}.home-app-jawal .home-app-heading{gap:11px;margin-bottom:14px}.home-app-jawal h3{font-size:16px;letter-spacing:0;margin-bottom:3px}.home-app-jawal .home-app-category{color:#697d8e;font-size:8px}
.home-jawal-symbol{display:grid;place-items:center;flex:0 0 43px;height:43px;border-radius:11px;background:#edf3f8;color:#385774;font-size:19px}
.home-jawal-actions{display:flex;align-items:stretch;gap:8px}.home-jawal-actions .home-button{padding:10px 11px;font-size:11px;min-height:43px}.home-button-jawal{flex:1;color:#284762;background:#edf3f8;border-color:#e2eaf1;justify-content:space-between}.home-button-jawal:hover{background:#dce9f4}.home-button-android{color:#405c4b;background:white;border-color:#dce6df;gap:7px}.home-button-android:hover{background:#f0f7f1}
.home-hero .home-apps-footnote{display:flex;justify-content:center;align-items:center;gap:7px;font-size:9px;line-height:1.5;color:#7c8899;margin:15px 0 0;max-width:none}
.home-hero .home-ios-note,.home-hero .home-ios-help p{color:#66748b;font-size:12px;margin:12px 0 0;line-height:1.6}.home-ios-help{font-size:11px;color:#3e5571;margin-top:14px}.home-ios-help summary{cursor:pointer;min-height:35px;align-content:center}.home-ios-help[hidden],.home-ios-note[hidden],[data-android-download][hidden]{display:none!important}
.service-card,.gallery-item{border-radius:12px}.cta-section .btn-white{min-height:48px;border-radius:10px;padding:12px 22px}.career-form-card .btn-primary{min-height:48px;border-radius:9px}
.home-install-prompt{position:fixed;bottom:calc(14px + env(safe-area-inset-bottom));left:14px;right:14px;z-index:1010;max-width:430px;margin:auto;padding:18px;background:white;border:1px solid #dbe1ee;border-radius:17px;box-shadow:0 12px 42px #122c4a38;color:var(--home-ink)}
.home-install-prompt[hidden]{display:none}.home-install-top{display:flex;align-items:center;gap:11px}.home-install-top img{border-radius:11px;flex-shrink:0}.home-install-top strong{font-size:14px}.home-install-prompt p{font-size:12px;color:#68778c;margin:10px 0 14px}.home-install-actions{display:flex;gap:9px}.home-install-actions a{flex:1}.home-install-actions button{font:600 12px Inter,Arial,sans-serif;background:white;border:1px solid #dbe1ee;border-radius:10px;padding:10px 13px;color:#526276;cursor:pointer}
@media(min-width:981px){.nav-links{display:flex!important}.mobile-toggle{display:none}}
@media(max-width:1100px){.navbar{padding:0 24px}.nav-links a{font-size:11px;padding:12px 8px}.home-hero-layout{gap:32px}.home-hero{padding-left:32px;padding-right:32px}.home-apps{padding:20px}.home-hero .hero-buttons{gap:10px}.home-hero .home-button-light{font-size:12px}}
@media(max-width:980px){.navbar{height:68px}.nav-links{display:none;position:absolute;top:67px;left:0;right:0;background:#fff;padding:14px 22px 22px;box-shadow:0 16px 24px #132c4314;border-bottom:1px solid var(--home-border);flex-direction:column;align-items:stretch;gap:3px}.nav-links.is-open{display:flex}.nav-links a{font-size:13px;padding:13px 14px}.nav-links .btn-connect{margin:5px 0 0}.mobile-toggle{display:inline-flex}.home-hero{padding-top:112px;padding-bottom:46px}.home-hero-layout{grid-template-columns:minmax(0,1fr) minmax(340px,1fr);gap:28px}.home-hero h1{font-size:38px}.home-hero .hero-content>p{font-size:14px}.home-hero .hero-badge{font-size:8px;letter-spacing:1px}.home-hero-caption{display:none}.home-apps{padding:17px}.home-app{padding:17px}.home-app-jawal{padding:16px}.home-connect-logo{width:58px;height:58px;border-radius:13px}.home-app-logo-link{flex-basis:58px}.home-app h3{font-size:19px}.home-app-jawal h3{font-size:16px}}
@media(max-width:760px){.home-hero{padding:100px 20px 32px}.home-hero-layout{grid-template-columns:minmax(0,1fr);gap:29px;max-width:540px}.home-hero .hero-content{max-width:none}.home-hero .hero-badge{margin-bottom:17px;font-size:9px;letter-spacing:1px}.home-hero h1{font-size:38px;letter-spacing:-1.2px;margin-bottom:15px}.home-hero h1 span{font-size:.86em}.home-hero .hero-content>p{font-size:13px;line-height:1.7;margin-bottom:19px;max-width:470px}.home-hero .hero-buttons{gap:10px 18px}.home-button-light{min-height:47px;padding:12px 15px}.home-service-link{font-size:11px}.home-apps{padding:18px;border-radius:19px}.home-apps-heading{padding-bottom:14px}.home-apps-heading h2{font-size:21px}.home-app{padding:18px}.home-connect-logo{width:62px;height:62px}.home-app-logo-link{flex-basis:62px}.home-app h3{font-size:21px}.home-app-jawal h3{font-size:16px}.home-app-jawal{padding:16px 18px}.home-hero .home-apps-footnote{font-size:9px}.logo-img{height:36px;max-width:100px}.logo-text{font-size:13px}.logo{gap:9px}.navbar{padding:0 18px}}
@media(max-width:370px){.home-hero{padding-left:14px;padding-right:14px}.home-hero h1{font-size:33px}.home-hero .hero-buttons{gap:2px}.home-hero .hero-buttons>a{width:100%;justify-content:center}.home-apps{padding:14px}.home-app{padding:14px}.home-app-heading{gap:10px}.home-connect-logo{width:52px;height:52px;border-radius:12px}.home-app-logo-link{flex-basis:52px}.home-app h3{font-size:19px}.home-app-jawal h3{font-size:15px}.home-app-category{font-size:7px;letter-spacing:.9px}.home-jawal-actions{flex-wrap:wrap}.home-jawal-actions>a{flex:1 1 auto}.home-jawal-symbol{flex-basis:36px;height:39px}.home-hero .home-app-description{font-size:10px}.logo-text{font-size:12px}}
.home-apps{scroll-margin-top:16px}
.home-hero .home-app-description{font-size:12px}
.home-download{font-size:12px}
.home-jawal-actions .home-button{min-height:44px;font-size:12px}
.home-hero .home-apps-footnote{font-size:10px}
@media(max-width:760px){.home-hero .hero-content>p{font-size:14px}}
@media(max-width:370px){.home-hero .home-app-description{font-size:11px}.home-hero .home-apps-footnote{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1!important;transform:none!important;transition:none!important}.home-button{transition:none}}
