@font-face{font-family:'Baloo Bhaijaan 2';font-weight:800;font-display:swap;src:url(../fonts/baloo-bhaijaan-2-arabic-800-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Baloo Bhaijaan 2';font-weight:800;font-display:swap;src:url(../fonts/baloo-bhaijaan-2-latin-800-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD,U+2713}
@font-face{font-family:'Titan One';font-weight:400;font-display:swap;src:url(../fonts/titan-one-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Plex';font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Plex';font-weight:600;font-display:swap;src:url(../fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Plex';font-weight:700;font-display:swap;src:url(../fonts/ibm-plex-sans-arabic-arabic-700-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Plex';font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-sans-arabic-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Plex';font-weight:600;font-display:swap;src:url(../fonts/ibm-plex-sans-arabic-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Plex';font-weight:700;font-display:swap;src:url(../fonts/ibm-plex-sans-arabic-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{--y:#FFDE00;--p:#AF91FF;--k:#FFB5DE;--m:#00F6CF;--ink:#101010;--g:#1C1C1C;--pad:clamp(16px,4.4vw,64px);--disp:'Baloo Bhaijaan 2','Plex',sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip}
body{margin:0;background:var(--ink);color:var(--ink);font:400 17px/1.7 'Plex',system-ui,sans-serif;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{margin:0;font-weight:800}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hp{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);opacity:0;pointer-events:none;top:0;left:0}
.nform,.cform{position:relative}
.blink{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--m);animation:ws-blink 1.2s steps(2) infinite;flex:none}
@keyframes ws-blink{50%{opacity:.25}}
:focus-visible{outline:3px solid var(--m);outline-offset:3px;border-radius:8px}

/* intro */
.intro{position:fixed;inset:0;z-index:100;background:var(--y);transition:opacity .5s ease,visibility .5s}
.intro svg{width:100%;height:100%;display:block;overflow:visible}
.intro .it1{font:800 34px var(--disp)}
.intro .it2{font:600 16px 'Plex',sans-serif}
html[lang=en] .intro .it1{font-size:30px}
.intro.done{opacity:0;visibility:hidden}
.intro-skip{position:absolute;bottom:24px;inset-inline-end:24px;background:rgba(16,16,16,.12);color:var(--ink);border:0;border-radius:999px;padding:8px 18px;font:700 14px 'Plex',sans-serif;cursor:pointer;min-height:40px}
body.no-intro .intro{display:none}

/* header */
.top{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px var(--pad)}
.brand .logo{height:56px;width:auto;display:block}
.top nav{display:flex;align-items:center;gap:30px;font-weight:600;font-size:17px}
.top nav a{text-decoration:none;padding:6px 0}
.top nav a:hover{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:3px}
.top nav .lang{border:2px solid currentColor;border-radius:999px;padding:4px 14px;font-weight:700}
.top.dark{color:#fff}
.burger{display:none;background:var(--ink);border:0;border-radius:14px;width:48px;height:48px;padding:13px 12px;cursor:pointer;flex-direction:column;justify-content:space-between}
.burger span{display:block;height:3px;border-radius:3px;background:var(--y)}
.top.dark .burger{background:var(--y)}.top.dark .burger span{background:var(--ink)}

/* hero */
.s-hero{position:relative;overflow:hidden;background:var(--y);padding-bottom:clamp(32px,5vw,70px)}
.plane-fly{position:absolute;top:120px;right:0;opacity:.14;animation:ws-plane 16s linear infinite;pointer-events:none}
.plane-fly svg{width:120px;height:120px;fill:var(--ink);transform:rotate(-90deg)}
@keyframes ws-plane{from{transform:translateX(120px)}to{transform:translateX(-110vw)}}
html[dir=ltr] .plane-fly{right:auto;left:0;animation-name:ws-plane-l}
html[dir=ltr] .plane-fly svg{transform:rotate(90deg)}
@keyframes ws-plane-l{from{transform:translateX(-120px)}to{transform:translateX(110vw)}}
.hero-in{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding:6px var(--pad) 0}
.hero-txt h1{font-family:var(--disp);line-height:1.05}
.h1a{display:block;font-size:clamp(46px,8.3vw,120px)}
.h1b{display:inline-block;margin-top:8px;white-space:nowrap;font-size:clamp(30px,6.2vw,96px);line-height:1.25;background:var(--ink);color:var(--y);padding:.1em .27em .1em;border-radius:.3em;transform:rotate(-2deg)}
html[lang=en] .h1a{font-size:clamp(42px,6.6vw,96px)}html[lang=en] .h1b{font-size:clamp(26px,4.3vw,62px)}
.hero-txt{min-width:0;flex:1}
.hero-txt p{margin:26px 0 0;font-size:clamp(17px,1.6vw,22px);line-height:1.7;max-width:720px}
.hero-qr{display:flex;flex-direction:column;align-items:center;gap:14px;flex:none}
.qrcard{display:block;background:#fff;border:3px solid var(--ink);border-radius:26px;padding:16px;box-shadow:8px 8px 0 var(--ink);animation:ws-pulse 2.4s ease-in-out infinite}
.qrcard .qr{width:132px;height:132px;display:block}
.qrcard.small{width:fit-content;margin:24px auto 0;animation:none}
@keyframes ws-pulse{50%{transform:scale(1.04)}}
.qrl{font-weight:700;font-size:16px}
.stores{display:flex;gap:10px;flex-wrap:wrap}
.store{background:var(--ink);color:#fff;text-decoration:none;padding:12px 18px;border-radius:14px;font-weight:700;font-size:15px;direction:ltr;min-height:44px;display:inline-flex;align-items:center}
.store:hover{background:#000}
.stores.light .store{background:#fff;color:var(--ink)}
.stores.stack{flex-direction:column}
.stores.big{justify-content:center}.stores.big .store{font-size:18px;padding:16px 26px}

.board{position:relative;z-index:2;margin:40px var(--pad) 0;background:var(--ink);border-radius:34px;padding:26px 30px 30px;box-shadow:0 30px 60px rgba(0,0,0,.25)}
.bhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.btitle{display:flex;align-items:center;gap:12px;color:var(--y);font:26px 'Titan One','Plex',sans-serif}
.btitle,.bnote{unicode-bidi:plaintext}
.bnote{color:#9A9A9A;font-size:14px}
.frow{display:grid;grid-template-columns:1.2fr 1.15fr 1fr 1.45fr;gap:10px}
.frows{display:flex;flex-direction:column;gap:10px}
.fh{margin-bottom:10px}.fh div{color:#9A9A9A;font-size:14px;font-weight:700;padding:0 18px}
.cell{height:60px;overflow:hidden;background:var(--g);border-radius:10px;position:relative}
.cell::after{content:'';position:absolute;left:0;right:0;top:50%;height:2px;background:var(--ink)}
.strip{display:flex;flex-direction:column;transition:transform .6s cubic-bezier(.7,0,.3,1)}
.strip span{height:60px;flex:none;display:flex;align-items:center;padding:0 18px;color:#F8F8F8;white-space:nowrap;font:800 clamp(20px,2.1vw,30px) var(--disp);overflow:hidden;text-overflow:ellipsis}

/* pass */
.s-pass{position:relative;overflow:hidden;background:var(--ink);color:#fff;padding:clamp(56px,7vw,110px) var(--pad)}
.blob{position:absolute;inset-inline-end:-160px;top:-120px;width:760px;height:760px;border-radius:50%;background:var(--p);opacity:.16}
.pass-in{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:48px;max-width:1312px;margin:0 auto}
.pass-form{width:min(600px,100%);display:flex;flex-direction:column;gap:12px}
.pass-form .logo{height:58px;width:auto;align-self:flex-start;margin-bottom:14px}
.pass-form h2{font:800 clamp(40px,5.3vw,76px)/1.1 var(--disp);margin-bottom:14px}
.pass-form h2 span{color:var(--y)}
.q{font-weight:700;font-size:18px;color:var(--y);margin-top:10px}
#wsItem{height:64px;border-radius:18px;border:3px solid var(--y);background:var(--g);color:#fff;font:700 22px 'Plex',sans-serif;padding:0 22px;outline:none;width:100%}
#wsItem::placeholder{color:#8a8a8a}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:2px solid var(--y);border-radius:999px;padding:8px 18px;font:700 16px 'Plex',sans-serif;cursor:pointer;min-height:44px;background:transparent;color:var(--y)}
.chip.on{background:var(--y);color:var(--ink)}
.pass-side{width:min(560px,100%);display:flex;flex-direction:column;align-items:center;gap:30px;flex:none}
.bpass{width:100%;max-width:540px;background:var(--y);color:var(--ink);border-radius:30px;position:relative;box-shadow:0 40px 80px rgba(0,0,0,.5);animation:ws-tilt 7s ease-in-out infinite}
@keyframes ws-tilt{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(-1.5deg) translateY(-10px)}}
.bp-top{padding:26px 32px 22px;display:flex;align-items:center;justify-content:space-between}
.bp-top .logo{height:44px;width:auto}.bp-top b{font:16px 'Titan One',sans-serif;letter-spacing:2px}
.bp-route{display:flex;align-items:center;justify-content:space-between;padding:0 32px;gap:10px}
.bp-route svg{width:58px;height:58px;fill:var(--ink);transform:rotate(90deg);flex:none}
.bp-route .code{font:clamp(52px,6vw,78px)/1 'Titan One',sans-serif}
.bp-route .nm{font-weight:700;font-size:17px;margin-top:4px;direction:rtl;text-align:left;unicode-bidi:plaintext}
.bp-route .r{text-align:right}.bp-route .r .nm{text-align:right}
.bp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;padding:26px 32px 24px}
.bp-grid small{display:block;font-size:13px;font-weight:700;opacity:.65}
.bp-grid strong{display:block;font:800 22px/1.3 var(--disp)}
.bp-grid strong.big{font-size:32px;line-height:1.2;overflow-wrap:anywhere}
.bp-cut{position:relative;height:0;border-top:3px dashed rgba(16,16,16,.45);margin:0 26px}
.bp-cut::before,.bp-cut::after{content:'';position:absolute;top:-20px;width:38px;height:38px;border-radius:50%;background:var(--ink)}
.bp-cut::before{left:-46px}.bp-cut::after{right:-46px}
.bp-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 32px 28px}
.bars{width:min(300px,60%);height:64px;fill:var(--ink)}.bp-foot b{font:18px 'Titan One',sans-serif}
.stamp{position:absolute;right:7%;bottom:22px;border:4px solid #7B5CF0;color:#7B5CF0;border-radius:14px;padding:2px 14px;font:800 26px var(--disp);background:rgba(255,255,255,.7);transform:rotate(-14deg)}
.stamp.hit{animation:ws-stamp .5s cubic-bezier(.2,.9,.3,1.3) both}.stamp.off{display:none}
@keyframes ws-stamp{0%{transform:scale(2.4) rotate(-30deg);opacity:0}60%{transform:scale(.92) rotate(-14deg);opacity:1}100%{transform:scale(1) rotate(-14deg)}}
.go{display:inline-flex;background:var(--y);color:var(--ink);text-decoration:none;padding:20px 40px;border-radius:22px;font:800 clamp(22px,2vw,28px) var(--disp);text-align:center;animation:ws-glow 2s ease-out infinite}
@keyframes ws-glow{0%,100%{box-shadow:0 0 0 0 rgba(255,222,0,.55)}50%{box-shadow:0 0 0 16px rgba(255,222,0,0)}}
.note{font-size:15px;color:#BDBDBD;text-align:center}

/* journey */
.s-journey{position:relative;overflow:hidden;background:var(--p);padding:44px 0 70px}
.jbar{position:relative;z-index:2;margin:0 var(--pad);background:var(--ink);border-radius:26px;padding:20px 30px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--y);flex-wrap:wrap}
.jl,.jr{display:flex;align-items:center;gap:16px}
.jl svg{width:50px;height:50px;fill:none;stroke:var(--y);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.jl b{font:800 clamp(30px,3.2vw,46px)/1 var(--disp)}.jl span{font:26px 'Titan One',sans-serif;color:#fff;opacity:.9}
.jr b{font:800 clamp(20px,2vw,30px) var(--disp)}
.s-journey h2{position:relative;z-index:2;margin:26px var(--pad) 0;font:800 clamp(32px,3.8vw,54px)/1.25 var(--disp)}
.s-journey h2 span{background:var(--ink);color:var(--y);padding:6px 16px 4px;border-radius:16px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.belt{position:absolute;left:0;right:0;bottom:178px;height:54px;border-top:6px solid #3A3A3A;border-bottom:10px solid #000;background:repeating-linear-gradient(90deg,#1E1E1E 0 80px,#101010 80px 88px);animation:ws-belt 1.6s linear infinite;z-index:1}
html[dir=ltr] .belt{animation-direction:reverse}
@keyframes ws-belt{to{background-position:-88px 0}}
.jgrid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:0 calc(var(--pad) - 4px);margin-top:40px}
.jstep{display:flex;flex-direction:column;align-items:center;text-align:center}
.jstep p{margin:118px 0 0;font-size:19px;line-height:1.7;max-width:290px;font-weight:600}
.bag{position:relative;width:280px;height:470px;animation:ws-jig 1.6s ease-in-out infinite}
@keyframes ws-jig{25%{transform:translateY(-3px) rotate(-.6deg)}75%{transform:translateY(-1px) rotate(.6deg)}}
.phone{position:absolute;left:50px;top:0;width:180px;height:388px;background:var(--ink);border-radius:30px;padding:6px;transform:rotate(var(--r));z-index:1;box-shadow:0 18px 30px rgba(0,0,0,.25)}
.phone img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:24px}
.handle{position:absolute;left:100px;top:236px;width:80px;height:34px;border:9px solid var(--ink);border-bottom:0;border-radius:18px 18px 0 0;z-index:2}
.handle.lit{border-color:var(--y)}
.case{position:absolute;left:0;top:262px;width:280px;height:190px;background:var(--bc);border:4px solid var(--ink);border-radius:30px;z-index:3;overflow:hidden;background-image:repeating-linear-gradient(90deg,transparent 0 62px,rgba(0,0,0,.12) 62px 70px)}
.tag{position:absolute;inset-inline-end:18px;top:22px;background:#fff;border:3px solid var(--ink);border-radius:14px;padding:8px 16px 10px;transform:rotate(var(--r));text-align:start;min-width:150px}
.tag b{display:block;font:30px/1 'Titan One',sans-serif;text-align:start}
.tag span{font:800 28px/1.2 var(--disp)}
html[lang=en] .tag span{font-size:23px}
.arr{position:absolute;left:14px;top:26px;border:4px solid var(--m);color:var(--m);border-radius:12px;padding:0 12px;font:800 26px var(--disp);z-index:4;background:rgba(16,16,16,.55);animation:ws-stp 6s ease-out infinite}
@keyframes ws-stp{0%,40%{transform:scale(2.2) rotate(-25deg);opacity:0}55%{transform:scale(.9) rotate(-12deg);opacity:1}62%,100%{transform:scale(1) rotate(-12deg);opacity:1}}
.w{position:absolute;top:448px;width:26px;height:22px;background:var(--ink);border-radius:0 0 10px 10px}.w1{left:34px}.w2{right:34px}

/* people */
.s-people{position:relative;background:var(--ink);color:#fff;display:grid;grid-template-columns:470px minmax(0,1fr);gap:40px;padding:clamp(56px,6vw,90px) var(--pad);overflow:hidden}
.pp-txt{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:20px;align-self:center}
.pill{align-self:flex-start;background:var(--y);color:var(--ink);padding:8px 18px;border-radius:999px;font-weight:700;font-size:16px}
.pill.dark{background:var(--ink);color:var(--k)}
.pp-txt h2{font:800 clamp(48px,5.6vw,80px)/1.05 var(--disp)}
.pp-txt h2 span{display:block;white-space:nowrap}html[lang=en] .pp-txt h2{font-size:clamp(40px,4.4vw,64px)}html[lang=en] .pp-txt h2 span{white-space:normal}.pp-txt h2 span:first-child{color:var(--y)}
.pp-txt p{margin:0;font-size:20px;color:#e8e8e8}
.pp-txt ol{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.pp-txt li{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:600}
.pp-txt li i{width:34px;height:34px;border-radius:50%;color:var(--ink);display:grid;place-items:center;font-style:normal;font-weight:700;flex:none}
.collage{grid-column:2;grid-row:1;position:relative;height:820px;direction:ltr}
.pc{position:absolute;margin:0;background:#fff;padding:12px 12px 0;border-radius:18px;box-shadow:0 22px 50px rgba(0,0,0,.45);transform:rotate(var(--r));animation:ws-sway 7s ease-in-out infinite}
.pc img{width:100%;height:100%;object-fit:cover;border-radius:10px}
.pc figcaption{position:absolute;bottom:-22px;left:22px;border:3px solid;padding:8px 16px;border-radius:999px;font-weight:700;font-size:17px;white-space:nowrap;direction:rtl}
html[lang=en] .pc figcaption{direction:ltr}
@keyframes ws-sway{50%{transform:rotate(var(--r)) translateY(-8px)}}
.pc0{--r:-5deg;left:0;top:30px;width:31%;height:340px}
.pc1{--r:4deg;left:34%;top:0;width:31%;height:340px;animation-delay:-2s}
.pc2{--r:-3deg;left:68%;top:90px;width:27%;height:280px;animation-delay:-4s}
.pc3{--r:3deg;left:6%;top:460px;width:31%;height:340px;animation-delay:-1s}
.pc4{--r:-2deg;left:42%;top:480px;width:50%;height:320px;animation-delay:-3s}

/* shoppers */
.s-shoppers{position:relative;overflow:hidden;background:var(--k);display:flex;align-items:center;justify-content:space-between;gap:40px;padding:clamp(56px,6vw,100px) var(--pad)}
.sh-txt{width:min(600px,100%);display:flex;flex-direction:column;gap:22px;position:relative;z-index:2}
.sh-txt h2{font:800 clamp(64px,8.3vw,120px)/.95 var(--disp)}
.sub{font:800 clamp(32px,3.3vw,48px)/1.25 var(--disp)}
.sub span{background:var(--ink);color:var(--k);padding:6px 14px 4px;border-radius:14px;white-space:nowrap}
.sh-txt p{margin:0;font-size:21px;line-height:1.8}
.schips{display:flex;gap:10px;flex-wrap:wrap}
.sch{background:#fff;border:3px solid var(--ink);border-radius:999px;padding:8px 18px;font-weight:700;font-size:17px;display:inline-flex;align-items:center;gap:8px}
.sch .blink{width:10px;height:10px;background:#00B894}
.btn-ink{align-self:flex-start;display:inline-block;margin-top:8px;background:var(--ink);color:var(--y);text-decoration:none;padding:18px 34px;border-radius:20px;font:800 clamp(20px,1.8vw,26px) var(--disp);box-shadow:6px 6px 0 var(--p)}
.suit{position:relative;width:640px;height:720px;flex:none;direction:ltr}
.lid{position:absolute;left:30px;top:40px;width:580px;height:220px;background:var(--m);border:5px solid var(--ink);border-radius:40px 40px 14px 14px;background-image:repeating-linear-gradient(90deg,transparent 0 70px,rgba(0,0,0,.1) 70px 80px);transform-origin:bottom center;animation:ws-lid 5s ease-in-out infinite}
@keyframes ws-lid{0%,100%{transform:perspective(900px) rotateX(58deg)}50%{transform:perspective(900px) rotateX(62deg)}}
.suit .body{position:absolute;left:30px;top:262px;width:580px;height:440px;background:var(--m);border:5px solid var(--ink);border-radius:14px 14px 40px 40px;padding:22px}
.tray{width:100%;height:100%;background:#F8F8F8;border:3px dashed var(--ink);border-radius:22px;padding:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:14px;direction:rtl}
html[dir=ltr] .tray{direction:ltr}
.drop{background:#fff;border:3px solid var(--ink);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;animation:ws-drop 6s cubic-bezier(.2,.9,.3,1.2) infinite both;padding:6px}
.drop svg{width:52px;height:52px;fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.drop span,.slot span{font-weight:700;font-size:16px;line-height:1.3}
@keyframes ws-drop{0%{transform:translateY(-40px);opacity:0}12%{transform:translateY(4px);opacity:1}16%,100%{transform:translateY(0);opacity:1}}
.slot{border:3px dashed var(--ink);border-radius:20px;background:var(--y);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;animation:ws-slot 1.8s ease-in-out infinite;text-align:center}
.slot b{font:40px/1 'Titan One',sans-serif}
@keyframes ws-slot{50%{transform:scale(1.05)}}
.sphone{position:absolute;left:470px;top:-30px;width:170px;height:366px;background:var(--ink);border-radius:32px;padding:7px;z-index:3;box-shadow:0 30px 50px rgba(0,0,0,.3);animation:ws-ph 6s ease-in-out infinite}
.sphone img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:26px}
@keyframes ws-ph{0%,100%{transform:translateY(0) rotate(8deg)}50%{transform:translateY(-12px) rotate(8deg)}}

/* download */
.s-download{background:var(--y);display:flex;align-items:center;justify-content:space-between;gap:40px;padding:clamp(56px,6vw,96px) var(--pad);overflow:hidden}
.dl-txt{display:flex;flex-direction:column;gap:22px;max-width:760px}
.dl-txt h2{font:800 clamp(52px,6.6vw,96px)/1.05 var(--disp)}
.dl-txt h2 span{display:inline-block;background:var(--ink);color:var(--y);padding:.14em .25em .08em;border-radius:.3em;transform:rotate(-2deg);font-size:.72em;margin-top:8px}
.dl-txt p{margin:0;font-size:21px}
.dl-row{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:6px}
.dl-phone{width:300px;height:620px;flex:none;background:var(--ink);border-radius:46px;padding:10px;transform:rotate(5deg);box-shadow:16px 16px 0 var(--ink)}
.dl-phone img{width:100%;height:100%;object-fit:cover;object-position:30% center;border-radius:38px}

/* newsletter */
.s-news{background:var(--m);padding:clamp(56px,6vw,90px) var(--pad)}
.nw{max-width:860px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}
.nw h2{font:800 clamp(34px,4vw,58px)/1.2 var(--disp)}
.nw p{margin:0;font-size:19px;max-width:640px}
.nform{display:flex;gap:10px;width:min(620px,100%);margin-top:10px}
.nform input[type=email]{flex:1;min-width:0;height:62px;border:3px solid var(--ink);border-radius:18px;padding:0 20px;font:600 18px 'Plex',sans-serif;background:#fff}
.nform button,.cform button{height:62px;border:0;border-radius:18px;background:var(--ink);color:var(--y);font:800 22px var(--disp);padding:0 30px;cursor:pointer}
.nform button:disabled,.cform button:disabled{opacity:.6;cursor:wait}
.fine{font-size:14px!important}
.msg{font-weight:700;min-height:1.7em}

/* contact */
.s-contact{background:#F8F8F8;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:48px;padding:clamp(56px,6vw,90px) var(--pad)}
.ct-txt h2{font:800 clamp(44px,5vw,72px)/1.1 var(--disp)}
.ct-txt p{font-size:20px;margin:14px 0 0}
.ct-txt .direct{font-size:17px;margin-top:22px}.ct-txt .direct a{font-weight:700}
.cform{display:flex;flex-direction:column;gap:14px}
.cform .two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cform label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:15px}
.cform input,.cform textarea{border:3px solid var(--ink);border-radius:16px;padding:12px 16px;font:500 17px 'Plex',sans-serif;background:#fff;width:100%}
.cform textarea{resize:vertical}
.cform .ck{flex-direction:row;align-items:flex-start;gap:10px;font-weight:600}
.cform .ck input{width:22px;height:22px;flex:none;margin-top:4px;accent-color:var(--ink)}
.cform button{align-self:flex-start}

/* plain pages */
.s-plain{background:var(--ink);color:#fff;padding-bottom:40px}
.s-plain h1{font:800 clamp(40px,6vw,84px)/1.1 var(--disp);color:var(--y);padding:10px var(--pad) 0}
.doc{background:#fff;padding:clamp(40px,5vw,72px) var(--pad)}
.prose{max-width:860px;margin:0 auto;font-size:18px;line-height:1.9}
.prose h2{font:800 30px/1.3 var(--disp);margin:36px 0 10px}
.prose ul{padding-inline-start:24px}.prose li{margin:4px 0}
.prose a{color:#5B3FD0}
.facts{list-style:none;padding:0!important;margin:30px 0 0;border:3px solid var(--ink);border-radius:22px;overflow:hidden}
.facts li{display:flex;justify-content:space-between;gap:16px;padding:14px 20px;border-top:2px solid #eee;margin:0}
.facts li:first-child{border-top:0;background:var(--y)}
.facts span{color:#555}
.card{max-width:620px;margin:0 auto;text-align:center;font-size:19px}
.card .btn-ink{align-self:center}
.card form{margin-top:16px}
.card button{height:56px;border:0;border-radius:16px;background:var(--ink);color:var(--y);font:800 20px var(--disp);padding:0 26px;cursor:pointer}

/* footer */
.foot{background:var(--ink);color:#d8d8d8;padding:56px var(--pad) 28px}
.fwrap{display:grid;grid-template-columns:1.3fr 1fr .8fr;gap:40px;max-width:1312px;margin:0 auto}
.foot .logo{height:56px;width:auto;margin-bottom:12px}
.fcol{display:flex;flex-direction:column;gap:8px}
.fcol h3{color:var(--y);font:800 22px var(--disp);margin-bottom:6px}
.fcol p{margin:0}
.fcol a{text-decoration:none}.fcol a:hover{color:var(--y)}
.cname{color:#fff;font-weight:700}
.mails{list-style:none;padding:0;margin:6px 0 0;display:flex;flex-direction:column;gap:4px;font-size:15px}
.mails span{color:#9a9a9a}
.soc{display:flex;gap:14px;flex-wrap:wrap}
.fbase{max-width:1312px;margin:36px auto 0;padding-top:18px;border-top:1px solid #2a2a2a;font-size:14px;color:#9a9a9a;display:flex;flex-direction:column;gap:4px}
.fbase p{margin:0}

/* tablet */
@media (max-width:1180px){
 .s-people{grid-template-columns:1fr}.pp-txt,.collage{grid-column:1!important}.pp-txt{grid-row:1}.collage{grid-row:2;height:760px}
 .suit{zoom:.8}.jgrid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:60px}.belt{display:none}
 .jstep p{margin-top:14px}
 .pass-in{flex-direction:column;align-items:stretch}.pass-side{align-self:center}
}
/* phone */
@media (max-width:820px){
 body{font-size:16px}
 .burger{display:flex}
 .top nav{display:none;position:absolute;top:88px;inset-inline:16px;flex-direction:column;align-items:stretch;gap:0;background:var(--ink);color:#fff;border-radius:22px;padding:10px 18px;box-shadow:0 20px 40px rgba(0,0,0,.3)}
 .top nav a{padding:12px 4px;border-top:1px solid #2a2a2a}.top nav a:first-child{border-top:0}
 .top nav .lang{align-self:flex-start;margin:10px 0 4px;border-color:var(--y);color:var(--y)}
 .top.open nav{display:flex}
 .brand .logo{height:46px}
 .hero-in{flex-direction:column;align-items:flex-start}
 .h1b{white-space:normal}
 .hero-qr{flex-direction:row;flex-wrap:wrap;align-items:center;gap:14px}
 .qrcard .qr{width:96px;height:96px}.qrcard{padding:12px;border-radius:20px;box-shadow:6px 6px 0 var(--ink)}
 .hero-qr .qrl{display:none}
 .board{padding:18px 14px 18px;border-radius:24px}
 .btitle{font-size:20px}
 .fh{display:none}
 .frow{grid-template-columns:1fr 1fr;gap:6px}
 .frows{gap:16px}
 .cell{height:48px}.strip span{height:48px;padding:0 12px;font-size:19px}
 .c-st{order:-1}.c-item{order:-2}
 .pass-form .logo{height:46px}
 .bp-top,.bp-grid,.bp-foot{padding-inline:20px}.bp-route{padding:0 20px}.bp-route svg{width:40px;height:40px}
 .bp-grid strong.big{font-size:26px}.bp-grid strong{font-size:19px}
 .stamp{font-size:20px;left:30%}
 .go{padding:18px 26px}
 .jbar{padding:16px 18px;border-radius:20px}.jl span{display:none}
 .jgrid{grid-template-columns:1fr 1fr;gap:20px 10px}
 .bag{zoom:.56}.jstep p{font-size:15px;margin-top:10px}
 .collage{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:34px 14px;direction:inherit}
 .pc{position:relative;left:auto!important;top:auto!important;width:auto!important;height:230px!important;padding:8px 8px 0}
 .pc4{grid-column:1/-1;height:240px!important}
 .pc figcaption{font-size:14px;padding:6px 12px;left:12px;bottom:-18px;white-space:normal;max-width:calc(100% - 24px)}
 .s-shoppers{flex-direction:column;align-items:stretch}
 .suit{zoom:.52;align-self:center;margin-inline-start:-40px}
 .s-download{flex-direction:column;align-items:stretch}
 .dl-phone{width:220px;height:450px;align-self:center;border-radius:36px}
 .nform{flex-direction:column}.nform button{width:100%}.nform input[type=email]{flex:none;width:100%}
 .s-journey h2{line-height:1.65}
 .s-contact{grid-template-columns:1fr;gap:24px}.cform .two{grid-template-columns:1fr}
 .cform button{width:100%}
 .fwrap{grid-template-columns:1fr;gap:30px}
 .facts li{flex-direction:column;gap:2px}
}
@media (max-width:380px){.bag{zoom:.5}.suit{zoom:.46}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
@media (max-aspect-ratio:1/1){.intro svg{transform:scale(1.75)}}
@media (max-aspect-ratio:1/1) and (max-width:420px){.intro .it1{font-size:28px}.intro .it2{font-size:14px}}