/* Waathik — landing page styles (loaded after master.css) */
h1,h2,h3{line-height:normal}
body{margin:0;background:#0B1820;line-height:normal;font-family:"Almarai","Segoe UI",Tahoma,sans-serif}
a{color:#8FCB88;text-decoration:none}a:hover{color:#B7E0B1}
h1,h2,h3{font-family:"Almarai",Tahoma,sans-serif;font-weight:700}
.m-br{display:none}
*:not(.wtk-ruqaa),input::placeholder,svg text{font-family:"Almarai","Segoe UI",Tahoma,sans-serif!important}.wtk-ruqaa{font-family:"Aref Ruqaa",serif!important}
@keyframes wtk-spin{to{transform:rotate(360deg)}}
.wtk-ring{transform-origin:260px 260px;animation:wtk-spin 60s linear infinite}
.wtk-ring-cv{animation:wtk-spin 60s linear infinite}
@media (prefers-reduced-motion:reduce){.wtk-ring-cv{animation:none}}
@keyframes wtk-up{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes wtk-zoom{from{opacity:0;transform:scale(.86) rotate(-8deg)}to{opacity:1;transform:none}}
@keyframes wtk-draw{from{stroke-dashoffset:var(--len)}to{stroke-dashoffset:0}}
@keyframes wtk-float{0%{transform:translateY(0)}50%{transform:translateY(-14px)}100%{transform:translateY(0)}}
@keyframes wtk-pulse{0%{box-shadow:0 0 0 0 rgba(63,122,69,.55)}70%{box-shadow:0 0 0 10px rgba(63,122,69,0)}100%{box-shadow:0 0 0 0 rgba(63,122,69,0)}}
@keyframes wtk-glow{0%,100%{opacity:.35}50%{opacity:.9}}
.wtk-up{opacity:0;animation:wtk-up .9s cubic-bezier(.2,.7,.2,1) forwards}
.wtk-d1{animation-delay:.1s}.wtk-d2{animation-delay:.25s}.wtk-d3{animation-delay:.4s}.wtk-d4{animation-delay:.55s}.wtk-d5{animation-delay:.8s}
.wtk-seal{opacity:0;animation:wtk-zoom 1.2s cubic-bezier(.2,.7,.2,1) .2s forwards}
.wtk-draw{stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:wtk-draw 1.4s cubic-bezier(.6,0,.2,1) forwards}
.wtk-draw-c{--len:880;animation-delay:.6s}
.wtk-draw-k{--len:200;animation-delay:1.4s}
.wtk-dash{animation:wtk-glow 4s ease-in-out infinite}
.wtk-chip{opacity:0;animation:wtk-up .8s cubic-bezier(.2,.7,.2,1) forwards,wtk-float 6s ease-in-out infinite}
.wtk-c1{animation-delay:1.6s,2.4s}.wtk-c2{animation-delay:1.8s,3.2s}.wtk-c3{animation-delay:2s,2.8s}
.wtk-pulse{animation:wtk-pulse 2s ease-out infinite}
@keyframes wtk-ripple{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.48);opacity:0}}
.wtk-draw-o{--len:1560;animation-delay:.3s}
.wtk-rev{transform-origin:260px 260px;animation:wtk-glow 4s ease-in-out infinite,wtk-spin 45s linear infinite reverse}
.wtk-ripple{transform-origin:260px 260px;opacity:0;animation:wtk-ripple 4s cubic-bezier(.2,.6,.3,1) infinite}
.wtk-r2{animation-delay:2s}
@keyframes wtk-tick{0%,70%{stroke-dashoffset:0;transform:scale(1);filter:drop-shadow(0 0 0 rgba(125,197,118,0))}78%{stroke-dashoffset:200;transform:scale(.92);filter:drop-shadow(0 0 0 rgba(125,197,118,0))}88%{stroke-dashoffset:0;transform:scale(1.1);filter:drop-shadow(0 0 14px rgba(125,197,118,.75))}95%,100%{stroke-dashoffset:0;transform:scale(1);filter:drop-shadow(0 0 4px rgba(102,160,214,.35))}}
.wtk-draw-k.wtk-tick{transform-box:view-box;transform-origin:260px 256px;animation:wtk-draw 1.4s cubic-bezier(.6,0,.2,1) 1.4s forwards,wtk-tick 7s cubic-bezier(.5,0,.2,1) 3.2s infinite}
@media (prefers-reduced-motion:reduce){.wtk-draw-k.wtk-tick{animation:none;stroke-dashoffset:0}}

.wtk-orbit{animation:wtk-spin 50s linear infinite}
.wtk-orbit2{animation:wtk-spin 70s linear infinite reverse}
@media (prefers-reduced-motion:reduce){.wtk-rev,.wtk-orbit,.wtk-orbit2{animation:none}.wtk-ripple{display:none}}

@media (prefers-reduced-motion:reduce){.wtk-up,.wtk-seal,.wtk-chip{opacity:1;animation:none}.wtk-draw{stroke-dashoffset:0;animation:none}.wtk-ring,.wtk-dash,.wtk-pulse{animation:none}}


*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
img{max-width:100%}
@media (max-width:1100px){
 section,footer,#top{padding-left:28px!important;padding-right:28px!important}
 #top{padding-top:72px!important}
 .r-nav{display:none!important}
 .r-stack{flex-direction:column!important;align-items:stretch!important;gap:40px!important}
 .r-hero{padding:48px 0!important;gap:26px!important}
 .r-hero>div:first-child{display:contents!important}
 .m-br{display:inline}
 .r-hero .wtk-d1{align-items:center!important;gap:12px!important}
 .r-hero .wtk-d1 span:last-child{line-height:1.6!important}
 .r-hero .wtk-d1 .wtk-ruqaa{position:relative;top:-0.14em;line-height:1.1!important}
 .r-hero .wtk-d1{order:1}.r-hero .wtk-d2{order:2}.r-hero .r-seal{order:3}.r-hero .wtk-d3{order:4}.r-hero .wtk-d4{order:5}
 .r-full{width:100%!important}
 .r-grid{grid-template-columns:1fr!important}
 .r-grid>div{border-left:0!important;padding-left:0!important;padding-right:0!important;border-bottom:1px solid rgba(128,128,128,.22)}
 .r-grid>div:last-child{border-bottom:0}
 .r-seal{width:min(360px,100%)!important;height:auto!important;aspect-ratio:1/1;align-self:center;margin-top:8px}
 .r-seal>svg{width:100%;height:100%}
 .r-seal>.wtk-chip{padding:8px 13px!important;gap:7px!important;font-size:13px!important}
 .r-seal>.wtk-c1{top:6%!important;left:0!important}
 .r-seal>.wtk-c2{bottom:20%!important;left:-2%!important}
 .r-seal>.wtk-c3{bottom:4%!important;right:2%!important}
 .r-card{padding:32px 24px!important;border-radius:24px!important}
 .r-dossier{width:100%!important;max-width:420px;height:500px!important;align-self:center}
 .r-dossier>div{right:0!important;width:calc(100% - 20px)!important}
 .r-wrap{flex-wrap:wrap;gap:36px!important}
 h1{font-size:44px!important}
 #top h1{white-space:nowrap}
 #top h1 br{display:none}
 h2{font-size:32px!important}
 #initiative span[style*="96px"]{font-size:72px!important}
 #initiative,#merchants{padding-top:80px!important;padding-bottom:80px!important}
 #support,#faq{padding-bottom:80px!important}
 #how{padding-top:80px!important;padding-bottom:80px!important}
}
@media (max-width:560px){

 #top span[style*="64px"]{font-size:48px!important}
 #top label+div{flex-wrap:wrap;border-radius:20px!important}
 #top label+div button{width:100%}
}

/* ---------- report section ---------- */
.rp{padding:0 120px 128px}
.rp-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:64px;background:#FFFDF8;border:1px solid #E3DDD0;border-top:4px solid #B3261E;border-radius:32px;padding:64px;font-family:"Almarai","Segoe UI",Tahoma,sans-serif;color:#14212A;line-height:1.8}
.rp-intro h2{margin:26px 0 12px;font-size:40px;line-height:1.35;color:#14212A}
.rp-intro>p{margin:0;font-size:18px;color:#55626A}
.rp-ico{width:56px;height:56px;border-radius:50%;background:#FBEDEC;color:#B3261E;display:flex;align-items:center;justify-content:center}
.rp-intro .rp-ico{width:84px;height:84px;background:#B3261E;color:#FFFFFF;box-shadow:0 0 0 8px #FBEDEC}
.rp-intro .rp-ico svg{width:50px;height:50px}
.rp-ico.ok{background:#E3F2E5;color:#2E6B36}
.rp-next{margin-top:32px;padding-top:28px;border-top:1px solid #E3DDD0}
.rp-next h3{margin:0 0 10px;font-size:20px;line-height:1.5}
.rp-next ol{margin:0;padding:0 20px 0 0;color:#33424B;font-size:16px}
.rp-next li{padding:4px 0}
.rp-note{margin:24px 0 0;padding:14px 16px;border-radius:14px;background:#FDF1E3;color:#6B4200;font-size:15px}
.rp-form{display:flex;flex-direction:column;gap:22px}
.rp-form .fld{display:flex;flex-direction:column;gap:8px;margin:0;border:0;padding:0;min-width:0}
.rp-form label,.rp-form .lbl,.rp-form legend{font-size:15px;font-weight:700;color:#14212A;padding:0}
.rp-form legend{margin-bottom:10px}
.rp-form label b{color:#B3261E;font-weight:700}
.rp-form input[type=text],.rp-form input[type=tel],.rp-form input[type=email],.rp-form select,.rp-form textarea{width:100%;box-sizing:border-box;border:1.5px solid #D9D2C3;border-radius:14px;background:#FFFFFF;padding:0 16px;height:52px;font-size:16px;color:#14212A;font-family:inherit}
.rp-form textarea{height:auto;min-height:120px;padding:14px 16px;line-height:1.8;resize:vertical}
.rp-form select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%2314212A' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 18px center;padding-left:44px;cursor:pointer}
.rp-form input[dir=ltr]{text-align:left}
.rp-form input:focus,.rp-form select:focus,.rp-form textarea:focus{outline:none;border-color:#2D6A99;box-shadow:0 0 0 3px rgba(45,106,153,.15)}
.rp-form .invalid{border-color:#B3261E!important;box-shadow:0 0 0 3px rgba(179,38,30,.12)!important}
.rp-form .err{color:#B3261E;font-size:14px;min-height:0}
.rp-form .err:empty{display:none}
.rp-form .hint{font-size:13px;color:#8A8378;align-self:flex-end;direction:ltr}
.rp-form .two{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.rp-form .two>div,.rp-form fieldset>div{display:flex;flex-direction:column;gap:8px}
.drop{display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 16px 28px;line-height:1.6;border:1.5px dashed #C9C1AF;border-radius:16px;background:#FBF8F1;color:#55626A;text-align:center;cursor:pointer;font-weight:400!important}
.drop span{font-size:15px;color:#14212A;font-weight:700;max-width:100%}
.drop small{font-size:13px;color:#8A8378;max-width:100%}
.drop:hover,.drop.over{border-color:#2D6A99;background:#F2F6F9}
.sr-file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.sr-file:focus-visible+.files,.sr-file:focus+ul{outline:none}
.files{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.files:empty{display:none}
.files li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:12px;background:#F4EFE4;font-size:14px}
.files li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr}
.files li button{border:0;background:none;color:#B3261E;cursor:pointer;font-family:inherit;font-size:14px;flex-shrink:0}
.agree{display:flex;gap:12px;align-items:flex-start;font-weight:400!important;font-size:15px!important;color:#33424B!important;cursor:pointer}
.agree input{width:20px;height:20px;margin:4px 0 0;accent-color:#14212A;flex-shrink:0}
.rp-submit{height:56px;border:0;border-radius:999px;background:#B3261E;color:#FFFFFF;font-family:inherit;font-size:17px;font-weight:700;cursor:pointer}
.rp-submit:hover{background:#8C1D18}
.rp-submit:disabled{opacity:.6;cursor:wait}
.rp-done{display:flex;flex-direction:column;align-items:flex-start;gap:12px;justify-content:center}
.rp-done[hidden]{display:none}
.rp-done h3{margin:8px 0 0;font-size:28px;line-height:1.4}
.rp-done p{margin:0;font-size:17px;color:#55626A}
.rp-again{margin-top:8px;height:48px;padding:0 24px;border-radius:999px;border:1px solid #C9C1AF;background:transparent;font-family:inherit;font-size:15px;cursor:pointer;color:#14212A}
@media (max-width:1100px){
 .rp{padding:0 28px 80px}
 .rp-card{grid-template-columns:1fr;gap:40px;padding:32px 22px;border-radius:24px}
 .rp-intro h2{font-size:30px}
 .rp-intro .rp-ico{width:68px;height:68px}.rp-intro .rp-ico svg{width:40px;height:40px}
 .rp-form .two{grid-template-columns:1fr}
}

/* home page: badge wrapper + hint */
.cert-wrap{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:22px}
.cert-hint{margin:0;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:#FFFDF8;border:1px solid #E3DDD0;color:#33424B;font-size:15px;line-height:1.5}
.cert-hint svg{color:#2D6A99;flex-shrink:0;animation:certTap 1.6s ease-in-out infinite}
@keyframes certTap{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media (max-width:1100px){.cert-wrap{align-self:center}.cert-hint{font-size:14px}}
@media (prefers-reduced-motion:reduce){.cert-hint svg{animation:none}}