.gzi{--sun:#f6e254;--sun-hi:#fff4a8;--sun-lo:#e9cd37;--ink:#17130f;--cream:#fffaf0;--pink:#ff0a7e;--pink-hi:#ff5eac;--pink-lo:#d10068;--out:cubic-bezier(0.23,1,0.32,1);--boing:cubic-bezier(0.34,1.56,0.64,1);position:fixed;inset:0;z-index:60;overflow-y:auto;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:calc(env(safe-area-inset-top) + 16px) 16px calc(env(safe-area-inset-bottom) + 16px);color:var(--ink);font-family:var(--font-montreal),system-ui,sans-serif;background:radial-gradient(120% 80% at 50% 30%,var(--sun-hi) 0,var(--sun) 50%,var(--sun-lo) 100%);animation:gzi-in .42s var(--out) both;-webkit-tap-highlight-color:transparent}.gzi-inner{width:min(100%,400px);gap:10px;text-align:center}.gzi-hero,.gzi-inner{position:relative;display:grid;justify-items:center}.gzi-gizmo{width:clamp(84px,24vw,120px);height:auto;transform-origin:50% 90%;animation:gzi-pop .7s var(--boing) .15s both,gzi-bob 2.6s ease-in-out .9s infinite;filter:drop-shadow(0 8px 0 rgb(23 19 15/12%))}.gzi-bubble{position:relative;margin:0 0 6px;padding:10px 16px;max-width:280px;border:3px solid var(--ink);border-radius:22px;background:var(--cream);font-size:15px;font-weight:700;line-height:1.25;box-shadow:0 4px 0 var(--ink);animation:gzi-pop .5s var(--boing) .6s both}.gzi-bubble:after{content:"";position:absolute;left:50%;bottom:-11px;width:16px;height:16px;background:var(--cream);border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);transform:translateX(-50%) rotate(45deg)}.gzi-title{margin:4px 0 0;font-size:clamp(24px,7vw,30px);font-weight:900;line-height:1.1;letter-spacing:-.01em;animation:gzi-rise .5s var(--out) .25s both}.gzi-intro{margin:0;max-width:340px;font-size:15.5px;line-height:1.4;animation:gzi-rise .5s var(--out) .35s both}.gzi-card{width:100%;margin-top:6px;padding:16px 16px 14px;border:3px solid var(--ink);border-radius:28px;background:var(--cream);box-shadow:0 6px 0 var(--ink);display:grid;justify-items:center;gap:10px;animation:gzi-rise .55s var(--out) .45s both}.gzi-stage{animation:gzi-swap .42s var(--boing) both}.gzi-count{margin:0;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--pink-lo)}.gzi-text{margin:0;font-size:16.5px;line-height:1.4}.gzi-text strong{padding:0 5px;border-radius:7px;background:var(--sun);white-space:nowrap}.gzi-num{display:inline-grid;place-items:center;width:26px;height:26px;margin-right:8px;border-radius:50%;background:var(--pink);color:#fff;font-size:15px;font-weight:900;vertical-align:2px}.gzi-dots{display:flex;gap:8px}.gzi-dots span{width:9px;height:9px;border-radius:50%;background:rgb(23 19 15/18%);transition:width .3s var(--out),background .3s}.gzi-dots span[data-on]{width:26px;border-radius:9px;background:var(--pink)}.gzi-nav{display:flex;gap:10px;width:100%;justify-content:center}.gzi-back,.gzi-go{min-height:52px;padding:0 26px;border:3px solid var(--ink);border-radius:999px;font:800 18px/1 var(--font-montreal),system-ui,sans-serif;cursor:pointer;transition:transform .12s var(--out),box-shadow .12s var(--out)}.gzi-go{flex:1;max-width:240px;background:var(--pink);color:#fff;box-shadow:0 5px 0 var(--pink-lo),0 5px 0 3px var(--ink)}.gzi-back{background:var(--cream);color:var(--ink);box-shadow:0 5px 0 var(--ink)}.gzi-back:active,.gzi-go:active{transform:translateY(4px);box-shadow:0 1px 0 var(--ink)}.gzi-go-big{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:64px;max-width:none;width:100%;font-size:21px;animation:gzi-pulse 1.8s ease-in-out 1.2s infinite}.gzi-go-big img{width:38px;height:38px;border-radius:10px;border:2px solid var(--ink)}.gzi-one-tap{gap:8px}.gzi-small{margin:0;font-size:14px}.gzi-later{margin-top:4px;padding:10px 18px;border:0;background:none;color:var(--ink);font:600 15px/1 var(--font-montreal),system-ui,sans-serif;text-decoration:underline;text-underline-offset:4px;opacity:.75;cursor:pointer}.gzi-installed{margin:8px 0 0;font-size:20px;font-weight:800;animation:gzi-pop .6s var(--boing) both}.gzi-phone{position:relative;width:116px;height:172px;padding:7px;border:3px solid var(--ink);border-radius:26px;background:var(--ink)}.gzi-screen{position:relative;height:100%;overflow:hidden;border-radius:19px;background:linear-gradient(180deg,#bfe8ff,#fff4a8)}.gzi-bar{position:absolute;left:0;right:0;display:flex;align-items:center;gap:6px;padding:8px;background:rgb(255 250 240/92%)}.gzi-bar-bottom{bottom:0}.gzi-bar-top{top:0}.gzi-url{flex:1;height:16px;border-radius:8px;background:rgb(23 19 15/12%)}.gzi-target{position:relative;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:var(--pink);background:var(--cream)}.gzi-target:before{content:"";position:absolute;inset:-3px;border-radius:50%;border:3px solid var(--pink);animation:gzi-ring 1.6s ease-out infinite}.gzi-target svg{width:18px;height:18px;fill:currentColor;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.gzi-target svg path{fill:none}.gzi-sheet{position:absolute;left:6px;right:6px;bottom:6px;display:grid;gap:5px;padding:8px;border-radius:14px;background:var(--cream);animation:gzi-sheet .6s var(--out) both}.gzi-sheet-top{top:6px;bottom:auto;animation-name:gzi-sheet-down}.gzi-row{position:relative;height:18px;border-radius:6px;background:rgb(23 19 15/9%)}.gzi-row-hot{background:var(--sun);outline:3px solid var(--pink);animation:gzi-glow 1.6s ease-in-out .5s infinite}.gzi-plus{position:absolute;right:6px;top:50%;transform:translateY(-50%);font-weight:900;font-size:14px;line-height:1}.gzi-home{position:absolute;inset:14px 10px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-content:start}.gzi-app{aspect-ratio:1;border-radius:9px;background:rgb(255 250 240/75%)}.gzi-app-gizmo{width:100%;border:2px solid var(--ink);animation:gzi-icon .9s var(--boing) .3s both,gzi-wiggle 2.4s ease-in-out 1.4s infinite}.gzi-finger{position:absolute;width:26px;height:26px;border-radius:50%;background:rgb(255 10 126/35%);border:3px solid var(--pink);animation:gzi-tap 1.6s ease-in-out infinite}.gzi-phone[data-step="0"] .gzi-finger{right:9px;bottom:9px}.gzi-phone[data-step="0"][data-android] .gzi-finger{top:9px;bottom:auto}.gzi-phone[data-step="1"] .gzi-finger{left:50%;bottom:46px;margin-left:-13px}.gzi-phone[data-step="1"][data-android] .gzi-finger{top:52px;bottom:auto}.gzi-sparkles{position:fixed;inset:0;pointer-events:none;overflow:hidden}.gzi-sparkles span{position:absolute;bottom:-30px;left:calc(5% + var(--i) * 9.5%);color:var(--cream);font-size:calc(12px + (var(--i) * 3px) % 14px);text-shadow:0 0 6px rgb(255 255 255/70%);animation:gzi-float calc(7s + (var(--i) * .9s) % 5s) linear calc(var(--i) * -1.3s) infinite}.gzi-sparkles span:nth-child(3n){color:var(--pink-hi);text-shadow:none}@keyframes gzi-in{0%{opacity:0}}@keyframes gzi-pop{0%{opacity:0;transform:scale(.4) translateY(20px)}}@keyframes gzi-rise{0%{opacity:0;transform:translateY(18px)}}@keyframes gzi-swap{0%{opacity:0;transform:scale(.85) rotate(-4deg)}}@keyframes gzi-bob{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(-4deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(-8px) rotate(4deg)}}@keyframes gzi-ring{0%{transform:scale(.9);opacity:1}to{transform:scale(1.9);opacity:0}}@keyframes gzi-glow{50%{outline-color:var(--pink-hi);transform:scale(1.04)}}@keyframes gzi-sheet{0%{transform:translateY(110%)}}@keyframes gzi-sheet-down{0%{transform:translateY(-110%)}}@keyframes gzi-icon{0%{opacity:0;transform:scale(0) rotate(-30deg)}}@keyframes gzi-wiggle{0%,80%,to{transform:rotate(0)}85%{transform:rotate(-8deg)}90%{transform:rotate(8deg)}95%{transform:rotate(-4deg)}}@keyframes gzi-tap{0%,to{transform:translate(14px,14px) scale(1);opacity:0}30%{transform:translate(0) scale(1);opacity:1}45%{transform:translate(0) scale(.75)}60%{transform:translate(0) scale(1);opacity:1}}@keyframes gzi-pulse{50%{transform:scale(1.04)}}@keyframes gzi-float{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:1}to{transform:translateY(-115vh) rotate(200deg);opacity:.2}}@media (prefers-reduced-motion:reduce){.gzi,.gzi *,.gzi :after,.gzi :before{animation:none!important;transition:none!important}.gzi-sparkles{display:none}}.gzi-page{position:absolute;left:50%;top:22%;width:38%;transform:translateX(-50%);opacity:.9}.gzi-phone[data-step="1"] .gzi-page{opacity:.35}@media (max-height:700px){.gzi-gizmo{width:72px}.gzi-intro{display:none}.gzi-phone{width:100px;height:148px}.gzi-card{gap:7px;padding:12px}}@media (max-height:600px){.gzi{padding-top:calc(env(safe-area-inset-top) + 8px)}.gzi-gizmo{width:54px}.gzi-bubble{font-size:13.5px;padding:7px 12px}.gzi-title{font-size:22px}.gzi-phone{width:84px;height:124px;padding:5px;border-radius:20px}.gzi-text{font-size:15px}.gzi-back,.gzi-go{min-height:46px;font-size:16px}}