.landing{flex-direction:column;min-height:100vh;display:flex}.landing main{flex:1;width:100%}.landing-top{width:100%;padding-top:28px;padding-bottom:24px}.landing-logo{width:auto;height:30px;display:block}:root.dark .landing-logo{filter:invert()hue-rotate(180deg)}.hero{background:var(--landing);color:#fff;border-radius:20px;grid-template-columns:1.1fr 1fr;align-items:center;gap:32px 48px;padding:48px;display:grid}.hero h1{letter-spacing:-.5px;font-size:40px;font-weight:800;line-height:1.2}.hero-features{background:#ffffff24;border-radius:16px;gap:12px;margin:0;padding:20px 24px;list-style:none;display:grid}.hero-features li{padding-left:28px;font-size:16px;line-height:1.4;position:relative}.hero-features li:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;position:absolute;top:2px;left:0;-webkit-mask:radial-gradient(circle,#0000 0 3px,#000 3.5px);mask:radial-gradient(circle,#0000 0 3px,#000 3.5px)}.hero-cta{flex-wrap:wrap;align-items:center;gap:12px;margin-top:32px;display:flex}.hero-signin{color:#fff;cursor:pointer;background:#fff3;border:0;border-radius:10px;height:47px;padding:0 40px;font-size:18px;font-weight:700;transition:background .15s}.hero-signin:hover{background:#ffffff4d}.hero-cta a{border-radius:12px;line-height:0;display:block}.hero-cta img{width:54px;height:47px}.hero :focus-visible{outline-offset:2px;outline:2px solid #fff}.difference{grid-template-columns:1fr 340px;align-items:center;gap:48px;margin-top:56px;display:grid}.difference h2{margin-bottom:16px;font-size:36px;font-weight:700;line-height:1.2}.difference p{margin:0 0 12px;font-size:17px;font-weight:400;line-height:1.5}.shot{justify-content:center;height:425px;display:flex;position:relative;overflow:hidden}.shot i{border-radius:56px;width:260px;height:560px;position:absolute;top:20px}.shot-blue{background:var(--blue);transform:rotate(10deg)}.shot-yellow{background:#ffd166;transform:rotate(-10deg)}.shot img{border-radius:8px;align-self:flex-start;width:260px;height:auto;position:relative;top:20px;box-shadow:0 5px 40px #0000001a}.landing-footer{width:100%;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-top:48px;padding-top:24px;padding-bottom:32px;font-size:14px;display:flex}.landing-footer p{max-width:520px;margin:0}.landing-footer nav{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.landing-footer a{color:var(--muted)}.landing-footer select,.landing-dark{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:10px;padding:6px 10px;font-size:14px}@media (max-width:850px){.hero{grid-template-columns:1fr;padding:28px 20px}.hero h1{font-size:28px}.hero-features{padding:16px}.difference{grid-template-columns:1fr;gap:24px;margin-top:40px}.difference h2{font-size:28px}.difference p{font-size:16px}}@media (max-width:400px){.hero-signin{flex:1 0 100%}.hero-cta{justify-content:center}}.dialog:has(.signin){max-width:360px}.signin{flex-direction:column;gap:10px;padding:24px;display:flex}.signin .dialog-title{text-align:center;margin-bottom:6px}.signin hr{border:0;border-top:1px solid var(--divider);margin:6px 0}.signin-btn{border:1px solid var(--border);background:var(--surface);min-height:46px;color:var(--text);font:600 15px var(--font);cursor:pointer;border-radius:12px;padding:0 46px;transition:background .15s;position:relative}.signin-btn:hover{background:color-mix(in srgb, var(--text) 5%, var(--surface))}.signin-btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.signin-btn img{position:absolute;top:50%;left:15px;translate:0 -50%}:root:not(.dark) .signin-apple img,:root.dark .signin-qr img{filter:invert()}.qr{font-variant-numeric:tabular-nums;flex-direction:column;align-items:center;gap:8px;display:flex}.qr-code{background:#fff;border-radius:12px;width:240px;max-width:100%;height:auto}.signin-email{flex-direction:column;gap:10px;display:flex}.signin-email .input{min-height:46px}.signin-email .btn-text{align-self:center;min-height:36px}