/* Native responsive elements matching the approved opening-screen reference. */
.reference-home .site-header{position:absolute;inset:0 0 auto;background:transparent!important;border:0;backdrop-filter:none;box-shadow:none;z-index:50}.reference-home .header-inner{display:flex;direction:ltr;min-height:114px;justify-content:space-between;width:calc(100% - 192px);max-width:1480px;gap:30px}.reference-home .header-identity{direction:ltr;margin:0;gap:12px}.reference-home .brand{display:flex;align-items:center;gap:5px;margin:0!important}.reference-home .brand img{width:75px;height:75px;object-fit:contain}.reference-brand-copy{display:flex;flex-direction:column;align-items:flex-start;white-space:nowrap;line-height:1.15}.reference-brand-copy>span{font:500 27px/1.2 Cairo,sans-serif;color:#fff}.reference-brand-copy b{font:700 21px/1.2 Arial,sans-serif;letter-spacing:1px;color:#fff}.reference-brand-copy small{font:700 12px/1.4 Cairo,sans-serif;color:#ffbd35;margin-top:2px}.reference-home #main-nav{display:flex;direction:rtl;gap:48px;align-items:center}.reference-home #main-nav>a{font-size:20px;font-weight:500;color:#fff;opacity:.94;padding:15px 0}.reference-home #main-nav>a.active:after{width:100%;bottom:2px;background:#ffbf35;height:2px}.reference-home .header-phone,.reference-home .drawer-toggle{display:none}.reference-home .reference-hero{position:relative;isolation:isolate;min-height:100svh;background:#00372c!important;overflow:hidden}.reference-home .hero-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.reference-home .reference-hero:before,.reference-home .reference-hero:after{display:none}.reference-home .reference-hero .hero-layout{display:flex;direction:ltr;align-items:center;justify-content:flex-start;grid-template-columns:none;min-height:100svh;width:calc(100% - 192px);max-width:1480px;padding:165px 0 110px;margin-inline:auto;gap:0}.reference-home .reference-hero .hero-copy{direction:rtl;text-align:left;width:780px;max-width:58%;margin:0;padding:0}.reference-home .reference-hero .eyebrow{display:block;color:#ffbd35;font-size:23px;font-weight:700;line-height:1.6;margin:0 0 22px;letter-spacing:0}.reference-home .reference-hero h1{font-family:Cairo,sans-serif;font-size:clamp(48px,4.5vw,76px);line-height:1.5;letter-spacing:-1px;font-weight:800;color:#fff;margin:0;max-width:none}.reference-home .reference-hero .hero-description{font-family:Cairo,sans-serif;color:#fff;font-size:clamp(23px,2.2vw,35px);line-height:1.8;max-width:none;margin:18px 0 0}.reference-home .reference-hero .hero-actions{display:flex;direction:ltr;gap:22px;margin-top:44px;justify-content:flex-start}.reference-home .reference-hero .btn{direction:rtl;min-height:68px;padding:15px 32px;font-size:22px;font-weight:700;border-radius:11px;gap:24px;box-shadow:none;line-height:1.5}.reference-home .reference-hero .btn-primary{color:#064e43;background:#ffbd35;border-color:#ffbd35}.reference-home .reference-hero .btn-primary:hover{background:#ffd06f;border-color:#ffd06f}.reference-home .reference-hero .btn-outline{color:#fff;background:#00382b30;border:2px solid #ffffffdc}.reference-home .reference-hero .btn-outline:hover{background:#ffffff20}.reference-home .reference-hero .btn .icon{width:24px;height:24px}.reference-home .floating-whatsapp{z-index:40}
@media(min-width:1600px){.reference-home .reference-hero .hero-copy{max-width:780px}}
@media(max-width:1250px){.reference-home .header-inner,.reference-home .reference-hero .hero-layout{width:calc(100% - 96px)}.reference-home #main-nav{gap:30px}.reference-home #main-nav>a{font-size:16px}.reference-home .reference-hero .btn{font-size:17px;padding:14px 24px;min-height:58px}.reference-home .reference-hero .hero-copy{max-width:65%}.reference-home .reference-hero h1{font-size:clamp(43px,4.8vw,62px)}}
@media(max-width:950px){.reference-home .header-inner{width:calc(100% - 40px);min-height:94px;gap:12px}.reference-home .header-identity{display:flex;flex-direction:row-reverse;width:100%;justify-content:space-between;gap:12px}.reference-home .header-identity .brand{margin:0!important}.reference-home .drawer-toggle{display:flex!important;color:#fff;background:#00392c88;border-color:#ffffff70}.reference-home #main-nav{display:none!important}.reference-home .brand img{width:58px;height:58px}.reference-brand-copy>span{font-size:23px}.reference-brand-copy b{font-size:17px}.reference-brand-copy small{font-size:10px}.reference-home .reference-hero .hero-layout{width:calc(100% - 64px);padding-block:150px 75px}.reference-home .reference-hero .hero-copy{max-width:85%;width:680px}.reference-home .reference-hero h1{font-size:clamp(43px,6.5vw,64px)}.reference-home .reference-hero .hero-description{font-size:25px}.reference-home .reference-hero .eyebrow{font-size:19px}}
@media(max-width:600px){.reference-home .reference-hero{min-height:100svh}.reference-home .hero-backdrop{object-position:58% center}.reference-home .reference-hero .hero-layout{width:calc(100% - 40px);align-items:center;min-height:100svh;padding:130px 0 65px}.reference-home .reference-hero .hero-copy{max-width:100%;width:100%;text-align:right}.reference-home .reference-hero .eyebrow{font-size:15px;margin-bottom:18px}.reference-home .reference-hero h1{font-size:clamp(36px,9.2vw,52px);line-height:1.6;letter-spacing:-.5px}.reference-home .reference-hero .hero-description{font-size:21px;line-height:1.9;margin-top:18px}.reference-home .reference-hero .hero-actions{gap:12px;margin-top:30px;flex-wrap:wrap;justify-content:flex-end;direction:rtl}.reference-home .reference-hero .btn{font-size:15px;padding:13px 17px;min-height:53px;gap:13px}.reference-home .reference-hero .btn .icon{width:20px;height:20px}}
@media(prefers-reduced-motion:reduce){.reference-home .reference-hero .btn{transition:none}}