.landing{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:14px;line-height:1.6;overflow-x:hidden}.landing .reveal{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(20px)}.landing .reveal.visible{opacity:1;transform:translateY(0)}.landing .nav{z-index:30;background:color-mix(in oklab, var(--bg) 80%, transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.landing .nav-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.landing .nav-links{gap:4px;display:flex}.landing .nav-actions{gap:8px;display:flex}.landing .hero{padding:80px 0 96px;position:relative}.landing .hero:before{content:"";background:radial-gradient(ellipse at center, color-mix(in oklab, var(--accent) 6%, transparent) 0%, transparent 70%);pointer-events:none;width:800px;height:600px;position:absolute;top:0;left:50%;transform:translate(-50%)}.landing .hero-grid{grid-template-columns:1.05fr 1fr;align-items:center;gap:64px;display:grid}.landing .hero-status{border:1px solid var(--border);background:var(--surface);border-radius:999px;align-items:center;gap:8px;margin-bottom:28px;padding:5px 10px;display:inline-flex}.landing .hero-status-dot{background:var(--ok);border-radius:999px;width:6px;height:6px;animation:2.4s ease-in-out infinite landing-pulse}@keyframes landing-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in oklab, var(--ok) 50%, transparent)}50%{box-shadow:0 0 0 6px color-mix(in oklab, var(--ok) 0%, transparent)}}.landing .hero h1{margin-bottom:24px}.landing .hero-sub{margin-bottom:32px}.landing .hero-actions{gap:10px;display:flex}.landing .hero-subtext{color:var(--text-3);gap:20px;margin-top:28px;font-size:12px;display:flex}.landing .steps{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.landing .step-example{background:var(--bg-2);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:12px;line-height:1.7}.landing .cases-grid{background:var(--border);border:1px solid var(--border);border-radius:12px;grid-template-columns:repeat(2,1fr);gap:1px;display:grid;overflow:hidden}.landing .case{background:var(--bg);flex-direction:column;gap:12px;padding:28px;transition:background .15s;display:flex}.landing .case:hover{background:var(--surface)}.landing .case-header{justify-content:space-between;align-items:center;display:flex}.landing .case-result{color:var(--ok);background:color-mix(in oklab, var(--ok) 8%, transparent);border:1px solid color-mix(in oklab, var(--ok) 22%, transparent);border-radius:6px;width:fit-content;margin-top:auto;padding:6px 10px;font-size:12px}.landing .pricing-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.landing .price-card{flex-direction:column;padding:24px;display:flex;position:relative}.landing .price-card-name{align-items:center;gap:8px;margin-bottom:22px;display:flex}.landing .price-amount{align-items:baseline;gap:4px;margin-bottom:4px;display:flex}.landing .price-amount span{letter-spacing:-.02em;font-size:44px;font-weight:600}.landing .price-cadence{margin-bottom:18px}.landing .price-chip{border-radius:4px;margin-bottom:18px;padding:3px 8px;font-size:11px;display:inline-block}.landing .price-features{flex-direction:column;flex:1;gap:8px;margin-bottom:24px;display:flex}.landing .price-feature{color:var(--text-2);align-items:flex-start;gap:8px;font-size:13px;display:flex}.landing .price-feature-check{color:var(--ok);margin-top:2px}.landing .waitlist{text-align:center}.landing .waitlist-inner{max-width:720px;margin:0 auto}.landing .waitlist-form{text-align:left;flex-direction:column;gap:12px;display:flex}.landing .footer{border-top:1px solid var(--border);margin-top:32px;padding:32px 0}.landing .footer-inner{justify-content:space-between;align-items:center;display:flex}.landing .footer-links{gap:8px;display:flex}@media (max-width:900px){.landing .hero-grid{grid-template-columns:1fr;gap:40px}.landing .steps,.landing .cases-grid{grid-template-columns:1fr}.landing .pricing-grid{grid-template-columns:repeat(2,1fr)}.landing .nav-links{display:none}.landing .footer-inner{flex-direction:column;gap:16px}}@media (max-width:600px){.landing .hero{padding:60px 0}.landing .pricing-grid{grid-template-columns:1fr}.landing .hero-actions{flex-direction:column;align-items:stretch}.landing .hero-actions .btn{justify-content:center}.landing .hero-subtext{flex-wrap:wrap;justify-content:center}}
