@font-face{font-family:Poppins;src:url('Poppins-Regular.ttf')}@font-face{font-family:Poppins;src:url('Poppins-SemiBold.ttf');font-weight:600}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#172335;background:#f6f5fb;font:16px/1.7 Poppins,system-ui,sans-serif;--accent:#6253cf;--soft:#ece7ff;--ink:#201841}body.zyvn{background:#061421;color:#ecf7fc;--accent:#b7e7f7;--soft:#163747;--ink:#09212d}a{color:inherit}nav,main,footer{max-width:1180px;margin:auto;padding:24px 40px}nav{display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:23px;font-weight:600}.brand img{width:45px;height:45px;border-radius:12px}.links{display:flex;gap:25px;align-items:center;font-size:14px}.links a{text-decoration:none}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:white;border-radius:100px;padding:13px 24px;text-decoration:none;font-weight:600;font-size:14px}.zyvn .button{color:var(--ink)}.secondary{background:var(--soft);color:inherit}.hero{padding:70px 0 30px}.eyebrow{color:var(--accent);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:2px}.pumli .eyebrow{color:#6554bb}h1{font-size:clamp(44px,6.4vw,80px);line-height:1.1;letter-spacing:-3px;font-weight:600;margin:22px 0 26px}h2{font-size:clamp(30px,4vw,48px);line-height:1.2;letter-spacing:-1.4px;font-weight:600;margin:14px 0 20px}h3{font-size:22px;line-height:1.35;margin:16px 0 10px}.lead{max-width:660px;font-size:19px;opacity:.77;line-height:1.8}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.stage{position:relative;margin-top:45px;padding:38px 38px 0;min-height:390px;border:1px solid #8298a72e;border-radius:36px;background:radial-gradient(at 10% 10%,#7fcce549,transparent 70%),linear-gradient(135deg,#ede8ff,#cdd8eb);overflow:hidden}.zyvn .stage{background:radial-gradient(at 20% 0%,#69c5e53b,transparent 70%),linear-gradient(125deg,#14384a,#081a28)}.desktop{display:block;width:88%;border-radius:12px 12px 0 0;box-shadow:0 30px 80px #03101f45}.app-badge{position:absolute;right:5%;bottom:9%;display:flex;align-items:center;gap:13px;border:1px solid #ffffff80;border-radius:24px;padding:18px 24px;background:#ffffffd9;color:#1f2940;box-shadow:0 16px 60px #14203030;backdrop-filter:blur(20px)}.app-badge img{width:64px;border-radius:16px}.app-badge strong,.app-badge span{display:block}.app-badge span{font-size:12px;color:#59677b}.caption{font-size:12px;opacity:.6;margin:12px 3px}.section{padding:80px 0 20px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:34px}.card{border-radius:28px;padding:30px;background:#ffffffa8;border:1px solid #8498aa26}.zyvn .card{background:#112a3b95}.card p{font-size:14px;opacity:.75;margin-bottom:0}.step{font-size:14px;color:var(--accent);font-weight:600}.pumli .step{color:#6554bb}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.pill{display:inline-block;border:1px solid #869baa40;border-radius:100px;padding:6px 14px;margin:4px;font-size:13px}.feature{padding:45px;border-radius:32px;background:var(--soft);margin-top:25px}.feature p{max-width:710px;opacity:.8}.fine{font-size:13px;opacity:.65;max-width:800px}.link{color:var(--accent);font-weight:600}.pumli .link{color:#6554bb}.closing{text-align:center;padding:100px 0 70px}.closing .lead{margin:auto}footer{border-top:1px solid #869baa29;display:flex;justify-content:space-between;gap:20px;font-size:12px;opacity:.7}footer div{display:flex;gap:22px}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:15px}.button:hover{filter:brightness(1.06)}a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}@media(max-width:700px){nav,main,footer{padding:20px}.links a:not(.button){display:none}.hero{padding:35px 0 10px}h1{letter-spacing:-2px}.lead{font-size:17px}.stage{padding:18px 18px 0;min-height:250px;border-radius:24px}.desktop{width:100%}.app-badge{padding:12px;right:5%;bottom:5%;gap:9px}.app-badge img{width:40px}.app-badge strong{font-size:13px}.app-badge span{font-size:10px}.grid,.two{grid-template-columns:1fr}.section{padding-top:50px}.feature{padding:25px}footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.zyvn .button.secondary{color:#ecf7fc}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:44px;align-items:center;padding:60px 0 45px}.hero h1{font-size:clamp(44px,5vw,64px);letter-spacing:-2.8px}.hero .lead{font-size:17px}.hero .stage{margin-top:0;padding:22px 22px 0;min-height:330px;display:flex;align-items:center;padding-bottom:45px}.hero .desktop{width:100%;height:auto;border-radius:12px}.hero .app-badge{right:6%;bottom:6%;padding:12px 16px;border-radius:20px}.hero .app-badge img{width:44px;height:44px}.hero .app-badge strong{font-size:13px}.hero .app-badge span{font-size:11px}.hero-visual{min-width:0;animation:float 9s ease-in-out infinite}@keyframes float{50%{transform:translateY(-5px)}}@media(max-width:850px){.hero{grid-template-columns:1fr;gap:22px}.hero .stage{min-height:300px}.hero .desktop{width:100%}}@media(prefers-reduced-motion:reduce){.hero-visual{animation:none}}