:root{--deck-1:#1a2a22;--deck-2:#1f3329;--deck-3:#253d31}[data-theme=light]{--deck-1:#dde9e2;--deck-2:#d1e3d8;--deck-3:#c5dcce}.hx-aside{max-width:30rem}.hx-aside a,.hx-link{font-weight:600}.hx .section{gap:28px;padding-block:40px}.hx-hero{isolation:isolate}.hx-hero__grid{z-index:-1;pointer-events:none;background-image:radial-gradient(var(--grid-dot) 1px, transparent 1.4px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70% at 70% 45%,#000 30%,#0000 75%);mask-image:radial-gradient(70% 70% at 70% 45%,#000 30%,#0000 75%)}.hx-hero__glow2{aspect-ratio:1;background:radial-gradient(closest-side, var(--glow), transparent 70%);pointer-events:none;border-radius:50%;width:55%;animation-delay:-2.5s;position:absolute;bottom:-35%;left:-15%}.hx-hero__inner{flex-wrap:nowrap;gap:24px;padding-block:56px 48px}.hx-hero .hero__title{font-size:clamp(44px,6vw,76px)}.hx-hero .hero__text{flex:1 1 0}.hx-shine{background:linear-gradient(100deg, var(--green) 0%, var(--green-strong) 30%, #b8f5d6 50%, var(--green-strong) 70%, var(--green) 100%);color:#0000;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:6s ease-in-out infinite hx-shine}@keyframes hx-shine{0%,to{background-position:100% 0}50%{background-position:0 0}}[data-theme=light] .hx-shine{background-image:linear-gradient(100deg, var(--green) 0%, var(--green-strong) 30%, #2fb57a 50%, var(--green-strong) 70%, var(--green) 100%)}.hx-btn-glow{box-shadow:0 0 0 0 var(--glow-ring), 0 10px 30px -8px var(--glow);transition:box-shadow .3s,transform .2s}.hx-btn-glow:hover{box-shadow:0 0 0 6px var(--glow-ring), 0 14px 40px -8px var(--glow)}.hx-hero__art{flex:0 0 440px;min-height:460px}.hx-hero__mark{z-index:1;justify-content:center;width:100%;display:flex;position:relative}.hx-orbit{pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.hx-orbit--1{border:1px solid var(--tint-line);width:290px;height:290px;animation:40s linear infinite hx-spin}.hx-orbit--2{border:1px dashed var(--line);width:370px;height:370px;animation:70s linear infinite reverse hx-spin}.hx-orbit--3{border:1px solid var(--line-soft);width:440px;height:440px}.hx-orbit--1:after,.hx-orbit--2:after{content:"";background:var(--green);width:9px;height:9px;box-shadow:0 0 14px var(--green);border-radius:50%;margin-left:-4px;position:absolute;top:-5px;left:50%}.hx-orbit--2:after{background:var(--bloom);box-shadow:0 0 14px var(--bloom);top:auto;bottom:-5px}@keyframes hx-spin{to{rotate:360deg}}.hx-hero__art .hero__chip{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hx-ai{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:56px;padding-block:72px 40px;display:grid}.hx-ai__text{flex-direction:column;gap:22px;display:flex}.hx-ai__points{gap:14px;margin:0;padding:0;list-style:none;display:grid}.hx-ai__points li{color:var(--muted);align-items:baseline;gap:14px;line-height:1.55;display:flex}.hx-ai__points strong{color:var(--ink);font-weight:700}.hx-ai__tick{background:var(--green);width:10px;height:10px;box-shadow:0 0 12px var(--glow);border-radius:3px;flex:none;transform:translateY(-1px)}.hx-ai__demo{margin:0;position:relative}.hx-ai__demo:before{content:"";z-index:-1;background:radial-gradient(closest-side, var(--glow), transparent 70%);position:absolute;inset:-40px}.hx-ai__caption{color:var(--muted);text-align:center;margin-top:12px;font-size:13px}.hx-console{background:var(--console);color:#e6eeea;border:1px solid #3dd68c47;border-radius:20px;overflow:hidden;box-shadow:0 30px 80px -30px #0009,inset 0 0 0 1px #ffffff08}.hx-console__bar{border-bottom:1px solid #ffffff12;align-items:center;gap:12px;padding:14px 18px;font-size:14px;display:flex}.hx-console__dots{gap:6px;display:flex}.hx-console__dots i{background:#2a3832;border-radius:50%;width:10px;height:10px}.hx-console__title{font-weight:600}.hx-console__live{font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;color:#7be6b1;align-items:center;gap:6px;margin-left:auto;font-size:11px;display:inline-flex}.hx-console__live:before{content:"";background:#3dd68c;border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite cd-glow;box-shadow:0 0 10px #3dd68c}.hx-console__body{flex-direction:column;gap:12px;min-height:330px;padding:22px 18px;display:flex}.hx-msg,.hx-tool,.hx-tool__result{opacity:0;transition:opacity .35s,transform .35s;transform:translateY(8px)}.hx-msg.is-on,.hx-tool.is-on,.hx-tool__result.is-on{opacity:1;transform:none}.hx-msg{border-radius:16px;max-width:85%;padding:12px 16px;font-size:15px;line-height:1.5}.hx-msg--user{background:#1f4a35;border-bottom-right-radius:4px;align-self:flex-end}.hx-msg--ai{background:#16201b;border:1px solid #23332b;border-bottom-left-radius:4px;align-self:flex-start;min-height:48px}.hx-tool{color:#9bafa5;flex-wrap:wrap;align-items:center;gap:8px 10px;font-size:13px;display:flex}.hx-tool__spin{border:2px solid #2a3832;border-top-color:#3dd68c;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite hx-spin}.hx-tool__call,.hx-tool__result{font-family:var(--font-mono), monospace;color:#7be6b1;background:#101a15;border:1px solid #23332b;border-radius:8px;padding:6px 10px;font-size:12.5px}.hx-tool__result{color:#c9d8d0;align-self:flex-start}.hx-caret{vertical-align:-2px;background:#3dd68c;width:8px;height:1.05em;margin-left:2px;animation:.8s steps(2,end) infinite cd-glow;display:inline-block}.hx-console__input{color:#6f8379;background:#101a15;border:1px solid #23332b;border-radius:14px;justify-content:space-between;align-items:center;margin:0 14px 14px;padding:10px 10px 10px 16px;font-size:14px;display:flex}.hx-console__send{color:#062115;background:#3dd68c;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:700;display:grid}.hx-deck{padding-top:24px}.deck__stage{flex-direction:column;gap:32px;display:flex}.deck__band{gap:8px;margin:0;padding:0;list-style:none;display:flex}.deck__card{border-radius:var(--radius-md);background:var(--tone);height:360px;color:var(--ink);flex:0 0 min(560px,70vw);grid-template-rows:auto auto auto 1fr auto;gap:6px;min-width:0;padding:32px;transition:flex-basis .6s cubic-bezier(.2,.7,.2,1),padding .6s cubic-bezier(.2,.7,.2,1);display:grid;overflow:hidden}.deck__title{letter-spacing:-.02em;font-size:clamp(24px,2.3vw,32px);font-weight:800;line-height:1.1}.deck__kind{color:var(--muted);font-size:14px}.deck__blurb{max-width:38rem;margin-top:10px;line-height:1.6}.deck__tags{flex-wrap:wrap;align-self:start;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.deck__tags li{background:color-mix(in srgb, var(--ink) 8%, transparent);border:1px solid color-mix(in srgb, var(--ink) 12%, transparent);border-radius:999px;padding:5px 12px;font-size:13px;font-weight:600}.deck__foot{justify-content:space-between;align-items:baseline;gap:16px;font-weight:600;display:flex}.deck__kind,.deck__blurb,.deck__tags,.deck__foot{transition:opacity .3s}@media (min-width:900px) and (prefers-reduced-motion:no-preference){.deck__pin{height:220svh}.deck__stage{position:sticky;top:max(88px,50svh - 214px)}.deck__band{height:380px;overflow:hidden}.deck__card{height:auto}.deck__title{white-space:nowrap}.deck__card{flex-basis:calc(100% - 480px);position:relative}.deck__card--spine{cursor:pointer;flex-basis:88px;justify-content:center;padding:24px 0;display:flex}.deck__card--spine .deck__title{writing-mode:vertical-rl;transform:rotate(180deg)}.deck__card--spine .deck__kind,.deck__card--spine .deck__blurb,.deck__card--spine .deck__tags{display:none}.deck__card--spine .deck__foot{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.deck__card--spine:hover{filter:brightness(1.08)}}@media (max-width:899px),(prefers-reduced-motion:reduce){.hx-deck{padding-block:40px}.deck__band{flex-direction:column}.deck__card{flex:none;height:auto;min-height:220px;padding:24px}}.hx-bento{grid-template-rows:300px 300px;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.hx-tile{isolation:isolate;border-radius:var(--radius-lg);background:var(--raised);border:1px solid var(--line);color:var(--ink);flex-direction:column;gap:8px;padding:26px;text-decoration:none;transition:border-color .3s,transform .3s;display:flex;position:relative;overflow:hidden}.hx-tile:before{content:"";z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%), var(--glow), transparent 60%);transition:opacity .3s;position:absolute;inset:0}.hx-tile:hover{color:var(--ink);border-color:var(--tint-line);transform:translateY(-3px)}.hx-tile:hover:before{opacity:1}.hx-tile__title{font-family:var(--font-display), system-ui, sans-serif;font-size:22px;font-weight:700;line-height:1.2}.hx-tile__body{color:var(--muted);max-width:26rem;font-size:15px;line-height:1.5}.hx-tile--web{grid-area:1/1/auto/span 2}.hx-tile--mobile{grid-area:1/3/span 2}.hx-tile--backend{grid-area:1/4}.hx-tile--data{grid-area:2/1/auto/span 2}.hx-tile--design{grid-area:2/4}.hx-tile__shot{border:1px solid var(--line);border-radius:12px;width:auto;max-width:none;height:auto;transition:transform .5s cubic-bezier(.2,.7,.2,1);position:absolute;top:128px;left:26px;right:-30%}.hx-tile__phone{border:5px solid #0e1512;border-radius:26px;width:70%;height:auto;margin-left:-35%;transition:transform .5s cubic-bezier(.2,.7,.2,1);position:absolute;top:150px;left:50%}.hx-tile:hover .hx-tile__shot,.hx-tile:hover .hx-tile__phone{transform:translateY(-8px)}.hx-log{background:var(--console);flex:1;margin:10px -26px -26px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 25% 75%,#0000);mask-image:linear-gradient(#0000,#000 25% 75%,#0000)}.hx-log__track{flex-direction:column;gap:10px;padding:12px 18px;animation:14s linear infinite hx-scroll;display:flex}.hx-log code{font-family:var(--font-mono), monospace;color:#9bafa5;white-space:pre;font-size:11.5px}.hx-log code.is-live{color:#7be6b1}@keyframes hx-scroll{to{transform:translateY(-50%)}}.hx-swatches{gap:10px;margin-top:auto;display:flex}.hx-swatch{border-radius:14px;place-items:center;width:52px;height:52px;display:grid}.hx-swatch--a{background:var(--ink);color:var(--bg);font-family:var(--font-display), system-ui, sans-serif;font-size:20px;font-weight:800}.hx-swatch--b{background:var(--green)}.hx-swatch--c{background:var(--bloom);border-radius:50%}.hx-swatch--d{border:2px dashed var(--line)}.hx-flow{--gap:16px;position:relative}.hx-flow__steps{grid-template-columns:repeat(var(--n,5), minmax(0, 1fr));column-gap:var(--gap);row-gap:8px;margin:0;padding:0;list-style:none;display:grid}.hx-flow__rail{top:6px;left:7px;right:calc((100% - (var(--n,5) - 1) * var(--gap)) / var(--n,5) - 7px);background:var(--line);border-radius:2px;height:2px;position:absolute;overflow:hidden}.hx-flow__fill{background:linear-gradient(90deg, var(--green), var(--green-strong));box-shadow:0 0 12px var(--green);transform-origin:0;transform:scaleX(var(--p,1));transition:transform .15s linear;position:absolute;inset:0}.hx-flow__step{grid-template-rows:subgrid;grid-row:span 5;min-width:0;display:grid;position:relative}.hx-flow__node{z-index:1;background:var(--bg);border:2px solid var(--line);border-radius:50%;width:14px;height:14px;transition:background .4s,border-color .4s,box-shadow .4s;position:relative}.hx-flow__num{font-family:var(--font-mono), monospace;color:var(--muted);margin-top:10px;font-size:13px}.hx-flow__title{font-family:var(--font-display), system-ui, sans-serif;font-size:21px;font-weight:700;line-height:1.2}.hx-flow__body{color:var(--muted);font-size:15px;line-height:1.5}.hx-flow__num,.hx-flow__title,.hx-flow__body,.hx-flow__get{opacity:.45;transition:opacity .5s,transform .5s}.hx-flow__get{transform:translateY(8px)}.is-on>.hx-flow__node{background:var(--green);border-color:var(--green);box-shadow:0 0 0 5px var(--glow-ring), 0 0 18px var(--green)}.is-on>.hx-flow__num,.is-on>.hx-flow__title,.is-on>.hx-flow__body,.is-on>.hx-flow__get{opacity:1;transform:none}.hx-flow__get{isolation:isolate;background:var(--console);color:#e6eeea;border:1px solid #3dd68c33;border-radius:16px;flex-direction:column;gap:12px;min-height:196px;margin-top:6px;padding:14px;display:flex;position:relative;overflow:hidden}.hx-flow__get:before{content:"";z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%), #3dd68c29, transparent 60%);transition:opacity .3s;position:absolute;inset:0}.hx-flow__get:hover:before{opacity:1}.hx-flow__label{color:#9bafa5;font-size:12.5px;line-height:1.4}.hx-flow__label strong{color:#e6eeea;margin-top:2px;font-size:14px;display:block}.hx-flow__art{flex:1;align-items:end;display:grid}.hx-get{flex-direction:column;gap:7px;width:100%;font-size:12px;display:flex}.hx-get__line{background:#ffffff24;border-radius:3px;height:6px;display:block}.hx-get__line--head{background:#ffffff4d;width:55%;height:8px}.hx-get__line--short{width:60%}.hx-get__sheet{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:7px;padding:12px;display:flex}.hx-get__check{align-items:center;gap:8px;display:flex}.hx-get__check i{color:#3dd68c;background:#3dd68c2e;border-radius:50%;place-items:center;width:16px;height:16px;font-size:10px;font-style:normal;font-weight:800;display:grid}.hx-get--proto{flex-direction:row;justify-content:center;align-items:center;gap:10px}.hx-get__screen{border:1.5px solid #ffffff38;border-radius:12px;flex-direction:column;gap:6px;width:62px;height:100px;padding:10px 8px;display:flex;position:relative}.hx-get__block{background:#ffffff14;border-radius:6px;height:30px;display:block}.hx-get__button{background:#3dd68c;border-radius:6px;height:12px;margin-top:auto;display:block}.hx-get__tap{opacity:0;border:2px solid #e6eeea;border-radius:50%;width:18px;height:18px;margin-left:-9px;position:absolute;bottom:10px;left:50%}.hx-get__arrow{color:#9bafa5}.hx-get__row{grid-template-columns:auto 1fr;align-items:center;gap:10px;display:grid}.hx-get--launch .hx-get__row{border-bottom:1px solid #ffffff12;justify-content:space-between;padding:6px 0;display:flex}.hx-get__bar{background:#ffffff14;border-radius:3px;height:6px;position:relative;overflow:hidden}.hx-get__bar span{border-radius:inherit;transform-origin:0;background:#3dd68c;position:absolute;inset:0}.hx-get__pill{color:#3dd68c;background:#3dd68c29;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700}.hx-get__log{font-family:var(--font-mono), monospace;background:#ffffff0a;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;font-size:11.5px;display:flex}.hx-get__log i{text-align:center;color:#3dd68c;width:12px;font-style:normal;font-weight:800}.hx-get__log--1 i{color:#f26b9b}.hx-get__log--2 i{color:#7be6b1}.is-on .hx-get__check,.is-on .hx-get__pill,.is-on .hx-get__log{animation:.45s cubic-bezier(.2,.7,.2,1) both hx-pop}.is-on .hx-get__bar span{animation:.9s cubic-bezier(.2,.7,.2,1) both hx-fill}.is-on .hx-get__row.is-running .hx-get__bar span{animation:2.4s ease-in-out infinite hx-run}.is-on .hx-get__tap{animation:2.4s ease-out infinite hx-tap}.is-on .hx-get__screen--next{animation:2.4s ease-out infinite hx-next}@keyframes hx-pop{0%{opacity:0;transform:translateY(6px)scale(.96)}}@keyframes hx-fill{0%{transform:scaleX(0)}}@keyframes hx-run{0%{transform:scaleX(0)}70%,to{transform:scaleX(.85)}}@keyframes hx-tap{0%,20%{opacity:0;transform:scale(.4)}30%{opacity:1;transform:scale(1)}55%,to{opacity:0;transform:scale(1.8)}}@keyframes hx-next{0%,30%{opacity:.35;transform:translate(-4px)}45%,to{opacity:1;transform:none}}.hx-cta{padding-block:32px 64px}@media (max-width:899px){.hx-hero__inner{flex-wrap:wrap}.hx-ai__demo:before{inset:-40px 0}.hx-hero__art{flex:100%;min-height:380px}.hx-orbit--1{width:240px;height:240px}.hx-orbit--2{width:320px;height:320px}.hx-orbit--3{display:none}.hx-ai{grid-template-columns:minmax(0,1fr);gap:40px;padding-block:48px 24px}.hx-bento{grid-template-rows:none;grid-template-columns:minmax(0,1fr)}.hx-tile{min-height:280px;grid-area:auto!important}.hx-tile--mobile{min-height:460px}.hx-tile__phone{width:54%;margin-left:-27%}.hx-flow__steps{grid-template-columns:minmax(0,1fr);gap:28px}.hx-flow__step{flex-direction:column;gap:8px;display:flex}.hx-flow__rail{width:2px;height:auto;inset:7px auto 7px 6px}.hx-flow__fill{transform-origin:top;transform:scaleY(var(--p,1))}.hx-flow__step{padding-left:34px}.hx-flow__node{position:absolute;top:0;left:0}.hx-flow__num{margin-top:0}.hx-flow__get{min-height:170px}}@media (prefers-reduced-motion:reduce){.hx-shine,.hx-orbit,.hx-log__track,.hx-tool__spin,.hx-caret,.hx-console__live:before{animation:none}.deck__card,.hx-tile,.hx-tile__shot,.hx-tile__phone,.hx-msg,.hx-tool,.hx-tool__result{transition:none}.hx-flow *,.is-on .hx-get__tap{transition:none!important;animation:none!important}}
