.hero{min-height:570px;padding-block:45px 48px}.hero h1{font-size:clamp(43px,4.3vw,64px)}.hero-copy>p:not(.eyebrow){font-size:17px;margin-top:20px}.hero-visual{height:455px}.hero-tablet{top:91px}.hero-phone{top:0}.hero-actions{margin-top:25px}.section{padding-block:65px}.section-title{display:block;margin-bottom:28px}.section-title h2{font-size:38px}.availability-feature{border-radius:20px}.feature-copy{padding:42px}.feature-copy h3{font-size:35px}.feature-copy>p{font-size:16px;margin-top:18px}.availability-visual{padding:25px}.availability-visual>.phone-shell{width:210px}.feature-grid{gap:20px;margin-top:20px}.feature-card{padding-bottom:0;border-radius:16px}.feature-card-copy{padding:26px 28px 23px}.feature-card-copy h3{font-size:26px;line-height:1.45}.feature-card-copy>p{font-size:14px;line-height:1.8;margin-top:12px}.card-visual{margin:0;border-radius:0;padding:25px}.phone-visual{height:410px;min-height:410px}.phone-visual>.phone-shell{width:170px}.tablet-visual{min-height:260px}.experience-section{padding-block:60px}.experience-heading h2{font-size:37px}.experience-screens{margin-top:28px}.experience-notes{margin-top:25px;padding-top:21px}.more-grid{gap:24px 38px}.compact-heading{margin-bottom:25px}.compact-heading h2{font-size:34px}.more-grid h3{font-size:20px}.more-grid p{font-size:13px;margin-top:7px}.zatca-section{padding-block:60px}.zatca-copy h2{font-size:38px}.zatca-copy>p:not(.fine-print){font-size:15px;margin-top:17px}.zatca-copy>.fine-print{margin-top:17px}.contact-section{padding-block:60px}.contact-invite{background:#e7ecdf;border:1px solid #d7dfcd;border-radius:18px;padding:40px 30px}.contact-invite h2{font-size:36px}.contact-actions{margin-top:24px}.contact-dialog{width:min(470px,calc(100vw - 32px));max-height:92dvh}.contact-dialog .dialog-heading{padding:24px 27px 19px}.contact-dialog .dialog-heading h2{font-size:24px;line-height:1.6;letter-spacing:-.3px}.contact-dialog .dialog-heading button{width:34px;height:34px;font-size:23px;background:#e8ecdf}#contact-form{padding:5px 28px 28px;text-align:right;overflow:auto;max-height:calc(92dvh - 100px)}#contact-form label{display:block;font-size:14px;font-weight:500;margin:16px 0 7px}#contact-form input{width:100%;height:49px;border:1px solid #cbd3c2;border-radius:8px;background:#fffefa;color:var(--ink);font:inherit;font-size:16px;padding:10px 13px 7px}#contact-form input[aria-invalid=true]{border-color:var(--red)}#contact-form input:focus-visible{outline:2px solid var(--red);outline-offset:2px}#branch-count{direction:ltr;text-align:right}#contact-form .button{width:100%;margin-top:25px;min-height:49px;font-size:15px}#contact-form .button:disabled{opacity:.7;cursor:wait}.contact-error{font-size:12px;line-height:1.8;color:#b23d2b;margin-top:13px}.demo-footer{font-size:9px;color:#7a8275}
@media(min-width:1500px){.hero{min-height:650px;padding-block:65px 55px}.hero-visual{height:510px}.hero-tablet{top:110px}.hero-phone{width:190px}}
@media(max-width:1150px){.hero{gap:38px;min-height:545px}.hero-visual{height:425px}.hero-tablet{top:105px}.feature-copy{padding:34px}.feature-copy h3{font-size:31px}.feature-card-copy{padding:24px}.feature-card-copy h3{font-size:24px}.feature-card-copy>p{font-size:13px}.card-visual{padding:23px 18px}.tablet-visual{min-height:240px}}
@media(max-width:950px){.hero{min-height:510px;gap:28px}.hero h1{font-size:44px}.hero-copy>p:not(.eyebrow){font-size:15px}.hero-visual{height:390px}.hero-tablet{top:122px}.hero-phone{width:140px}.feature-copy h3{font-size:29px}.feature-copy>p{font-size:14px}.feature-card-copy{padding:23px}.feature-card-copy h3{font-size:22px}.feature-card-copy>p{font-size:12px}.phone-visual{height:365px;min-height:365px}.phone-visual>.phone-shell{width:148px}.tablet-visual{min-height:215px}.experience-heading h2{font-size:32px}}
@media(max-width:760px){.hero{padding-block:34px 30px;min-height:0;gap:26px}.hero h1{font-size:47px;line-height:1.3}.hero-copy>p:not(.eyebrow){font-size:16px;margin-top:16px}.hero-actions{margin-top:22px}.hero-visual{height:365px}.hero-tablet{top:90px}.hero-phone{width:140px}.hero .eyebrow{margin-bottom:15px}.section{padding-block:47px}.section-title{margin-bottom:24px}.section-title h2{font-size:32px}.availability-visual{padding:25px;order:0}.availability-visual>.phone-shell{width:205px}.feature-copy{padding:28px}.feature-copy h3{font-size:31px}.feature-copy>p{font-size:14px;line-height:1.8;max-width:420px;margin-top:13px}.feature-card-copy{padding:25px}.feature-card-copy h3{font-size:27px}.feature-card-copy>p{font-size:14px;line-height:1.8;margin-top:11px}.card-visual{margin:0;padding:25px}.phone-visual{height:405px;min-height:405px}.phone-visual>.phone-shell{width:170px}.tablet-visual{min-height:0;padding-block:25px}.experience-section{padding-block:48px}.experience-heading h2{font-size:32px}.experience-screens{margin-top:25px;gap:28px}.experience-notes{margin-top:25px;font-size:10px;gap:12px 22px}.compact-heading h2{font-size:29px}.more-grid{gap:23px}.more-grid h3{font-size:20px}.more-grid p{font-size:12px}.zatca-section{padding-block:48px}.zatca-copy h2{font-size:34px}.zatca-copy>p:not(.fine-print){font-size:14px}.contact-section{padding-block:48px}.contact-invite{padding:31px 23px}.contact-invite h2{font-size:29px}.contact-actions{gap:22px;margin-top:23px}.contact-dialog .dialog-heading{padding:22px 23px 17px}.contact-dialog .dialog-heading h2{font-size:22px}#contact-form{padding:3px 24px 25px}footer{flex-wrap:wrap}.demo-footer{font-size:8px}}
@media(max-width:420px){.hero h1{font-size:40px}.hero-copy>p:not(.eyebrow){font-size:14px}.hero-visual{height:300px}.hero-phone{width:110px}.hero-tablet{top:86px}.hero-actions{gap:24px}.hero-actions .text-link{font-size:11px}.feature-copy{padding:25px}.feature-copy h3{font-size:28px}.feature-copy>p{font-size:13px}.feature-card-copy{padding:23px}.feature-card-copy h3{font-size:24px}.feature-card-copy>p{font-size:13px}.phone-visual{height:380px;min-height:380px}.phone-visual>.phone-shell{width:160px}.card-visual{padding:23px 18px}.availability-visual>.phone-shell{width:200px}.section-title h2{font-size:29px}.contact-invite h2{font-size:27px}.contact-actions{gap:19px}.contact-actions .phone-number{font-size:22px}.contact-dialog .dialog-heading h2{font-size:21px}#contact-form label{font-size:13px}}
@media(max-width:350px){.hero h1{font-size:35px}.hero-visual{height:265px}.hero-phone{width:98px}.hero-tablet{top:77px}.feature-card-copy h3{font-size:22px}.feature-copy h3{font-size:26px}.phone-visual{height:350px;min-height:350px}.phone-visual>.phone-shell{width:146px}.contact-invite h2{font-size:24px}.contact-actions{gap:19px}#contact-form{padding-inline:20px}.contact-dialog .dialog-heading{padding-inline:20px}.contact-dialog .dialog-heading h2{font-size:19px}}
.hero{min-height:0}.hero-visual{height:auto;padding-top:100px}.hero-tablet{position:relative;top:auto}
@media(max-width:760px){.hero-visual{padding-top:90px}}
@media(max-width:420px){.hero-visual{padding-top:86px}}
@media(max-width:350px){.hero-visual{padding-top:77px}}