.shr{--amber:#d4a24a;--amber-2:#a97b22;--keyhole:var(--ink);background:var(--blue)}.shr .xp i{background:linear-gradient(90deg, var(--amber), var(--pink), var(--mint))}.s-sec{background:var(--sec);padding:clamp(84px,11vw,130px) 0}.sh{max-width:860px;margin-bottom:clamp(32px,5vw,52px)}.sh h2{margin-top:16px;font-size:clamp(36px,6vw,68px)}.sh-note{opacity:.85;max-width:62ch;margin:16px 0 0;font-size:17px;font-weight:600}.lvl{border:var(--line) solid var(--ink);background:var(--white);color:var(--ink);box-shadow:var(--drop-sm);font:700 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;border-radius:10px;padding:7px 13px;display:inline-block;rotate:-2deg}.lvl.sun{background:var(--sun)}.lvl.ink{background:var(--ink);color:var(--sun);box-shadow:0 4px #0000004d}.btns{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.btn [data-icon]{display:inline-grid}.btn [data-icon] svg{width:20px;height:20px}@media (max-width:480px){.hide-xs{display:none}}.s-hero{isolation:isolate;color:var(--white);background-color:var(--blue);padding:130px 0 110px;position:relative;overflow:hidden}.s-hero>.rays{z-index:-1}.s-hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(30px,5vw,70px);display:grid}.shr-tags{flex-wrap:wrap;gap:10px;display:flex}.s-logo-plate{border:var(--line) solid var(--ink);background:var(--paper);box-shadow:var(--drop);border-radius:18px;margin:26px 0 10px;padding:12px 20px;display:inline-block;rotate:-1.5deg}.s-logo-plate img{width:min(220px,52vw);height:auto}.s-copy h1{margin-top:14px;font-size:clamp(40px,6vw,78px)}.s-ar{font:600 clamp(20px, 2.6vw, 28px)/1.5 var(--arabic);color:#ffffffd9;direction:rtl;margin:18px 0 0;display:inline-block}.s-lead{color:#ffffffe0;max-width:54ch;margin:14px 0 0;font-size:18px}.vault-wrap{justify-items:center;gap:16px;display:grid}.vault{aspect-ratio:9/17;border:4px solid var(--ink);background:var(--ink-2);width:min(310px,82vw);box-shadow:10px 12px 0 var(--ink), 0 30px 60px -20px #0009;cursor:pointer;border-radius:46px;padding:12px;position:relative;rotate:3deg}.v-screen{background:linear-gradient(170deg,#1d2a57,#121a3a);border-radius:34px;height:100%;display:block;position:relative;overflow:hidden}.v-blur{filter:blur(7px);opacity:.7;grid-template-columns:repeat(3,1fr);align-content:start;gap:10px;display:grid;position:absolute;inset:40px 16px 70px}.v-blur i{height:14px;width:var(--w);background:#ffffff59;border-radius:8px;grid-column:1/-1}.v-blur b{aspect-ratio:1;background:#d4a24a73;border-radius:14px}.v-blur b:nth-child(odd){background:#b4c8da66}.v-scan{background:linear-gradient(#0000,#d4a24a38,#0000);height:30%;animation:3.2s linear infinite scan;position:absolute;top:-30%;left:0;right:0}@keyframes scan{to{top:100%}}.v-lock{width:92px;color:var(--amber);filter:drop-shadow(4px 5px 0 var(--ink));animation:4s ease-in-out infinite lockIdle;position:absolute;top:44%;left:50%;translate:-50% -50%}.v-lock svg{width:100%;overflow:visible}.v-lock .shackle{transform-box:fill-box;transform-origin:80% 100%}@keyframes lockIdle{0%,82%,to{rotate:0deg}86%{rotate:-6deg}90%{rotate:5deg}94%{rotate:-3deg}}.vault:hover .v-lock .shackle{animation:tryOpen .7s var(--ease-pop)}@keyframes tryOpen{30%{transform:translateY(-7px)}45%{transform:translateY(-1px)}62%{transform:translateY(-4px)}}.v-stamp{border:3px solid var(--pink);color:var(--pink);font:800 18px/1 var(--display);letter-spacing:.12em;opacity:.9;white-space:nowrap;border-radius:8px;padding:6px 12px;position:absolute;top:66%;left:50%;translate:-50%;rotate:-10deg}.v-status{color:var(--white);font:700 11px/1 var(--mono);letter-spacing:.12em;white-space:nowrap;background:#00000059;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;display:inline-flex;position:absolute;bottom:22px;left:50%;translate:-50%}.v-dot{background:var(--mint);border-radius:50%;width:8px;height:8px;animation:1.2s steps(2,jump-none) infinite blink}.vault.is-denied .v-dot{background:var(--pink)}.vault.is-denied .v-screen:after{content:"";background:#cf7d9240;animation:.5s ease-out 2 flash;position:absolute;inset:0}@keyframes flash{50%{opacity:0}}.vault-cap{font:600 12px/1.4 var(--mono);color:#ffffffb3;text-align:center;margin:0}.hints{color:var(--ink)}.hint-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.hint{text-align:start;font:inherit;color:var(--ink);cursor:pointer;transition:box-shadow .3s, translate .35s var(--ease-pop);flex-direction:column;gap:12px;padding:0 0 18px;display:flex;position:relative;overflow:hidden}.hint:nth-child(odd){rotate:-1deg}.hint:nth-child(2n){rotate:1deg}.hint:hover{box-shadow:0 10px 0 var(--ink);translate:0 -6px}.h-top{border-bottom:var(--line) solid var(--ink);background:var(--sun);justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.hint:nth-child(3n+2) .h-top{background:#dbe3ec}.hint:nth-child(3n) .h-top{background:#d6e8e1}.h-file{font:700 11px/1 var(--mono);letter-spacing:.12em}.h-lock{width:26px;color:var(--ink);--keyhole:var(--sun)}.hint:nth-child(3n+2) .h-lock{--keyhole:#dbe3ec}.hint:nth-child(3n) .h-lock{--keyhole:#d6e8e1}.h-lock svg{width:100%;overflow:visible}.lk .shackle{transform-box:fill-box;transform-origin:80% 100%}.hint:hover .lk .shackle{animation:tryOpen .7s var(--ease-pop)}.hint:hover .h-lock{animation:lockJiggle .7s var(--ease-pop)}@keyframes lockJiggle{20%{rotate:-12deg}40%{rotate:10deg}60%{rotate:-6deg}80%{rotate:3deg}}.h-title{font:800 23px/1.15 var(--display);letter-spacing:-.015em;padding:4px 18px 0}.h-hint{color:var(--mute);padding:0 18px;font-size:15px;line-height:1.55}.h-bars{gap:8px;padding:6px 18px 0;display:grid}.redact{height:12px;width:var(--w);background:linear-gradient(90deg, var(--ink) 0 42%, var(--ink-2) 50%, var(--ink) 58%) 0 0 / 300% 100%;border-radius:3px;animation:2.6s linear infinite shimmer;display:block}.h-title .redact{height:22px;margin:2px 0}@keyframes shimmer{to{background-position:-300% 0}}.h-foot{font:700 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);border-top:2px dashed #0f12222e;align-items:center;gap:8px;margin:4px 18px 0;padding-top:12px;display:flex}.h-foot svg{width:15px;height:15px}.hint.secret{background:var(--ink);color:var(--white)}.hint.secret .h-top{background:var(--pink)}.hint.secret .h-lock{--keyhole:var(--pink)}.hint.secret .h-hint,.hint.secret .h-foot{color:#ffffffb3}.hint.secret .h-foot{border-color:#fff3}.hint.secret .redact{background:linear-gradient(90deg,#3a4064 0 42%,#525a86 50%,#3a4064 58%) 0 0/300% 100%}.denied{border:3px solid var(--pink);color:#b4566e;font:800 20px/1 var(--display);letter-spacing:.1em;white-space:nowrap;opacity:0;pointer-events:none;background:#ffffffeb;border-radius:8px;padding:8px 14px;position:absolute;top:52%;left:50%;translate:-50% -50%;rotate:-8deg;scale:0}.is-denied .denied{animation:stamp 1.2s var(--ease-pop) both}@keyframes stamp{0%{opacity:0;scale:2.2}18%{opacity:1;scale:1}80%{opacity:1;scale:1}to{opacity:0;scale:1}}.built{color:var(--white)}.built-grid{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(30px,5vw,60px);display:grid}.built h2{margin:16px 0 0;font-size:clamp(34px,5vw,58px)}.built-note{color:#ffffffd9;max-width:46ch;margin:16px 0 26px;font-size:17px}.stack-chips{flex-wrap:wrap;gap:12px;display:flex}.schip{border:var(--line) solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:var(--drop-sm);font:800 17px/1 var(--display);letter-spacing:-.01em;transition:transform .3s var(--ease-pop);border-radius:14px;align-items:center;gap:8px;padding:11px 16px;display:inline-flex}.schip:hover{transform:translateY(-4px)rotate(-3deg)}.schip.locked{background:var(--ink-2);color:#ffffff8c;border-color:var(--ink)}.schip svg{width:16px;height:16px}.road-sec{color:var(--ink)}.road-track{grid-template-columns:repeat(6,1fr);margin:0;padding:0;list-style:none;display:grid;position:relative}.road-track:before{content:"";background:#0f12221f;border-radius:8px;height:8px;position:absolute;top:30px;left:8%;right:8%}.road-fill{width:calc(84% * var(--p,.5));background:linear-gradient(90deg, var(--mint), var(--amber));transform-origin:0;border-radius:8px;height:8px;position:absolute;top:30px;left:8%}.stage{text-align:center;justify-items:center;gap:10px;padding:0 8px;display:grid;position:relative}.stage .pin{border:var(--line) solid var(--ink);background:var(--white);width:66px;height:66px;box-shadow:var(--drop-sm);font:800 24px/1 var(--display);z-index:1;cursor:pointer;border-radius:50%;place-items:center;display:grid;position:relative}.stage .pin svg{width:28px;height:28px}.stage.done .pin{background:#d6e8e1}.stage.now .pin{background:var(--amber);animation:1.6s ease-in-out infinite nowPulse}.stage.next .pin{background:var(--ink-2);color:#ffffffbf}@keyframes nowPulse{50%{box-shadow:0 4px 0 var(--ink), 0 0 0 10px #d4a24a47}}.stage:hover .pin{animation:iconHop .5s var(--ease-pop)}@keyframes iconHop{40%{transform:translateY(-8px)rotate(-10deg)scale(1.12)}}.stage b{font:800 19px/1.15 var(--display);letter-spacing:-.015em}.stage span{font-size:13.5px;line-height:1.45}.stage .st-tag{font:700 10px/1 var(--mono);letter-spacing:.1em;border:2px solid var(--ink);background:var(--white);border-radius:8px;padding:4px 8px}.stage.done .st-tag{background:#d6e8e1}.stage.now .st-tag{background:var(--amber)}.stage.next .st-tag{background:var(--ink);color:var(--white)}.stage .denied{font-size:13px;top:40px}.s-cta{background:var(--blue);padding:clamp(80px,10vw,120px) 0}.cta{background:var(--paper);grid-template-columns:auto 1fr;align-items:center;gap:clamp(20px,4vw,40px);padding:clamp(24px,4vw,44px);display:grid;rotate:-1deg}.cta-lock{aspect-ratio:1;border:var(--line) solid var(--ink);background:radial-gradient(circle at 50% 42%, #ffffff47, transparent 62%), var(--amber);width:clamp(96px,12vw,140px);box-shadow:var(--drop);border-radius:28px;place-items:center;display:grid;position:relative;overflow:hidden}.cta-ring{border:2px dashed #0f122252;border-radius:50%;animation:16s linear infinite spin;position:absolute;inset:13%}.cta-lock .lk{width:42%;color:var(--ink);--keyhole:var(--amber);filter:drop-shadow(0 3px #0000002e);margin-top:-8%;animation:4s ease-in-out infinite lockIdle;position:relative;overflow:visible}.cta-lock .lk .shackle{transform-box:fill-box;transform-origin:80% 100%}.cta:hover .cta-lock .lk .shackle{animation:tryOpen .7s var(--ease-pop)}.cta-seal{background:var(--ink);color:var(--amber);font:700 9px/1.2 var(--mono);letter-spacing:.16em;border-radius:6px;padding:3px 8px;position:absolute;bottom:12%;left:50%;translate:-50%}.cta h2{font-size:clamp(34px,5.4vw,62px);font-family:var(--mono);letter-spacing:.04em;margin-top:14px}.cta p{max-width:56ch;margin:10px 0 0;font-size:17px}.shr .foot{padding-bottom:60px}@media (max-width:1020px){.hint-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:880px){.s-hero-grid,.built-grid{grid-template-columns:1fr}.vault{rotate:0deg}.road-track{grid-template-columns:1fr;gap:22px}.road-track:before{width:8px;height:auto;inset:20px auto 20px 32px}.road-fill{width:8px;height:calc((100% - 40px) * var(--p,.5));transform-origin:top;top:20px;left:32px}.stage{text-align:start;grid-template-columns:66px 1fr;justify-items:start;gap:4px 16px;padding:0}.stage .pin{grid-row:span 3}}@media (max-width:640px){.hint-grid{grid-template-columns:1fr}.cta{grid-template-columns:1fr;rotate:0deg}}@media (prefers-reduced-motion:reduce){.v-scan,.v-lock,.v-dot,.redact,.stage.now .pin,.cta-lock .lk,.cta-ring,.hint:hover .h-lock,.hint:hover .lk .shackle,.vault:hover .v-lock .shackle{animation:none!important}}.site-sec{color:var(--white)}.site-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(28px,5vw,64px);display:grid}.browser{background:var(--ink);color:var(--white);transition:rotate .35s var(--ease-pop), translate .35s var(--ease-pop), box-shadow .3s;padding:0;text-decoration:none;display:block;overflow:hidden;rotate:-1.5deg}.browser:hover{box-shadow:0 12px 0 var(--ink), 0 30px 60px -20px #0009;translate:0 -6px;rotate:0deg}.br-bar{border-bottom:var(--line) solid var(--ink);background:#1b2140;align-items:center;gap:12px;padding:11px 14px;display:flex}.br-dots{gap:6px;display:flex}.br-dots i{background:var(--pink);border-radius:50%;width:11px;height:11px}.br-dots i:nth-child(2){background:var(--sun)}.br-dots i:nth-child(3){background:var(--mint)}.br-url{max-width:340px;font:600 13px/1 var(--mono);color:#ffffffd9;direction:ltr;background:#ffffff14;border-radius:999px;flex:1;align-items:center;gap:8px;margin-inline:auto;padding:6px 12px;display:inline-flex}.br-url svg{width:13px;height:13px;color:var(--mint)}.br-live{font:700 11px/1 var(--mono);color:var(--mint);align-items:center;gap:6px;display:inline-flex}.br-view{aspect-ratio:16/10;background:#121b26;display:block;position:relative;overflow:hidden}.br-view img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .6s cubic-bezier(.22,1,.36,1);display:block}.browser:hover .br-view img{transform:scale(1.04)}.br-hover{border:var(--line) solid var(--ink);background:var(--amber);width:max-content;color:var(--ink);box-shadow:var(--drop-sm);font:800 16px/1 var(--display);opacity:0;transition:opacity .25s, translate .35s var(--ease-pop);border-radius:14px;margin-inline:auto;padding:10px 18px;position:absolute;inset:auto 0 18px;translate:0 12px}.browser:hover .br-hover,.browser:focus-visible .br-hover{opacity:1;translate:0}.site-copy h2{margin:16px 0 0;font-size:clamp(34px,5vw,58px)}.site-copy h2 .pop-sun{direction:ltr;unicode-bidi:isolate}.site-note{color:#ffffffd9;max-width:46ch;margin:16px 0 0;font-size:17px}.site-points{gap:10px;margin:20px 0 0;padding:0;list-style:none;display:grid}.site-points li{align-items:center;gap:10px;font-weight:600;display:flex}.site-points li [data-icon]{border:2px solid var(--ink);background:var(--paper);width:34px;height:34px;color:var(--ink);border-radius:10px;flex:none;place-items:center;display:grid}.site-points li svg{width:18px;height:18px}@media (max-width:880px){.site-grid{grid-template-columns:1fr}.browser{rotate:0deg}}@media (max-width:480px){.br-live{display:none}}