@font-face{font-family:T;src:url(/fonts/Tajawal-Regular.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:T;src:url(/fonts/Tajawal-Bold.ttf) format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:T;src:url(/fonts/Tajawal-ExtraBold.ttf) format("truetype");font-weight:800;font-display:swap}
:root{--deep:#083B6A;--navy:#0B4E8C;--teal:#1E9E8C;--mint:#7FDCC9;--green:#22A06B;--mist:#F1F6FA;--line:#D8E4EE;--ink:#1D3350;--muted:#5B6B7F;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:T,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.55;overflow-x:hidden}
img,svg{display:block;max-width:100%}
a{color:inherit}
[lang=ar]{font-family:T,system-ui,sans-serif}
.skip{position:absolute;left:-999px;top:8px;background:var(--deep);color:#fff;padding:8px 14px;border-radius:8px;z-index:10}
.skip:focus{left:12px}
:focus-visible{outline:3px solid var(--teal);outline-offset:3px;border-radius:6px}
.wrap{width:min(1180px,100% - 40px);margin-inline:auto}

/* header */
.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:22px}
.brand img{width:clamp(120px,16vw,168px);height:auto}
.status{display:flex;align-items:center;gap:10px;font-weight:700;font-size:14px;color:var(--deep);background:var(--mist);border:1px solid var(--line);padding:8px 14px 7px;border-radius:999px;white-space:nowrap}
.dot{position:relative;width:9px;height:9px;border-radius:50%;background:var(--teal);flex:none}
.dot::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid var(--teal);animation:ring 1.8s var(--ease) infinite}
@keyframes ring{from{transform:scale(.4);opacity:1}to{transform:scale(1.5);opacity:0}}

/* hero */
.hero{display:grid;grid-template-columns:1fr;gap:28px;align-items:center;padding-block:8px 56px}
.hero h1{font-weight:800;font-size:clamp(40px,6.4vw,78px);line-height:1.02;letter-spacing:-.025em;color:var(--deep);max-width:13ch;text-wrap:balance}
.hero .ar{text-align:left;font-weight:700;font-size:clamp(22px,3vw,34px);color:var(--teal);margin-top:14px;line-height:1.5}
.lead{font-size:clamp(17px,1.5vw,19px);color:var(--muted);max-width:52ch;margin-top:18px}
.soon{display:inline-flex;align-items:center;gap:14px;margin-top:28px;padding:12px 20px 11px 14px;border-radius:999px;background:var(--deep);color:#fff;font-weight:800;font-size:16px}
.soon svg{width:74px;height:26px;flex:none}
.soon .ecg{fill:none;stroke:var(--mint);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60 160;animation:trace 2.2s linear infinite}
@keyframes trace{from{stroke-dashoffset:220}to{stroke-dashoffset:0}}
.soon [lang=ar]{color:var(--mint);font-weight:700}

/* load choreography */
.in-1,.in-2,.in-3,.in-4{animation:rise .8s var(--ease) both}
.in-2{animation-delay:.12s}.in-3{animation-delay:.24s}.in-4{animation-delay:.36s}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}

/* scene */
.scene{position:relative;width:100%;max-width:640px;margin-inline:auto;aspect-ratio:600/640;container-type:inline-size}
.scene>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.grid{animation:fade 1s .1s both}
@keyframes fade{from{opacity:0}}
.bld{animation:up .9s var(--ease) both}
.hosp{animation-delay:.45s}.phar{animation-delay:.65s}
@keyframes up{from{opacity:0;transform:translateY(26px)}}
.lbl{font:700 17px T,sans-serif;fill:var(--deep)}
.lbl-ar{font:700 15px T,sans-serif;fill:var(--teal)}
.labels{animation:fade .8s 1.2s both}
.link{fill:none;stroke:var(--navy);stroke-width:2.5;stroke-dasharray:6 8;opacity:.55}
.draw{stroke-dasharray:400;stroke-dashoffset:400;animation:draw 1s 1.1s var(--ease) forwards;fill:none;stroke:var(--teal);stroke-width:3;stroke-linecap:round}
.draw.g{stroke:var(--green);animation-delay:1.35s}
@keyframes draw{to{stroke-dashoffset:0}}
.cross{transform-origin:548px 420px;animation:beat 1.6s ease-in-out infinite}
@keyframes beat{0%,100%{transform:scale(1)}14%{transform:scale(1.18)}28%{transform:scale(1)}42%{transform:scale(1.1)}}
.halo{transform-origin:548px 420px;animation:halo 1.6s ease-out infinite;fill:none;stroke:var(--green);stroke-width:2}
@keyframes halo{from{transform:scale(1);opacity:.6}to{transform:scale(1.7);opacity:0}}
.win{animation:lit 4s ease-in-out infinite}
.win:nth-of-type(2n){animation-delay:1.3s}.win:nth-of-type(3n){animation-delay:2.4s}
@keyframes lit{0%,100%{fill:#D6E7F5}50%{fill:#FFF4C9}}

/* chips */
.chip{position:absolute;display:flex;align-items:center;gap:.5em;font-size:max(11px,2.3cqw);font-weight:700;color:var(--deep);background:#fff;border:1px solid var(--line);border-radius:999px;padding:.5em .9em .45em .6em;box-shadow:0 6px 18px rgba(8,59,106,.12);white-space:nowrap;opacity:0;animation:chip 4.8s 2s var(--ease) infinite}
.chip i{width:1.5em;height:1.5em;border-radius:50%;display:grid;place-items:center;color:#fff;font-style:normal;font-size:.8em;flex:none}
.chip-1{left:53%;top:21%}.chip-1 i{background:var(--teal)}
.chip-2{left:4%;top:71%;animation-delay:3.4s}.chip-2 i{background:var(--green)}
@keyframes chip{0%{opacity:0;transform:translateY(8px) scale(.96)}10%,55%{opacity:1;transform:none}70%,100%{opacity:0;transform:translateY(-6px)}}

/* the card */
.cardpos{position:absolute;left:31.667%;top:42.19%;width:36.667%;aspect-ratio:1.586;perspective:1200px;font-size:2.2cqw;animation:drop 1s .8s var(--ease) both}
@keyframes drop{from{opacity:0;transform:translateY(-60px) rotate(-10deg)}}
.float{width:100%;height:100%;animation:bob 6s 2s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-4%)}}
.card3d{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:flip 10s 3.2s var(--ease) infinite}
@keyframes flip{0%,40%{transform:rotateY(0)}50%,90%{transform:rotateY(180deg)}100%{transform:rotateY(360deg)}}
.face{position:absolute;inset:0;border-radius:.7em;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 1.2em 2.4em rgba(8,59,106,.25),0 .2em .5em rgba(8,59,106,.12)}
.front{background:#fff}
.c-logo{position:absolute;left:.8em;top:.75em;width:5.6em;height:auto}
.c-photo{position:absolute;right:.8em;top:.75em;width:3.5em;height:4.4em;border-radius:.45em;overflow:hidden;border:1px solid var(--line)}
.c-photo svg{width:100%;height:100%}
.c-name{position:absolute;left:.85em;top:4.25em;font-weight:800;font-size:1.02em;color:var(--deep);line-height:1.15}
.c-name span{display:block;font-weight:700;font-size:.78em;color:var(--teal)}
.c-band{position:absolute;left:0;right:0;bottom:0;height:2.55em;background:var(--deep);display:flex;align-items:center;justify-content:space-between;padding:0 .85em}
.c-num{color:#fff;font-weight:800;font-size:.9em;letter-spacing:.09em}
.c-num small{display:block;font-size:.5em;letter-spacing:0;color:var(--mint);font-weight:700}
.c-kind{color:#fff;font-size:.5em;font-weight:700;text-align:right;line-height:1.3}
.c-kind span{display:block;color:var(--mint)}
.shine{position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.65) 50%,transparent 65%);transform:translateX(-120%);animation:shine 5s 2.4s ease-in-out infinite}
@keyframes shine{0%,60%{transform:translateX(-120%)}80%,100%{transform:translateX(120%)}}
.back{background:var(--deep);transform:rotateY(180deg);color:#fff}
.c-qr{position:absolute;left:.85em;top:.85em;width:5.6em;height:5.6em;background:#fff;border-radius:.4em;padding:.4em}
.c-qr path{fill:var(--deep)}
.c-bt{position:absolute;left:7.3em;top:1em;right:.8em}
.c-bt b{display:block;font-size:.95em;font-weight:800}
.c-bt span{display:block;font-size:.55em;color:#C7D8E8;margin-top:.3em;line-height:1.35}
.c-nfc{position:absolute;right:.8em;top:.8em;width:1.6em;color:var(--mint)}
.c-site{position:absolute;left:.85em;bottom:.75em;font-size:.6em;font-weight:800;color:var(--mint)}
.c-pin{position:absolute;right:.85em;bottom:.8em;font-size:.45em;color:#C7D8E8}

/* how */
.how{background:var(--mist);padding-block:clamp(64px,9vw,112px)}
.shead{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;margin-bottom:clamp(32px,5vw,56px)}
.shead h2{font-weight:800;font-size:clamp(30px,4.2vw,48px);letter-spacing:-.02em;color:var(--deep);line-height:1.1}
.shead p{font-weight:700;font-size:clamp(20px,2.4vw,26px);color:var(--teal)}
.steps{list-style:none;padding:0;display:grid;gap:28px;position:relative;counter-reset:s}
.steps::before{content:"";position:absolute;left:21px;top:8px;bottom:8px;width:3px;background:var(--line);border-radius:3px}
.steps::after{content:"";position:absolute;left:21px;top:8px;width:3px;height:calc(100% - 16px);background:var(--teal);border-radius:3px;transform-origin:top;transform:scaleY(var(--p,1));transition:transform 1.4s var(--ease)}
.js .steps:not(.in){--p:0}
.step{position:relative;padding-left:64px}
.step .n{position:absolute;left:0;top:0;width:45px;height:45px;border-radius:50%;background:#fff;border:3px solid var(--teal);display:grid;place-items:center;font-weight:800;color:var(--deep);font-size:16px;z-index:1}
.step h3{font-weight:800;font-size:clamp(21px,2.2vw,26px);color:var(--deep);line-height:1.2}
.step h3 span{display:block;font-size:.72em;color:var(--teal);font-weight:700;margin-top:4px}
.step p{color:var(--muted);margin-top:8px;max-width:40ch}
.js .step{opacity:0;transform:translateX(-14px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.js .steps.in .step{opacity:1;transform:none}
.js .steps.in .step:nth-child(2){transition-delay:.35s}.js .steps.in .step:nth-child(3){transition-delay:.7s}

/* who */
.who{padding-block:clamp(64px,9vw,112px)}
.rows{border-top:1px solid var(--line)}
.row{display:grid;grid-template-columns:56px 1fr;gap:6px 20px;align-items:start;padding:26px 8px;border-bottom:1px solid var(--line);transition:background .3s}
.row:hover{background:var(--mist)}
.ico{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;grid-row:span 2}
.ico svg{width:30px;height:30px}
.i1{background:#E3F0FA;color:var(--navy)}.i2{background:#E0F4F0;color:var(--teal)}.i3{background:#E2F5EA;color:var(--green)}
.row h3{font-weight:800;font-size:clamp(22px,2.6vw,32px);color:var(--deep);line-height:1.15}
.row h3 span{display:block;font-weight:700;color:var(--teal);font-size:.68em;margin-top:4px}
.row p{color:var(--muted);max-width:56ch}
.row .ico svg{transition:transform .4s var(--ease)}
.row:hover .ico svg{transform:rotate(-8deg) scale(1.08)}

/* launch */
.launch{background:var(--deep);color:#fff;padding-block:clamp(72px,10vw,128px) clamp(56px,8vw,96px);position:relative;overflow:hidden}
.launch h2{font-weight:800;font-size:clamp(42px,8vw,108px);line-height:1;letter-spacing:-.03em;max-width:11ch}
.launch .ar{font-weight:800;font-size:clamp(30px,5.4vw,70px);color:var(--mint);margin-top:14px;line-height:1.3}
.beat{margin-block:clamp(28px,5vw,48px);height:70px;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.beat svg{width:200%;max-width:none;height:70px;animation:scroll 5s linear infinite}
.beat path{fill:none;stroke:var(--teal);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
@keyframes scroll{to{transform:translateX(-50%)}}
.launch p{font-size:clamp(17px,1.6vw,20px);color:#C7D8E8;max-width:46ch}
.mail{display:inline-flex;align-items:center;gap:10px;margin-top:22px;background:#fff;color:var(--deep);font-weight:800;font-size:17px;text-decoration:none;padding:14px 22px 13px;border-radius:999px;transition:transform .2s var(--ease),background .2s}
.mail:hover{transform:translateY(-2px);background:var(--mint)}
.mail svg{width:20px;height:20px}

/* footer */
.foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-block:28px;color:var(--muted);font-size:14px}
.foot img{width:110px;height:auto}

/* reveal for headings */
.js [data-r]{opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.js [data-r].in{opacity:1;transform:none}

@media (min-width:900px){
 .hero{grid-template-columns:1fr 1.05fr;gap:40px;padding-block:24px 88px}
 .steps{grid-template-columns:repeat(3,1fr);gap:36px}
 .steps::before,.steps::after{left:22px;right:22px;top:21px;bottom:auto;width:auto;height:3px}
 .steps::after{transform-origin:left;transform:scaleX(var(--p,1));width:calc(100% - 44px)}
 .step{padding-left:0;padding-top:68px}
 .row{grid-template-columns:72px minmax(260px,1fr) 1.3fr;align-items:center;padding:30px 12px}
 .ico{grid-row:auto;width:64px;height:64px}
}
@media (max-width:520px){
 .status{font-size:12px;padding:7px 11px 6px}
 .soon{font-size:15px}
}
@media (prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important}
 .pulse{display:none}
 .chip{opacity:1}.chip-2{display:none}
 .draw{stroke-dashoffset:0}
 .js [data-r],.js .step{opacity:1;transform:none}
 .js .steps:not(.in){--p:1}
}

/* contact form */
.lgrid{display:grid;gap:32px;align-items:start}
.lcopy p{font-size:clamp(17px,1.6vw,20px);color:#C7D8E8;max-width:40ch}
.lcopy .lcopy-ar{color:var(--mint);font-weight:700;margin-top:12px;text-align:left}
.cform{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:clamp(18px,3vw,30px);display:grid;gap:16px}
.f2{display:grid;gap:16px}
.cform label{display:grid;gap:7px}
.cform label b{font-size:14px;font-weight:700;color:#fff}
.cform label b span{font-weight:500;color:var(--mint);margin-left:6px}
.cform label b small{font-weight:400;color:#9FB6CC;font-size:13px}
.cform input,.cform select,.cform textarea{width:100%;font:inherit;font-size:16px;color:var(--ink);background:#fff;border:2px solid transparent;border-radius:12px;padding:12px 14px 11px;outline:none;transition:border-color .2s,box-shadow .2s}
.cform textarea{resize:vertical;min-height:120px}
.cform input:focus,.cform select:focus,.cform textarea:focus{border-color:var(--mint);box-shadow:0 0 0 4px rgba(127,220,201,.3)}
.cform select:invalid{color:#7A8696}
.hp{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.fbar{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px}
.cform button{font:inherit;font-weight:800;font-size:17px;background:var(--mint);color:var(--deep);border:0;border-radius:999px;padding:14px 28px 13px;cursor:pointer;transition:transform .2s var(--ease),background .2s}
.cform button:hover{background:#fff;transform:translateY(-2px)}
.cform button:disabled{opacity:.6;cursor:progress;transform:none}
.cform .fmsg{flex:1;min-width:200px;font-size:15px;color:#C7D8E8;max-width:none}
.cform .fmsg.ok{color:var(--mint);font-weight:700}
.cform .fmsg.err{color:#FFC9C0;font-weight:700}
.cform .fnote{font-size:13px;color:#9FB6CC;max-width:none}
.cform .fnote a{color:#fff}
@media (min-width:560px){.f2{grid-template-columns:1fr 1fr}}
@media (min-width:900px){.lgrid{grid-template-columns:.85fr 1.15fr;gap:56px}}

/* v3: bilingual rows, EN left / AR right */
.cform label b{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.cform label b span{margin-left:0}
.cform label b .en{color:#fff;font-weight:700}
.lcopy p{max-width:none}
.lcopy .lcopy-ar{text-align:right}
.next{margin-top:32px;padding-top:26px;border-top:1px solid rgba(255,255,255,.14)}
.lcopy .next-h{display:flex;justify-content:space-between;gap:12px;font-size:18px;font-weight:800;color:#fff;margin-bottom:14px}
.next-h [lang=ar]{color:var(--mint)}
.next ol{list-style:none;padding:0;display:grid;gap:12px}
.next li{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:6px 14px;padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.next li i{width:30px;height:30px;border-radius:50%;background:var(--mint);color:var(--deep);display:grid;place-items:center;font-style:normal;font-weight:800;font-size:14px}
.next li span{color:#E3ECF5;font-size:15px;font-weight:700;line-height:1.35}
.next li [lang=ar]{color:var(--mint);text-align:right}
.lcopy .priv{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 12px;margin-top:16px;font-size:13px;color:#9FB6CC}
@media (max-width:480px){.next li{grid-template-columns:30px 1fr}.next li [lang=ar]{grid-column:2}}

/* v4: contact details */
.cinfo{margin-top:32px;padding-top:28px;border-top:1px solid rgba(255,255,255,.14);display:grid;gap:12px}
.ci{display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:center;padding:14px 18px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:#fff;text-decoration:none;transition:background .2s,border-color .2s}
a.ci:hover{background:rgba(255,255,255,.09);border-color:rgba(127,220,201,.55)}
.ci i{width:48px;height:48px;border-radius:14px;background:rgba(127,220,201,.14);color:var(--mint);display:grid;place-items:center}
.ci i svg{width:22px;height:22px}
.ci-t{display:grid;gap:3px;min-width:0}
.ci-l{display:flex;justify-content:space-between;gap:10px;font-size:13px;font-weight:500;color:#9FB6CC}
.ci b{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 10px;font-size:17px;font-weight:800;color:#fff;overflow-wrap:anywhere}
.ci b [lang=ar]{color:var(--mint);font-weight:700;margin-left:auto}
.cinfo .priv{margin-top:6px}
.cinfo .priv [lang=ar]{margin-left:auto}

/* v5: navigation, journey, card, emergency, privacy, plans, directory, FAQ */
.top{flex-wrap:wrap}
.nav{display:flex;gap:2px;align-items:center}
.nav a{padding:8px 12px 7px;border-radius:999px;font-weight:700;font-size:14.5px;color:var(--deep);text-decoration:none;white-space:nowrap;transition:background .2s}
.nav a:hover{background:var(--mist)}
.nav a.nav-cta{background:var(--deep);color:#fff;margin-left:6px}
.nav a.nav-cta:hover{background:var(--teal)}
.sub{font-size:clamp(17px,1.5vw,19px);color:var(--muted);max-width:62ch;margin:-14px 0 34px}
.ji svg,.pi svg,.pl-notes svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ticks{list-style:none;padding:0;display:grid;gap:12px}
.ticks li{position:relative;padding-left:32px;color:var(--ink)}
.ticks li::before{content:"";position:absolute;left:0;top:3px;width:21px;height:21px;border-radius:50%;background:#E0F4F0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E9E8C' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/12px no-repeat}
.ticks.light li{color:#DCE7F2}.ticks.light li b{color:#fff}
.ticks.light li::before{background-color:rgba(127,220,201,.2)}
/* journey */
.journey{list-style:none;padding:0;display:grid;gap:28px}
.jstep{position:relative;padding-left:64px}
.jn{position:absolute;left:0;top:0;width:45px;height:45px;border-radius:50%;background:#fff;border:3px solid var(--teal);display:grid;place-items:center;font-weight:800;color:var(--deep);z-index:2;transition:background .4s,color .4s}
.ji{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#E0F4F0;color:var(--teal);margin-bottom:10px}
.ji svg{width:23px;height:23px}
.jstep h3{font-weight:800;font-size:clamp(19px,1.7vw,21px);color:var(--deep);line-height:1.2}
.jstep h3 span{display:block;font-size:.76em;color:var(--teal);font-weight:700;margin-top:4px}
.jstep p{color:var(--muted);margin-top:8px;font-size:15.5px}
.jstep:not(:last-child)::after,.jstep:not(:last-child)::before{content:"";position:absolute;left:21px;top:48px;bottom:-28px;width:3px;background:var(--line);border-radius:3px}
.jstep:not(:last-child)::before{background:var(--teal);z-index:1;transform-origin:top;transform:scaleY(0);transition:transform .5s var(--ease)}
.journey.in .jstep:not(:last-child)::before{transform:none}
.journey.in .jn{background:var(--teal);color:#fff}
.js .jstep{opacity:0;transform:translateY(12px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.js .journey.in .jstep{opacity:1;transform:none}
.journey.in .jstep:nth-child(2),.journey.in .jstep:nth-child(2) .jn{transition-delay:.35s}.journey.in .jstep:nth-child(1)::before{transition-delay:.25s}
.journey.in .jstep:nth-child(3),.journey.in .jstep:nth-child(3) .jn{transition-delay:.7s}.journey.in .jstep:nth-child(2)::before{transition-delay:.6s}
.journey.in .jstep:nth-child(4),.journey.in .jstep:nth-child(4) .jn{transition-delay:1.05s}.journey.in .jstep:nth-child(3)::before{transition-delay:.95s}
.journey.in .jstep:nth-child(5),.journey.in .jstep:nth-child(5) .jn{transition-delay:1.4s}.journey.in .jstep:nth-child(4)::before{transition-delay:1.3s}
/* card section */
.cardsec{display:grid;gap:44px;align-items:center;padding-block:clamp(64px,9vw,112px)}
.cardsec .shead,.emg .shead,.find .shead{margin-bottom:24px}
.cardsec .sub,.emg .sub,.find .sub{margin:0 0 24px}
.dcwrap{container-type:inline-size;width:100%;max-width:470px;margin-inline:auto}
.dc{position:relative;width:100%;aspect-ratio:1.586;perspective:1400px;font-size:6cqw;cursor:pointer}
.dc.manual .card3d{animation:none;transition:transform .9s var(--ease)}
.dc.manual.flip .card3d{transform:rotateY(180deg)}
.hint{text-align:center;font-size:13px;color:var(--muted);margin-top:16px}
/* emergency */
.emg{background:var(--deep);padding-block:clamp(64px,9vw,112px);overflow:hidden}
.emg .shead h2{color:#fff}.emg .shead p{color:var(--mint)}.emg .sub{color:#C7D8E8}
.emg-grid,.find-grid{display:grid;gap:44px;align-items:center}
.ph{width:min(300px,86vw);margin-inline:auto;border:10px solid #0E1A28;border-radius:36px;background:#fff;overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.3);color:var(--ink)}
.ph-bar{background:#D64545;color:#fff;font-weight:800;padding:14px 18px 12px;font-size:15px}
.ph-bar.teal{background:var(--teal)}
.ph-scan{position:relative;display:grid;place-items:center;background:var(--mist);height:180px;padding:18px;overflow:hidden}
.mini-qr{width:112px;height:112px;background:#fff;padding:8px;border-radius:10px;box-shadow:0 4px 12px rgba(8,59,106,.1)}
.mini-qr svg{width:100%;height:100%}.mini-qr path{fill:var(--deep)}
.beam{position:absolute;left:24%;right:24%;height:3px;top:18%;background:#D64545;box-shadow:0 0 12px #D64545;border-radius:3px;animation:beam 1.3s ease-in-out infinite alternate}
@keyframes beam{to{top:80%}}
.ph-scan span{position:absolute;bottom:8px;font-size:12px;color:var(--muted)}
.ph-body{padding:14px 18px 18px}
.ph-id{display:flex;gap:12px;align-items:center;margin-bottom:6px}
.ph-av{width:48px;height:60px;border-radius:8px;overflow:hidden;display:block;flex:none}
.ph-av svg{width:100%;height:100%;display:block}
.ph-id b{display:block;font-size:17px;color:var(--deep)}.ph-id small{color:var(--muted);font-size:13px}
.ph-row{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px}
.ph-row span{color:var(--muted)}.ph-row b{color:var(--deep);text-align:right}.ph-row b.red{color:#D64545;font-size:16px}
.ph-note{font-size:12px;color:var(--muted);margin-top:10px}
.js .emg .ph-id,.js .emg .ph-row,.js .emg .ph-note{opacity:0;transform:translateY(8px)}
.emg.in .ph-scan{animation:scanDone .5s 1.9s var(--ease) forwards}
@keyframes scanDone{to{height:0;padding-block:0;opacity:0}}
.emg.in .ph-id,.emg.in .ph-row,.emg.in .ph-note{animation:rowIn .5s var(--ease) forwards}
.emg.in .ph-id{animation-delay:2.3s}.emg.in .ph-row:nth-of-type(2){animation-delay:2.45s}.emg.in .ph-row:nth-of-type(3){animation-delay:2.6s}
.emg.in .ph-row:nth-of-type(4){animation-delay:2.75s}.emg.in .ph-row:nth-of-type(5){animation-delay:2.9s}.emg.in .ph-row:nth-of-type(6){animation-delay:3.05s}.emg.in .ph-note{animation-delay:3.3s}
@keyframes rowIn{to{opacity:1;transform:none}}
/* privacy */
.privacy{padding-block:clamp(64px,9vw,112px)}
.pgrid{display:grid;gap:18px}
.pc{border:1px solid var(--line);border-radius:20px;padding:24px;background:#fff;transition:transform .3s var(--ease),box-shadow .3s}
.pc:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(8,59,106,.1)}
.pi{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#E3F0FA;color:var(--navy);margin-bottom:14px}
.pi svg{width:24px;height:24px}
.pc h3,.pl h3{font-weight:800;font-size:19px;color:var(--deep);line-height:1.25}
.pc h3 span,.pl h3 span{display:block;font-size:.8em;color:var(--teal);font-weight:700;margin-top:3px}
.pc p{color:var(--muted);margin-top:8px;font-size:15.5px}
/* plans */
.plans{background:var(--mist);padding-block:clamp(64px,9vw,112px)}
.pl-grid{display:grid;gap:20px}
.pl{background:#fff;border-radius:22px;padding:28px;border:1px solid var(--line)}
.pl h3{font-size:24px}.pl p{color:var(--muted);margin-top:6px}
.pl-f{background:var(--deep);border-color:var(--deep)}
.pl-f h3{color:#fff}.pl-f h3 span{color:var(--mint)}.pl-f p{color:#C7D8E8}
.pl-f .pi{background:rgba(127,220,201,.16);color:var(--mint)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.chips span{padding:9px 16px 8px;border-radius:999px;background:var(--mist);font-weight:700;color:var(--deep);font-size:15px;transition:transform .2s}
.chips span:hover{transform:translateY(-2px)}
.pl-f .chips span{background:rgba(255,255,255,.1);color:#fff}
.pl-notes{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:26px;color:var(--deep);font-weight:700;font-size:15px}
.pl-notes span{display:flex;align-items:center;gap:8px}
.pl-notes svg{width:20px;height:20px;color:var(--teal);flex:none}
/* directory teaser */
.find{background:var(--mist);padding-block:clamp(64px,9vw,112px)}
.ph-search{margin:14px 16px 6px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--muted);font-size:14px}
.res{margin:8px 16px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:grid;gap:2px}
.res b{color:var(--deep)}.res small{color:var(--muted);font-size:12.5px}.res em{font-style:normal;color:#E8A33D;font-size:13px;font-weight:700}
.dirm .ph-note{margin:10px 16px 16px}
.js .find .res{opacity:0;transform:translateX(18px)}
.find.in .res{animation:rowIn .5s var(--ease) forwards}
.find.in .res:nth-of-type(1){animation-delay:.3s}.find.in .res:nth-of-type(2){animation-delay:.5s}.find.in .res:nth-of-type(3){animation-delay:.7s}
/* FAQ */
.faq{padding-block:clamp(64px,9vw,112px)}
.fqs{display:grid;gap:12px;max-width:880px}
.fq{border:1px solid var(--line);border-radius:16px;background:#fff;transition:box-shadow .3s}
.fq[open]{box-shadow:0 12px 26px rgba(8,59,106,.08)}
.fq summary{cursor:pointer;list-style:none;padding:18px 60px 17px 22px;font-weight:800;color:var(--deep);font-size:17.5px;position:relative}
.fq summary::-webkit-details-marker{display:none}
.fq summary::after{content:"+";position:absolute;right:18px;top:50%;width:30px;height:30px;margin-top:-15px;border-radius:50%;background:var(--mist);display:grid;place-items:center;color:var(--teal);font-size:21px;line-height:1;transition:transform .3s var(--ease)}
.fq[open] summary::after{transform:rotate(45deg)}
.fq p{padding:0 22px 20px;color:var(--muted)}
@media (min-width:900px){
 .journey{grid-template-columns:repeat(5,1fr);gap:28px}
 .jstep{padding-left:0;padding-top:64px}
 .jstep:not(:last-child)::after,.jstep:not(:last-child)::before{left:48px;top:21px;bottom:auto;width:calc(100% - 48px + 28px - 3px);height:3px}
 .jstep:not(:last-child)::before{transform-origin:left;transform:scaleX(0)}
 .journey.in .jstep:not(:last-child)::before{transform:none}
 .cardsec{grid-template-columns:1fr 1fr;gap:64px}
 .emg-grid{grid-template-columns:.85fr 1.15fr;gap:64px}
 .find-grid{grid-template-columns:1.1fr .9fr;gap:64px}
 .pgrid{grid-template-columns:repeat(4,1fr)}
 .pl-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:1140px){.status{display:none}}
@media (max-width:899px){
 .nav{order:3;width:100%;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;margin:0 -4px}
 .nav::-webkit-scrollbar{display:none}
 .nav a{font-size:14px;padding:8px 12px 7px;background:var(--mist)}
 .nav a.nav-cta{margin-left:2px}
}
@media (prefers-reduced-motion:reduce){
 .js .jstep,.js .emg .ph-id,.js .emg .ph-row,.js .emg .ph-note,.js .find .res{opacity:1!important;transform:none!important}
 .ph-scan{display:none}.jn{background:var(--teal);color:#fff}
 .jstep:not(:last-child)::before{transform:none!important}
}

/* v6: sticky header, mobile menu, language toggle, booklet card back, RTL */
.topbar{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.88);-webkit-backdrop-filter:saturate(1.5) blur(14px);backdrop-filter:saturate(1.5) blur(14px);transition:box-shadow .3s,background .3s}
.topbar.scrolled{background:rgba(255,255,255,.97);box-shadow:0 6px 24px rgba(8,59,106,.09)}
.top{flex-wrap:nowrap;padding-block:12px}
.brand img{width:clamp(104px,11vw,138px)}
.tools{display:flex;align-items:center;gap:10px;flex:none}
.lang{font-weight:800;font-size:14.5px;color:var(--teal);text-decoration:none;border:1.5px solid var(--line);border-radius:999px;padding:7px 14px 6px;white-space:nowrap;transition:border-color .2s,background .2s}
.lang:hover{border-color:var(--teal);background:#E8F6F3}
.burger{display:none;width:44px;height:44px;border:0;border-radius:12px;background:var(--mist);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0}
.burger span{display:block;width:20px;height:2.5px;border-radius:2px;background:var(--deep);transition:transform .3s var(--ease),opacity .2s}
.topbar.open .burger span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.topbar.open .burger span:nth-child(2){opacity:0}
.topbar.open .burger span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
[id]{scroll-margin-top:84px}
.hero .status{display:inline-flex!important;margin-bottom:18px}
.hero .alt{font-weight:700;font-size:clamp(20px,2.7vw,30px);color:var(--teal);margin-top:14px;line-height:1.45}
.soon [lang=en]{color:var(--mint);font-weight:700}
.lcopy .lcopy-alt{color:var(--mint);font-weight:700;margin-top:12px}
.ico svg,.ci i svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.foot .lang{font-size:13.5px}
[lang=ar]{letter-spacing:0}
/* card back, booklet design */
.back.b2{background:#fff;color:var(--ink)}
.b-top{position:absolute;left:0;right:0;top:0;height:1.9em;background:var(--deep);display:flex;align-items:center;justify-content:space-between;padding:0 .75em}
.b-logo{height:1.2em;width:auto;filter:brightness(0) invert(1)}
.b-tap{display:flex;align-items:center;gap:.3em;color:#fff;font-weight:800;font-size:.48em}
.b-tap svg{width:1.9em;height:1.9em;color:var(--mint)}
.b-body{position:absolute;top:2.35em;left:.75em;right:.75em;display:flex;gap:.7em}
.b-qrbox{flex:0 0 4.2em;text-align:center}
.c-qr2{width:4.2em;height:4.2em;background:#fff;border:.09em solid var(--teal);border-radius:.4em;padding:.28em}
.c-qr2 svg{width:100%;height:100%;display:block}.c-qr2 path{fill:var(--deep)}
.b-cap{font-size:.36em;font-weight:800;color:var(--deep);margin-top:.55em;line-height:1.25}
.b-cap span{display:block;font-weight:500}
.b-txt{min-width:0}
.b-txt b{display:block;font-size:.56em;color:var(--deep);font-weight:800;margin-bottom:.3em;line-height:1.2}
.b-txt p{font-size:.39em;line-height:1.38;color:var(--ink);margin:0 0 .4em}
.b-txt .bar-ar{text-align:right}
.b-txt .b-pin{color:var(--teal);font-weight:800}
.b-foot{position:absolute;left:5.65em;right:.75em;bottom:.6em;display:flex;justify-content:space-between;align-items:flex-end;gap:.5em}
.b-bar svg{width:5.3em;height:1.25em;display:block}
.b-bar span{display:block;font-size:.33em;letter-spacing:.14em;text-align:center;color:var(--ink);margin-top:.25em;font-weight:500}
.b-found{font-size:.3em;color:var(--muted);text-align:right;line-height:1.35;max-width:11em}
.b-found b{display:block;color:var(--deep);font-size:1.25em}
/* mobile menu */
@media (max-width:979px){
 .burger{display:flex}
 .nav{position:absolute;top:100%;left:0;right:0;width:auto;margin:0;order:0;overflow:visible;padding:8px 20px 18px;background:#fff;box-shadow:0 18px 30px rgba(8,59,106,.12);flex-direction:column;align-items:stretch;gap:0;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .25s,transform .25s var(--ease),visibility .25s}
 .topbar.open .nav{opacity:1;visibility:visible;transform:none}
 .nav a{background:none!important;font-size:17px;padding:14px 8px;border-radius:0;border-bottom:1px solid var(--line)}
 .nav a.nav-cta{margin:12px 0 0!important;text-align:center;border-bottom:0;border-radius:12px;background:var(--deep)!important;color:#fff}
}
/* RTL (Arabic page) */
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0}
[dir=rtl] .hero h1{max-width:14ch}
[dir=rtl] .ticks li{padding-left:0;padding-right:32px}
[dir=rtl] .ticks li::before{left:auto;right:0}
[dir=rtl] .jstep{padding-left:0;padding-right:64px}
[dir=rtl] .jn{left:auto;right:0}
[dir=rtl] .jstep:not(:last-child)::after,[dir=rtl] .jstep:not(:last-child)::before{left:auto;right:21px}
[dir=rtl] .fq summary{padding:18px 22px 17px 60px}
[dir=rtl] .fq summary::after{right:auto;left:18px}
[dir=rtl] .nav a.nav-cta{margin-left:0;margin-right:6px}
[dir=rtl] .ci b [lang=en],[dir=rtl] .cinfo .priv [lang=en]{margin-right:auto}
[dir=rtl] .cform label b span,[dir=rtl] .row h3 span{margin-left:0}
[dir=rtl] .ph-row b{text-align:left}
@media (min-width:900px){
 [dir=rtl] .jstep{padding-right:0}
 [dir=rtl] .jstep:not(:last-child)::after,[dir=rtl] .jstep:not(:last-child)::before{left:auto;right:48px}
 [dir=rtl] .jstep:not(:last-child)::before{transform-origin:right}
}
[dir=rtl] .skip{left:auto;right:-999px}
[dir=rtl] .skip:focus{right:12px}
[dir=rtl] .hp{left:auto!important;right:-10000px}

/* Stickers: scenes with a zoom lens */
.stick{padding-block:clamp(64px,9vw,112px)}
.stick .sub{max-width:none}
.stick .stk-scenes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.stk-scene{border:1px solid var(--line);border-radius:24px;padding:14px 22px 26px;background:linear-gradient(180deg,#fff 0%,var(--mist) 100%);overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s}
.stk-scene:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(8,59,106,.1)}
.stk-scene .stk-art{display:block;width:100%;height:auto;margin-bottom:8px}
.stk-scene h3{font-weight:800;font-size:19px;color:var(--deep);line-height:1.25}
.stk-scene h3 span{display:block;font-size:.8em;color:var(--teal);font-weight:700;margin-top:3px}
.stk-scene p{color:var(--muted);margin-top:8px;font-size:15.5px}
.stk-scene .stk-lens{transform-box:fill-box;transform-origin:center;transform:scale(.5);opacity:0;transition:transform .9s var(--ease) .35s,opacity .5s .35s}
.stk-scene.in .stk-lens{transform:none;opacity:1}
.stk-scene .stk-leader{stroke-dasharray:5 8;opacity:0;transition:opacity .4s .9s;animation:leaderFlow 1.4s linear infinite}
.stk-scene.in .stk-leader{opacity:1}
@keyframes leaderFlow{to{stroke-dashoffset:-26}}
.stk-scene .stk-mark{animation:markPulse 2.2s ease-in-out infinite}
@keyframes markPulse{0%,100%{stroke-opacity:1}50%{stroke-opacity:.25}}
.stk-scene .stk-art,.stk-scene .stk-art text{direction:ltr;unicode-bidi:isolate}
[dir=rtl] .stk-scene h3,[dir=rtl] .stk-scene p{text-align:right}
@media(max-width:860px){.stick .stk-scenes{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.stk-scene .stk-lens{transform:none;opacity:1;transition:none}.stk-scene .stk-leader{opacity:1;animation:none}.stk-scene .stk-mark{animation:none}}

/* Blood donor network */
.donor{background:var(--deep);padding-block:clamp(64px,9vw,112px);overflow:hidden}
.donor .shead{margin-bottom:24px}.donor .shead h2{color:#fff}.donor .shead p{color:var(--mint)}.donor .sub{color:#C7D8E8;margin:0 0 24px}
.dn-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}
.dn-simwrap{container-type:inline-size;width:100%;max-width:640px;margin-inline:auto}
.dn-sim{position:relative;width:100%;aspect-ratio:100/92;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);font-size:2.2cqw;color:#1D3350;overflow:hidden}
.dn-sim *{box-sizing:border-box}
.dn-card{position:absolute;left:4cqw;width:33cqw;background:#fff;border-radius:2.2cqw;padding:2.4cqw 2.6cqw;box-shadow:0 1.2cqw 3cqw rgba(0,0,0,.25);opacity:0;transform:translateY(1.5cqw)}
.dn-card b{display:block;font-size:2.6cqw;font-weight:800;color:var(--deep);line-height:1.2}
.dn-card small{display:block;color:var(--muted);font-size:2cqw;margin-top:.4cqw}
.dn-card em{display:block;font-style:normal;font-weight:700;color:#C8352B;font-size:2.2cqw;margin-top:1.6cqw}
.dn-ico{display:grid;place-items:center;width:5.4cqw;height:5.4cqw;border-radius:1.4cqw;background:#E3F0FA;color:var(--navy);margin-bottom:1.6cqw}
.dn-ico svg{width:3.4cqw;height:3.4cqw;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dn-ico.ok{background:#E0F4F0;color:var(--teal)}
.dn-hosp{top:5cqw}.dn-ret{top:54cqw}
.dn-btn,.dn-sent{display:block;margin-top:2cqw;text-align:center;border-radius:1.4cqw;padding:1.3cqw;font-weight:800;font-size:2.1cqw}
.dn-btn{background:var(--navy);color:#fff}
.dn-sent{background:#E0F4F0;color:var(--teal);position:absolute;left:2.6cqw;right:2.6cqw;bottom:2.4cqw;margin:0;opacity:0}
.dn-lines{position:absolute;inset:0;width:100%;height:100%}
.dn-lines path{fill:none;stroke:#7FDCC9;stroke-width:.5;stroke-linecap:round;stroke-dasharray:80;stroke-dashoffset:80;opacity:0}
.dn-hub{position:absolute;left:43cqw;top:29cqw;width:14cqw;height:14cqw;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 0 0 1cqw rgba(127,220,201,.25)}
.dn-hub b{font-weight:900;color:var(--deep);font-size:3.6cqw;letter-spacing:.05em}
.dn-hub i{position:absolute;inset:0;border-radius:50%;border:.5cqw solid #7FDCC9;opacity:0}
.dn-match{position:absolute;left:28cqw;top:45cqw;width:44cqw;text-align:center;font-size:2cqw;color:#DCE7F2}
.dn-match span{display:block;opacity:0}.dn-match .b{font-weight:800;color:#fff;font-size:2.3cqw;margin-top:-2.6cqw}
.dn-dot{position:absolute;width:3.4cqw;height:3.4cqw;border-radius:50%;background:#3F5F84;border:.5cqw solid #0B3A66;box-shadow:0 0 0 0 rgba(200,53,43,0)}
.dn-legend{position:absolute;right:4cqw;top:3cqw;font-size:1.9cqw;color:#A9C8E4;display:flex;align-items:center;gap:1.2cqw}
.dn-legend .dn-dot{position:static;width:2.4cqw;height:2.4cqw;border-width:.4cqw;background:#E0473A;border-color:#fff}
.dn-msg{position:absolute;left:48cqw;top:66cqw;width:48cqw;background:#DCF8C6;color:#1D3350;border-radius:2cqw 2cqw 2cqw .6cqw;padding:2cqw 2.4cqw;box-shadow:0 1cqw 2.4cqw rgba(0,0,0,.25);font-size:2cqw;line-height:1.35;opacity:0;transform:translateY(1.5cqw)}
.dn-msg b{display:flex;align-items:center;gap:1cqw;color:#075E54;font-size:2.1cqw;margin-bottom:.6cqw}
.dn-msg b svg{width:2.6cqw;height:2.6cqw;fill:none;stroke:#25D366;stroke-width:2;stroke-linejoin:round}
.dn-msg span{display:block}.dn-msg small{display:block;text-align:end;color:#5B6B7F;font-size:1.7cqw;margin-top:.8cqw}
.dn-yes{position:absolute;background:#fff;color:var(--ink);border-radius:1.6cqw;padding:.7cqw 1.4cqw;font-size:1.9cqw;box-shadow:0 .8cqw 2cqw rgba(0,0,0,.3);white-space:nowrap;opacity:0;transform:scale(.6)}
.dn-yes b{color:#1E9E8C}
.dn-steps{position:absolute;left:4cqw;right:4cqw;bottom:2.4cqw;display:flex;justify-content:space-between;gap:1cqw;font-size:1.9cqw;font-weight:700;color:#5E7C9E}
.dn-steps span{padding:.6cqw 1.6cqw;border-radius:2cqw;transition:background .4s,color .4s}
/* the 16-second loop */
.donor.in .dn-hosp{animation:dnHosp 16s infinite}
.donor.in .dn-btn{animation:dnBtn 16s infinite}
.donor.in .dn-sent{animation:dnSent 16s infinite}
.donor.in .dn-l1{animation:dnL1 16s infinite}
.donor.in .dn-hub i:first-child{animation:dnRing 16s infinite}
.donor.in .dn-hub i:nth-child(2){animation:dnRing 16s .5s infinite}
.donor.in .dn-match .a{animation:dnM1 16s infinite}
.donor.in .dn-match .b{animation:dnM2 16s infinite}
.donor.in .dn-l3{animation:dnL3 16s infinite}
.donor.in .dn-dot.m{animation:dnDot 16s infinite}
.donor.in .dn-msg{animation:dnMsg 16s infinite}
.donor.in .dn-yes.y1{animation:dnYes 16s infinite}
.donor.in .dn-yes.y2{animation:dnYes 16s .6s infinite}
.donor.in .dn-yes.y3{animation:dnYes 16s 1.2s infinite}
.donor.in .dn-l2{animation:dnL2 16s infinite}
.donor.in .dn-ret{animation:dnRet 16s infinite}
.donor.in .dn-steps .s1{animation:dnS1 16s infinite}.donor.in .dn-steps .s2{animation:dnS2 16s infinite}
.donor.in .dn-steps .s3{animation:dnS3 16s infinite}.donor.in .dn-steps .s4{animation:dnS4 16s infinite}
@keyframes dnHosp{0%{opacity:0;transform:translateY(1.5cqw)}4%,96%{opacity:1;transform:none}100%{opacity:0}}
@keyframes dnBtn{0%,7%{transform:none}9%{transform:scale(1.06)}11%{transform:none}13%{transform:scale(1.06)}15%,100%{transform:none}}
@keyframes dnSent{0%,15%{opacity:0}17%,96%{opacity:1}100%{opacity:0}}
@keyframes dnL1{0%,16%{opacity:0;stroke-dashoffset:80}18%{opacity:1}24%,96%{opacity:1;stroke-dashoffset:0}100%{opacity:0}}
@keyframes dnRing{0%,24%{opacity:0;transform:scale(1)}26%{opacity:.9}36%{opacity:0;transform:scale(2.2)}100%{opacity:0}}
@keyframes dnM1{0%,25%{opacity:0}27%,36%{opacity:1}38%,100%{opacity:0}}
@keyframes dnM2{0%,37%{opacity:0}39%,96%{opacity:1}100%{opacity:0}}
@keyframes dnL3{0%,38%{opacity:0;stroke-dashoffset:80}40%{opacity:1}46%,96%{opacity:1;stroke-dashoffset:0}100%{opacity:0}}
@keyframes dnDot{0%,39%{background:#3F5F84;border-color:#0B3A66;box-shadow:0 0 0 0 rgba(200,53,43,0)}42%{background:#E0473A;border-color:#fff;box-shadow:0 0 0 1.6cqw rgba(224,71,58,.45)}48%,96%{background:#E0473A;border-color:#fff;box-shadow:0 0 0 0 rgba(224,71,58,0)}100%{background:#3F5F84;border-color:#0B3A66}}
@keyframes dnMsg{0%,45%{opacity:0;transform:translateY(1.5cqw)}48%,96%{opacity:1;transform:none}100%{opacity:0}}
@keyframes dnYes{0%,56%{opacity:0;transform:scale(.6)}58%{opacity:1;transform:scale(1.08)}60%,96%{opacity:1;transform:none}100%{opacity:0}}
@keyframes dnL2{0%,66%{opacity:0;stroke-dashoffset:80}68%{opacity:1}74%,96%{opacity:1;stroke-dashoffset:0}100%{opacity:0}}
@keyframes dnRet{0%,73%{opacity:0;transform:translateY(1.5cqw)}76%,96%{opacity:1;transform:none}100%{opacity:0}}
@keyframes dnS1{0%,23%{background:rgba(127,220,201,.18);color:#fff}25%,100%{background:none;color:#5E7C9E}}
@keyframes dnS2{0%,24%{background:none;color:#5E7C9E}26%,44%{background:rgba(127,220,201,.18);color:#fff}46%,100%{background:none;color:#5E7C9E}}
@keyframes dnS3{0%,45%{background:none;color:#5E7C9E}47%,65%{background:rgba(127,220,201,.18);color:#fff}67%,100%{background:none;color:#5E7C9E}}
@keyframes dnS4{0%,66%{background:none;color:#5E7C9E}68%,97%{background:rgba(127,220,201,.18);color:#fff}100%{background:none;color:#5E7C9E}}
@media(max-width:900px){.dn-grid{grid-template-columns:1fr;gap:36px}}
@media(prefers-reduced-motion:reduce){.donor.in .dn-sim *{animation:none!important}.donor.in .dn-hosp,.donor.in .dn-ret,.donor.in .dn-msg,.donor.in .dn-yes,.donor.in .dn-match .b,.donor.in .dn-sent{opacity:1;transform:none}.donor.in .dn-lines path{opacity:1;stroke-dashoffset:0}.donor.in .dn-dot.m{background:#E0473A;border-color:#fff}}

/* Contact form consent, and footer links */
.cform .tick{display:flex;gap:10px;align-items:flex-start;margin-top:12px;font-size:14px;color:#fff;line-height:1.6}
.cform .tick input{width:22px;height:22px;margin-top:2px;flex:none;accent-color:var(--teal)}
.cform .tick a{color:var(--mint);font-weight:700}
.foot .flinks{display:flex;gap:18px;font-weight:700}.foot .flinks a{color:var(--navy)}
/* Directory illustration: a doctor, their details, and a way into the profile. Ratings are not
   shown here — they are a switch the Orders have not yet ruled on, and the site should not promise
   something that may never be turned on. */
.res{position:relative;padding-inline-end:26px}
.res .meta{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.res .go{position:absolute;inset-inline-end:11px;top:50%;margin-top:-11px;
  width:22px;height:22px;border-radius:50%;background:rgba(30,158,140,.12);color:var(--teal);
  font-size:15px;line-height:22px;text-align:center;font-weight:700}
[dir="rtl"] .res .go{transform:translateY(-50%) scaleX(-1)}