:root{--brand-green:#9cca3c;--brand-yellow:#ffd400;--brand-ink:#131313;--primary:#007bff;--primary-hover:#0056b3;--bg:#eef1f5;--surface:#fff;--surface-glass:#ffffffdb;--text:#1f2733;--text-soft:#5b6675;--line:#e4e8ee;--radius:26px;--radius-sm:16px;--shadow:0 18px 50px #141e371f;--shadow-sm:0 6px 18px #141e3714;color:var(--text);-webkit-font-smoothing:antialiased;font-family:Arial,Segoe UI,Roboto,Helvetica,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);min-height:100vh;color:var(--text)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit}
.page{min-height:100vh;position:relative;overflow:hidden}.page__bg{z-index:-1;background:radial-gradient(circle at 12% 8%, #9cca3c38, transparent 42%), radial-gradient(circle at 88% 6%, #ffd40033, transparent 40%), radial-gradient(circle at 50% 120%, #007bff24, transparent 55%), var(--bg);position:fixed;inset:0}body::-webkit-scrollbar{display:none}.container{flex-direction:column;gap:20px;width:min(920px,92vw);margin:0 auto;padding:8px 0 56px;display:flex}.header{justify-content:space-between;align-items:center;gap:12px;width:min(920px,92vw);margin:0 auto;padding:22px 0 8px;display:flex}.header__logo{width:auto;height:46px}.header__tag{letter-spacing:.4px;text-transform:uppercase;color:var(--brand-ink);background:var(--brand-yellow);box-shadow:var(--shadow-sm);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:700}.hero{text-align:center;padding:20px 12px 6px}.hero__icon{width:84px;height:84px;box-shadow:var(--shadow);border-radius:22px;margin:0 auto 14px}.hero__title{letter-spacing:-.5px;flex-direction:column;gap:4px;margin:0;font-size:clamp(28px,6vw,44px);font-weight:800;line-height:1.08;display:flex}.hero__title-accent{background:linear-gradient(90deg, var(--brand-green), #6fae1e);color:#0000;-webkit-background-clip:text;background-clip:text}.hero__sub{max-width:520px;color:var(--text-soft);margin:14px auto 0;font-size:16px;line-height:1.55}.card{background:var(--surface-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px}.card__head{text-align:center}.card--feature{border-top:4px solid var(--brand-green);place-items:center;gap:22px;display:grid}.card__title{letter-spacing:-.3px;margin:12px 0 6px;font-size:21px;font-weight:800}.card__text{color:var(--text-soft);margin:0;font-size:15px;line-height:1.55}.grid-2{grid-template-columns:1fr 1fr;gap:20px;display:grid}.card--link{transition:transform .16s,box-shadow .16s;display:block}.card--link:hover{transform:translateY(-3px);box-shadow:0 22px 60px #141e3729}.card--link .card__title,.card--link .card__text{text-align:left}.card__cta{color:var(--primary);margin-top:14px;font-weight:700;display:inline-block}.pill{letter-spacing:.3px;color:var(--text-soft);border:1px solid var(--line);background:#f1f4f9;border-radius:999px;align-items:center;gap:6px;padding:6px 13px;font-size:12.5px;font-weight:700;display:inline-flex}.pill__icon{flex:none;width:15px;height:15px}.pill__icon--android{color:#3ddc84;width:17px;height:17px}.pill--android{color:#2b6a00;background:#9cca3c2e;border-color:#9cca3c66}.pill--web{color:var(--primary-hover);background:#007bff1a;border-color:#007bff40}.pill--panel{color:#8a6d00;background:#ffd40029;border-color:#ffd40073}.qr{justify-items:center;gap:16px;width:100%;display:grid}.qr__frame{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:20px;padding:16px;line-height:0}.qr__hint{text-align:center;max-width:340px;color:var(--text-soft);margin:0;font-size:14px;line-height:1.5}.qr__actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn{cursor:pointer;border:2px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:14px 26px;font-size:16px;font-weight:700;transition:background-color .2s,transform .12s,border-color .2s;display:inline-flex}.btn:active{transform:scale(.98)}.btn--primary{background:var(--primary);color:#fff}.btn--primary:hover{background:var(--primary-hover)}.btn--ghost{color:var(--text);border-color:var(--line);background:#fff}.btn--ghost:hover{border-color:var(--primary);color:var(--primary)}.badges{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.store-badge{border:1px solid var(--line);min-width:210px;box-shadow:var(--shadow-sm);color:var(--text);background:#fff;border-radius:16px;align-items:center;gap:12px;padding:12px 20px;transition:transform .16s,box-shadow .16s;display:inline-flex}.store-badge:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.store-badge--dark{background:var(--brand-ink);border-color:var(--brand-ink);color:#fff}.store-badge.is-inactive{opacity:.5;cursor:default;pointer-events:none}.tooltip{display:inline-flex;position:relative}.tooltip__bubble{background:var(--brand-ink);color:#fff;white-space:nowrap;box-shadow:var(--shadow-sm);opacity:0;pointer-events:none;border-radius:9px;padding:7px 11px;font-size:12.5px;font-weight:600;transition:opacity .16s,transform .16s;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%)translateY(4px)}.tooltip__bubble:after{content:"";border:5px solid #0000;border-top-color:var(--brand-ink);position:absolute;top:100%;left:50%;transform:translate(-50%)}.tooltip:hover .tooltip__bubble,.tooltip:focus-within .tooltip__bubble{opacity:1;transform:translate(-50%)translateY(0)}.store-badge__icon{flex:none;width:30px;height:30px}.store-badge__text{flex-direction:column;line-height:1.15;display:flex}.store-badge__text small{opacity:.85;font-size:11px}.store-badge__text strong{font-size:18px;font-weight:800}.steps{gap:14px;margin:22px 0 0;padding:0;list-style:none;display:grid}.step{border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;align-items:flex-start;gap:16px;padding:16px;display:flex}.step__num{width:38px;height:38px;color:var(--brand-ink);background:var(--brand-yellow);box-shadow:var(--shadow-sm);border-radius:50%;flex:none;place-items:center;font-size:17px;font-weight:800;display:grid}.step__title{margin:4px 0;font-size:16px;font-weight:800}.step__desc{color:var(--text-soft);margin:0;font-size:14.5px;line-height:1.55}.footer{text-align:center;color:var(--text-soft);padding:32px 16px 40px}.footer__logo{opacity:.9;width:auto;height:40px;margin:0 auto 12px}.footer p{margin:4px 0;font-size:14px;font-weight:600}.footer__note{opacity:.8;font-size:12.5px!important;font-weight:400!important}@media (max-width:640px){.grid-2{grid-template-columns:1fr}.header{flex-direction:column;align-items:flex-start}.card{padding:22px 18px}.store-badge{justify-content:center;width:100%}}
