/* Lypii Apps — /get and /feedback */
*,*::before,*::after{-webkit-tap-highlight-color:transparent}
html,body{margin:0;min-height:100%}
body{background:#fff;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Helvetica Neue',Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
[hidden]{display:none!important}

/* ---- layouts: /get desktop ≥ 900px, /feedback desktop ≥ 640px ---- */
.v-d{display:block}.v-m{display:none}
body[data-page="get"] .os-android{display:none!important}
@media (max-width:899px){body[data-page="get"] .v-d{display:none}body[data-page="get"] .os-ios{display:block}}
@media (max-width:899px){body[data-page="get"][data-os="android"] .os-ios{display:none!important}body[data-page="get"][data-os="android"] .os-android{display:block!important}}
@media (max-width:639px){body[data-page="feedback"] .v-d{display:none}body[data-page="feedback"] .v-m{display:block}}
@media (max-width:1199px){[data-hero-grid]{padding:0 56px!important;gap:40px!important}[data-hero-icon]{width:220px!important;height:220px!important;border-radius:49px!important}}

body[data-page="feedback"] .v-d > div{padding:40px 0;box-sizing:border-box;align-items:safe center}
body[data-page="get"] .v-d > div{overflow:visible}

/* ---- states ---- */
[data-inp][aria-invalid="true"]{border-color:#b3261e!important}
[data-sending] [data-act="submit"]{opacity:.7;pointer-events:none}

/* ---- components ---- */
a{color:var(--app-ink);text-decoration:none}a:hover{text-decoration:underline}
[data-cta]{text-decoration:none!important;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,filter .3s}
[data-cta]:hover{transform:translateY(-1px) scale(1.04);filter:brightness(1.08);box-shadow:0 8px 20px rgba(30,10,40,.22),inset 0 1px 0 rgba(255,255,255,.25)}
[data-cta]:active{transform:scale(.97)}
[data-link]{text-decoration:none!important;transition:color .2s}[data-link]:hover{color:#1d1d1f!important}
[data-brand]{text-decoration:none!important;display:flex;align-items:center;gap:8px}
[data-brand] img{transition:transform .5s cubic-bezier(.34,1.56,.64,1)}[data-brand]:hover img{transform:rotate(-8deg) scale(1.08)}
[data-rise]{animation:lyRise .7s cubic-bezier(.22,1,.36,1) var(--d,0s) both}
[data-float]{animation:lyPop .8s cubic-bezier(.34,1.56,.64,1) var(--d,0s) both,lyFloat 5s ease-in-out calc(var(--d,0s) + .8s) infinite}
[data-spin]{animation:lySpin .9s linear infinite}
[data-blob]{animation:lyBlob 14s ease-in-out infinite alternate}
[data-blob="2"]{animation-duration:18s;animation-direction:alternate-reverse}
[data-inp]::placeholder{color:#8e8e93}
@keyframes lyRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes lyPop{from{opacity:0;transform:scale(.6) rotate(-12deg)}to{opacity:1;transform:none}}
@keyframes lyFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(-3deg)}}
@keyframes lySpin{to{transform:rotate(360deg)}}
@keyframes lyBlob{from{transform:translate(0,0) scale(1)}to{transform:translate(-40px,30px) scale(1.15)}}
@media (prefers-reduced-motion:reduce){[data-rise],[data-float],[data-spin],[data-blob]{animation:none}}

/* ---- layout ---- */
.g0{min-height:100vh;min-height:100dvh;overflow:hidden;background:var(--app-tint);position:relative;display:flex;flex-direction:column}
.g1{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.g2{position:absolute;width:720px;height:720px;left:-10%;top:-20%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,0.7),transparent 65%);filter:blur(10px)}
.g3{position:absolute;width:576px;height:576px;right:-12%;bottom:-25%;border-radius:50%;background:radial-gradient(circle,var(--app-glow),transparent 65%);filter:blur(20px)}
.g4{position:relative;flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center;padding:0 112px}
.g5{display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.g6{--d:0s;display:flex;align-items:center;gap:14px}
.g7{width:56px;height:56px;border-radius:13px;display:block}
.g8{font-size:15px;font-weight:600;color:var(--app-ink)}
.g9{--d:.08s;margin:0;font-size:76px;line-height:1;font-weight:700;letter-spacing:-0.04em;color:#1d1d1f}
.ga{--d:.16s;margin:0;font-size:24px;line-height:1.35;font-weight:600;letter-spacing:-0.015em;color:#1d1d1f;max-width:460px;text-wrap:balance}
.gb{--d:.22s;margin:0;font-size:18px;line-height:1.55;color:#424245;max-width:460px;text-wrap:pretty}
.gc{--d:.3s;display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.gd{display:flex;align-items:center;gap:10px;background:#000;color:#fff;padding:10px 22px 10px 16px;border-radius:14px;line-height:1.1}
.ge{width:24px;height:24px;border-radius:6px;background:#fff;opacity:0.9;display:block;flex-shrink:0}
.gf{display:flex;flex-direction:column;text-align:left}
.gg{font-size:11px}
.gh{font-size:19px;font-weight:600}
.gi{display:contents}
.gj{--d:.38s;display:flex;align-items:center;gap:14px;margin-top:8px;padding:10px 18px 10px 10px;border-radius:20px;background:rgba(255,255,255,0.7)}
.gk{width:72px;height:72px;border-radius:12px;background:#fff;border:1.5px dashed #c7c7cc;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#636366}
.gl{font-size:15px;line-height:1.4;color:#424245;max-width:180px}
.gm{display:flex;justify-content:center}
.gn{--d:.2s}
.go{width:300px;height:300px;border-radius:67px;display:block;filter:drop-shadow(0 40px 70px var(--app-shadow))}
.gp{position:relative;display:flex;justify-content:space-between;align-items:center;padding:0 48px 32px}
.gq{color:#424245;font-size:14px;font-weight:600}
.gr{width:22px;height:22px;border-radius:6px;display:block}
.gs{font-family:Nunito,sans-serif;font-weight:800;color:#1d1d1f}
.gt{font-size:13px;color:#636366}
.gu{position:absolute;width:360px;height:360px;left:-10%;top:-20%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,0.7),transparent 65%);filter:blur(10px)}
.gv{position:absolute;width:288px;height:288px;right:-12%;bottom:-25%;border-radius:50%;background:radial-gradient(circle,var(--app-glow),transparent 65%);filter:blur(20px)}
.gw{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:0 28px;text-align:center}
.gx{--d:.05s}
.gy{width:112px;height:112px;border-radius:26px;display:block;filter:drop-shadow(0 20px 34px var(--app-shadow))}
.gz{--d:.15s;margin:6px 0 0;font-size:34px;line-height:1.05;font-weight:700;letter-spacing:-0.03em;color:#1d1d1f}
.g10{--d:.25s;display:flex;align-items:center;gap:10px;font-size:16px;color:#424245}
.g11{width:16px;height:16px;border-radius:50%;border:2px solid var(--app-ring);border-top-color:var(--app-btn);display:block;box-sizing:border-box}
.g12{--d:.4s;position:relative;display:flex;flex-direction:column;gap:12px;padding:0 24px 44px}
.g13{height:56px;border-radius:99px;background:var(--app-btn);color:#fff;font-size:17px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px}
.g14{display:inline-block}
.g15{height:44px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;color:var(--app-ink)}
.g16{display:flex;justify-content:center;padding-top:6px}
.g17{min-height:100vh;min-height:100dvh;overflow:hidden;background:var(--app-tint);position:relative;display:flex;align-items:center;justify-content:center}
.g18{--d:0s;position:relative;width:480px;background:#fff;border-radius:36px;padding:40px 40px 32px;display:flex;flex-direction:column;gap:28px;box-shadow:0 24px 60px rgba(60,30,10,0.10)}
.g19{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.g1a{width:88px;height:88px;border-radius:20px;display:block;filter:drop-shadow(0 16px 28px var(--app-shadow))}
.g1b{--d:.1s;margin:6px 0 0;font-size:32px;line-height:1.1;font-weight:700;letter-spacing:-0.03em;color:#1d1d1f}
.g1c{--d:.16s;margin:0;font-size:16px;line-height:1.5;color:#424245}
.g1d{display:flex;flex-direction:column;gap:20px}
.g1e{display:flex;flex-direction:column;gap:8px}
.g1f{font-size:14px;font-weight:600;color:#1d1d1f}
.g1g{all:unset;box-sizing:border-box;border-radius:14px;background:#f5f5f7;font-size:16px;color:#1d1d1f;transition:border-color .2s,background .2s,box-shadow .2s;min-height:150px;padding:14px 16px;line-height:1.5;white-space:pre-wrap;border:1.5px solid transparent}
.g1h{font-size:13px;color:#b3261e;display:flex;align-items:center;gap:6px}
.g1i{font-weight:400;color:#636366}
.g1j{all:unset;box-sizing:border-box;border-radius:14px;background:#f5f5f7;font-size:16px;color:#1d1d1f;transition:border-color .2s,background .2s,box-shadow .2s;height:54px;padding:0 16px;border:1.5px solid transparent}
.g1k{all:unset;cursor:pointer;box-sizing:border-box;height:56px;border-radius:99px;background:var(--app-btn);color:#fff;font-size:17px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:4px}
.g1l{margin:-4px 0 0;font-size:13px;line-height:1.5;color:#636366;text-align:center}
.g1m{color:var(--app-ink);text-decoration:underline;text-underline-offset:2px}
.g1n{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:28px 0 8px}
.g1o{width:64px;height:64px;border-radius:50%;background:var(--app-btn);color:#fff;display:flex;align-items:center;justify-content:center}
.g1p{margin:6px 0 0;font-size:26px;font-weight:700;letter-spacing:-0.02em;color:#1d1d1f}
.g1q{margin:0;font-size:16px;line-height:1.5;color:#424245;max-width:320px}
.g1r{all:unset;cursor:pointer;margin-top:6px;height:44px;display:flex;align-items:center;font-size:15px;font-weight:600;color:var(--app-ink)}
.g1s{position:relative;padding:64px 24px 28px}
.g1t{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.g1u{width:80px;height:80px;border-radius:19px;display:block;filter:drop-shadow(0 16px 28px var(--app-shadow))}
.g1v{--d:.1s;margin:6px 0 0;font-size:28px;line-height:1.1;font-weight:700;letter-spacing:-0.03em;color:#1d1d1f}
.g1w{--d:.2s;position:relative;margin:0 12px 12px;background:#fff;border-radius:32px;padding:28px 20px 32px;box-shadow:0 16px 40px rgba(60,30,10,0.08);display:flex;flex-direction:column;gap:18px}
.g1x{display:flex;flex-direction:column;gap:18px}
.g1y{all:unset;box-sizing:border-box;border-radius:14px;background:#f5f5f7;font-size:16px;color:#1d1d1f;transition:border-color .2s,background .2s,box-shadow .2s;min-height:160px;padding:14px 16px;line-height:1.5;white-space:pre-wrap;border:1.5px solid transparent}
.g1z{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:40px 0}

/* ---- focus ---- */
.fz0:focus{background:#fff;border-color:var(--app-btn);box-shadow:0 0 0 4px var(--app-ring)}

/* Production store artwork and QR codes use the slots in the supplied layout. */
.gd.utility-store{padding:0;overflow:hidden;justify-content:center;position:relative;height:54px;width:172px}
.gd.utility-store img{height:100%;width:auto;max-width:none}
.gd.utility-store[data-store="android"] img{height:calc(54px * 250 / 168);position:absolute}
.gk{border:0}
.utility-store-status{color:var(--app-ink);font-weight:600}
.gd.utility-store[data-store="ios"]{width:auto;background:transparent;border-radius:0}

.utility-language{position:absolute;z-index:10;inset-block-start:max(12px,env(safe-area-inset-top));inset-inline-end:max(16px,env(safe-area-inset-right));max-width:calc(100% - 32px);color:var(--app-ink)}
.utility-language summary{display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;min-height:44px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.72);font-size:14px;font-weight:600;box-sizing:border-box;cursor:pointer;list-style:none;margin-inline-start:auto}
.utility-language summary::-webkit-details-marker{display:none}
.utility-language summary:hover{background:#fff}
.utility-language .language-code{font-size:12px;border-radius:6px;padding:2px 6px;background:var(--app-ring)}
.utility-language .language-panel{position:absolute;inset-inline-end:0;inset-block-start:calc(100% + 8px);width:min(340px,calc(100vw - 32px));background:#fff;border:1px solid #ececf0;border-radius:22px;padding:8px;box-sizing:border-box;box-shadow:0 24px 60px rgba(30,20,60,.18)}
.utility-language input{width:100%;height:44px;padding:0 12px;border:0;border-radius:14px;background:#f5f5f7;box-sizing:border-box;font:inherit;color:#1d1d1f}
.utility-language ul{list-style:none;margin:4px 0 0;padding:0;max-height:min(340px,calc(100dvh - 128px));overflow:auto;overscroll-behavior:contain}
.utility-language a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:6px 10px;border-radius:12px;color:#1d1d1f;text-decoration:none}
.utility-language a:hover,.utility-language a[aria-current]{background:var(--app-ring)}
.utility-language a small{display:block;color:#636366}
[dir="rtl"] .utility-language{inset-inline-end:max(16px,env(safe-area-inset-left))}
[dir="rtl"] .g14{display:inline-block;transform:scaleX(-1)}
@media(max-width:639px){.g1s{padding-block-start:76px}}

:is([data-page="get"],[data-page="feedback"]) h1{color:var(--app-ink)}
