@property --hn-band{syntax: "<color>"; inherits: false; initial-value: #D2DFFF;}@layer components{.hero.hero-next{gap:2rem;padding-top:clamp(1.5rem,.9rem + 1.6vw,2.5rem)}.hero-next .hn{--hn-h: clamp(21rem, 100svh - 29rem, 33rem);position:relative;isolation:isolate;width:100%;max-width:64rem;margin:0;padding-bottom:2rem;text-align:left}.hero-next .hn:before{content:"";position:absolute;z-index:-1;inset:calc(var(--hn-h) * .5) 0 0;--hn-band: var(--color-brand-tint);background:var(--hn-band);box-shadow:0 0 0 100vmax var(--hn-band);clip-path:inset(0 -100vmax)}@media(prefers-reduced-motion:no-preference){.ground-fade .hero-next .hn:before{transition:--hn-band .5s ease-in-out}}.night .hero-next .hn:before{--hn-band: var(--color-night)}.hn-scene{position:relative;display:grid;justify-items:center;height:var(--hn-h)}.hn-chat{display:flex;flex-direction:column;width:min(100%,48rem);height:100%;overflow:hidden;border-radius:var(--radius-panel);background:var(--color-sheet);box-shadow:0 0 0 1px var(--color-line-2),0 2px 4px #1a1f2e0d,0 28px 56px -20px #1a1f2e47;transform-origin:50% 0}.hn-bar{position:relative;flex:none;display:flex;align-items:center;justify-content:center;height:2.25rem;border-bottom:1px solid var(--color-line);background:#f5f7fa;color:var(--color-ink-2);font-size:var(--text-ui);font-weight:500}.hn-bar:before{content:"";position:absolute;left:1rem;top:50%;width:.5625rem;height:.5625rem;margin-top:-.28125rem;border-radius:50%;background:var(--color-line-2);box-shadow:.875rem 0 0 var(--color-line-2),1.75rem 0 0 var(--color-line-2)}.hn-view{position:relative;flex:1;min-height:0;overflow:hidden;padding:1.5rem 1.75rem .5rem}.hn-empty{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--color-ink-2);font-size:var(--text-caption)}.hn-empty .hn-logo{height:1.25rem}.hn-flow,.hn-more{position:relative;display:flex;flex-direction:column;gap:1.5rem}.hn-msg{display:grid;grid-template-columns:1.75rem minmax(0,1fr);column-gap:.75rem;align-items:start}.hn-av{display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--role);color:var(--color-ink);font-size:var(--text-ui);font-weight:600;line-height:1}.hn{--hn-claude: #D97757}.hn-av-ai{background:var(--hn-claude);color:#fff}.hn-body{display:flex;flex-direction:column;gap:.5rem;min-width:0}.hn-m-a .hn-body,.hn-m-r .hn-body{gap:.75rem;padding-right:2.5rem}@media(max-width:767px){.hn-m-a .hn-body,.hn-m-r .hn-body{padding-right:.5rem}}@media(max-width:767px){[data-skill=read] .hn-skill-h{flex-direction:column;align-items:flex-start;gap:.375rem}}.hn-said{font-size:var(--text-small);line-height:1.45}.hn-m-q,.hn-m-f{grid-template-columns:minmax(0,1fr) 1.75rem}:is(.hn-m-q,.hn-m-f)>.hn-av{grid-column:2;grid-row:1}:is(.hn-m-q,.hn-m-f)>.hn-body{grid-column:1;grid-row:1;align-items:flex-end}:is(.hn-m-q,.hn-m-f)>.hn-av{margin-top:.375rem}:is(.hn-m-q,.hn-m-f) .hn-said{max-width:80%;padding:.625rem 1rem;border-radius:var(--radius-panel) var(--radius-inner) var(--radius-panel) var(--radius-panel);background:var(--color-tint)}.hn-skill-h .hn-role{margin-left:auto}.hn-role{display:inline-flex;align-items:center;gap:.25rem;height:1.125rem;padding:0 .4375rem 0 .375rem;border-radius:999px;background:var(--color-brand);color:#fff;font-size:.625rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.hn-role b{font-weight:600}.hn-role .ico{width:.625rem;height:.625rem;stroke-width:2}.hn-skill{display:flex;flex-direction:column;gap:.5rem;padding:.75rem .875rem;border-radius:var(--radius-control);box-shadow:inset 0 0 0 1px var(--color-line);font-size:var(--text-ui);line-height:1.3}.hn-skill-h{display:flex;align-items:center;gap:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-line);color:var(--color-ink-2)}.hn-logo{width:auto;height:.875rem;flex:none}.hn-search{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-line)}.hn-src{display:inline-flex;align-items:center;gap:.25rem;height:1.375rem;padding:0 .5rem;border-radius:999px;background:var(--color-tint);color:var(--color-ink-2);font-size:.75rem;font-weight:500;white-space:nowrap}.hn-src[data-hit]{background:var(--color-brand-tint);color:var(--color-brand-ink)}.hn-src .ico{width:.75rem;height:.75rem;stroke-width:2.25}:where(.motion) .hn.loop [data-type] .ch.on:not(:has(+.ch.on)){box-shadow:1.5px 0 0 var(--color-brand);animation:hn-caret 1s steps(1) infinite}.hnd .dapp-cfield{position:relative}:where(.motion) .hn.loop .hnd .dapp-cfield:not(:has(.ch.on)):before{content:attr(data-ph);position:absolute;top:0;left:0;padding-left:3px;color:var(--color-ink-2);white-space:nowrap}:where(.motion) .hn.loop.is-cfocus .hnd .dapp-cfield:not(:has(.ch.on)):before{box-shadow:inset 1.5px 0 0 var(--color-brand);animation:hn-caret 1s steps(1) infinite}:where(.motion) .hn.loop.is-paused [data-type] .ch,:where(.motion) .hn.loop.is-paused .dapp-cfield:before{animation:none}@keyframes hn-caret{50%{box-shadow:none}}.hn-skill-steps{display:flex;flex-direction:column;gap:.3125rem;padding:0;list-style:none;color:var(--color-ink)}.hn-skill-steps li{display:flex;align-items:flex-start;gap:.5rem}.hn-skill-steps .ico{flex:none;width:.875rem;height:.875rem;margin-top:.0625rem;stroke-width:2;color:var(--color-brand)}.hn-text{font-size:var(--text-answer);line-height:1.35;letter-spacing:-.012em;font-weight:600;text-wrap:balance}.hn-reply{font-size:var(--text-small);font-weight:600}.hn .bars{gap:.5rem}.hn .bar{grid-template-columns:6rem minmax(0,1fr) 5.5rem;grid-template-areas:"label track value";align-items:center;column-gap:.75rem;font-size:var(--text-small)}.hn .bar-track{height:.5rem}.hn .bar-track i{border-radius:999px}.hn-input{flex:none;display:flex;align-items:center;gap:.5rem;margin:.5rem 1rem 1rem;padding:.375rem .375rem .375rem 1rem;border-radius:var(--radius-panel);background:var(--color-ground);box-shadow:inset 0 0 0 1px var(--color-line)}.hn-field{flex:1;min-width:0;display:grid;align-items:center;min-height:2.25rem;font-size:var(--text-small);line-height:1.3}.hn-field>*{grid-area:1 / 1}.hn-ph{color:var(--color-ink-2)}.hn-typed{visibility:hidden}.hn-send{flex:none;display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--color-ink);color:var(--color-sheet)}.hn-send .ico{width:.875rem;height:.875rem;stroke-width:2}.hn-app{display:none;position:absolute;z-index:2;top:.75rem;left:0;right:0;width:min(100%,58rem);margin-inline:auto}.hn-desk{overflow:hidden;border-radius:var(--radius-panel);background:var(--color-sheet);box-shadow:0 0 0 1px var(--color-line-2),0 2px 4px #1a1f2e0f,0 36px 72px -24px #1a1f2e66;scale:var(--hn-k, 1);transform-origin:50% 0}.hn-desk-bar{position:relative;display:flex;align-items:center;justify-content:center;height:2.25rem;border-bottom:1px solid var(--color-line);background:#f5f7fa}.hn-desk-bar:before{content:"";position:absolute;left:1rem;top:50%;width:.5625rem;height:.5625rem;margin-top:-.28125rem;border-radius:50%;background:var(--color-line-2);box-shadow:.875rem 0 0 var(--color-line-2),1.75rem 0 0 var(--color-line-2)}.hn-desk-logo{width:auto;height:.875rem}.hn-desk-body{display:grid;grid-template-columns:3.5rem minmax(0,1fr)}.hn-rail{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin:0;padding:.75rem 0;list-style:none;border-right:1px solid var(--color-line);background:var(--color-ground)}.hn-rail li{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-control);background:var(--color-sheet);box-shadow:inset 0 0 0 1px var(--color-line);color:var(--color-ink-2)}.hn-rail .ico{width:1rem;height:1rem}.hn-rail .hn-rail-new{background:var(--color-brand-tint);box-shadow:none;color:var(--color-brand-ink)}.hn-desk .dapp{border:0;border-radius:0;box-shadow:none}.hn-desk .dapp-chrome{align-items:center;background:var(--color-sheet);border-bottom:1px solid var(--color-line)}.hn-desk .dapp-logo,.hn-desk .dapp-tab .ico{display:none}.hn-desk .dapp-tab{height:auto;padding:0;background:none;font-weight:600}.hnd .dapp-chrome{height:2.5rem;padding-inline:1.5rem}.hnd .dapp-body{gap:.875rem;padding:1.125rem 1.5rem .75rem}.hnd .dapp-top{align-items:flex-end}.hnd .dapp-fig b{font-size:var(--text-figure-lg)}.hnd :is(.dapp-sb-t,.dapp-send){justify-items:center}.hnd .dapp-av[data-role],.hnd .dapp-avs .dapp-av[data-role]{background:var(--role);color:var(--color-ink)}.hnd .dapp-chip.hnd-down{gap:.25rem;min-height:1.625rem;padding:.1875rem .625rem .1875rem .5rem;border-radius:999px;background:color-mix(in srgb,var(--color-danger) 9%,var(--color-sheet));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-danger) 18%,transparent);color:var(--color-danger);font-weight:600}.hnd-down .ico{width:.8125rem;height:.8125rem;stroke-width:2.25;rotate:180deg}.hnd-key{display:flex;gap:1rem;color:var(--color-ink-2);font-size:var(--text-ui)}.hnd-trend{flex:none;width:100%;min-width:0;margin:-.25rem 0 0}.hnd-trend svg{display:block;width:100%;height:4rem;overflow:visible}.hnd-area{fill:var(--color-brand-tint);opacity:.6}.hnd .dapp-l26{stroke-width:2.5}.hnd .dapp-l25{stroke-width:1.5}.hnd-months{display:flex;justify-content:space-between;margin-top:.375rem;color:var(--color-ink-2);font-size:.6875rem}.hnd-regions{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding-block:.75rem;border-block:1px solid var(--color-line)}.hnd .dapp-reg{display:flex;flex-direction:column;align-items:stretch;gap:.25rem;padding:0 1.25rem;border-radius:0;box-shadow:none}.hnd .dapp-reg:first-child{padding-left:0}.hnd .dapp-reg+.dapp-reg{border-left:1px solid var(--color-line)}.hnd-reg-n{color:var(--color-ink-2);font-size:var(--text-ui)}.hnd .dapp-reg b{font-size:1.25rem;white-space:nowrap}.hnd-short{display:none}@media(max-width:767px){.hnd .hnd-short{display:inline}}.hnd-reg-bar{display:block;height:.25rem;margin-top:.375rem;border-radius:999px;background:var(--color-tint);overflow:hidden}.hnd-reg-bar i{display:block;width:calc(var(--s) * 100%);height:100%;border-radius:inherit;background:var(--color-brand);transform-origin:left center}.hnd .dapp-th{border-top:0;min-height:1.5rem}.hnd .dapp-tr{min-height:2.125rem}.hnd .dapp-tr:last-child{border-bottom:0}.hnd .dapp-cbox{top:auto;bottom:calc(100% + .5rem);align-items:center;gap:.625rem;width:20rem;padding:.625rem .625rem .625rem .75rem}.hnd .dapp-cbox .dapp-av{margin-top:0}.hnd .dapp-cfield{min-height:0;padding-top:0;line-height:1.4}.hnd .dapp-cpost{align-self:center;min-height:1.75rem;padding-inline:.75rem}.hn{--ctl: 1.625rem}.hn>.loop-ctl{top:calc((2.25rem - var(--ctl)) / 2);right:var(--hn-ctl-r, .5rem);bottom:auto;left:auto;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--color-ink-2);transition:transform var(--duration-move) var(--ease-out),background-color var(--duration-ui) var(--ease-out),color var(--duration-ui) var(--ease-out)}.hn>.loop-ctl:hover{background:var(--color-tint);color:var(--color-ink)}.hn>.loop-ctl .loop-ico-pause .ico{width:1rem;height:1rem;stroke-width:2}.hn>.loop-ctl .loop-ico-play .ico{width:.75rem;height:.75rem}.hn>.loop-ctl .loop-ring-t{stroke:var(--color-line)}@media(max-width:767px){.hero-next .hn{--hn-h: 34rem}.hnd .hnd-full{display:none}.hnd .hnd-regions .dapp-reg{padding-inline:.75rem}.hnd .hnd-regions .dapp-reg:first-child{padding-left:0}.hn-view{padding-inline:1rem}:is(.hn-m-q,.hn-m-f) .hn-said{max-width:92%}.hn .bar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label value" "track track";row-gap:.25rem}.hn-app{top:1rem}.hn-desk-body{grid-template-columns:minmax(0,1fr)}.hn-rail{display:none}}}@layer components{:where(.motion) .hn.loop .hn-typed{visibility:visible;opacity:0}:where(.motion) .hn.loop.is-q .hn-ph{opacity:0}:where(.motion) .hn.loop.is-q .hn-field>:nth-child(2){opacity:1}:where(.motion) .hn.loop.is-qs .hn-ph{opacity:1}:where(.motion) .hn.loop.is-qs .hn-field>:nth-child(2){opacity:0}:where(.motion) .hn.loop.is-f .hn-ph{opacity:0}:where(.motion) .hn.loop.is-f .hn-field>:nth-child(3){opacity:1}:where(.motion) .hn.loop.is-fs .hn-ph{opacity:1}:where(.motion) .hn.loop.is-fs .hn-field>:nth-child(3){opacity:0}:where(.motion) .hn.loop :is(.hn-msg,.hn-text,.hn-reply){opacity:0;transform:translateY(6px);transition:opacity var(--duration-state) linear,transform var(--duration-state) var(--ease-out)}:where(.motion) .hn.loop.is-qs .hn-m-q,:where(.motion) .hn.loop.is-t .hn-m-a,:where(.motion) .hn.loop.is-a .hn-m-a .hn-text,:where(.motion) .hn.loop.is-fs .hn-m-f,:where(.motion) .hn.loop.is-b1 .hn-m-r,:where(.motion) .hn.loop.is-r .hn-reply{opacity:1;transform:none}:where(.motion) .hn.loop .hn-src{opacity:0;transform:translateY(4px);transition:opacity var(--duration-state) linear calc(var(--n) * 90ms),transform var(--duration-state) var(--ease-out) calc(var(--n) * 90ms),background-color var(--duration-ui) linear,color var(--duration-ui) linear}:where(.motion) .hn.loop.is-s1 .hn-src{opacity:1;transform:none}:where(.motion) .hn.loop .hn-src[data-hit]{background:var(--color-tint);color:var(--color-ink-2)}:where(.motion) .hn.loop .hn-src .ico{display:none}:where(.motion) .hn.loop.is-s2 .hn-src[data-hit]{background:var(--color-brand-tint);color:var(--color-brand-ink)}:where(.motion) .hn.loop.is-s2 .hn-src .ico{display:block}:where(.motion) .hn.loop .hn-skill-steps li{display:none}:where(.motion) .hn.loop.is-t1 [data-skill=read] li:nth-child(1),:where(.motion) .hn.loop.is-t2 [data-skill=read] li:nth-child(2),:where(.motion) .hn.loop.is-t3 [data-skill=read] li:nth-child(3),:where(.motion) .hn.loop.is-b1 [data-skill=build] li:nth-child(1),:where(.motion) .hn.loop.is-b2 [data-skill=build] li:nth-child(2){display:flex;animation:hn-land var(--duration-state) var(--ease-out) both}:where(.motion) .hn.loop:not(.is-t1) [data-skill=read] .hn-skill-steps,:where(.motion) .hn.loop:not(.is-b1) [data-skill=build] .hn-skill-steps{display:none}:where(.motion) .hn.loop.hn-measure.hn-measure [data-skill] .hn-skill-steps{display:flex}:where(.motion) .hn.loop:not(.is-t1):not(.hn-measure) .hn-search{padding-bottom:0;border-bottom-color:transparent}:where(.motion) .hn.loop.hn-measure .hn-skill-steps li{display:flex}@keyframes hn-land{0%{opacity:0;transform:translateY(4px)}}:where(.motion) .hn.loop .hn-empty{display:flex;transition:opacity var(--duration-state) linear}:where(.motion) .hn.loop.is-qs .hn-empty{opacity:0}:where(.motion) .hn.loop .hn-flow{transition:transform var(--duration-move) var(--ease-out)}:where(.motion) .hn.loop.is-a .hn-flow{transform:translateY(calc(-1 * var(--hn-lift-a, 0px)))}:where(.motion) .hn.loop.is-f .hn-flow{transform:translateY(calc(-1 * var(--hn-lift, 0px)))}:where(.motion) .hn.loop .hn-chat{transition:transform var(--duration-move) var(--ease-out),opacity var(--duration-move) linear}:where(.motion) .hn.loop.is-app .hn-chat{transform:scale(.95);opacity:.25}@media(max-width:767px){:where(.motion) .hn.loop.is-app .hn-chat{opacity:0}}:where(.motion) .hn.loop .hn-app{display:block;opacity:0;transform:translateY(1.25rem);transition:opacity var(--duration-state) linear,transform var(--duration-move) var(--ease-out)}:where(.motion) .hn.loop.is-app .hn-app{opacity:1;transform:none}:where(.motion) .hn.loop.is-app>.loop-ctl{transform:translate(var(--hn-ctl-dx, 0px),var(--hn-ctl-dy, 0px)) scale(var(--hn-k, 1))}:where(.motion) .hn.loop .hn-rail-new{opacity:0;transform:scale(.85);transition:opacity var(--duration-state) linear,transform var(--duration-state) var(--ease-out)}:where(.motion) .hn.loop.is-kpi .hn-rail-new{opacity:1;transform:none}:where(.motion) .hn.loop .hnd-months{opacity:0;transition:opacity var(--duration-state) linear .25s}:where(.motion) .hn.loop.is-kpi .hnd-months{opacity:1}:where(.motion) .hn.loop .dapp-cursor{display:block;opacity:0;transform:translate(var(--cx, 0px),var(--cy, 0px));transition:opacity .3s linear,transform 1s var(--ease-out)}:where(.motion) .hn.loop.is-cur .dapp-cursor{opacity:1}:where(.motion) .hn.loop.is-press .dapp-cursor svg{transform:scale(.86)}.hn .dapp-cursor svg{transition:transform .12s var(--ease-out);transform-origin:1.5px 1.5px}:where(.motion) .hn.loop .hnd .hnd-r1{transition:background-color var(--duration-ui) linear,opacity var(--duration-state) linear,transform var(--duration-state) var(--ease-out)}:where(.motion) .hn.loop.is-hov2 .hnd .hnd-r1{background-color:var(--color-tint);border-top-color:transparent;border-radius:var(--radius-inner)}:where(.motion) .hn.loop.is-hov2 .hnd .hnd-r1 .dapp-addc{visibility:visible}:where(.motion) .hn.loop.hn .hnd .dapp-pop-people li:nth-child(n){background-color:transparent}:where(.motion) .hn.loop .hnd .dapp-cbox{transform:translateY(4px)}:where(.motion) .hn.loop.is-cbox .hnd .dapp-cbox{transform:none}:where(.motion) .hn.loop.is-cmt .hnd .dapp-cbox{transform:translateY(4px)}:where(.motion) .hn.loop .hnd-reg-bar i{transform:scaleX(0);transition:transform .7s var(--ease-out) calc(.35s + var(--k) * .11s)}:where(.motion) .hn.loop.is-kpi .hnd-reg-bar i{transform:none}:where(.motion) .hn.loop.is-out :is(.hn-chat,.hn-app){opacity:0;transition:opacity .45s linear}}