:root{color-scheme:light dark;--bg: #fbf8f4;--surface: #ffffff;--ink: #1c1a2e;--muted: #5d5a72;--line: #e8e2d8;--dot: rgba(28, 26, 46, .12);--route: rgba(28, 26, 46, .22);--primary: #5b3df5;--teal: #12a594;--coral: #ff6b4a;--glow-1: rgba(91, 61, 245, .16);--glow-2: rgba(255, 107, 74, .14);--shadow: 0 24px 50px -20px rgba(28, 26, 46, .55);--zly: #7a5bb0;--w: 15rem}@media(prefers-color-scheme:dark){:root{--bg: #13121c;--surface: #1c1a29;--ink: #f3f0fa;--muted: #aaa6c2;--line: #2d2a42;--dot: rgba(255, 255, 255, .08);--route: rgba(255, 255, 255, .2);--primary: #8b74ff;--zly: #c2a8ec;--glow-1: rgba(139, 116, 255, .22);--glow-2: rgba(255, 107, 74, .12);--shadow: 0 24px 50px -18px rgba(0, 0, 0, .85)}}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(60rem 30rem at 85% -10%,var(--glow-1),transparent 70%),radial-gradient(40rem 24rem at -10% 10%,var(--glow-2),transparent 70%),var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1.0625rem;line-height:1.6}.wrap{display:flex;flex-direction:column;width:min(72rem,100% - 2rem);min-height:100vh;margin-inline:auto}a:focus-visible,button:focus-visible{outline:3px solid var(--coral);outline-offset:3px}.top{display:flex;align-items:center;justify-content:space-between;padding-block:1.25rem}.brand{display:inline-flex;align-items:center;gap:.55rem;color:inherit;text-decoration:none;font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.brand img{display:block;width:calc(2.5rem * 48 / 52);height:2.5rem}.brand .zly{color:var(--zly)}.follow{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:2rem;padding:.5rem .55rem;padding-inline-start:1.2rem;background:var(--surface);border:1px solid var(--line);border-radius:999px;box-shadow:0 14px 34px -16px #1c1a2e66}.follow>span{margin-inline-end:.4rem;color:var(--ink);font-size:1.1rem;font-weight:800}.social{display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;color:#fff;transition:transform .2s ease}.social svg{width:1.5rem;height:1.5rem}.social.facebook svg{width:100%;height:100%}.social.instagram{background:radial-gradient(circle at 30% 107%,#fdf497 0% 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}a.social[href]:hover{transform:translateY(-3px)}main{flex:1;display:grid;align-items:center}.hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:2rem;padding-block:2rem 3rem}h1{margin:0;font-size:clamp(2.4rem,1.4rem + 4.5vw,4.4rem);font-weight:800;line-height:1.04;letter-spacing:-.03em}:lang(ar) h1,:lang(fa) h1,:lang(ur) h1,:lang(hi) h1,:lang(bn) h1{letter-spacing:0;line-height:1.35}.hl{background:linear-gradient(100deg,var(--primary),var(--coral));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{margin:1.25rem 0 0;max-width:30rem;color:var(--muted);font-size:1.2rem}.scene{position:relative;height:27rem;animation:float 6s ease-in-out infinite alternate}.scene:before{content:"";position:absolute;inset:-2rem -1rem;background:radial-gradient(var(--dot) 1.2px,transparent 1.6px) 0 0 / 18px 18px;-webkit-mask-image:radial-gradient(closest-side,#000,transparent);mask-image:radial-gradient(closest-side,#000,transparent)}.route{position:absolute;inset:0;width:100%;height:100%}.route path{stroke:var(--route)}.route .start{fill:var(--teal)}.route .end{fill:var(--coral)}.companion{position:absolute;left:50%;top:50%;width:var(--w);height:auto;overflow:visible;transform:translate(-50%,-50%) rotate(-4deg);filter:drop-shadow(0 22px 26px rgba(28,26,46,.35))}.stroll{--u: .085rem;position:relative;height:calc(var(--u) * 100 + .6rem);overflow:hidden}.stroll:after{content:"";position:absolute;left:0;right:0;bottom:.35rem;height:4px;background:radial-gradient(circle,var(--route) 1.5px,transparent 2px) 0 0 / 12px 4px repeat-x}.stroll svg{position:absolute;bottom:.4rem;left:var(--x);overflow:visible}.stroll .to-right{animation:walk-right var(--dur) linear infinite;animation-delay:var(--delay, 0s)}.stroll .to-left{animation:walk-left var(--dur) linear infinite;animation-delay:var(--delay, 0s)}.stroll .body{transform-box:fill-box;transform-origin:50% 100%}.stroll .walking{animation:waddle .7s ease-in-out infinite alternate}.stroll .walking .leg-a{animation:step .7s ease-in-out infinite alternate}.stroll .walking .leg-b{animation:step .7s ease-in-out infinite alternate-reverse}.stroll .arm{transform-box:fill-box;transform-origin:50% 0}.stroll .walking .arm-a{animation:swing .7s ease-in-out infinite alternate}.stroll .walking .arm-b{animation:swing .7s ease-in-out infinite alternate-reverse}.stroll .idle{animation:idle 2.6s ease-in-out infinite alternate}.stroll .talking .arm-b{animation:gesture 6s ease-in-out infinite}.stroll .bubble-bg{fill:var(--surface);stroke:var(--line);stroke-width:1}.stroll .shoe{stroke:#1c1a2e80;stroke-width:.9}.stroll .bubble{transform-box:fill-box;transform-origin:25% 100%;opacity:0;animation:bubble 6s ease-in-out infinite}.stroll .bubble.second{animation-delay:3s}footer{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;padding-block:1.5rem 2rem;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}footer a{color:inherit}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(-.6rem)}}@keyframes walk-right{0%{left:-10rem}to{left:100%}}@keyframes walk-left{0%{left:100%}to{left:-6rem}}@keyframes waddle{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}@keyframes step{0%{transform:translateY(0)}to{transform:translateY(-3px)}}@keyframes swing{0%{transform:rotate(16deg)}to{transform:rotate(-16deg)}}@keyframes idle{0%{transform:rotate(-1.5deg)}to{transform:rotate(1.5deg)}}@keyframes gesture{0%,40%,to{transform:rotate(0)}15%,25%{transform:rotate(-60deg)}}@keyframes bubble{0%{opacity:0;transform:scale(.6)}8%,40%{opacity:1;transform:scale(1)}48%,to{opacity:0;transform:scale(.6)}}@media(max-width:60rem){.hero{grid-template-columns:1fr;padding-block:1.5rem 2rem}:root{--w: 13rem}.scene{height:23rem}}@media(max-width:30rem){:root{--w: 11rem}.scene{height:19.5rem}.stroll{--u: .065rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.stroll .bubble.first{opacity:1}}