.gate{min-height:100dvh;padding:calc(var(--safe-t) + 28px) 16px calc(var(--safe-b) + 40px);background:var(--c-cream)}.gate-wrap{width:min(100%,520px);margin:0 auto;display:grid;gap:20px}.gate-head{display:grid;gap:10px}.gate-brand{margin:0 0 6px;display:flex;align-items:center;gap:12px;font:800 24px/1 var(--font-display);letter-spacing:-.03em}.gate-brand b{color:var(--c-coral)}.gate-logo svg{display:block;width:44px;height:44px}.gate-title{margin:0;font:700 clamp(34px,9vw,52px)/1.1 var(--font-display);letter-spacing:var(--tracking-display);text-wrap:balance}.gate-lead{font-size:18px}.gate-card{display:grid;gap:16px;padding:22px 20px}.gate-intro{margin:0;font-weight:600;font-size:17px}.gate-steps{margin:0;padding:0;list-style:none;display:grid;gap:12px;counter-reset:s}.gate-steps li{display:flex;align-items:flex-start;gap:12px;font-size:17px;line-height:1.45}.gate-n{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--c-ink);color:var(--c-cream);font:700 15px/1 var(--font-display);margin-top:-2px}.gate-key{display:inline;padding:2px 8px;border-radius:10px;background:var(--c-tint);color:var(--c-chip-ink);font-weight:700;-webkit-box-decoration-break:clone;box-decoration-break:clone}.gate-key .gate-ic{display:inline-block;vertical-align:-3px;margin-right:5px}.gate-key .gate-ic svg{width:17px;height:17px;display:block}.gate-steps li>span{padding-top:3px}.gate-note{margin:0;color:var(--c-muted);font-size:15px}.gate-done{margin:0;display:flex;gap:10px;align-items:flex-start;font-weight:600;font-size:17px}.gate-done .gate-ic svg{width:24px;height:24px;color:var(--c-coral-deep)}.gate-install svg{width:22px;height:22px;display:block}.gate-call{margin:0;color:var(--c-muted);font-size:15px}.gate-call a{color:var(--c-ink);font-weight:700;white-space:nowrap;text-underline-offset:3px}.gate-escape{justify-self:start;min-height:48px;padding:0 4px}.gate-arrow{position:fixed;z-index:5;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;gap:6px;padding:8px 16px calc(var(--safe-b) + 8px);background:var(--c-cream);box-shadow:0 -1px 0 var(--c-line);color:var(--c-coral-deep);font:600 14px/1.2 var(--font-body);pointer-events:none}.gate-arrow:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:14px;pointer-events:none;background:linear-gradient(to top,var(--c-cream),transparent)}.gate-arrow .gate-ic svg{display:block;width:24px;height:24px;transform:rotate(180deg);animation:gateNudge 1.4s var(--ease-ui) infinite}.gate-arrow>span:last-child{order:-1}.gate-arrow.is-top{top:0;bottom:auto;padding:calc(var(--safe-t) + 8px) 16px 8px;box-shadow:0 1px 0 var(--c-line)}.gate-arrow.is-top:before{top:100%;bottom:auto;background:linear-gradient(to bottom,var(--c-cream),transparent)}.gate-arrow.is-top .gate-ic svg{transform:none;animation-name:gateNudgeUp}.gate-ios-safari{padding-bottom:calc(var(--safe-b) + 40px + 56px)}.gate-ios-safari:has(.is-top){padding-top:calc(var(--safe-t) + 28px + 48px);padding-bottom:calc(var(--safe-b) + 40px)}@keyframes gateNudge{50%{translate:0 4px}}@keyframes gateNudgeUp{50%{translate:0 -4px}}.gate-qr{display:flex;gap:18px;align-items:center;padding:18px}.gate-qr-code{flex:none;width:132px;height:132px;padding:6px;border-radius:16px;background:#fff}.gate-qr-code svg{display:block;width:100%;height:100%}.gate-url{margin:0;font-weight:600;font-size:14px;word-break:break-all}@media(min-width:900px){.gate{display:grid;place-items:center;padding-top:48px}.gate-wrap{width:min(100%,1060px);grid-template-columns:1.25fr 1fr;column-gap:56px;align-items:start}.gate-head{grid-column:1;grid-row:1 / span 3;align-self:center}.gate-title{font-size:60px}.gate-card,.gate-qr,.gate-call{grid-column:2}.gate-static .gate-wrap{grid-template-columns:1fr;width:min(100%,620px)}.gate-static .gate-head{grid-row:auto}.gate-static .btn,.gate-static .gate-call{grid-column:1;justify-self:start}}@media(prefers-reduced-motion:reduce){.gate-arrow .gate-ic svg{animation:none}}