@property --mark-stop-a{syntax:"<color>";inherits:false;initial-value:#ff8f6b}@property --mark-stop-b{syntax:"<color>";inherits:false;initial-value:#f0553a}@property --mark-stop-c{syntax:"<color>";inherits:false;initial-value:#7a2418}@property --mark-stop-d{syntax:"<color>";inherits:false;initial-value:#100d12}@property --mark-x1{syntax:"<number>";inherits:false;initial-value:0}@property --mark-y1{syntax:"<number>";inherits:false;initial-value:0}@property --mark-x2{syntax:"<number>";inherits:false;initial-value:1}@property --mark-y2{syntax:"<number>";inherits:false;initial-value:1}.landing{flex-direction:column;width:min(1040px,100%);min-height:100dvh;margin:0 auto;padding:24px 24px 80px;display:flex;overflow-x:clip}.landing-header{z-index:2;justify-content:space-between;align-items:center;gap:16px;animation:.7s cubic-bezier(.22,1,.36,1) both landing-fade-rise;display:flex;position:relative}.landing-brand{align-items:center;gap:10px;min-width:0;display:inline-flex}.landing-mark{width:36px;height:36px;color:var(--ink);flex:none;display:inline-flex}.landing-mark svg{width:100%;height:100%;display:block}.landing-name{font:18px/1 var(--font-sans);letter-spacing:.02em}.landing-header-actions{align-items:center;gap:16px;display:inline-flex}.landing-login{color:inherit;text-underline-offset:3px;font:14px/1 var(--font-sans);text-decoration:underline}.landing-theme{border:0;border-bottom:1px solid var(--ink);color:var(--ink);font:13px/1 var(--font-sans);cursor:pointer;background:0 0;border-radius:0;padding:0 0 4px}.landing-main{flex:1;align-content:start;gap:72px;display:grid}.landing-hero{text-align:center;align-content:center;justify-items:center;gap:32px;min-height:calc(100dvh - 96px);padding:32px 0 48px;display:grid;position:relative}.landing-hero-stage{aspect-ratio:1;place-items:center;width:min(52vw,300px);animation:.9s cubic-bezier(.22,1,.36,1) 80ms both landing-fade-rise;display:grid;position:relative}.landing-hero-glow{background:radial-gradient(circle at 42% 38%, color-mix(in srgb, var(--cta) 28%, transparent), color-mix(in srgb, var(--cta) 6%, transparent) 48%, transparent 68%);filter:blur(18px);pointer-events:none;border-radius:50%;animation:10s ease-in-out infinite alternate landing-glow-drift;position:absolute;inset:-8%}.landing-hero-mark{width:100%;height:100%;animation:5.5s ease-in-out infinite landing-mark-breath;position:relative}.landing-hero-mark svg{width:100%;height:100%;filter:drop-shadow(0 16px 32px color-mix(in srgb, var(--ink) 16%, transparent));display:block}.palabra-mark-gradient{--mark-stop-a:#ff8f6b;--mark-stop-b:#f0553a;--mark-stop-c:#7a2418;--mark-stop-d:#100d12;--mark-x1:0;--mark-y1:0;--mark-x2:1;--mark-y2:1;x1:var(--mark-x1);y1:var(--mark-y1);x2:var(--mark-x2);y2:var(--mark-y2);animation:10s ease-in-out infinite landing-mark-gradient}.palabra-mark-stop-a{stop-color:var(--mark-stop-a)}.palabra-mark-stop-b{stop-color:var(--mark-stop-b)}.palabra-mark-stop-c{stop-color:var(--mark-stop-c)}.palabra-mark-stop-d{stop-color:var(--mark-stop-d)}.landing-hero-copy{justify-items:center;gap:14px;max-width:34rem;display:grid}.landing-headline{letter-spacing:-.02em;font-size:clamp(34px,7vw,56px);font-weight:400;line-height:1.08;animation:.8s cubic-bezier(.22,1,.36,1) .28s both landing-fade-rise}.landing-lede{font:18px/1.45 var(--font-sans);color:var(--muted);max-width:30rem;animation:.8s cubic-bezier(.22,1,.36,1) .38s both landing-fade-rise}.landing-cta{border:1px solid var(--cta);background:var(--cta);color:var(--on-cta);font:14px/1 var(--font-sans);align-items:center;margin-top:8px;padding:14px 20px;text-decoration:none;transition:transform .18s,box-shadow .18s;animation:.8s cubic-bezier(.22,1,.36,1) .52s both landing-fade-rise;display:inline-flex}.landing-cta:hover{box-shadow:0 10px 24px color-mix(in srgb, var(--cta) 35%, transparent);transform:translateY(-1px)}.landing-sample{text-align:left;gap:8px;width:min(100%,280px);animation:.8s cubic-bezier(.22,1,.36,1) .62s both landing-fade-rise;display:grid}.landing-sample-label{font:13px/1 var(--font-sans);letter-spacing:.04em;text-transform:uppercase}.landing-sample-card{border:1px solid var(--line);background:var(--paper);gap:4px;padding:16px;animation:.48s cubic-bezier(.22,1,.36,1) both landing-card-swap;display:grid}.landing-sample-lemma{font-size:22px;line-height:1.2}.landing-sample-pos{font:13px/1.4 var(--font-sans)}.landing-sample-gloss{font:14px/1.4 var(--font-sans);color:var(--muted);margin-top:8px}.landing-beats{justify-self:center;gap:20px;width:100%;max-width:40rem;margin:0;padding:0 0 24px;list-style:none;display:grid}.landing-beat{opacity:1;gap:6px;padding:4px 0;display:grid;transform:none}@supports (animation-timeline:view()){.landing-beat{animation:linear both landing-beat-in;animation-timeline:view();animation-range:entry cover 28%}}.landing-beat strong{font:18px/1.3 var(--font-sans);font-weight:500}.landing-beat span{font:15px/1.45 var(--font-sans);color:var(--muted)}@keyframes landing-fade-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes landing-mark-breath{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes landing-glow-drift{0%{opacity:.85;transform:translate(-4%,-2%)scale(1)}to{opacity:1;transform:translate(5%,4%)scale(1.08)}}@keyframes landing-mark-gradient{0%,to{--mark-stop-a:#ff8f6b;--mark-stop-b:#f0553a;--mark-stop-c:#7a2418;--mark-stop-d:#100d12;--mark-x1:0;--mark-y1:0;--mark-x2:1;--mark-y2:1}50%{--mark-stop-a:#ffb08a;--mark-stop-b:#ff6a4a;--mark-stop-c:#5c1a12;--mark-stop-d:#100d12;--mark-x1:1;--mark-y1:0;--mark-x2:0;--mark-y2:1}}@keyframes landing-card-swap{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes landing-beat-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (min-width:840px){.landing-hero{text-align:left;grid-template-columns:minmax(0,1.05fr) minmax(240px,.55fr);grid-template-areas:"stage stage""copy sample";place-items:center stretch;gap:28px 48px}.landing-hero-stage{grid-area:stage;justify-self:center}.landing-hero-copy{grid-area:copy;align-self:start;justify-items:start}.landing-sample{grid-area:sample;place-self:start end;margin-top:28px}.landing-beats{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;max-width:none}}@media (prefers-reduced-motion:reduce){.landing-header,.landing-hero-stage,.landing-headline,.landing-lede,.landing-cta,.landing-sample,.landing-sample-card,.landing-beat,.landing-hero-mark,.landing-hero-glow,.palabra-mark-gradient{animation:none!important}.landing-cta:hover{transform:none}}
