.landing{--landing-accent:var(--accent-spend-strong);--landing-accent-text:var(--brasa-300)}.landing ::selection{background:var(--brasa-700);color:var(--plata-50)}.landing .editorial-accent{color:var(--landing-accent)}.landing .preview-panel{background:linear-gradient(180deg, var(--ink-2), var(--plata-900));border:1px solid var(--rule-bold);border-radius:var(--radius-xl);overflow:hidden}.landing .hero-grid{background-image:radial-gradient(circle at 1px 1px, var(--plata-50) 1px, transparent 0)}@supports (color:color-mix(in lab, red, red)){.landing .hero-grid{background-image:radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--plata-50) 4%, transparent) 1px, transparent 0)}}.landing .hero-grid{background-size:var(--space-5) var(--space-5)}.landing .hero-board{min-width:0}.landing .preview-label{color:var(--plata-400);font-family:var(--font-mono);font-size:var(--text-caption-size);font-feature-settings:"calt" off}.landing .workflow-step{border-bottom:1px solid var(--rule-bold);padding:var(--space-6) var(--space-5)}.landing .workflow-step+.workflow-step{border-left:1px solid var(--rule-bold)}.landing [data-slot=marketing-cta],.landing .nav-cta{transition:transform var(--motion-press) var(--easing-out);scale:1}.landing [data-slot=marketing-cta] svg,.landing .nav-cta svg{transition:transform var(--motion-medium) var(--easing-out)}@media (hover:hover) and (pointer:fine){.landing [data-slot=marketing-cta]:hover,.landing .nav-cta:hover{transform:translateY(-2px)}.landing [data-slot=marketing-cta]:hover svg,.landing .nav-cta:hover svg{transform:translate(2px)}}.landing [data-slot=marketing-cta]:active:not(:focus-visible),.landing .nav-cta:active:not(:focus-visible){transform:scale(.97)}.landing a:focus-visible,.landing a:focus-visible svg{transition:none;transform:scale(1)}@media (prefers-reduced-motion:no-preference){.landing .hero-copy>*,.landing .hero-board{transition:opacity calc(var(--motion-slow) * 2) var(--easing-out), transform calc(var(--motion-slow) * 2) var(--easing-out)}@starting-style{.landing .hero-copy>*,.landing .hero-board{opacity:0;transform:translateY(var(--space-4))}}.landing .hero-copy>:nth-child(2){transition-delay:var(--motion-fast)}.landing .hero-copy>:nth-child(n+3),.landing .hero-board{transition-delay:var(--motion-press)}.landing [data-revealed=true]{animation:landing-reveal calc(var(--motion-slow) * 2) var(--easing-out) both}@keyframes landing-reveal{0%{opacity:.5;transform:translateY(var(--space-3))}to{opacity:1;transform:translateY(0)}}}@media (prefers-reduced-motion:reduce){.landing *,.landing :before,.landing :after,.landing [data-slot=marketing-cta],.landing [data-slot=marketing-cta] svg,.landing .nav-cta,.landing .nav-cta svg{transition:none;animation:none}.landing a:hover,.landing a:active,.landing [data-slot=marketing-cta]:hover,.landing [data-slot=marketing-cta]:active:not(:focus-visible),.landing [data-slot=marketing-cta]:hover svg{transform:scale(1)}}@media not all and (min-width:40rem){.landing .workflow-step+.workflow-step{border-left:0}}@media (min-width:40rem){@media not all and (min-width:64rem){.landing .workflow-step:nth-child(3){border-left:0}}}