.brand-signature{display:inline-flex;align-items:baseline;gap:.48rem;position:relative;margin:2px 0 30px;padding:0 0 10px;color:var(--deep);font-size:.76rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.brand-signature:after{content:'';position:absolute;inset-inline-start:0;bottom:0;width:58%;height:2px;background:linear-gradient(90deg,var(--gold),rgba(212,155,28,0));border-radius:2px}
.brand-signature em{font:500 italic clamp(1.55rem,2.25vw,2.15rem)/1 var(--serif);letter-spacing:-.025em;text-transform:none;color:var(--green)}
.final-cta h2 em{position:relative;display:inline-block;font-family:var(--serif);font-weight:500;font-style:italic;color:#f1cc70;letter-spacing:-.025em}
.final-cta h2 em:after{content:'';position:absolute;left:2%;right:28%;bottom:-8px;height:2px;background:linear-gradient(90deg,#f1cc70,transparent)}
html[dir="rtl"] .brand-signature{direction:ltr}
@media(max-width:480px){.brand-signature{gap:.35rem;font-size:.65rem;letter-spacing:.13em}.brand-signature em{font-size:1.5rem}}

/* Permanent hero signature: visible even when animation/font loading is delayed. */
.hero-four .brand-signature{display:flex!important;visibility:visible!important;opacity:1!important;min-height:46px;width:max-content;max-width:100%;margin:4px 0 26px;padding:8px 18px 12px 0;color:var(--deep)!important}
.hero-four .brand-signature em{display:inline-block!important;visibility:visible!important;opacity:1!important;color:var(--green)!important}
.hero-four .hero-actions:after{content:'Founding Year from SAR 49/month';display:inline-flex;align-items:center;min-height:38px;padding:7px 12px;border:1px solid #d9c17c;border-radius:999px;background:#fff9e8;color:var(--deep);font-size:.66rem;font-weight:800;white-space:nowrap}
@media(max-width:700px){.hero-four .brand-signature{width:100%}.hero-four .hero-actions:after{white-space:normal}}
.mobile-demo-link,.mobile-login-link{display:none}.site-header .nav{width:min(1400px,calc(100% - 44px));gap:18px}.site-header .brand{flex:0 0 auto;margin-inline-end:auto}.site-header .nav-links,.site-header .nav-actions{gap:16px;white-space:nowrap}.site-header .nav-links>a,.site-header .login-link,.site-header .button.small{white-space:nowrap}.more-menu{position:relative}.more-menu summary{cursor:pointer;list-style:none;font-size:.78rem;font-weight:600}.more-menu summary::-webkit-details-marker{display:none}.more-menu summary:after{content:'⌄';margin-inline-start:5px;color:var(--green)}.more-menu>div{position:absolute;top:34px;inset-inline-end:0;z-index:30;display:grid;min-width:190px;padding:8px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 20px 50px rgba(7,49,40,.15)}.more-menu>div a{padding:9px 11px;border-radius:6px;font-size:.76rem}.more-menu>div a:hover{background:var(--pale);color:var(--green)}.demo-nav-button,.demo-hero-button{border:1px solid var(--green);background:#fff;color:var(--green)}.demo-nav-button:hover,.demo-hero-button:hover{background:#edf7f2;color:var(--green)}.journey-nav-button{min-width:max-content}.hero-four .hero-actions{flex-wrap:wrap;gap:12px}.hero-four .hero-actions .text-link{margin-inline-start:4px}@media(max-width:1180px){.site-header .nav-links{display:none}.site-header .menu-toggle{display:block}.site-header .nav-links.open{display:flex;position:absolute;top:86px;inset-inline:0;background:#fff;padding:24px 26px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line);max-height:calc(100vh - 86px);overflow-y:auto}.site-header .nav-links.open .mobile-demo-link,.site-header .nav-links.open .mobile-login-link{display:block;font-weight:800;color:var(--green)}.site-header .nav-links.open .more-menu{width:100%}.site-header .nav-links.open .more-menu>div{position:static;display:grid;margin-top:8px;box-shadow:none}.site-header .nav-actions{margin-inline-start:auto}}@media(max-width:820px){.site-header .nav{width:calc(100% - 28px)}.hero-four .hero-actions{align-items:stretch}.hero-four .hero-actions .button{width:auto}.hero-four .hero-actions .text-link{width:100%;margin-top:4px}}@media(max-width:480px){.hero-four .hero-actions .button{width:100%}}
