.s4s-hero-dots{background-image:radial-gradient(var(--color-line-strong) 1px, transparent 1.2px);opacity:.55;background-size:28px 28px;-webkit-mask-image:radial-gradient(70% 65% at 30% 40%,#000 20%,#0000 100%);mask-image:radial-gradient(70% 65% at 30% 40%,#000 20%,#0000 100%)}.s4s-hero-glow{background:radial-gradient(ellipse 45% 40% at 22% 30%, color-mix(in srgb, var(--color-brand) 8%, transparent), transparent 70%)}.s4s-hero-word{animation:s4s-hero-word-in .9s var(--ease-out-expo) calc(.1s + var(--i) * 60ms) both;display:inline-block}@keyframes s4s-hero-word-in{0%{transform:translateY(.3em)}to{opacity:1;transform:none}}.s4s-hero-fade{animation:.4s both s4s-hero-fade-in}@keyframes s4s-hero-fade-in{0%{opacity:0}to{opacity:1}}.s4s-hero-rise{animation:s4s-hero-rise-in .9s var(--ease-out-expo) var(--d,0s) both}@keyframes s4s-hero-rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.s4s-hero-unit{align-items:baseline;display:inline-flex}.s4s-hero-expand{opacity:0;animation:s4s-hero-expand-in .9s var(--ease-out-expo) var(--d) forwards;grid-template-columns:0fr;display:inline-grid}.s4s-hero-collapse{animation:s4s-hero-collapse-out .9s var(--ease-out-expo) var(--d) forwards;grid-template-columns:1fr;display:inline-grid}.s4s-hero-expand>span,.s4s-hero-collapse>span{white-space:nowrap;overflow:hidden}@keyframes s4s-hero-expand-in{to{opacity:1;grid-template-columns:1fr}}@keyframes s4s-hero-collapse-out{to{opacity:0;grid-template-columns:0fr}}.s4s-hero-arrow{transition:transform .3s var(--ease-out-expo)}.s4s-hero-cta:hover .s4s-hero-arrow{transform:translate(4px)}@media (prefers-reduced-motion:reduce){.s4s-hero-word,.s4s-hero-rise,.s4s-hero-fade{animation:none}.s4s-hero-expand{opacity:1;grid-template-columns:1fr;animation:none}.s4s-hero-collapse{opacity:0;grid-template-columns:0fr;animation:none}}.s4s-demo-body{transition:opacity .5s}.s4s-demo-body[data-fade]{opacity:0}.s4s-demo-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);font-size:10px}.s4s-caret{vertical-align:text-bottom;background:var(--color-brand);width:2px;height:1.1em;margin-left:2px;animation:1s step-end infinite s4s-blink;display:inline-block}.s4s-caret[data-typing]{animation:none}@keyframes s4s-blink{50%{opacity:0}}.s4s-demo-line{background:var(--color-brand);transform-origin:top;width:1px;height:28px;transition:transform .5s var(--ease-out-expo);margin-left:24px;position:relative;transform:scaleY(0)}.s4s-demo-line[data-on]{transform:scaleY(1)}.s4s-chip{border:1px dashed var(--color-line-strong);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);opacity:0;transition:opacity .4s ease, transform .4s var(--ease-out-expo), border-color .5s ease, background-color .5s ease, color .5s ease;border-radius:6px;padding:10px 12px;font-size:11px;transform:translateY(6px)}.s4s-chip[data-in]{opacity:1;transform:none}.s4s-chip[data-solid]{border-style:solid;border-color:var(--color-line-strong);background:var(--color-surface-2);color:var(--color-fg)}.s4s-dot{background:var(--color-line-strong);border-radius:999px;width:6px;height:6px;transition:background-color .4s}.s4s-dot[data-on]{background:var(--color-ok)}.s4s-screen{border:1px solid var(--color-line-strong);background:var(--color-bg);opacity:.25;border-radius:8px;transition:opacity .6s;overflow:hidden}.s4s-screen[data-in]{opacity:1}.s4s-row{border-bottom:1px solid var(--color-line);opacity:0;transition:opacity .4s ease, transform .4s var(--ease-out-expo);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex;transform:translateY(6px)}.s4s-row:last-child{border-bottom:0}.s4s-row[data-in]{opacity:1;transform:none}.s4s-row[data-hot]{background:color-mix(in srgb, var(--color-brand) 9%, transparent);box-shadow:inset 2px 0 0 var(--color-brand)}.s4s-badge{border:1px solid var(--color-line-strong);font-family:var(--font-mono);color:var(--color-muted);border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:10px}.s4s-row[data-hot] .s4s-badge{border-color:color-mix(in srgb, var(--color-brand) 60%, transparent);color:var(--color-brand)}.s4s-trilha[data-active]{border-color:var(--color-brand);background:color-mix(in srgb, var(--color-brand) 8%, var(--color-surface-2));box-shadow:0 0 0 3px color-mix(in srgb, var(--color-brand) 22%, transparent)}.s4s-trilha[data-active] .s4s-trilha-icon{border-color:var(--color-brand);color:var(--color-brand)}.s4s-trilha:hover .s4s-trilha-icon{color:var(--color-fg)}.s4s-trilha[data-idle]{animation:3s ease-in-out 3s infinite s4s-trilha-pulse}@keyframes s4s-trilha-pulse{0%,to{border-color:var(--color-line-strong);box-shadow:0 0 #0000}50%{box-shadow:0 0 0 4px color-mix(in srgb, var(--color-brand) 14%, transparent);border-color:color-mix(in srgb, var(--color-brand) 55%, var(--color-line-strong))}}@media (prefers-reduced-motion:reduce){.s4s-caret,.s4s-trilha[data-idle]{animation:none}}@media (max-width:639px){.s4s-demo-line{height:14px;margin-left:18px}.s4s-chip{padding:6px 10px;font-size:10px}.s4s-row{padding:7px 12px}}
@keyframes s4s-chip-in{0%{opacity:0;transform:translateY(6px)scale(.94)}to{opacity:1;transform:none}}.s4s-chip-in{animation:s4s-chip-in .42s var(--ease-out-expo) both}@media (prefers-reduced-motion:reduce){.s4s-chip-in{animation:none}}