@property --ground-top{syntax:"<color>";inherits:true;initial-value:#dfe9df}@property --ground-bottom{syntax:"<color>";inherits:true;initial-value:#f1efe1}@property --ink{syntax:"<color>";inherits:true;initial-value:#000}@property --tile{syntax:"<color>";inherits:true;initial-value:#000}@property --tile-ink{syntax:"<color>";inherits:true;initial-value:#f1efe1}@property --hz-stamp{syntax:"<color>";inherits:true;initial-value:#000}@property --hz-stamp-ink{syntax:"<color>";inherits:true;initial-value:#f1efe1}@property --hz-faint{syntax:"<color>";inherits:true;initial-value:#0000008f}@property --hz-hair{syntax:"<color>";inherits:true;initial-value:#00000038}@property --hz-edge{syntax:"<color>";inherits:true;initial-value:#00000073}.hz-stage{--room-ms:1.4s;color:var(--ink)}.hz-stage:not([data-beat=on]){transition:--ground-top var(--room-ms) ease, --ground-bottom var(--room-ms) ease, --ink var(--room-ms) ease, --tile var(--room-ms) ease, --tile-ink var(--room-ms) ease, --hz-stamp var(--room-ms) ease, --hz-stamp-ink var(--room-ms) ease, --hz-faint var(--room-ms) ease, --hz-hair var(--room-ms) ease, --hz-edge var(--room-ms) ease}.hz-ground{z-index:-2;background:linear-gradient(160deg, var(--ground-top) 0%, var(--ground-bottom) 62%);position:fixed;inset:0}.hz-stage[data-place=build]{--ground-top:#e6dccb;--ground-bottom:#f8f4ea;--ground:var(--ground-bottom)}body:has(.hz-stage[data-place=build]) .tdock{--ground-top:#e6dccb;--ground-bottom:#f8f4ea;--ground:var(--ground-bottom)}.hz-stage[data-place=learn]{--ground-top:#fbfaf6;--ground-bottom:#fbfaf6;--ground:var(--ground-bottom);--ink:#14183a;--tile:#14183a;--tile-ink:#fff;--hz-stamp:#14183a;--hz-stamp-ink:#fff;--hz-faint:#5b6078;--hz-hair:#e8e7e0;--hz-edge:#14183a66;--accent:#14183a;--accent-ink:#fff;--learn-surface:#fff;--learn-soft:#3d4260;--learn-muted:#5b6078;--learn-hair:#e8e7e0;--learn-yellow:#ffd84d;--learn-coral:#ff8a65;--learn-mint:#5fd9a0;--learn-sky:#8db4ff}body:has(.hz-stage[data-place=learn]) :is(.tdock,.site-foot){--ground-top:#fbfaf6;--ground-bottom:#fbfaf6;--ground:var(--ground-bottom);--ink:#14183a;--tile:#14183a;--tile-ink:#fff;--hz-stamp:#14183a;--hz-stamp-ink:#fff;--hz-faint:#5b6078;--hz-hair:#e8e7e0;--hz-edge:#14183a66;--accent:#14183a;--accent-ink:#fff;--learn-surface:#fff;--learn-soft:#3d4260;--learn-muted:#5b6078;--learn-hair:#e8e7e0;--learn-yellow:#ffd84d;--learn-coral:#ff8a65;--learn-mint:#5fd9a0;--learn-sky:#8db4ff}.hz-stage[data-place=apps]{--ground-top:#111113;--ground-bottom:#0a0a0b;--ground:var(--ground-bottom);--ink:#fafafa;--tile:#fafafa;--tile-ink:#0a0a0b;--hz-stamp:#141417;--hz-stamp-ink:#fafafa;--hz-faint:#fafafa99;--hz-hair:#fafafa33;--hz-edge:#fafafa73;--accent:#60a5fa;--accent-ink:#0a0a0b}body:has(.hz-stage[data-place=apps]) :is(.tdock,.site-foot){--ground-top:#111113;--ground-bottom:#0a0a0b;--ground:var(--ground-bottom);--ink:#fafafa;--tile:#fafafa;--tile-ink:#0a0a0b;--hz-stamp:#141417;--hz-stamp-ink:#fafafa;--hz-faint:#fafafa99;--hz-hair:#fafafa33;--hz-edge:#fafafa73;--accent:#60a5fa;--accent-ink:#0a0a0b}.hz-stage[data-place=websites],.hz-stage[data-place=home],.hz-stage[data-place=automation]{--ground-top:#00172a;--ground-bottom:#002b42;--ground:var(--ground-bottom);--ink:#fff;--tile:#fff;--tile-ink:#00172a;--hz-stamp:#031a2b;--hz-stamp-ink:#eef3f8;--hz-faint:#ecf1f7a3;--hz-hair:#ecf1f733;--hz-edge:#ecf1f76b;--accent:#fff;--accent-ink:#0a0a0a}body:has(.hz-stage:is([data-place=websites],[data-place=home])) .tdock{--ground-top:#00172a;--ground-bottom:#002b42;--ground:var(--ground-bottom);--ink:#fff;--tile:#fff;--tile-ink:#00172a;--hz-stamp:#031a2b;--hz-stamp-ink:#eef3f8;--hz-faint:#ecf1f7a3;--hz-hair:#ecf1f733;--hz-edge:#ecf1f76b;--accent:#fff;--accent-ink:#0a0a0a}body:has(.hz-stage[data-place=automation]) :is(.tdock,.site-foot){--ground-top:#00172a;--ground-bottom:#002b42;--ground:var(--ground-bottom);--ink:#fff;--tile:#fff;--tile-ink:#00172a;--hz-stamp:#031a2b;--hz-stamp-ink:#eef3f8;--hz-faint:#ecf1f7a3;--hz-hair:#ecf1f733;--hz-edge:#ecf1f76b;--accent:#fff;--accent-ink:#0a0a0a}html:not([data-no-opening]) .hz-stage[data-opening]{--ground-top:initial;--ground-bottom:initial;--ground:var(--ground-bottom);--ink:initial;--tile:initial;--tile-ink:initial;--hz-stamp:initial;--hz-stamp-ink:initial;--hz-faint:initial;--hz-hair:initial;--hz-edge:initial;--accent:initial;--accent-ink:initial}body:has(.hz-stage:is([data-place=websites],[data-place=home],[data-place=automation])) .tdock{--hz-stamp:#17384f;--tdock-edge:26%}body:has(.hz-stage[data-place=apps]) .tdock{--hz-stamp:#1f1f23;--tdock-edge:22%}body:has(.hz-stage[data-place=learn]) .tdock{--tdock-edge:24%}body:has(.hz-stage:is([data-place=websites],[data-place=home],[data-place=automation])){--page-floor:#002b42}body:has(.hz-stage[data-place=apps]){--page-floor:#0a0a0b}body:has(.hz-stage[data-place=learn]){--page-floor:#fbfaf6}.hz-stage[data-place=learn]{--menu-plate:#fff;--menu-plate-ink:var(--ink);--menu-rule:var(--ink)}.hz-stage[data-place=learn] .menu-panel{-webkit-backdrop-filter:blur(14px);background:#ffffffe6;box-shadow:inset 0 0 0 1px #e8e7e0}.hz-stage[data-place=learn] .menu-circle{background:var(--ink);color:#fff}.hz-hero{z-index:2;pointer-events:none;color:var(--ink);position:fixed;inset:0}.hz-hero a,.hz-hero button{pointer-events:auto}.hz-arrow{flex:none;transition:transform .24s cubic-bezier(.22,1,.36,1)}.hz-hero a:hover .hz-arrow,.hz-hero button:hover .hz-arrow{transform:translate(3px)}.hz-cue{left:50%;bottom:max(18px, env(safe-area-inset-bottom));pointer-events:none;--cue-h:44px;position:absolute;translate:-50%}.hz-cue[data-at=left]{left:var(--gutter,24px);translate:0}.hz-cue[data-at=none]{display:none}.hz-cue-line{width:1px;height:var(--cue-h);background:color-mix(in srgb, var(--ink) 32%, transparent);display:block;position:relative;overflow:hidden}.hz-cue-light{width:100%;height:calc(var(--cue-h) / 3);background:linear-gradient(180deg, transparent, var(--ink));animation:2.4s cubic-bezier(.4,0,.6,1) infinite hz-cue-run;position:absolute;top:0;left:0}@keyframes hz-cue-run{0%{transform:translateY(-100%)}70%,to{transform:translateY(300%)}}.hz-cue-fade{animation:linear both hz-cue-fade;animation-timeline:scroll(root);animation-range:0 120px;display:block}@keyframes hz-cue-fade{to{opacity:0}}.hz-hero [tabindex="-1"]:focus{outline:none}.hz-hero [data-part]{--part-step:70ms;opacity:0;filter:blur(6px);transition:opacity .9s cubic-bezier(.22, 1, .36, 1) calc(var(--i,0) * var(--part-step)), filter .9s cubic-bezier(.22, 1, .36, 1) calc(var(--i,0) * var(--part-step)), color .2s ease}.hz-hero[data-hero=built] [data-part]{opacity:1;filter:blur()}.hz-stage[data-beat=leave] .hz-hero [data-part]{transition-duration:.48s;transition-delay:calc((9 - var(--i,0)) * 24ms)}.hz-hero [data-part] [data-part]{opacity:1;transition-delay:calc(var(--i,0) * var(--part-step) + .26s)}.hz-stage[data-formed=painted]:is([data-beat=film],[data-beat=build]) .hz-hero [data-part]{filter:none;transition:opacity .7s ease-in-out .2s}.hz-build .hz-column,.hz-build .hz-panel,.hz-build .hz-work-glass{transition:opacity .52s cubic-bezier(.4,0,.7,1),transform .56s cubic-bezier(.4,0,.7,1)}.hz-build[data-hero=held] .hz-column,.hz-build[data-hero=held] .hz-panel,.hz-build[data-hero=held] .hz-work-glass{opacity:0;transform:translateY(-14px)}.hz-stage[data-beat=build] .hz-build{--hero-in:.45s}.hz-stage[data-beat=build] .hz-build .hz-column,.hz-stage[data-beat=build] .hz-build .hz-panel,.hz-stage[data-beat=build] .hz-build .hz-work-glass{transition:opacity .72s var(--hz-enter-ease) calc(var(--hero-in) + .6s), transform .72s var(--hz-enter-ease) calc(var(--hero-in) + .6s)}.hz-build[data-fresh] :is(.hz-composer,.hz-rail-note),.hz-build[data-fresh][data-recalled] :is(.hz-c,.hz-mode,.hz-mode>span){animation-duration:0s;animation-delay:0s}.hz-build[data-fresh][data-recalled] .hz-c:after{animation:none}.hz-build[data-hero=built]>*{pointer-events:auto}.hz-reel{z-index:0;opacity:0;pointer-events:none;background:var(--poster,none) center / cover no-repeat;transition:opacity .48s ease-in-out;position:fixed;inset:0}.hz-reel[data-on]{opacity:1;transition:opacity 1s ease-in-out .4s}@media (orientation:portrait){.hz-reel{background-image:var(--poster-portrait,none)}}.hz-reel>video{object-fit:cover;opacity:0;width:100%;height:100%;display:block;position:absolute;inset:0}.hz-reel>video[data-ready]{opacity:1;transition:opacity 1s ease-in-out .4s}.hz-reel[data-film=home]>:not([data-film=home]),.hz-reel[data-film=websites]>:not([data-film=websites]),.hz-reel[data-film=automation]>:not([data-film=automation]),.hz-reel:not([data-film=home]):not([data-film=websites]):not([data-film=automation])>*{visibility:hidden}.hz-content{z-index:10;pointer-events:none;padding-top:100svh;position:relative}.hz-content-sheet{pointer-events:auto;border-radius:28px 28px 0 0;scroll-margin-top:0;position:relative;box-shadow:0 -24px 60px -20px #00000059}.hz-content-sheet:focus{outline:none}.hz-shade{z-index:9;opacity:0;pointer-events:none;background:#000;position:fixed;inset:0}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.hz-shade{animation:linear both hz-shade;animation-timeline:scroll(root);animation-range:0 100svh}}}@keyframes hz-shade{to{opacity:.5}}.hz-crumbs ol{font-family:var(--font-mono), "SF Mono", "Menlo", monospace;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb, var(--ink) 62%, transparent);flex-wrap:wrap;gap:0 10px;margin:0;padding:0;font-size:11px;list-style:none;display:flex}.hz-crumbs li+li:before{content:"/";opacity:.6;margin-right:10px}.hz-crumbs a{color:inherit;text-decoration:none}.hz-crumbs a:hover,.hz-crumbs a:focus-visible,.hz-crumbs [aria-current=page]{color:var(--ink)}.hz-crumbs a:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:2px}@media (pointer:coarse){.hz-crumbs a{position:relative}.hz-crumbs a:after{content:"";position:absolute;inset:-15px -8px}}.hz-content [data-ground=day],.hz-stage[data-over=day] .nav{--ground-top:initial;--ground-bottom:initial;--ground:var(--ground-bottom);--ink:initial;--tile:initial;--tile-ink:initial;--hz-stamp:initial;--hz-stamp-ink:initial;--hz-faint:initial;--hz-hair:initial;--hz-edge:initial;--accent:initial;--accent-ink:initial}.hz-stage[data-over] .nav{--nav-veil-top:96%;--nav-veil-foot:92%}@media (max-height:639px),(max-width:339px){.hz-hero{min-height:100svh;position:relative;inset:auto}.hz-content{padding-top:0;scroll-margin-top:100000px}.hz-shade,.hz-cue{display:none}}@media (scripting:none){.hz-stage .nav[data-hidden]{visibility:visible}.hz-stage .nav-left,.hz-stage .nav-right{border-radius:var(--corner);background:color-mix(in srgb, var(--ground-bottom) 82%, transparent);box-shadow:0 0 0 6px color-mix(in srgb, var(--ground-bottom) 82%, transparent)}@media (max-width:639px){.hz-stage[data-place=apps] .hz-hero{position:relative;inset:auto}.hz-stage[data-place=apps] .hz-content{padding-top:0}}.hz-stage[data-place=learn] .hz-hero{position:relative;inset:auto}.hz-stage[data-place=learn] .hz-content{padding-top:0}.hz-stage[data-place=learn] .hz-shade{display:none}}@media (prefers-reduced-motion:reduce){.hz-stage,.hz-arrow,.hz-hero [data-part],.hz-build .hz-column,.hz-build .hz-panel,.hz-build .hz-work-glass,.hz-reel,.hz-reel[data-on]{transition:none}.hz-hero [data-part]{filter:none}.hz-cue-light{animation:none;transform:translateY(200%)}.hz-reel>video[data-ready]{transition:none}.hz-content-sheet{box-shadow:none}}
.hz-window{--window-fit:.68;--window-width:min(100%, calc(100svh * var(--window-fit) * var(--pan-aspect,1.6)));min-width:0;margin:0;display:none}.hz-stage[data-pan] .hz-window{display:block}.hz-window-frame{width:var(--window-width);margin-inline:auto}.hz-window-screen{aspect-ratio:var(--pan-aspect,1.6)}.hz-window-caption{width:var(--window-width);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;margin:16px auto 0;font-size:13px;display:flex}.hz-window-label{color:color-mix(in srgb, var(--ink) 58%, transparent);align-items:center;gap:9px;display:inline-flex}.hz-window-dot{background:var(--window-dot,currentColor);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--window-dot,currentColor) 30%, transparent);border-radius:50%}.hz-window-live{color:var(--ink);align-items:center;gap:8px;margin-block:-6px;padding:14px 2px;font-size:14.5px;font-weight:500;text-decoration:none;display:inline-flex}.hz-window-live span{transition:transform .24s cubic-bezier(.22,1,.36,1)}.hz-window-live:hover span,.hz-window-live:focus-visible span{transform:translate(4px)}.hz-window-live:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:4px}.hz-stage[data-pan]{--pan-corners-from:.7}.hz-stage[data-pan] :is(.hz-ground,.mz-field,.hz-reel,.hz-hero){transform-origin:0 0;width:100%;height:100svh;animation:hz-pan-across linear both, hz-pan-down cubic-bezier(.3333, var(--pan-y1), .6667, var(--pan-y2)) both, hz-pan-corners linear both;animation-timeline:scroll(root);animation-range:0 var(--pan-d), 0 var(--pan-d), calc(var(--pan-d) * var(--pan-corners-from)) var(--pan-d);position:absolute;inset:0 auto auto 0;overflow:clip}.hz-stage[data-pan] .hz-ground{z-index:11}.hz-stage[data-pan] .mz-field{z-index:12}.hz-stage[data-pan] .hz-reel{z-index:13}.hz-stage[data-pan] .hz-hero{z-index:14}@keyframes hz-pan-across{to{transform:translateX(var(--pan-x)) scale(var(--pan-k))}}@keyframes hz-pan-down{to{translate:0 var(--pan-y)}}@keyframes hz-pan-corners{to{border-radius:var(--pan-r) var(--pan-r) 0 0}}.hz-stage[data-pan][data-covered] .hz-hero *{pointer-events:none}.hz-stage[data-pan] .hz-content-sheet{box-shadow:none;border-radius:0}.hz-stage[data-pan] .hz-content-sheet:before{content:"";background:var(--pan-ground,var(--ground-top));pointer-events:none;height:100svh;position:absolute;inset:auto 0 100%}.hz-stage[data-pan] .hz-shade{display:none}