@font-face{font-family:Cairo;src:url('/assets/fonts/cairo-arabic-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Cairo;src:url('/assets/fonts/cairo-arabic-800-normal.woff2') format('woff2');font-weight:800;font-display:swap}@font-face{font-family:Lalezar;src:url('/assets/fonts/lalezar-arabic-400-normal.woff2') format('woff2');font-display:swap}
body{background:#f8f5e9;color:#151515;font:400 16px/1.9 Cairo,Arial,sans-serif}html{scroll-padding-top:110px}main{max-width:1100px;width:calc(100% - 44px);padding-top:0}header{position:sticky;top:0;background:#f8f5e9f5;backdrop-filter:blur(14px);z-index:5;min-height:90px;border-bottom:1px solid #d9d6cb;margin:0 0 40px;padding:12px 0;gap:20px}header img{width:84px;height:58px;object-fit:contain}nav{gap:8px;flex-wrap:nowrap}nav a{font-size:12px;border:1px solid #d0ccbf;box-shadow:none;background:transparent;border-radius:10px;min-height:44px;padding:8px 12px;white-space:nowrap;transition:background .2s}nav a.nav-current{background:#ffe000;color:#151515;border-color:#151515}nav a:hover{transform:none;box-shadow:none;background:#fffef9;color:#151515}nav a svg{width:16px;height:16px}.hero{background:#ffe000;border:1.5px solid #151515;box-shadow:5px 5px 0 #151515;border-radius:20px;padding:40px;margin-bottom:45px}.hero h1{font:400 62px/1.12 Lalezar,Cairo,Arial,sans-serif;max-width:850px;margin:20px 0}.hero p{font-size:15px;max-width:680px;color:#514a32}.badge{border:1px solid #151515;border-radius:6px;font-size:11px;padding:3px 8px;background:#fffef9;color:#151515}.button{background:#151515;color:#fffef9;border:1px solid #151515;box-shadow:none;border-radius:10px;min-height:48px;padding:10px 17px;font:800 13px/1.8 Cairo,Arial,sans-serif}.button:hover{background:#238bff;color:#fff;box-shadow:none;transform:none}h2{font:400 38px/1.25 Lalezar,Cairo,sans-serif}h3{font-weight:800;font-size:19px}section{margin:35px 0}#search{border:1.5px solid #aaa69b;background:#fffef9;border-radius:12px;font:400 16px/1.8 Cairo,Arial,sans-serif;padding:15px 18px;box-shadow:none}#search:focus{border-color:#151515;outline:3px solid #ffe000;outline-offset:3px}.card{border:1px solid #d5d1c5;border-radius:18px;box-shadow:none;background:#fffef9;padding:28px}.card p,.card li{font-size:15px;line-height:2}.apps{gap:14px}.app{border:1px solid #d9d4c7;background:#fffef9;box-shadow:none;border-radius:14px;padding:15px;font-size:13px;min-height:80px}.app img{border-radius:13px}.app:hover{transform:translateY(-2px);box-shadow:3px 3px 0 #ffe000}.quiet{font-size:13px;color:#726b5e}.result-app-icon{border-radius:20px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #238bff;outline-offset:4px}footer{font-size:12px}.steps li::before{background:#ffe000;color:#151515;box-shadow:none}
@media(max-width:600px){main{width:calc(100% - 36px)}header{min-height:76px;padding:12px 0;gap:14px;margin-bottom:27px}header img{width:67px;height:47px}nav{gap:5px}nav a{font-size:10px;gap:0;min-height:42px;padding:8px}nav a svg{display:none}.hero{padding:26px 22px;margin-bottom:34px}.hero h1{font-size:43px;margin:17px 0}.hero p{font-size:13px;line-height:1.95}.hero .button{font-size:12px;width:100%;justify-content:center;margin-top:20px}h2{font-size:31px}.card{padding:22px}.card p,.card li{font-size:14px}.card h3{font-size:17px}.apps{grid-template-columns:1fr}.app{font-size:12px}.quiet{font-size:12px}#search{font-size:14px;padding:14px}.badge{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.app{transition:none;transform:none!important}}
/* Same stable brand position as the main page. */
header{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center}header>a{flex-shrink:0}header nav{width:auto;flex:1;justify-content:flex-end}
@media(max-width:600px){header{height:76px;min-height:76px}header nav{width:auto;max-width:calc(100% - 81px)}header nav a{flex:0 1 auto;font-size:10px;padding:8px 7px}}