.landing{min-height:100%;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);background:var(--bg)}.landing main{flex:1}.l-wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 16px}html:has(.landing){scroll-behavior:smooth}.landing [id]{scroll-margin-top:88px}.l-header{position:sticky;top:0;z-index:10;padding:10px 0;background:var(--glass);border-bottom:.5px solid var(--glass-border);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%)}.l-header-row{display:flex;align-items:center;gap:16px}.l-brand{text-decoration:none;display:inline-flex}.l-brand .logo-mark{width:32px;height:32px}.l-brand .logo-text{font-size:22px}.l-nav{display:none;gap:24px;margin-left:auto}.l-nav a{color:var(--text-2);text-decoration:none;font-size:15px}.l-nav a:hover{color:var(--accent)}.l-header-login{margin-left:auto;min-height:40px;font-size:15px;text-decoration:none}.landing a.btn,.landing a.btn-glass{text-decoration:none}.l-hero{padding:40px 0 24px;position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,var(--bg-top),var(--bg))}.l-hero:before{content:"";position:absolute;z-index:-1;width:520px;height:520px;border-radius:50%;top:-220px;right:-160px;background:radial-gradient(circle,var(--accent-shadow),transparent 70%)}.l-hero-grid{display:grid;gap:28px;align-items:center}.l-hero-grid>*{min-width:0}.l-hero-copy{display:flex;flex-direction:column;gap:16px}.l-hero-title{font-size:clamp(34px,8vw,60px);line-height:1.05;font-weight:800;letter-spacing:-.03em}.l-lead{font-size:18px;line-height:1.45;color:var(--text-2);max-width:560px}.l-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.l-hero-card .group{box-shadow:0 20px 48px var(--shadow)}.l-section{padding:40px 0}.l-h2{font-size:clamp(26px,5vw,38px);font-weight:800;letter-spacing:-.02em;margin-bottom:20px}.l-section-lead{margin:-8px 0 20px}.l-card{background:var(--surface);border-radius:var(--radius-group);padding:20px;display:flex;flex-direction:column;gap:8px}.l-card-title{font-size:19px;font-weight:700}.l-steps,.l-features,.l-apps{list-style:none;margin:0;padding:0;display:grid;gap:12px}.l-step-num{width:36px;height:36px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--accent-ink);font-weight:700}.l-feature-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--fill-tint);font-size:22px}.l-app-stores{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.l-app-stores .btn-glass{display:inline-flex;align-items:center}.l-narrow{max-width:480px}.l-faq{display:flex;flex-direction:column;gap:8px;max-width:760px}.l-faq-item{background:var(--surface);border-radius:16px;padding:0 18px}.l-faq-item summary{cursor:pointer;list-style:none;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:17px;font-weight:600}.l-faq-item summary::-webkit-details-marker{display:none}.l-faq-item summary:after{content:"+";color:var(--accent);font-size:24px;font-weight:400;transition:transform .2s}.l-faq-item[open] summary:after{transform:rotate(45deg)}.l-faq-item p{padding-bottom:16px;line-height:1.45}.l-final{border-radius:28px;padding:36px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;background:linear-gradient(135deg,var(--fill-tint),var(--surface))}.l-final .l-h2{margin-bottom:0}.l-footer{padding:24px 0 calc(24px + env(safe-area-inset-bottom));border-top:.5px solid var(--separator)}.l-footer-row{display:flex;justify-content:space-between;align-items:center;gap:12px}@media (min-width: 720px){.l-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.l-features,.l-apps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 960px){.l-nav{display:flex}.l-header-login{margin-left:8px}.l-hero{padding:72px 0 48px}.l-hero-grid{grid-template-columns:1.15fr 1fr;gap:48px}.l-features{grid-template-columns:repeat(4,minmax(0,1fr))}.l-section{padding:56px 0}}.l-pricing{list-style:none;margin:0;padding:0;display:grid;gap:12px}.l-price-amount{font-size:30px;font-weight:800;letter-spacing:-.02em}.l-price-amount .muted{font-size:16px;font-weight:500;letter-spacing:0}.l-price-cta{margin-top:auto;text-decoration:none}@media (min-width: 720px){.l-pricing{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}
