.landing{--landing-scroll:0;background:radial-gradient(1200px 600px at 85% -10%, #f2a93b38, transparent 55%), radial-gradient(900px 500px at -10% 80%, #a92d6e24, transparent 50%), linear-gradient(165deg, var(--bg) 0%, color-mix(in srgb, var(--ws-primary-tint) 55%, var(--bg)) 48%, var(--bg) 100%)}.landing-glow{pointer-events:none;opacity:calc(.35 - (var(--landing-scroll) * .18));transform:translate3d(0, calc(var(--landing-scroll) * 48px), 0);will-change:transform, opacity;background-image:radial-gradient(circle at 20% 30%,#ffffff59 0 1px,#0000 1.5px),radial-gradient(circle at 70% 60%,#ffffff40 0 1px,#0000 1.5px);background-size:48px 48px,72px 72px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000 40%,#0000 95%);mask-image:linear-gradient(#000 40%,#0000 95%)}.dark .landing-glow{opacity:calc(.12 - (var(--landing-scroll) * .06))}.landing-wordmark{background-image:var(--ws-plumage)}.landing-logo{animation:.7s ease-out both landing-fade-up}.landing-copy{animation:.8s ease-out 80ms both landing-fade-up}.landing-visual{animation:.9s ease-out .16s both landing-fade-up}.landing-hero-shift{transform:translate3d(0, calc(var(--landing-scroll) * -18px), 0);opacity:calc(1 - (var(--landing-scroll) * .42));will-change:transform, opacity}.landing-visual-shift{transform:translate3d(0, calc(var(--landing-scroll) * -40px), 0) scale(calc(1 + (var(--landing-scroll) * .04)));will-change:transform}.landing-owl{animation:6s ease-in-out infinite landing-float}.landing-orb{background:var(--ws-plumage);filter:blur(40px);opacity:.35;border-radius:50%;animation:5s ease-in-out infinite landing-pulse;position:absolute;inset:12% 8%}[data-reveal]{opacity:0;will-change:opacity, transform;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(28px)scale(.985)}[data-reveal].is-visible{opacity:1;transform:translate(0,0)scale(1)}[data-reveal=soft]{transform:translateY(18px)}.landing-point[data-reveal].is-visible,.landing-audience[data-reveal].is-visible{transition-delay:var(--reveal-delay,0s)}.landing-step-num{letter-spacing:-.04em;line-height:1}.landing-cta{padding-bottom:1rem}.landing-spotlight{--spotlight-progress:0}.landing-spotlight-steps{flex-direction:column;gap:2.75rem;margin-top:2.75rem;padding:0;list-style:none;display:flex}.landing-spotlight-step{align-items:center;gap:1.5rem;display:grid}.landing-step-copy{max-width:28rem}.landing-step-num{letter-spacing:-.04em;line-height:1;display:inline-block}.landing-step-visual{background:radial-gradient(120% 90% at 10% 0%, #f2a93b2e, transparent 55%), radial-gradient(90% 80% at 100% 100%, #a92d6e24, transparent 50%), color-mix(in srgb, var(--surface) 88%, var(--ws-primary-tint));border:1px solid var(--sep-soft);min-height:13.5rem;box-shadow:var(--shadow-card);border-radius:1.25rem;position:relative;overflow:hidden}.landing-step-visual--2{background:radial-gradient(100% 80% at 90% 0%, #a92d6e29, transparent 50%), radial-gradient(90% 80% at 0% 100%, #f2a93b29, transparent 55%), color-mix(in srgb, var(--surface) 88%, var(--ws-primary-tint))}.landing-step-visual--3{background:radial-gradient(90% 80% at 50% 0%, #f2a93b33, transparent 55%), radial-gradient(90% 80% at 50% 100%, #a92d6e24, transparent 55%), color-mix(in srgb, var(--surface) 88%, var(--ws-primary-tint))}.landing-mock{inset:1.1rem 1.1rem auto;background:var(--surface);border:1px solid var(--sep);border-radius:.9rem;width:calc(100% - 2.2rem);max-width:22rem;margin-inline:auto;padding:.85rem;position:absolute;inset-inline:0;box-shadow:0 18px 40px -28px #28140a73}.landing-mock-bar{gap:.3rem;margin-bottom:.85rem;display:flex}.landing-mock-bar>span{background:color-mix(in srgb, var(--sep) 70%, var(--ink-3));border-radius:999px;width:.42rem;height:.42rem}.landing-mock-title{background:color-mix(in srgb, var(--ink) 18%, transparent);border-radius:999px;width:42%;height:.55rem;margin-bottom:.85rem}.landing-mock-row{grid-template-columns:1.2fr 1fr 1fr;align-items:center;gap:.45rem;margin-bottom:.45rem;display:grid}.landing-mock-day{background:color-mix(in srgb, var(--ink) 12%, transparent);border-radius:999px;height:.45rem}.landing-mock-chip{background:color-mix(in srgb, var(--sep) 55%, var(--surface-2));border:1px solid var(--sep-soft);border-radius:.45rem;height:1.35rem}.landing-mock-chip.is-on{background:color-mix(in srgb, var(--ws-primary) 22%, var(--surface));border-color:color-mix(in srgb, var(--ws-primary) 35%, var(--sep))}.landing-mock-grid{grid-template-columns:repeat(4,1fr);gap:.4rem;display:grid}.landing-mock-cell{background:color-mix(in srgb, var(--sep) 40%, var(--surface-2));border-radius:.4rem;height:1.7rem}.landing-mock-cell.is-fill{background:color-mix(in srgb, var(--ws-primary) 28%, var(--surface))}.landing-mock-cell.is-accent{background:color-mix(in srgb, var(--ws-accent) 40%, var(--surface))}.landing-mock-sync{flex-direction:column;gap:.55rem;min-height:10.5rem;display:flex}.landing-mock-ping{background:color-mix(in srgb, var(--sep) 35%, var(--surface-2));border-radius:.65rem;height:2.1rem;position:relative;overflow:hidden}.landing-mock-ping:before{content:"";background:var(--ws-plumage);border-radius:999px;width:.95rem;position:absolute;inset-block:.55rem;inset-inline-start:.7rem}.landing-mock-ping:after{content:"";background:color-mix(in srgb, var(--ink) 12%, transparent);border-radius:999px;position:absolute;inset-block:.7rem;inset-inline:2.1rem .9rem}.landing-mock-ping.is-a{width:92%}.landing-mock-ping.is-b{width:78%;margin-inline-start:auto}.landing-mock-ping.is-c{width:86%}@media (min-width:768px){.landing-spotlight-steps{gap:3.5rem}.landing-spotlight-step{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:2.25rem}.landing-spotlight-step:nth-child(2n) .landing-step-copy{order:2}.landing-spotlight-step:nth-child(2n) .landing-step-visual{order:1}.landing-step-visual{min-height:16.5rem}.landing-mock{inset-block-start:1.35rem}}@media (min-width:900px){.landing-spotlight-step.is-active .landing-step-visual{transform:translateY(0)scale(1)}.landing-spotlight-step .landing-step-visual{transition:transform .55s cubic-bezier(.22,1,.36,1);transform:translateY(8px)scale(.985)}.landing-spotlight-step.is-active .landing-step-num{transform:scale(1.04)}.landing-spotlight-step .landing-step-num{transition:transform .55s cubic-bezier(.22,1,.36,1)}}@keyframes landing-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes landing-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes landing-pulse{0%,to{opacity:.28;transform:scale(1)}50%{opacity:.42;transform:scale(1.05)}}@media (prefers-reduced-motion:reduce){.landing-logo,.landing-copy,.landing-visual,.landing-owl,.landing-orb{animation:none!important}.landing-glow,.landing-hero-shift,.landing-visual-shift{opacity:unset;will-change:auto;transform:none!important}.landing-glow{opacity:.35}.dark .landing-glow{opacity:.12}[data-reveal]{opacity:1!important;transition:none!important;transform:none!important}.landing-spotlight-step .landing-step-visual,.landing-spotlight-step .landing-step-num{transition:none!important;transform:none!important}}
