/* MAYALFA official v1 — 28 October 2026. Executive Navy; no external fonts or scripts. */
:root{--navy:#0a1b34;--teal:#258f92}
body{font-family:"Segoe UI",Arial,sans-serif}
.header{background:#0a1b34!important;border-bottom:1px solid rgba(202,228,233,.16)}
.brand strong,.menu a{color:#f8fcfd!important}
.brand img{filter:brightness(0) invert(1)}
.header .lang{color:#f6fafc;background:rgba(255,255,255,.04);border-color:#5b7486}
.header .lang:hover{background:rgba(255,255,255,.13)}
.toggle span{background:#fff}
.hero{background:#0a1b34}
.hero h1 em{display:inline;color:#70d0ca}
.hero-secondline{display:block}
.hero h1{letter-spacing:-2.1px}
.theme-navy .hero .primary-btn{background:#fff;color:#0a1b34;box-shadow:none}
.theme-navy .hero .primary-btn:hover{background:#dceeea;color:#081f33}
.theme-navy .hero .text-btn{color:#f2f7f7}
.hero .eyebrow{max-width:640px}
.artifact-topline .artifact-brand{letter-spacing:1px}
.artifact-number{padding:7px 10px}
.artifact-bottom{padding:12px 0 0}
.privacy-link{color:#bcd2df!important;text-decoration:underline;text-decoration-color:#4c687e;text-underline-offset:4px}
.privacy-link:hover{color:#fff!important}
.footer-grid{gap:20px}
.official-legal{min-height:75vh;padding:75px 0 100px;background:#f8fafb}
.legal-wrap{max-width:810px;margin:0 auto;width:calc(100% - 48px)}
.legal-wrap h1{font:700 clamp(32px,4.5vw,46px)/1.17 "Segoe UI",Arial,sans-serif;letter-spacing:-.7px;color:#0a1b34}
.legal-wrap h2{font:700 19px/1.4 "Segoe UI",Arial,sans-serif;color:#143451;margin:34px 0 10px}
.legal-wrap p,.legal-wrap li{font:400 15px/1.8 "Segoe UI",Arial,sans-serif;color:#495d6a}
.legal-wrap p.notice{background:#e8f1f1;border-left:3px solid #2b9293;padding:14px 17px;color:#193f4b}
.legal-wrap a{color:#0b7278;text-decoration:underline}
.legal-wrap ul{margin:0 0 26px;padding-left:22px}
.legal-back{display:inline-block;margin:0 0 27px;color:#146d72}
@media(max-width:760px){
 .header .menu{background:#0a1b34!important;border-color:#29485b}
 .header .menu a{border-color:#27435b!important}
 .hero h1{letter-spacing:-1.6px}
 .legal-wrap{width:calc(100% - 40px)}
 .official-legal{padding:53px 0 75px}
}
@media(max-width:420px){
 .hero h1{font-size:clamp(31px,9.2vw,39px)}
 .header .lang{height:36px;min-width:38px}
 .footer-grid{gap:12px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}