:root{--navy:#0B1B2E;--navy2:#13263D;--line:#2A3D57;--gold:#D4AF6A;--gold-d:#7A5C22;--sand:#F7F3EC;--card:#FFFFFF;--bd:#E6DDCB;--chip:#CDBF9F;--txt:#0B1B2E;--mute:#4A5668;--pale:#C9D2DE}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}
body{margin:0;background:var(--sand);color:var(--txt);font-family:Inter,system-ui,sans-serif;line-height:1.5}
body[dir=rtl]{font-family:'IBM Plex Sans Arabic',Inter,sans-serif}
a{color:var(--txt)}a:hover{color:#8A6A2C}
.w{max-width:1200px;margin:0 auto;padding:0 24px}
.ar{font-family:'IBM Plex Sans Arabic',sans-serif}.en{font-family:Inter,sans-serif}
.disp{font-family:Sora,sans-serif}body[dir=rtl] .disp{font-family:'IBM Plex Sans Arabic',sans-serif}
.dom{font-family:Sora,sans-serif;direction:ltr;unicode-bidi:isolate}
body:not([dir=rtl]) .hero .h1b{text-align:left}body[dir=rtl] .hero .h1b{text-align:right}
body[dir=rtl] div.dom,body[dir=rtl] h1.dom{text-align:right}
header{background:var(--navy);color:var(--sand)}
.hd{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-top:20px;padding-bottom:20px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--sand);direction:ltr}
.logo img{height:44px;width:auto;display:block}
.logo i{width:40px;height:40px;border:2px solid var(--gold);border-radius:10px;display:flex;align-items:center;justify-content:center;font:700 18px Sora,sans-serif;color:var(--gold);font-style:normal}
.logo b{font:700 20px Sora,sans-serif;letter-spacing:.5px}.logo b span{color:var(--gold)}
nav{display:flex;flex-wrap:wrap;gap:24px;align-items:center;font-size:15px}
nav a{color:var(--sand);text-decoration:none}nav a.lang{color:var(--gold)}
.hero{position:relative;overflow:hidden;background:var(--navy);color:var(--sand);padding:64px 0 88px}
.hero .w{display:flex;flex-direction:column;gap:22px}
.herologo{position:absolute;top:50%;transform:translateY(-50%);right:max(24px,calc((100% - 1200px)/2 + 24px));width:430px;height:auto;pointer-events:none}
body[dir=rtl] .herologo{right:auto;left:max(24px,calc((100% - 1200px)/2 + 24px))}
.hero .w{position:relative}
@media(max-width:1180px){.herologo{display:none}}
.kick{font-size:14px;letter-spacing:3px;text-transform:uppercase;color:var(--gold)}
body[dir=rtl] .kick{letter-spacing:0}
h1{margin:0;font-weight:700;font-size:clamp(38px,6vw,64px);line-height:1.1;max-width:860px}
.h1b{margin:0;text-align:start;font-size:clamp(20px,3vw,28px);color:var(--gold)}
.intro{margin:0;font-size:19px;line-height:1.6;max-width:680px;color:var(--pale)}
.srch{display:flex;flex-wrap:wrap;gap:12px;max-width:680px;margin-top:6px}
.srch input{flex:1 1 300px;min-width:0;height:56px;padding:0 20px;border-radius:12px;border:1px solid var(--line);background:var(--navy2);color:var(--sand);font-size:16px;font-family:inherit}
.srch input::placeholder{color:#9AA8BA}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.sec{padding:72px 0}.sec .w{display:flex;flex-direction:column;gap:32px}
.white{background:var(--card);border-top:1px solid var(--bd);border-bottom:1px solid var(--bd)}
h2{margin:0;font-size:clamp(26px,3.5vw,36px)}
.bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--chip);background:transparent;color:var(--txt);font:14px inherit;font-family:inherit;cursor:pointer}
.chip[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:var(--sand)}
.more{grid-column:1/-1;order:1;padding-top:16px;border-top:1px solid var(--bd);font-size:20px;font-weight:600;color:var(--gold-d)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.card{background:var(--card);border:1px solid var(--bd);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:12px}
.card .top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.cat{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold-d);font-weight:600}
body[dir=rtl] .cat{letter-spacing:0}
.card .arn{font-size:20px}
.card .dom{font-weight:700;font-size:24px;word-break:break-word}
.dom .c1{color:var(--gold)}.dom .c2{color:#8EC1FF}.card .dom .c1{color:#B07818}.card .dom .c2{color:#1F5FBF}
.card p{margin:0;font-size:15px;line-height:1.55;color:var(--mute);flex:1}
.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}
.b1,.b2{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;border-radius:10px;text-decoration:none;font-weight:600;font-size:15px}
.b1{flex:1 1 auto;background:var(--navy);color:var(--sand)}.b1:hover{color:var(--gold)}
.b2{border:1px solid var(--navy);color:var(--navy);font-weight:500}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px}
.steps div{display:flex;flex-direction:column;gap:10px}
.n{width:44px;height:44px;border-radius:50%;background:var(--navy);color:var(--gold);display:flex;align-items:center;justify-content:center;font:700 17px Sora,sans-serif}
.steps b{font-size:19px}.steps p,.trust p{margin:0;font-size:15px;line-height:1.55;color:var(--mute)}
.trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.trust div{background:var(--navy);border-radius:16px;padding:32px;display:flex;flex-direction:column;gap:10px}
.trust b{font-size:19px;color:var(--gold)}.trust p{color:var(--pale)}
footer{background:var(--navy);color:var(--pale);padding:40px 0;font-size:14px}
footer .w{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px}footer a{color:var(--gold)}
.dh{background:var(--navy);color:var(--sand);padding:36px 0 56px}
.dh .w{display:flex;flex-wrap:wrap;gap:48px;align-items:flex-start}
.dl{flex:999 1 500px;min-width:0;display:flex;flex-direction:column;gap:16px}
.crumb{font-size:14px;color:var(--pale)}.crumb a{color:var(--gold)}
.dh h1{font-size:clamp(36px,5.2vw,60px);line-height:1;word-break:break-word}
.dh .arbig{margin:0;font-size:clamp(28px,3.6vw,40px);color:var(--gold)}
.dh .line{margin:0;font-size:19px;line-height:1.5;color:var(--pale);max-width:640px}
.dh .arbig{text-align:left}body[dir=rtl] .dh .arbig{text-align:right}
.dl{gap:12px!important}
.story{border-left:2px solid var(--gold);padding:4px 0 4px 20px;display:flex;flex-direction:column;gap:8px;max-width:720px}
body[dir=rtl] .story{border-left:0;border-right:2px solid var(--gold);padding:4px 20px 4px 0}
.story .lbl,.become .lbl{color:var(--gold)}
.story p{margin:0;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:21px;line-height:1.45;color:#F2EAD8}
body[dir=rtl] .story p{font-family:'IBM Plex Sans Arabic',sans-serif;font-style:normal;font-size:18px;line-height:1.8}
.become{display:flex;flex-direction:column;gap:12px}
.bgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(max-width:640px){.bgrid{grid-template-columns:1fr}}
.bgrid div{border:1px solid var(--line);border-radius:12px;padding:11px 14px;display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:4px;align-items:baseline;background:rgba(255,255,255,.02)}
.bgrid i{grid-row:span 2;font-style:normal;font-family:'Cormorant Garamond',Georgia,serif;font-size:30px;line-height:1;color:var(--gold)}
.bgrid b{font-size:16px;color:var(--sand)}
.bgrid p{margin:0;font-size:14px;line-height:1.5;color:var(--pale)}
.suits2{margin:0;font-size:14px;color:var(--pale)}.suits2 strong{color:var(--sand)}
.tags{display:flex;flex-wrap:wrap;gap:10px}.tags>span{padding:8px 14px;border-radius:999px;border:1px solid var(--line);font-size:14px}
form.offer{flex:1 1 320px;background:var(--card);color:var(--txt);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:11px;position:sticky;top:20px}
form.offer b{font-size:22px}form.offer p{margin:0;font-size:14px;color:var(--mute)}
form.offer label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:500}
form.offer input,form.offer textarea{min-height:42px;padding:10px 14px;border:1px solid var(--chip);border-radius:10px;font-size:15px;font-family:inherit;background:#fff;color:var(--txt)}
form.offer button{height:52px;border:0;border-radius:10px;background:var(--navy);color:var(--sand);font-weight:600;font-size:16px;cursor:pointer;font-family:inherit}
form.offer button:hover{color:var(--gold)}
.ok{display:none;background:#EEF6EE;border-radius:10px;padding:12px;font-size:14px}.ok.on{display:block}
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}
.two div{display:flex;flex-direction:column;gap:12px}
.lbl{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--gold-d);font-weight:600}
body[dir=rtl] .lbl{letter-spacing:0}
.two p{margin:0;font-size:18px;line-height:1.7}
.ideas{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.ideas div{border:1px solid var(--bd);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:10px;background:var(--sand)}
.ideas b{font-size:19px}.ideas p{margin:0;font-size:15px;line-height:1.55;color:var(--mute)}
.suits{margin:0;font-size:16px;color:var(--mute)}.suits strong{color:var(--txt)}
.pills{display:flex;flex-wrap:wrap;gap:12px}.pills a{min-height:44px;display:inline-flex;align-items:center;padding:0 20px;border-radius:999px;background:var(--navy);color:var(--sand);text-decoration:none;font-weight:500}
.pills a:hover{color:var(--gold)}