.hd{--signal:var(--acc-about);--ok:var(--acc-sistem);background:var(--ground);color:var(--fg);position:relative}.hd__bar{z-index:50;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--ground) 84%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--font-mono), monospace;letter-spacing:.22em;grid-template-columns:1fr auto 1fr;align-items:center;padding:18px clamp(20px,4vw,56px);font-size:12px;display:grid;position:fixed;inset:0 0 auto}.hd__brand{color:var(--fg);text-transform:uppercase}.hd__back{min-height:44px;color:var(--fg-dim);text-transform:uppercase;align-items:center;padding:0 8px;transition:color .25s;display:inline-flex}.hd__back:hover,.hd__back:focus-visible{color:var(--fg)}.hd__tools{justify-self:end;align-items:center;gap:clamp(12px,1.6vw,22px);display:flex}.hd__count{color:var(--signal);font-variant-numeric:tabular-nums}.hd__rail{z-index:40;background:var(--line);width:2px;height:16vh;position:fixed;top:42vh;right:22px}.hd__railthumb{background:var(--signal);transform-origin:top;width:100%;height:100%;display:block;transform:scaleY(.02)}.hd__hero{background:radial-gradient(ellipse 60% 50% at 20% 40%, color-mix(in srgb, var(--signal) 9%, transparent) 0%, transparent 70%);grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(28px,4vw,64px);min-height:100svh;padding:120px clamp(20px,4vw,56px) 72px;display:grid}.hd__eyebrow{font-family:var(--font-mono), monospace;letter-spacing:.3em;color:var(--fg-dim);font-size:12px}.hd__pill{border:1px solid color-mix(in srgb, var(--signal) 45%, transparent);font-family:var(--font-mono), monospace;letter-spacing:.18em;color:var(--signal);border-radius:999px;align-items:center;gap:8px;margin-top:20px;padding:7px 14px;font-size:11px;display:inline-flex}.hd__pill.is-live{border-color:color-mix(in srgb, var(--ok) 45%, transparent);color:var(--ok)}.hd__pilldot{background:var(--signal);border-radius:50%;width:6px;height:6px}.hd__pill.is-live .hd__pilldot{background:var(--ok)}.hd__title,.hd__lead,.hd__h{overflow:hidden}.hd__title span,.hd__lead span,.hd__h span{display:block}.hd__title{letter-spacing:-.02em;margin-top:22px;font-size:clamp(3rem,8vw,6rem);font-weight:700;line-height:.98}.hd__lead{color:var(--fg);margin-top:22px;font-size:clamp(1.4rem,3vw,2.4rem);font-weight:400;line-height:1.18}.hd__body{max-width:46ch;color:var(--fg-dim);margin-top:26px;line-height:1.65}.hd__meta{border-top:1px solid var(--line);font-family:var(--font-mono), monospace;flex-wrap:wrap;gap:clamp(24px,4vw,56px);margin-top:44px;padding-top:22px;display:flex}.hd__meta dt{letter-spacing:.2em;color:var(--fg-dim-2);font-size:10.5px}.hd__meta dd{color:var(--fg);margin-top:6px;font-size:13px}.hd__stackrow{margin-top:22px}.hd__stacklabel{font-family:var(--font-mono), monospace;letter-spacing:.2em;color:var(--fg-dim-2);font-size:10.5px}.hd__stacklist{flex-wrap:wrap;gap:8px;margin-top:10px;padding:0;list-style:none;display:flex}.hd__stacklist li{border:1px solid color-mix(in srgb, var(--signal) 32%, var(--line));background:color-mix(in srgb, var(--signal) 8%, transparent);font-family:var(--font-mono), monospace;letter-spacing:.04em;color:var(--fg);white-space:nowrap;border-radius:999px;padding:5px 11px;font-size:11.5px}.hd__stage,.hd__uistage{height:min(56vh,460px)}.hd__stage>[data-demo],.hd__uistage>[data-demo]{height:100%}.hd__sec{border-top:1px solid var(--line);padding:clamp(72px,12vh,140px) clamp(20px,4vw,56px)}.hd__h{margin-top:20px;font-size:clamp(1.8rem,4.4vw,3.2rem);font-weight:600;line-height:1.08}.hd__p{max-width:60ch;color:var(--fg-dim);margin-top:26px;line-height:1.7}.hd__cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,20px);margin-top:48px;display:grid}.hd__card{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:22px}.hd__card b{font-family:var(--font-mono), monospace;letter-spacing:.2em;color:var(--signal);font-size:11px;font-weight:400;display:block}.hd__card span{color:var(--fg-dim);margin-top:10px;font-size:14px;line-height:1.5;display:block}.hd__showcase{place-items:center;display:grid}.hd__showcase .hd__uistage{width:min(1080px,100%)}.hd__shots{width:min(1040px,100%)}.hd__shotsnote{color:var(--fg-dim-2);margin-top:10px;font-size:13.5px}.hd__shotlist{gap:clamp(36px,6vh,72px);margin-top:clamp(32px,5vh,56px);display:grid}.hd__shot{margin:0}.hd__shot img{border:1px solid var(--line);border-radius:12px;width:100%;height:auto;display:block}.hd__shot figcaption{border-left:2px solid var(--signal);color:var(--fg-dim);margin-top:14px;padding-left:14px;font-size:13.5px;line-height:1.6}.hd__side{font-family:var(--font-mono), monospace;margin-top:40px}.hd__side div+div{margin-top:26px}.hd__side dt{letter-spacing:.2em;color:var(--fg-dim-2);font-size:10.5px}.hd__side dd{color:var(--fg);margin-top:6px;font-size:clamp(1.2rem,2.2vw,1.7rem)}.hd__side dd.is-signal{color:var(--signal)}.hd__side dd.is-ok{color:var(--ok)}.hd__next{border-top:1px solid var(--line);padding:clamp(72px,12vh,140px) clamp(20px,4vw,56px) clamp(80px,14vh,160px)}.hd__nextline{background:var(--line);height:1px;margin-bottom:40px;display:block}.hd__nextlink{color:var(--fg);justify-content:space-between;align-items:baseline;gap:24px;margin-top:18px;padding:14px 0;font-size:clamp(1.8rem,5vw,3.4rem);font-weight:600;transition:color .3s;display:flex}.hd__nextlink:hover,.hd__nextlink:focus-visible{color:var(--acc-sistem)}.hd__nextnum{font-family:var(--font-mono), monospace;color:var(--acc-sistem);font-size:clamp(.9rem,1.6vw,1.1rem);transition:transform .3s}.hd__nextlink:hover .hd__nextnum,.hd__nextlink:focus-visible .hd__nextnum{transform:translate(6px,-6px)}.flow{margin-top:56px}.flow__list{align-items:center;gap:0;display:flex}.flow__item{flex:1;align-items:center;min-width:0;display:flex}.flow__item:first-child{flex:none}.flow__line{background:var(--line);transform-origin:0;flex:1;height:1px;position:relative;overflow:hidden}.flow__spark{background:linear-gradient(90deg, transparent, var(--signal), transparent);width:40%;height:100%;position:absolute;inset:0 auto}.flow__node{border:1px solid var(--line);background:var(--panel);font-family:var(--font-mono), monospace;letter-spacing:.14em;color:var(--fg-dim);white-space:nowrap;border-radius:12px;flex-direction:column;gap:8px;padding:16px 18px;font-size:10.5px;display:flex}.flow__node b{color:var(--signal);font-weight:400}.flow__item:last-child .flow__node{border-color:color-mix(in srgb, var(--ok) 40%, var(--line));color:var(--fg)}.flow__done{border:1px solid color-mix(in srgb, var(--ok) 45%, transparent);font-family:var(--font-mono), monospace;letter-spacing:.18em;color:var(--ok);border-radius:999px;margin-top:26px;padding:8px 16px;font-size:11px;display:inline-block}.flip-layer{z-index:200;background:var(--ground);pointer-events:none;position:fixed;inset:0}@media (max-width:1023px){.hd__hero,.hd__sec--ui{grid-template-columns:minmax(0,1fr)}.hd__stage,.hd__uistage{height:min(44vh,380px)}.hd__rail{display:none}}@media (max-width:767px){.hd__hero{min-height:0;padding-top:104px}.hd__cards{grid-template-columns:minmax(0,1fr)}.hd__stage,.hd__uistage{height:300px}.hd__bar{letter-spacing:.14em;column-gap:16px;font-size:10.5px}.hd__count{display:none}.flow__list,.flow__item{flex-direction:column;align-items:stretch}.flow__line{transform-origin:top;width:1px;height:26px;margin-left:22px}.flow__node{white-space:normal}.flow__spark{display:none}}@media (prefers-reduced-motion:reduce){.hd__title span,.hd__lead span,.hd__h span,.js-rv{opacity:1!important;transform:none!important}.flow__spark,.hd__rail{display:none}}