.hst-hero{--hst-shadow-rgb: 18, 23, 18;background:radial-gradient(58% 80% at 84% 16%,color-mix(in srgb,var(--green-300) 24%,transparent) 0%,transparent 60%),var(--color-bg)}.hst-stage{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-width:0;height:clamp(420px,46vw,540px);isolation:isolate}.hst-stage__glow{position:absolute;left:50%;top:50%;width:84%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:9999px;background:radial-gradient(circle at center,color-mix(in srgb,var(--green-300) 42%,transparent) 0%,color-mix(in srgb,var(--green-200) 28%,transparent) 40%,transparent 70%);filter:blur(28px);z-index:0;pointer-events:none}.hst-frame{position:relative;z-index:1;width:min(560px,96%);padding:12px;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:color-mix(in srgb,var(--green-50) 55%,var(--color-surface));box-shadow:0 28px 60px rgba(var(--hst-shadow-rgb),.45)}.hst-panel{position:relative;z-index:1;overflow:hidden;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-card)}.hst-col{border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-border) 22%,var(--color-surface));padding:6px}.hst-col__head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:6px;padding:2px 4px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);color:var(--color-ink-muted)}.hst-col__head--neutral{color:var(--color-ink-muted)}.hst-col__head--brand{color:var(--green-400)}.hst-col__head--done{color:var(--green-500)}.hst-col__count{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:9999px;background:color-mix(in srgb,var(--color-border) 60%,var(--color-surface));font-size:9px;font-weight:700;color:var(--color-ink-muted)}.hst-card{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);padding:8px 9px;box-shadow:var(--shadow-sm)}.hst-badge{display:inline-flex;align-items:center;border-radius:9999px;padding:2px 7px;font-size:9px;font-weight:700;line-height:1.2}.hst-badge--filed{background:var(--green-100);color:var(--green-700)}.hst-badge--ready{background:color-mix(in srgb,var(--green-300) 35%,transparent);color:var(--green-700)}.hst-badge--due{background:color-mix(in srgb,var(--amber-400) 26%,transparent);color:var(--amber-500)}.hst-badge--overdue{background:color-mix(in srgb,var(--notify-500) 16%,transparent);color:var(--notify-500)}.hst-chip{position:absolute;z-index:5;display:inline-flex;align-items:center;gap:6px;border-radius:9999px;padding:7px 12px;font-size:12px;font-weight:700;white-space:nowrap;background:var(--color-surface);box-shadow:0 12px 26px rgba(var(--hst-shadow-rgb),.22);pointer-events:none}.hst-chip--filed{left:2%;bottom:12%;color:var(--green-700)}.hst-chip__check{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:9999px;background:var(--color-cta)}.hst-chip__check svg{width:10px;height:10px;color:var(--color-on-brand)}.hst-chip--due{left:-2%;top:16%;color:var(--amber-500)}.hst-chip--due .hst-chip__dot{background:var(--amber-400)}.hst-chip--overdue{right:-1%;top:8%;color:var(--notify-500)}.hst-chip--overdue .hst-chip__dot{background:var(--notify-500)}.hst-chip__dot{width:7px;height:7px;border-radius:9999px}@media (prefers-reduced-motion: no-preference){.hst-frame{animation:hst-frame-in .7s cubic-bezier(.16,1,.3,1) both}.hst-chip--filed{animation:hst-drift-a 8.5s ease-in-out .2s infinite}.hst-chip--due{animation:hst-drift-b 7.4s ease-in-out .9s infinite}.hst-chip--overdue{animation:hst-drift-c 9.2s ease-in-out .5s infinite}.hst-chip--due .hst-chip__dot{animation:hst-pulse 1.8s ease-in-out infinite}}@keyframes hst-frame-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes hst-drift-a{0%,to{transform:translate(0)}50%{transform:translate(6px,-9px)}}@keyframes hst-drift-b{0%,to{transform:translate(0)}50%{transform:translate(-7px,7px)}}@keyframes hst-drift-c{0%,to{transform:translate(0)}50%{transform:translate(5px,8px)}}@keyframes hst-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.72)}}.hst-cta{position:relative;isolation:isolate}.hst-cta__arrow{transition:transform .2s ease}.hst-cta:hover .hst-cta__arrow{transform:translate(4px)}.hst-cta:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:9999px;background:color-mix(in srgb,var(--green-400) 65%,transparent);opacity:.55;z-index:-1;pointer-events:none}@media (prefers-reduced-motion: no-preference){.hst-cta:before{animation:hst-cta-pulse 2.6s ease-in-out infinite}.hst-cta__arrow{transition:transform .2s cubic-bezier(.34,1.56,.64,1)}}@keyframes hst-cta-pulse{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.7;transform:scale(1.06)}}.hstc{background:var(--color-surface)}.hstc__frame{position:relative;isolation:isolate}.hstc__head{position:relative;z-index:1}.hstc__row+.hstc__row{margin-top:var(--space-24)}.hstc__connector{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;overflow:visible;pointer-events:none;display:none}@media (min-width: 1024px){.hstc__connector{display:block}}.hstc__path{stroke-width:2;stroke-linecap:round;stroke-dasharray:1 11;stroke-opacity:.55;animation:hstc-flow 3.2s linear infinite}@keyframes hstc-flow{to{stroke-dashoffset:-12}}.hstc__node-dot{fill:var(--green-500)}.hstc__node-halo{fill:var(--green-400);opacity:0;transform-box:fill-box;transform-origin:center;animation:hstc-pulse 2.6s ease-out infinite}@keyframes hstc-pulse{0%{transform:scale(.5);opacity:.45}70%{opacity:0}to{transform:scale(2.4);opacity:0}}.hstc__row{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:var(--space-8);align-items:center;opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease;will-change:opacity,transform}.hstc__row[data-visible=true]{opacity:1;transform:none}@media (min-width: 1024px){.hstc__row{grid-template-columns:1fr 1fr;gap:var(--space-16)}.hstc__row+.hstc__row{margin-top:var(--space-32)}.hstc__row:nth-child(2n) .hstc__text{order:2}.hstc__row:nth-child(2n) .hstc__visual{order:1}}.hstc-pill{display:inline-flex;align-items:center;flex-shrink:0;border-radius:9999px;padding:4px 10px;font-size:.875rem;font-weight:500;line-height:1.2;white-space:nowrap}.hstc-pill--filed,.hstc-pill--ready{background:var(--green-100);color:var(--green-700)}.hstc-pill--work{background:var(--color-surface-soft);color:var(--color-brand)}.hstc-pill--wait{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-ink-muted)}.hstc-pill--due{background:color-mix(in srgb,var(--amber-400) 26%,transparent);color:var(--amber-500)}.hstc-pill--overdue{background:color-mix(in srgb,var(--notify-500) 16%,transparent);color:var(--notify-500)}.hstc-alert{background:color-mix(in srgb,var(--notify-500) 6%,var(--color-surface));box-shadow:inset 3px 0 0 0 var(--notify-500)}@media (prefers-reduced-motion: reduce){.hstc__row{opacity:1;transform:none;transition:none}.hstc__path,.hstc__node-halo{animation:none}.hstc__node-halo{opacity:0}}.hstf-feature{position:relative;isolation:isolate}.hstf-feature:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:radial-gradient(var(--green-300) 1px,transparent 1.4px);background-size:18px 18px;opacity:.4;-webkit-mask-image:radial-gradient(120% 120% at 85% 0%,#000 0%,transparent 70%);mask-image:radial-gradient(120% 120% at 85% 0%,#000 0%,transparent 70%)}.hstf-feature>*{position:relative}.hstf-record{background-color:var(--green-50);background-image:radial-gradient(var(--green-200) 1px,transparent 1.4px);background-size:16px 16px}.hstf-pill--gap{background:color-mix(in srgb,var(--notify-500) 16%,transparent);color:var(--notify-500)}.hstf-card{opacity:0;transform:translateY(44px) scale(.94);transition:opacity .5s ease-out,transform .7s cubic-bezier(.34,1.56,.64,1);will-change:transform,opacity}.hstf--revealed .hstf-card{opacity:1;transform:translateY(0) scale(1)}.hstf--revealed .hstf-card:nth-child(1){transition-delay:0s}.hstf--revealed .hstf-card:nth-child(2){transition-delay:.13s}.hstf--revealed .hstf-card:nth-child(3){transition-delay:.26s}.hstf--revealed .hstf-card:nth-child(4){transition-delay:.39s}@media (prefers-reduced-motion: reduce){.hstf-card{opacity:1;transform:none;transition:none}}
