:root{
  --ink:#16110d;
  --coal:#201812;
  --brown:#33261b;
  --gold:#d9a84e;
  --gold2:#f2d695;
  --cop:#b9673a;
  --sage:#8fb3a1;
  --cream:#fbf5ea;
  --sand:#f0e4cf;
  --tx:#3a2e25;
  --mut:#6d5f53;
  --lt:#f3e9d9;
  --hh:74px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

html{
  scroll-behavior:smooth;
  scroll-padding-top:calc(var(--hh) + 8px);
  -webkit-text-size-adjust:100%;
  background:var(--ink);
  overflow-x:hidden;
}
html.lock{overflow:hidden}

body{
  font-family:'Tajawal',Tahoma,Arial,sans-serif;
  background:var(--ink);
  color:var(--tx);
  line-height:1.85;
  min-height:100vh;
  max-width:100%;
  overflow-x:hidden;
}

img{max-width:100%;display:block}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
button{font-family:inherit;-webkit-tap-highlight-color:transparent}
ul{list-style:none}

.wrap{width:100%;max-width:1280px;margin-inline:auto;padding-inline:20px}

@keyframes shine{to{background-position:-220% 0}}
@keyframes float{50%{transform:translate(30px,30px) scale(1.15)}}
@keyframes bob{50%{transform:translateY(-8px)}}
@keyframes up{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(217,168,78,.6)}100%{box-shadow:0 0 0 22px rgba(217,168,78,0)}}
@keyframes ring{0%,55%,100%{transform:rotate(0)}10%,30%{transform:rotate(-16deg)}20%,40%{transform:rotate(16deg)}}
@keyframes rise{0%{transform:translateY(0);opacity:0}10%{opacity:1}100%{transform:translateY(-110vh);opacity:0}}
@keyframes word{from{opacity:0;filter:blur(14px);transform:translateY(28px) scale(.96)}to{opacity:1;filter:blur(0);transform:none}}
@keyframes spin{to{transform:rotate(360deg)}}

.hdr{position:fixed;top:0;left:0;right:0;z-index:100;padding-top:env(safe-area-inset-top,0px)}
.hdr::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:rgba(22,17,13,.55);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(255,255,255,.1);
  transition:background .3s,box-shadow .3s;
}
.hdr.sc::before{background:rgba(22,17,13,.94);box-shadow:0 10px 30px rgba(0,0,0,.35)}
.hdr-in{height:var(--hh);display:flex;align-items:center;justify-content:space-between;gap:12px}

.logo{flex:none;display:flex;align-items:center;gap:10px}
.logo svg{width:42px;height:42px;flex:none;filter:drop-shadow(0 4px 10px rgba(0,0,0,.35));transition:transform .4s}
.logo:hover svg{transform:rotate(-6deg) scale(1.08)}
.lgs{transform-box:fill-box;transform-origin:center;animation:spin 14s linear infinite}
.lg-t{display:flex;flex-direction:column;line-height:1.15}
.lg-t b{font-family:'Reem Kufi','Tajawal',sans-serif;font-size:25px;font-weight:700;color:#fff;letter-spacing:.3px}
.lg-t small{font-size:10.5px;color:var(--gold2);font-weight:500}

.nav{display:flex;align-items:center;gap:2px}
.lnk{
  position:relative;padding:8px 11px;border-radius:50px;
  font-size:14.5px;font-weight:500;color:var(--lt);white-space:nowrap;
  transition:background .3s,color .3s,transform .3s;
}
.lnk:hover{background:rgba(255,255,255,.12)}
.lnk.act{
  color:var(--ink);font-weight:900;
  background:linear-gradient(110deg,var(--gold2),var(--gold),var(--gold2));
  background-size:220% 100%;
  animation:shine 3.2s linear infinite;
  box-shadow:0 0 0 3px rgba(217,168,78,.22),0 8px 22px rgba(217,168,78,.4);
  transform:translateY(-1px);
}
.lnk.act::after{
  content:"";position:absolute;bottom:-9px;left:50%;
  width:6px;height:6px;margin-left:-3px;border-radius:50%;
  background:var(--gold2);box-shadow:0 0 10px var(--gold);
}

.call{
  flex:none;display:inline-flex;align-items:center;gap:8px;
  padding:10px 20px;border-radius:50px;font-weight:700;color:#fff;white-space:nowrap;
  background:linear-gradient(135deg,#2fbf88,#18936a);
  box-shadow:0 8px 20px rgba(24,147,106,.38);
  transition:transform .3s,box-shadow .3s;
}
.call:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(24,147,106,.5)}
.ring{display:inline-block;transform-origin:50% 60%;animation:ring 1.8s ease-in-out infinite}

.burger,.veil{display:none}

.btn{
  display:inline-block;padding:14px 34px;font-size:17px;font-weight:700;
  border-radius:50px;border:2px solid transparent;cursor:pointer;text-align:center;
  transition:transform .35s,background .35s,color .35s,box-shadow .35s;
}
.btn-gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:var(--ink);box-shadow:0 10px 26px rgba(217,168,78,.4)}
.btn-gold:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 16px 34px rgba(217,168,78,.5)}
.btn-line{color:#fff;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.55)}
.btn-line:hover{background:#fff;color:var(--ink);transform:translateY(-4px)}
.btn-dark{background:linear-gradient(135deg,var(--brown),var(--ink));color:#fff;box-shadow:0 12px 28px rgba(22,17,13,.3)}
.btn-dark:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 18px 36px rgba(22,17,13,.4)}

.rv{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s ease;transition-delay:calc(var(--i,0) * .1s)}
.rv.z{transform:scale(.92)}
.rv.in{opacity:1;transform:none}

.hero{
  position:relative;min-height:100vh;min-height:100svh;
  display:flex;align-items:center;justify-content:center;text-align:center;
  overflow:hidden;background:var(--ink);color:#fff;
  padding:calc(var(--hh) + 44px) 0 190px;
}
.slides{position:absolute;inset:0;z-index:0}
.sl{position:absolute;inset:0;opacity:0;overflow:hidden;transition:opacity 1.5s ease;background:var(--coal)}
.sl img{width:100%;height:100%;object-fit:cover;transform:scale(1.02)}
.sl.on{opacity:1;z-index:2}
.sl.out{opacity:0;z-index:1}
.sl.on img,.sl.out img{animation:kbIn 8.5s ease-out forwards}
.sl.alt.on img,.sl.alt.out img{animation-name:kbOut}
@keyframes kbIn{from{transform:scale(1.02)}to{transform:scale(1.2)}}
@keyframes kbOut{from{transform:scale(1.2)}to{transform:scale(1.02)}}

.hero-ov{
  position:absolute;inset:0;z-index:3;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(16,12,9,.82) 0%,rgba(16,12,9,.5) 38%,rgba(16,12,9,.9) 100%),
    radial-gradient(ellipse at 50% 42%,rgba(16,12,9,.1),rgba(16,12,9,.55));
}

.fr{position:absolute;z-index:4;width:64px;height:64px;pointer-events:none;opacity:0;animation:frIn 1.2s ease 1s forwards}
.fr1{top:calc(var(--hh) + 16px);right:18px;border-top:2px solid var(--gold);border-right:2px solid var(--gold);border-top-right-radius:14px}
.fr2{top:calc(var(--hh) + 16px);left:18px;border-top:2px solid var(--gold);border-left:2px solid var(--gold);border-top-left-radius:14px}
.fr3{bottom:112px;right:18px;border-bottom:2px solid var(--gold);border-right:2px solid var(--gold);border-bottom-right-radius:14px}
.fr4{bottom:112px;left:18px;border-bottom:2px solid var(--gold);border-left:2px solid var(--gold);border-bottom-left-radius:14px}
@keyframes frIn{from{opacity:0;transform:scale(1.4)}to{opacity:.75;transform:scale(1)}}

.dust{position:absolute;bottom:-20px;z-index:4;width:7px;height:7px;border-radius:50%;background:rgba(242,214,149,.7);box-shadow:0 0 12px rgba(217,168,78,.8);animation:rise linear infinite;pointer-events:none}
.dust.d1{left:10%;animation-duration:15s}
.dust.d2{left:28%;animation-duration:11s;animation-delay:3s;width:5px;height:5px}
.dust.d3{left:46%;animation-duration:17s;animation-delay:1s}
.dust.d4{left:63%;animation-duration:12s;animation-delay:5s;width:6px;height:6px}
.dust.d5{left:80%;animation-duration:14s;animation-delay:2s}
.dust.d6{left:93%;animation-duration:10s;animation-delay:4s;width:5px;height:5px}

.hero-in{position:relative;z-index:5;max-width:960px}
.tag{
  display:inline-block;padding:7px 20px;margin-bottom:18px;font-size:14.5px;font-weight:500;
  border-radius:50px;background:rgba(255,255,255,.12);border:1px solid rgba(242,214,149,.4);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  animation:up .8s both;
}
.hero h1{line-height:1.3}
.nm{display:block;font-family:'Reem Kufi','Tajawal',sans-serif;font-weight:700;font-size:clamp(54px,13vw,132px);line-height:1.2}
.nm em{
  font-style:normal;display:inline-block;opacity:0;
  background:linear-gradient(100deg,#fff3d0,#d9a84e 40%,#f2d695 60%,#fff3d0);
  background-size:220% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  animation:word 1.1s cubic-bezier(.2,.8,.2,1) .2s both,shine 6s linear 1.4s infinite;
}
.nm em+em{animation-delay:.5s,1.4s}
.h1s{display:block;font-size:clamp(17px,3.2vw,30px);font-weight:700;color:#fff;margin-top:4px;animation:up .9s .8s both}
.hero-p{max-width:780px;margin:18px auto 0;font-size:clamp(15px,2.2vw,18px);color:#eadfcd;animation:up 1s .95s both}
.hero-p2{margin-top:10px;margin-bottom:26px;animation-delay:1.05s}
.btns{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;animation:up 1s 1.15s both}
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px;animation:up 1s 1.3s both}
.chips li{
  padding:7px 16px;font-size:14px;font-weight:500;border-radius:50px;
  background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.2);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  transition:transform .3s,background .3s;
}
.chips li:hover{transform:translateY(-3px);background:rgba(255,255,255,.18)}
.seo{max-width:800px;margin:22px auto 0;font-size:13.5px;line-height:2;color:#cdbfa9;animation:up 1s 1.45s both}

.hc{position:absolute;left:0;right:0;bottom:64px;z-index:6}
.hc-in{display:flex;align-items:center;gap:14px}
.hp{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.25);overflow:hidden}
.hp i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--gold2),var(--gold))}
.hp i.run{animation:bar 6s linear forwards}
@keyframes bar{from{width:0}to{width:100%}}
.hn{display:flex;align-items:baseline;gap:5px;font-size:14px;color:#d9ccb8;direction:ltr}
.hn b{font-size:20px;color:var(--gold2);font-weight:900}
.hb{
  width:42px;height:42px;display:grid;place-items:center;font-size:19px;color:#fff;cursor:pointer;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);border-radius:50%;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  transition:background .3s,color .3s,transform .3s;
}
.hb:hover{background:var(--gold);color:var(--ink);transform:scale(1.1)}

.mq{
  position:absolute;left:0;right:0;bottom:0;z-index:6;overflow:hidden;direction:ltr;
  padding:14px 0;background:rgba(0,0,0,.35);border-top:1px solid rgba(255,255,255,.12);
}
.mq-t{display:flex;width:max-content;animation:mq 36s linear infinite}
.mq-g{display:flex;flex:none}
.mq-g span{direction:rtl;white-space:nowrap;padding:0 22px;font-size:15px;font-weight:700;color:var(--gold2)}
.mq-g span::before{content:"✦";margin-inline-start:22px;color:var(--sage)}
@keyframes mq{to{transform:translateX(-50%)}}

.sec{position:relative;padding:112px 0 92px;overflow:hidden}
.sec::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;z-index:3;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.75}
.sec .wrap{position:relative;z-index:2}
.s-cream{background:var(--cream);color:var(--tx)}
.s-sand{background:var(--sand);color:var(--tx)}
.s-dark{
  color:var(--lt);
  background:
    radial-gradient(ellipse at 12% 8%,rgba(143,179,161,.14),transparent 50%),
    radial-gradient(ellipse at 90% 92%,rgba(217,168,78,.12),transparent 50%),
    linear-gradient(170deg,#2a2018 0%,#1c1510 55%,#16110d 100%);
}

.bl{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none}
.bl1{width:360px;height:360px;top:120px;left:-120px;background:radial-gradient(circle,rgba(217,168,78,.3),transparent 70%);animation:float 13s ease-in-out infinite}
.bl2{width:360px;height:360px;bottom:-60px;right:-100px;background:radial-gradient(circle,rgba(143,179,161,.4),transparent 70%);animation:float 15s ease-in-out infinite reverse}
.bl3{width:340px;height:340px;top:140px;right:-120px;background:radial-gradient(circle,rgba(217,168,78,.2),transparent 70%);animation:float 13s ease-in-out infinite}
.bl4{width:360px;height:360px;bottom:60px;left:-120px;background:radial-gradient(circle,rgba(143,179,161,.2),transparent 70%);animation:float 15s ease-in-out infinite reverse}
.bl5{width:340px;height:340px;top:160px;right:-120px;background:radial-gradient(circle,rgba(185,103,58,.22),transparent 70%);animation:float 14s ease-in-out infinite}
.bl6{width:360px;height:360px;bottom:100px;left:-120px;background:radial-gradient(circle,rgba(217,168,78,.3),transparent 70%);animation:float 16s ease-in-out infinite reverse}

.eb{
  display:inline-block;padding:5px 18px;margin-bottom:14px;font-size:14px;font-weight:700;
  color:var(--cop);background:rgba(185,103,58,.1);border:1px solid rgba(185,103,58,.25);border-radius:50px;
}
.s-dark .eb{color:var(--gold2);background:rgba(242,214,149,.1);border-color:rgba(242,214,149,.3)}

.hd{max-width:820px;margin:0 auto 46px;text-align:center}
.hd h2{font-size:clamp(26px,4.6vw,44px);line-height:1.55;font-weight:900;margin:6px 0 14px;color:var(--ink)}
.hd h2::after{content:"";display:block;width:0;height:5px;margin:14px auto 0;border-radius:5px;background:linear-gradient(90deg,var(--gold),var(--cop));transition:width 1.1s .4s ease}
.hd h2.in::after{width:110px}
.hd h2 em{
  font-style:normal;
  background:linear-gradient(100deg,var(--cop),var(--gold),var(--cop));background-size:220% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  animation:shine 6s linear infinite;
}
.hd p{font-size:clamp(15px,2.3vw,17px);color:var(--mut)}
.s-dark .hd h2{color:#fff}
.s-dark .hd h2 em{background-image:linear-gradient(90deg,var(--gold2),var(--sage),var(--gold2))}
.s-dark .hd p{color:#d2c4ad}

.ab-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.ab-h{font-weight:900;line-height:1.4;color:var(--ink);margin-bottom:20px}
.nm2{display:block;font-family:'Reem Kufi','Tajawal',sans-serif;font-weight:700;font-size:clamp(46px,8vw,80px);line-height:1.3}
.nm2::after{content:"";display:block;width:0;height:6px;margin-top:4px;border-radius:6px;background:linear-gradient(90deg,var(--gold),var(--cop));transition:width 1.2s .7s ease}
.ab-h.in .nm2::after{width:150px}
.nm2 em{
  font-style:normal;display:inline-block;opacity:0;
  background:linear-gradient(100deg,#33261b 0%,#b9673a 40%,#d9a84e 60%,#33261b 100%);background-size:220% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
}
.ab-h.in .nm2 em{animation:word 1s cubic-bezier(.2,.8,.2,1) both,shine 6s linear 1.2s infinite}
.ab-h.in .nm2 em+em{animation-delay:.3s,1.2s}
.sub{display:block;margin-top:6px;font-size:clamp(18px,3vw,28px);font-weight:700;color:var(--cop);line-height:1.6}
.ab-lead{font-size:clamp(16px,2.4vw,19px);font-weight:500;color:#2c2118;margin-bottom:14px}
.ab-p{font-size:16px;color:var(--mut);margin-bottom:14px}
.ab-vis{
  display:flex;flex-direction:column;gap:2px;margin:20px 0 24px;padding:14px 20px;border-radius:18px;
  border-right:5px solid var(--gold);background:linear-gradient(90deg,rgba(217,168,78,.2),rgba(217,168,78,.04));
}
.ab-vis b{color:var(--ink);font-size:17px}
.ab-vis span{color:var(--mut);font-size:15px}
.ab-vals{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}
.ab-val{
  display:flex;align-items:flex-start;gap:12px;padding:14px;background:#fff;border-radius:18px;
  border:1px solid rgba(51,38,27,.08);box-shadow:0 8px 24px rgba(51,38,27,.08);
  transition:opacity .8s ease,transform .4s ease,box-shadow .4s ease;
}
.ab-val.in:hover{transform:translateY(-6px);box-shadow:0 18px 36px rgba(51,38,27,.16)}
.ab-val i{flex:none;display:grid;place-items:center;width:46px;height:46px;font-style:normal;font-size:24px;border-radius:14px;background:var(--sand);transition:transform .4s,background .4s}
.ab-val:hover i{transform:rotate(-10deg) scale(1.12);background:var(--gold2)}
.ab-val h3{font-size:16px;color:var(--ink);margin-bottom:2px}
.ab-val p{font-size:13.5px;line-height:1.7;color:var(--mut)}
.ab-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:26px}
.ab-stats div{text-align:center;padding:16px 8px;border-radius:20px;background:linear-gradient(160deg,var(--brown),var(--ink));box-shadow:0 14px 30px rgba(22,17,13,.25)}
.ab-stats strong{display:block;font-size:clamp(26px,5vw,38px);line-height:1.3;color:var(--gold2)}
.ab-stats strong::after{content:attr(data-s)}
.ab-stats span{font-size:13.5px;color:#d9ccb8}

.ab-col{position:relative;width:100%;max-width:480px;aspect-ratio:1/1.1;margin-inline:auto}
.cl{position:absolute;border-radius:26px;overflow:hidden;border:6px solid #fff;box-shadow:0 26px 50px rgba(22,17,13,.28);background:var(--coal)}
.cl img{width:100%;height:100%;object-fit:cover}
.c1{top:0;right:0;width:68%;height:60%;animation:bob 7s ease-in-out infinite}
.c1::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border:2px solid var(--gold);border-radius:20px;margin:8px}
.c2{bottom:0;left:0;width:60%;height:50%;animation:bob 8s ease-in-out 1s infinite}
.c3{bottom:10%;right:2%;width:34%;aspect-ratio:1/1;border-radius:50%;animation:bob 6s ease-in-out 2s infinite}
.cbadge{
  position:absolute;top:56%;left:2%;z-index:5;padding:9px 16px;font-size:13.5px;font-weight:700;color:#fff;
  background:rgba(22,17,13,.82);border:1px solid rgba(242,214,149,.45);border-radius:16px;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;animation:bob 5s ease-in-out infinite;
}

.ar-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:start}
.ar-t>p{font-size:16.5px;line-height:2;color:#e0d3bf;margin-bottom:14px}
.ar-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
.ar-mini div{padding:18px 16px;border-radius:22px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);transition:opacity .8s ease,transform .4s ease,background .4s}
.ar-mini div.in:hover{transform:translateY(-6px);background:rgba(255,255,255,.13)}
.ar-mini i{display:block;font-style:normal;font-size:30px;margin-bottom:6px;animation:bob 5s ease-in-out infinite}
.ar-mini h3{font-size:17px;color:var(--gold2);margin-bottom:4px}
.ar-mini p{font-size:14px;line-height:1.85;color:#d2c4ad}
.ar-map{
  position:relative;padding:34px 24px;text-align:center;border-radius:30px;overflow:hidden;
  background:linear-gradient(160deg,rgba(255,255,255,.11),rgba(255,255,255,.04));
  border:1px solid rgba(242,214,149,.32);box-shadow:0 26px 54px rgba(0,0,0,.3);
  display:flex;flex-direction:column;gap:10px;
}
.pin{position:relative;width:110px;height:110px;margin:0 auto 6px;display:grid;place-items:center;font-size:46px}
.pin::before,.pin::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--gold);animation:pr 2.6s infinite}
.pin::after{animation-delay:1.3s}
.pin span{animation:bob 3s ease-in-out infinite}
@keyframes pr{from{transform:scale(.5);opacity:.9}to{transform:scale(1.5);opacity:0}}
.ar-map h3{font-size:24px;font-weight:900;color:var(--gold2)}
.ar-a{font-size:20px;font-weight:700;color:#fff}
.ar-b{font-size:14.5px;color:#cdbfa9;margin-bottom:8px}
.ar-map .btn{width:100%;padding:13px 16px;font-size:16px}
.ar-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:38px}
.ar-chips li{
  padding:8px 20px;font-size:15px;font-weight:700;color:var(--gold2);border-radius:50px;
  background:rgba(242,214,149,.09);border:1px solid rgba(242,214,149,.3);
  transition:opacity .8s ease,transform .4s ease,background .4s,color .4s;
}
.ar-chips li.in:hover{transform:translateY(-4px);background:var(--gold);color:var(--ink)}

.sv-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:54px}
.sv-nav a{
  padding:10px 22px;font-size:15px;font-weight:700;color:var(--ink);background:#fff;
  border:1px solid rgba(51,38,27,.14);border-radius:50px;box-shadow:0 6px 16px rgba(51,38,27,.08);
  transition:transform .3s,background .3s,color .3s;
}
.sv-nav a:hover{transform:translateY(-3px);background:var(--ink);color:var(--gold2)}

.sv-list{display:grid;gap:80px}
.sv-row{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}
.sv-row:nth-child(even) .sv-md{order:2}
.sv-md{position:relative}
.sv-md::before{content:"";position:absolute;inset:18px -18px -18px 18px;border:3px solid var(--gold);border-radius:32px;opacity:.7;z-index:0}
.sv-row:nth-child(even) .sv-md::before{inset:18px 18px -18px -18px}
.sm{position:relative;z-index:1;aspect-ratio:4/3;border-radius:28px;overflow:hidden;background:var(--coal);box-shadow:0 30px 60px rgba(22,17,13,.3)}
.ms{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease}
.ms.on{opacity:1}
.ms img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform 6s ease-out}
.ms.on img{transform:scale(1.16)}
.sm::after{content:"";position:absolute;left:0;right:0;bottom:0;height:40%;z-index:2;pointer-events:none;background:linear-gradient(0deg,rgba(16,12,9,.6),transparent)}
.sm-k{position:absolute;top:16px;right:16px;z-index:3;padding:6px 16px;font-size:14px;font-weight:900;color:var(--ink);background:linear-gradient(135deg,var(--gold2),var(--gold));border-radius:50px}
.sd{position:absolute;bottom:14px;left:0;right:0;z-index:3;display:flex;justify-content:center;gap:7px}
.sd i{width:8px;height:8px;border-radius:8px;background:rgba(255,255,255,.5);transition:width .4s,background .4s}
.sd i.on{width:26px;background:var(--gold2)}

.sv-no{display:block;font-family:'Reem Kufi','Tajawal',sans-serif;font-size:74px;font-weight:700;line-height:1;color:rgba(185,103,58,.22)}
.sv-tx h3{font-size:clamp(23px,3.4vw,32px);font-weight:900;line-height:1.55;color:var(--ink);margin:4px 0 12px}
.sv-tx>p{font-size:16px;line-height:2;color:var(--mut);margin-bottom:12px}
.tk{display:grid;grid-template-columns:1fr 1fr;gap:9px 16px;margin:16px 0}
.tk li{position:relative;padding-inline-start:28px;font-size:15px;font-weight:700;color:#2c2118;line-height:1.7}
.tk li::before{content:"✔";position:absolute;right:0;top:3px;width:20px;height:20px;display:grid;place-items:center;font-size:11px;line-height:1;color:var(--ink);background:var(--gold2);border-radius:50%}
.kws{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.kws span{padding:4px 14px;font-size:13px;font-weight:500;color:var(--cop);background:rgba(185,103,58,.1);border-radius:50px}

.gl-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:210px;grid-auto-flow:dense;gap:14px}
.gl-i{
  position:relative;padding:0;border:0;overflow:hidden;cursor:pointer;border-radius:20px;background:var(--coal);
  box-shadow:0 14px 30px rgba(0,0,0,.3);
  transition:opacity .8s ease,transform .5s ease,box-shadow .5s ease;
}
.gl-i:nth-child(9n+1){grid-column:span 2;grid-row:span 2}
.gl-i img{width:100%;height:100%;object-fit:cover;transition:transform .9s ease}
.gl-i:hover img{transform:scale(1.12)}
.gl-i.in:hover{box-shadow:0 24px 46px rgba(0,0,0,.5)}
.gl-o{position:absolute;inset:0;display:grid;place-items:center;font-size:34px;color:#fff;background:linear-gradient(0deg,rgba(16,12,9,.7),rgba(16,12,9,.15));opacity:0;transition:opacity .4s}
.gl-i:hover .gl-o,.gl-i:focus-visible .gl-o{opacity:1}
.gl-go{margin-top:44px;text-align:center}
.gl-go p{margin-bottom:16px;font-size:17px;font-weight:700;color:#e8dcc7}

.lb{
  position:fixed;top:0;left:0;right:0;bottom:0;z-index:200;display:flex;align-items:center;justify-content:center;
  background:rgba(10,7,5,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s;
}
.lb.show{opacity:1;visibility:visible}
.lb-img{max-width:92vw;max-height:78vh;max-height:78svh;object-fit:contain;border-radius:16px;box-shadow:0 30px 70px rgba(0,0,0,.6)}
.lb-img.sw{animation:lbIn .5s ease both}
@keyframes lbIn{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
.lb-x,.lb-b{position:absolute;display:grid;place-items:center;color:#fff;cursor:pointer;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);border-radius:50%;transition:background .3s,color .3s}
.lb-x:hover,.lb-b:hover{background:var(--gold);color:var(--ink)}
.lb-x{top:calc(16px + env(safe-area-inset-top,0px));left:16px;width:46px;height:46px;font-size:20px}
.lb-b{top:50%;width:50px;height:50px;margin-top:-25px;font-size:22px}
.lb-p{right:14px}
.lb-n{left:14px}
.lb-c{position:absolute;bottom:calc(18px + env(safe-area-inset-bottom,0px));left:0;right:0;text-align:center;font-size:15px;font-weight:700;color:var(--gold2);direction:ltr}

.hw-steps{position:relative;display:grid;gap:38px;padding:6px 0}
.hw-track{position:absolute;top:0;bottom:0;left:50%;width:4px;transform:translateX(-50%);border-radius:4px;background:rgba(51,38,27,.14)}
.hw-fill{width:100%;height:0;border-radius:4px;background:linear-gradient(180deg,var(--gold2),var(--gold),var(--cop));box-shadow:0 0 18px rgba(217,168,78,.7)}
.hw-s{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:start}
.hw-c{
  position:relative;grid-column:1;margin-inline-end:56px;padding:26px 24px 22px;overflow:hidden;border-radius:26px;
  background:#fff;border:1px solid rgba(51,38,27,.1);box-shadow:0 18px 40px rgba(51,38,27,.12);
  transition:opacity .8s ease,transform .6s ease,border-color .4s ease,box-shadow .4s;
}
.hw-s:nth-child(even) .hw-c{grid-column:2;margin-inline-end:0;margin-inline-start:56px}
.hw-c.in:hover{transform:translateY(-8px);border-color:var(--gold);box-shadow:0 26px 50px rgba(51,38,27,.2)}
.hw-big{position:absolute;top:6px;left:16px;font-size:78px;font-weight:900;line-height:1;color:rgba(51,38,27,.06);pointer-events:none}
.hw-i{display:grid;place-items:center;width:60px;height:60px;margin-bottom:12px;font-style:normal;font-size:30px;border-radius:18px;background:var(--sand);border:1px solid rgba(217,168,78,.5);animation:bob 4.5s ease-in-out infinite}
.hw-c h3{font-size:21px;font-weight:900;line-height:1.5;color:var(--ink);margin-bottom:8px}
.hw-c p{font-size:15.5px;line-height:1.95;color:var(--mut);margin-bottom:14px}
.hw-tag{display:inline-block;padding:5px 14px;font-size:13.5px;font-weight:700;color:var(--ink);background:linear-gradient(135deg,var(--gold2),var(--gold));border-radius:50px}
.hw-node{
  position:absolute;top:22px;left:50%;z-index:3;display:grid;place-items:center;width:58px;height:58px;
  transform:translateX(-50%);border-radius:50%;background:var(--cream);border:3px solid rgba(51,38,27,.25);
  transition:background .5s,border-color .5s,box-shadow .5s;
}
.hw-node b{font-size:24px;font-weight:900;color:rgba(51,38,27,.5);transition:color .5s}
.hw-node.on{background:linear-gradient(135deg,var(--gold2),var(--gold));border-color:#fff3d6;animation:pulse 2.6s infinite}
.hw-node.on b{color:var(--ink)}
.hw-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:64px}
.hw-strip div{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 12px;border-radius:22px;background:linear-gradient(160deg,var(--brown),var(--ink));transition:transform .4s}
.hw-strip div:hover{transform:translateY(-6px)}
.hw-strip i{font-style:normal;font-size:32px;margin-bottom:6px;animation:bob 5s ease-in-out infinite}
.hw-strip b{font-size:16.5px;color:var(--gold2)}
.hw-strip span{font-size:13.5px;color:#d2c4ad;line-height:1.7}
.hw-go{margin-top:34px;text-align:center}

.fq-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:34px;align-items:start}
.fq-list{display:grid;gap:14px}
.fq-q{overflow:hidden;background:#fff;border-radius:22px;border:1px solid rgba(51,38,27,.1);box-shadow:0 10px 28px rgba(51,38,27,.08);transition:opacity .8s ease,transform .8s ease,box-shadow .4s ease,border-color .4s ease}
.fq-q.in:hover{box-shadow:0 18px 38px rgba(51,38,27,.15)}
.fq-q[open]{border-color:var(--gold);box-shadow:0 20px 44px rgba(51,38,27,.16)}
.fq-q summary{display:flex;align-items:center;gap:14px;padding:16px 18px;cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent}
.fq-q summary::-webkit-details-marker{display:none}
.fq-q summary::marker{content:""}
.fq-ic{flex:none;display:grid;place-items:center;width:46px;height:46px;font-size:23px;border-radius:14px;background:var(--sand);transition:transform .4s,background .4s}
.fq-q[open] .fq-ic{background:var(--gold2);transform:rotate(-8deg) scale(1.08)}
.fq-t{flex:1;font-size:16.5px;font-weight:700;line-height:1.7;color:var(--ink)}
.fq-pm{flex:none;position:relative;width:34px;height:34px;border-radius:50%;background:var(--sand);transition:background .4s}
.fq-pm::before,.fq-pm::after{content:"";position:absolute;top:50%;left:50%;width:14px;height:2.5px;margin:-1.25px 0 0 -7px;border-radius:3px;background:var(--brown);transition:transform .4s,background .4s}
.fq-pm::after{transform:rotate(90deg)}
.fq-q[open] .fq-pm{background:linear-gradient(135deg,var(--gold2),var(--gold))}
.fq-q[open] .fq-pm::after{transform:rotate(0)}
.fq-a{padding:0 18px 20px}
.fq-a p{padding:14px 16px;font-size:15.5px;line-height:2;color:var(--mut);background:linear-gradient(90deg,rgba(217,168,78,.16),rgba(217,168,78,.04));border-right:4px solid var(--gold);border-radius:14px}
.fq-q[open] .fq-a p{animation:fqIn .5s ease both}
@keyframes fqIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
.fq-side{
  position:relative;overflow:hidden;display:flex;flex-direction:column;gap:12px;padding:34px 26px 28px;text-align:center;color:#fff;border-radius:30px;
  background:radial-gradient(circle at 80% 10%,rgba(217,168,78,.25),transparent 45%),linear-gradient(160deg,var(--brown),var(--ink));
  border:1px solid rgba(242,214,149,.3);box-shadow:0 28px 56px rgba(22,17,13,.3);
}
.fq-side>*{position:relative;z-index:2}
.fq-big{width:84px;height:84px;margin:0 auto;display:grid;place-items:center;font-size:42px;border-radius:50%;background:rgba(255,255,255,.12);animation:bob 4.5s ease-in-out infinite}
.fq-side h3{font-size:24px;font-weight:900;color:var(--gold2)}
.fq-side p{font-size:15px;line-height:1.9;color:#dccfba;margin-bottom:6px}
.fq-side .btn{width:100%}
.fq-bub{position:absolute;bottom:-30px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.4),rgba(217,168,78,.1));border:1px solid rgba(255,255,255,.22);animation:rise linear infinite;pointer-events:none;z-index:1}
.fq-bub.fb1{width:22px;height:22px;left:12%;animation-duration:10s}
.fq-bub.fb2{width:14px;height:14px;left:50%;animation-duration:8s;animation-delay:2s}
.fq-bub.fb3{width:28px;height:28px;left:82%;animation-duration:12s;animation-delay:1s}

.rw-sum{display:inline-flex;align-items:center;gap:10px;margin-top:18px;padding:8px 20px;font-size:14.5px;font-weight:700;color:#efe4d0;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:50px}
.rw-sum span{color:var(--gold);letter-spacing:2px;font-size:17px}
.rw-row{
  position:relative;z-index:2;overflow:hidden;direction:ltr;padding:12px 0;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);
}
.rw-track{display:flex;width:max-content;animation:rwMove 75s linear infinite}
.rw-rev .rw-track{animation-direction:reverse;animation-duration:85s}
@keyframes rwMove{to{transform:translateX(-50%)}}
.rc{
  flex:none;direction:rtl;width:340px;margin:0 11px;padding:24px 22px 20px;display:flex;flex-direction:column;position:relative;border-radius:26px;
  background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 18px 40px rgba(0,0,0,.25);
  transition:transform .4s,background .4s,border-color .4s;
}
.rc::before{content:"”";position:absolute;top:-4px;left:18px;font-size:80px;line-height:1;color:var(--gold);opacity:.3;pointer-events:none}
.rc:hover{transform:translateY(-8px);background:rgba(255,255,255,.15);border-color:rgba(242,214,149,.5)}
.rc-s{color:var(--gold);font-size:18px;letter-spacing:3px;margin-bottom:8px}
.rc blockquote{flex:1;font-size:15.5px;line-height:2;color:#eadfcd;margin-bottom:16px}
.rc figcaption{display:flex;align-items:center;gap:12px;padding-top:14px;border-top:1px solid rgba(255,255,255,.14)}
.rc-av{flex:none;display:grid;place-items:center;width:42px;height:42px;font-size:19px;font-weight:900;color:var(--ink);background:linear-gradient(135deg,var(--gold2),var(--gold));border-radius:50%}
.rc b{font-size:16.5px;font-weight:900;color:var(--gold2)}
.rw-go{margin-top:44px;text-align:center}
.rw-go p{margin-bottom:16px;font-size:17px;font-weight:700;color:#eadfcd}

.wy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.wc{position:relative;perspective:800px;transition:opacity .8s ease,transform .8s ease}
.wy-in{
  position:relative;height:100%;padding:26px 20px 22px;overflow:hidden;background:#fff;border-radius:26px;border:1px solid rgba(51,38,27,.1);
  box-shadow:0 12px 30px rgba(51,38,27,.09);
  transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;
  transition:transform .25s ease-out,box-shadow .4s ease;
}
.wy-in::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,var(--gold),var(--cop));transform:scaleX(0);transform-origin:right;transition:transform .5s ease}
.wy-in:hover{box-shadow:0 28px 52px rgba(51,38,27,.2)}
.wy-in:hover::after{transform:scaleX(1)}
.wy-no{position:absolute;top:10px;left:16px;font-size:56px;font-weight:900;line-height:1;color:rgba(51,38,27,.07);pointer-events:none}
.wy-in i{display:grid;place-items:center;width:62px;height:62px;margin-bottom:14px;font-style:normal;font-size:31px;border-radius:20px;background:linear-gradient(145deg,var(--sand),#fff4dc);border:1px solid rgba(51,38,27,.1);animation:bob 5s ease-in-out infinite;transition:background .4s}
.wy-in:hover i{background:var(--gold2)}
.wy-in h3{font-size:18.5px;font-weight:900;line-height:1.55;color:var(--ink);margin-bottom:8px}
.wy-in p{font-size:14.5px;line-height:1.95;color:var(--mut)}

.wy-cmp{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:stretch;margin-top:56px}
.wy-pn{padding:28px 26px;border-radius:28px;transition:opacity .8s ease,transform .8s ease}
.wy-pn h3{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:900;margin-bottom:16px}
.wy-pn h3 i{font-style:normal;font-size:24px}
.wy-pn ul{display:grid;gap:10px}
.wy-pn li{position:relative;padding-inline-start:32px;font-size:15.5px;font-weight:500;line-height:1.8}
.wy-pn li::before{position:absolute;right:0;top:3px;display:grid;place-items:center;width:22px;height:22px;font-size:12px;font-weight:900;border-radius:50%;line-height:1}
.wy-yes{color:#fff;background:radial-gradient(circle at 85% 10%,rgba(217,168,78,.25),transparent 45%),linear-gradient(160deg,var(--brown),var(--ink));border:1px solid rgba(242,214,149,.35);box-shadow:0 26px 54px rgba(22,17,13,.3)}
.wy-yes h3{color:var(--gold2)}
.wy-yes li{color:#eadfcd}
.wy-yes li::before{content:"✔";color:var(--ink);background:var(--gold2)}
.wy-no2{color:#6b5d50;background:rgba(255,255,255,.7);border:1px dashed rgba(51,38,27,.25)}
.wy-no2 h3{color:#7a6a58}
.wy-no2 li::before{content:"✖";color:#fff;background:#b9a99a}
.wy-vs{display:grid;place-items:center;transition:opacity .8s ease,transform .8s ease}
.wy-vs span{display:grid;place-items:center;width:60px;height:60px;font-size:18px;font-weight:900;color:var(--ink);background:linear-gradient(135deg,var(--gold2),var(--gold));border-radius:50%;animation:pulse 2.6s infinite}

.wy-pr{
  position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:50px;padding:34px;overflow:hidden;color:#fff;border-radius:30px;
  background:radial-gradient(circle at 12% 20%,rgba(217,168,78,.25),transparent 45%),linear-gradient(150deg,var(--brown),var(--ink));
  border:1px solid rgba(242,214,149,.3);box-shadow:0 26px 56px rgba(22,17,13,.3);
}
.wy-pt,.wy-pbn{position:relative;z-index:2}
.wy-pt h3{font-size:clamp(20px,3.2vw,28px);font-weight:900;color:var(--gold2);margin-bottom:6px}
.wy-pt p{max-width:560px;font-size:15.5px;color:#dccfba}
.wy-pbn{display:flex;flex-wrap:wrap;gap:12px;flex:none}
.wy-pb{position:absolute;bottom:-30px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.4),rgba(217,168,78,.1));border:1px solid rgba(255,255,255,.22);animation:rise linear infinite;pointer-events:none;z-index:1}
.wy-pb.pb1{width:22px;height:22px;left:20%;animation-duration:10s}
.wy-pb.pb2{width:14px;height:14px;left:52%;animation-duration:8s;animation-delay:2s}
.wy-pb.pb3{width:30px;height:30px;left:76%;animation-duration:13s;animation-delay:1s}

.ct-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:34px;align-items:start}
.ct-info{display:grid;gap:14px}
.ct-c{
  display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:22px;
  background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  transition:opacity .8s ease,transform .4s ease,background .4s ease,border-color .4s ease;
}
a.ct-c.in:hover{transform:translateX(-8px);background:rgba(255,255,255,.15);border-color:rgba(242,214,149,.5)}
.ct-c i{flex:none;display:grid;place-items:center;width:54px;height:54px;font-style:normal;font-size:27px;border-radius:16px;background:rgba(242,214,149,.16);border:1px solid rgba(242,214,149,.3);animation:bob 5s ease-in-out infinite}
.ct-wa i{background:rgba(47,191,136,.22);border-color:rgba(47,191,136,.5)}
.ct-c div{flex:1;min-width:0}
.ct-c b{display:block;font-size:17px;font-weight:900;color:var(--gold2)}
.ct-c span{display:block;font-size:14.5px;line-height:1.8;color:#dccfba}
.ct-c em{flex:none;font-style:normal;font-size:22px;color:var(--gold2)}
.ct-pts{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.ct-pts span{padding:7px 16px;font-size:14px;font-weight:700;color:var(--ink);background:linear-gradient(135deg,var(--gold2),var(--gold));border-radius:50px}
.ct-form{display:grid;gap:16px;padding:32px 28px;color:var(--tx);background:#fff;border-radius:30px;border:1px solid rgba(242,214,149,.5);box-shadow:0 30px 60px rgba(0,0,0,.35)}
.ct-form h3{font-size:25px;font-weight:900;color:var(--ink)}
.ct-sub{margin-top:-8px;font-size:14.5px;color:var(--mut)}
.ct-f{display:grid;gap:6px}
.ct-f>span{font-size:15px;font-weight:700;color:var(--ink)}
.ct-f small{font-weight:500;color:#8c7d6f}
.ct-f input,.ct-f select,.ct-f textarea{
  width:100%;padding:13px 16px;font-family:inherit;font-size:16px;color:var(--ink);background:#faf5ea;
  border:2px solid rgba(51,38,27,.14);border-radius:16px;outline:none;
  transition:border-color .3s,box-shadow .3s,background .3s;
}
.ct-f textarea{resize:vertical;min-height:110px}
.ct-f input:focus,.ct-f select:focus,.ct-f textarea:focus{background:#fff;border-color:var(--gold);box-shadow:0 0 0 4px rgba(217,168,78,.25)}
.ct-f.bad input{border-color:#d9534f;box-shadow:0 0 0 4px rgba(217,83,79,.15)}
.ct-send{width:100%;font-family:inherit}
.ct-note{min-height:22px;font-size:14.5px;font-weight:700;text-align:center}
.ct-note.ok{color:#18936a}
.ct-note.err{color:#d9534f}

.ft{position:relative;padding:70px 0 0;color:#d2c4ad;background:linear-gradient(180deg,#120d0a 0%,#0c0806 100%);border-top:4px solid var(--gold)}
.ft-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:36px;padding-bottom:44px}
.ft-logo{margin-bottom:14px}
.ft-about p{font-size:14.5px;line-height:2;color:#bfb09a}
.ft h4{position:relative;margin-bottom:18px;padding-bottom:10px;font-size:18px;font-weight:900;color:var(--gold2)}
.ft h4::after{content:"";position:absolute;right:0;bottom:0;width:40px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--gold),var(--cop))}
.ft ul{display:grid;gap:10px}
.ft li a{display:inline-block;font-size:15px;color:#bfb09a;transition:color .3s,transform .3s}
.ft li a:hover{color:var(--gold2);transform:translateX(-6px)}
.ft-ct li a{display:flex;align-items:center;gap:10px}
.ft-ct li a span{flex:none;display:grid;place-items:center;width:36px;height:36px;font-size:17px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:12px}
.ft-ct li a b{font-weight:500}
.ft-bar{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 0 calc(20px + env(safe-area-inset-bottom,0px));text-align:center;border-top:1px solid rgba(255,255,255,.12)}
.ft-bar p{font-size:13.5px;color:#a89a85}
.ft-credit{font-size:14.5px!important;color:#d2c4ad!important}
.ft-credit a{font-weight:900;color:var(--gold2);border-bottom:2px solid rgba(242,214,149,.4);transition:color .3s,border-color .3s}
.ft-credit a:hover{color:#fff;border-color:var(--cop)}

.fx{position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:80;display:flex;flex-direction:column;align-items:center;gap:12px}
.fx-b{
  position:relative;display:grid;place-items:center;width:54px;height:54px;font-size:26px;color:#fff;border-radius:50%;
  box-shadow:0 12px 26px rgba(0,0,0,.4);
  transition:transform .3s,box-shadow .3s,opacity .3s,visibility .3s;
}
.fx-b:hover{transform:translateY(-4px) scale(1.08)}
.fx-wa{background:linear-gradient(135deg,#34d399,#128a5a)}
.fx-call{background:linear-gradient(135deg,var(--brown),var(--ink));border:2px solid rgba(242,214,149,.6)}
.fx-wa::before,.fx-call::before{content:"";position:absolute;inset:0;border-radius:50%;z-index:-1;animation:fxPulse 2.4s infinite}
.fx-wa::before{background:rgba(52,211,153,.5)}
.fx-call::before{background:rgba(217,168,78,.45);animation-delay:1.1s}
@keyframes fxPulse{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.7);opacity:0}}
.fx-b span{display:block;animation:ring 2.4s ease-in-out infinite}
.fx-wa span{animation-name:bob}
.fx-up{width:46px;height:46px;font-size:22px;font-weight:900;color:var(--ink);background:linear-gradient(135deg,var(--gold2),var(--gold));opacity:0;visibility:hidden;transform:translateY(10px)}
.fx-up.show{opacity:1;visibility:visible;transform:none}
.fx-up.show:hover{transform:translateY(-4px) scale(1.08)}

@media (hover:hover){
  .rw-row:hover .rw-track{animation-play-state:paused}
}

@media (hover:none){
  .wy-in{transform:none!important}
}

@media (max-width:1180px){
  .call{display:none}

  .burger{
    display:flex;flex:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;
    width:46px;height:46px;border-radius:14px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);
    cursor:pointer;position:relative;z-index:3;
  }
  .burger span{display:block;width:22px;height:2.5px;border-radius:3px;background:var(--gold2);transition:transform .35s,opacity .25s}
  .burger.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
  .burger.open span:nth-child(2){opacity:0}
  .burger.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}

  .veil{
    display:block;position:fixed;top:0;left:0;right:0;bottom:0;z-index:90;
    background:rgba(12,8,5,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
    opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s;
  }
  .veil.show{opacity:1;visibility:visible}

  .nav{
    position:fixed;top:calc(env(safe-area-inset-top,0px) + var(--hh) + 10px);left:0;right:0;margin-inline:auto;
    width:min(88vw,320px);
    max-height:calc(100vh - var(--hh) - 40px);
    max-height:calc(100svh - var(--hh) - 40px - env(safe-area-inset-top,0px));
    overflow-y:auto;overscroll-behavior:contain;z-index:2;
    display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:16px 14px 14px;border-radius:26px;
    background:linear-gradient(165deg,rgba(58,42,29,.97),rgba(22,17,13,.98));
    border:1px solid rgba(242,214,149,.35);box-shadow:0 30px 60px rgba(0,0,0,.5),0 0 0 6px rgba(255,255,255,.05);
    opacity:0;visibility:hidden;pointer-events:none;
    transform:translateY(-40px) scale(.94);transform-origin:50% 0;
    transition:transform .45s cubic-bezier(.2,.9,.3,1.2),opacity .3s,visibility .3s;
  }
  .nav::before{content:"";display:block;width:46px;height:4px;margin:0 auto 8px;border-radius:4px;background:linear-gradient(90deg,var(--gold2),var(--gold))}
  .nav.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}
  .lnk{
    display:block;text-align:center;padding:10px 14px;font-size:16px;border-radius:16px;
    opacity:0;transform:translateY(-14px);transition:opacity .35s,transform .35s,background .3s;
  }
  .nav.open .lnk{opacity:1;transform:none}
  .nav.open .lnk:nth-child(1){transition-delay:.08s}
  .nav.open .lnk:nth-child(2){transition-delay:.11s}
  .nav.open .lnk:nth-child(3){transition-delay:.14s}
  .nav.open .lnk:nth-child(4){transition-delay:.17s}
  .nav.open .lnk:nth-child(5){transition-delay:.2s}
  .nav.open .lnk:nth-child(6){transition-delay:.23s}
  .nav.open .lnk:nth-child(7){transition-delay:.26s}
  .nav.open .lnk:nth-child(8){transition-delay:.29s}
  .nav.open .lnk:nth-child(9){transition-delay:.32s}
  .lnk.act::after{display:none}
  .lnk.act{transform:none}
}

@media (max-width:1000px){
  .ar-grid{grid-template-columns:1fr}
  .wy-grid{grid-template-columns:repeat(2,1fr)}
  .wy-pr{flex-direction:column;align-items:flex-start}
  .ft-grid{grid-template-columns:1fr 1fr;gap:34px}
  .gl-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:190px}
}

@media (max-width:900px){
  .sec{padding:96px 0 70px}
  .ab-grid{grid-template-columns:1fr;gap:44px}
  .ab-col{max-width:420px}
  .sv-row{grid-template-columns:1fr;gap:34px}
  .sv-row:nth-child(even) .sv-md{order:0}
  .sv-list{gap:64px}
  .fq-grid{grid-template-columns:1fr;gap:30px}
  .ct-grid{grid-template-columns:1fr;gap:28px}
}

@media (max-width:800px){
  .hw-steps{gap:26px}
  .hw-track{left:auto;right:24px;transform:none}
  .hw-s{grid-template-columns:1fr}
  .hw-c,.hw-s:nth-child(even) .hw-c{grid-column:1;margin-inline-start:0;margin-inline-end:70px}
  .hw-node{left:auto;right:0;width:52px;height:52px;transform:none;top:18px}
  .hw-node b{font-size:21px}
  .hw-strip{grid-template-columns:1fr 1fr}
  .wy-cmp{grid-template-columns:1fr;gap:14px}
  .wy-vs span{width:52px;height:52px;font-size:16px}
  .ar-mini{grid-template-columns:1fr}
}

@media (max-width:640px){
  .gl-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:170px;gap:10px}
  .gl-i:nth-child(9n+1){grid-column:auto;grid-row:auto}
  .tk{grid-template-columns:1fr}
}

@media (max-width:560px){
  :root{--hh:64px}
  .wrap{padding-inline:16px}
  .logo svg{width:36px;height:36px}
  .lg-t b{font-size:21px}
  .lg-t small{font-size:9.5px}
  .hero{padding:calc(var(--hh) + 30px) 0 170px}
  .tag{font-size:13px;padding:6px 14px}
  .btns{flex-direction:column;align-items:stretch;max-width:320px;margin-inline:auto}
  .btn{width:100%;padding:13px 20px;font-size:16px}
  .chips{gap:8px}
  .chips li{font-size:12.5px;padding:6px 12px}
  .seo{font-size:12.5px}
  .fr{width:40px;height:40px}
  .fr1,.fr2{top:calc(var(--hh) + 10px)}
  .fr1,.fr3{right:10px}
  .fr2,.fr4{left:10px}
  .fr3,.fr4{bottom:104px}
  .hc{bottom:58px}
  .hb{display:none}
  .mq-g span{font-size:13px;padding:0 16px}
  .mq-g span::before{margin-inline-start:16px}
  .sec{padding:88px 0 60px}
  .hd{margin-bottom:34px}
  .ab-vals{grid-template-columns:1fr}
  .ab-stats{gap:8px}
  .ab-stats span{font-size:12.5px}
  .ab-col{max-width:340px}
  .cbadge{font-size:12px;padding:7px 12px}
  .ar-map{padding:28px 18px}
  .sv-md::before{inset:12px -10px -12px 10px;border-radius:26px}
  .sv-row:nth-child(even) .sv-md::before{inset:12px 10px -12px -10px}
  .sm{border-radius:22px}
  .sv-no{font-size:56px}
  .sv-tx>p{font-size:15px}
  .hw-c,.hw-s:nth-child(even) .hw-c{margin-inline-end:64px;padding:20px 16px 18px;border-radius:22px}
  .hw-i{width:52px;height:52px;font-size:26px}
  .hw-c h3{font-size:18.5px}
  .hw-c p{font-size:14.5px;line-height:1.9}
  .hw-big{font-size:60px}
  .hw-strip{gap:10px;margin-top:48px}
  .hw-strip div{padding:16px 8px}
  .hw-strip b{font-size:14.5px}
  .hw-strip span{font-size:12.5px}
  .fq-q summary{padding:14px 12px;gap:10px}
  .fq-ic{width:40px;height:40px;font-size:20px;border-radius:12px}
  .fq-t{font-size:15px}
  .fq-pm{width:30px;height:30px}
  .fq-a{padding:0 12px 16px}
  .fq-a p{font-size:14.5px;padding:12px}
  .fq-side{padding:28px 18px 22px;border-radius:24px}
  .rc{width:285px;margin:0 8px;padding:20px 18px 16px;border-radius:22px}
  .rc blockquote{font-size:14.5px;line-height:1.95}
  .rw-row{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%)}
  .wy-grid{grid-template-columns:1fr;gap:16px}
  .wy-in{padding:22px 18px 20px;border-radius:22px}
  .wy-pn{padding:24px 18px;border-radius:24px}
  .wy-pn h3{font-size:19px}
  .wy-pn li{font-size:14.5px}
  .wy-pr{padding:26px 20px;border-radius:24px}
  .wy-pbn{width:100%;flex-direction:column}
  .ct-c{padding:14px;gap:12px;border-radius:20px}
  .ct-c i{width:48px;height:48px;font-size:24px}
  .ct-c b{font-size:16px}
  .ct-c span{font-size:13.5px}
  .ct-form{padding:24px 18px;border-radius:24px}
  .ct-form h3{font-size:22px}
  .ft{padding-top:54px}
  .ft-grid{grid-template-columns:1fr;gap:30px;padding-bottom:34px}
  .fx{left:12px;gap:10px}
  .fx-b{width:50px;height:50px;font-size:24px}
  .fx-up{width:42px;height:42px}
  .lb-b{width:44px;height:44px;margin-top:-22px;font-size:19px}
  .lb-p{right:8px}
  .lb-n{left:8px}
  .rw-go .btn,.gl-go .btn,.hw-go .btn{max-width:320px}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  html{scroll-behavior:auto}
  .rw-row{overflow-x:auto}
  .rw-track{animation:none!important;transform:none!important}
}