@layer components{.vxl-hero{position:relative;width:100%;min-height:calc(100dvh - 60px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;padding:var(--s-8) var(--s-5)}@media(min-width:1024px){.vxl-hero{flex-direction:row;text-align:left;justify-content:space-between;padding:var(--s-8) 10%}}.vxl-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 55% at 50% 35%,rgba(132,230,60,.11) 0%,transparent 70%);pointer-events:none}.vxl-hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.055) 1px,transparent 1px);background-size:28px 28px;pointer-events:none;mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,black 0%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,black 0%,transparent 100%)}.vxl-hero__inner{position:relative;z-index:1;max-width:680px;display:flex;flex-direction:column;align-items:center;gap:var(--s-5)}@media(min-width:1024px){.vxl-hero__inner{align-items:flex-start;flex:1}}.vxl-hero__canvas-wrapper{position:relative;z-index:1;width:100%;min-height:350px;flex:1;display:flex;align-items:center;justify-content:center}@media(min-width:1024px){.vxl-hero__canvas-wrapper{min-height:600px}}.vxl-hero__canvas{width:100%;height:100%;position:absolute;inset:0}.vxl-hero__eyebrow{display:flex;justify-content:center}@media(min-width:1024px){.vxl-hero__eyebrow{justify-content:flex-start}}.vxl-hero__heading{font:var(--t-display);color:var(--fg-1);letter-spacing:-.03em;margin:0;line-height:.96}.vxl-hero__subheading{font:var(--t-body-lg);color:var(--fg-3);max-width:520px;margin:0;line-height:1.6}.vxl-hero__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s-3);margin-top:var(--s-2);width:100%}@media(min-width:1024px){.vxl-hero__actions{justify-content:flex-start}}.vxl-hero__note{font:var(--t-small);color:var(--fg-4);margin:0;display:flex;align-items:center;gap:var(--s-2)}.vxl-hero__note:before{content:"";width:7px;height:7px;border-radius:var(--r-full);background:var(--grass);box-shadow:0 0 0 3px #84e63c2e}.vxl-hero__enter{opacity:0;transform:translateY(16px);animation:vxl-hero-enter var(--dur-3) var(--ease-out) forwards}.vxl-hero__enter[data-step="1"]{animation-delay:60ms}.vxl-hero__enter[data-step="2"]{animation-delay:.14s}.vxl-hero__enter[data-step="3"]{animation-delay:.24s}.vxl-hero__enter[data-step="4"]{animation-delay:.36s}.vxl-hero__enter[data-step="5"]{animation-delay:.46s}@keyframes vxl-hero-enter{to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.vxl-hero__enter{opacity:1;transform:none;animation:none}}@media(max-width:640px){.vxl-hero{min-height:auto;padding:var(--s-7) var(--s-4)}.vxl-hero__actions{flex-direction:column;align-items:stretch}.vxl-hero__actions>*{width:100%}.vxl-hero__canvas-wrapper{min-height:220px}}}@layer components{.vxl-showcase{position:relative;overflow:hidden;padding-block:var(--s-9);padding-inline:var(--s-5);background:radial-gradient(120% 80% at 50% -10%,rgba(132,230,60,.06) 0%,transparent 60%),var(--ink-850);border-top:1px solid var(--line-1)}.vxl-showcase__bg{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.4}.vxl-showcase__veil{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(90% 70% at 50% 50%,rgba(18,20,25,.55) 0%,rgba(18,20,25,.88) 70%,var(--ink-850) 100%)}.vxl-showcase__inner{position:relative;z-index:2;max-width:1200px;margin-inline:auto}.vxl-showcase__header{max-width:640px;margin-inline:auto;margin-bottom:var(--s-7);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--s-3)}.vxl-showcase__eyebrow{color:var(--primary)}.vxl-showcase__heading{letter-spacing:-.02em}.vxl-showcase__description{font:var(--t-body-lg);color:var(--fg-3);margin:0;line-height:1.6}.vxl-showcase__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-5);align-items:stretch}.vxl-showcase__grid>.vxl-showcase__reveal{display:flex}.vxl-showcase__grid>.vxl-showcase__reveal>.vxl-showcase__panel{flex:1}.vxl-showcase__panel{display:flex;flex-direction:column;gap:var(--s-5);padding:var(--s-6);border-radius:var(--r-4);border:1px solid var(--line-1);background:linear-gradient(to bottom,var(--ink-600) 0%,var(--ink-700) 45%);box-shadow:var(--shadow-2),var(--inset-top);transition:transform var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out)}.vxl-showcase__panel:hover{transform:translateY(-4px);border-color:var(--line-2)}.vxl-showcase__panel-top{display:flex;flex-direction:column;gap:var(--s-3)}.vxl-showcase__panel-copy{margin:0;color:var(--fg-3)}.vxl-showcase__panel-foot{margin-top:auto}.vxl-showcase__code{font:var(--t-mono);color:var(--fg-1);background:var(--ink-800);border:1px solid var(--line-1);border-radius:var(--r-1);padding:1px 6px}.vxl-showcase__media{border-radius:var(--r-3);border:1px solid var(--line-1);background:radial-gradient(100% 100% at 50% 0%,rgba(255,255,255,.04) 0%,transparent 70%),var(--ink-800);overflow:hidden}.vxl-showcase__media--generate{padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-4)}.vxl-showcase__promptbar{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-3) var(--s-3) var(--s-4);border-radius:var(--r-full);background:var(--ink-700);border:1px solid var(--line-2)}.vxl-showcase__promptbar-dot{width:8px;height:8px;border-radius:var(--r-full);background:var(--primary);box-shadow:0 0 0 4px var(--primary-tint);flex-shrink:0}.vxl-showcase__promptbar-text{flex:1;min-width:0;font:var(--t-small);color:var(--fg-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vxl-showcase__promptbar-cta{flex-shrink:0;font:var(--t-caption);color:var(--fg-on-accent);background:var(--primary);border-radius:var(--r-full);padding:6px 12px}.vxl-showcase__stage{position:relative;height:260px;border-radius:var(--r-2);border:1px solid var(--line-1);background:radial-gradient(70% 70% at 50% 35%,rgba(132,230,60,.1) 0%,transparent 70%),var(--ink-900)}.vxl-showcase__stage-canvas{position:absolute;inset:0}.vxl-showcase__editor{display:flex;flex-direction:column;background:var(--ink-900)}.vxl-showcase__editor-menubar{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-2) var(--s-4);border-bottom:1px solid var(--line-1);background:var(--ink-850);font:var(--t-caption);color:var(--fg-3)}.vxl-showcase__editor-brand{color:var(--primary);font-weight:600}.vxl-showcase__editor-project{margin-inline:auto;color:var(--fg-2)}.vxl-showcase__editor-shell{display:grid;grid-template-columns:1fr 2.4fr 1fr;min-height:240px}.vxl-showcase__editor-label{font:var(--t-label);letter-spacing:.04em;text-transform:uppercase;color:var(--fg-4)}.vxl-showcase__editor-left{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-3);border-right:1px solid var(--line-1);background:var(--ink-850)}.vxl-showcase__editor-row{height:10px;border-radius:var(--r-1);background:var(--ink-600)}.vxl-showcase__editor-row.is-dim{width:70%;background:var(--ink-700)}.vxl-showcase__editor-left-foot{margin-top:auto;display:flex;flex-direction:column;gap:var(--s-3)}.vxl-showcase__swatches{display:flex;gap:var(--s-2)}.vxl-showcase__swatches span{width:16px;height:16px;border-radius:var(--r-1);border:1px solid var(--line-2)}.vxl-showcase__editor-genbtn{font:var(--t-caption);color:var(--fg-1);text-align:center;padding:7px 10px;border-radius:var(--r-2);background:linear-gradient(100deg,var(--berry) 0%,var(--lava) 100%)}.vxl-showcase__editor-viewport{position:relative;display:flex;flex-direction:column;align-items:center}.vxl-showcase__editor-floor{position:absolute;inset:0;background:radial-gradient(80% 80% at 50% 60%,rgba(61,169,255,.08) 0%,transparent 70%),repeating-linear-gradient(0deg,var(--line-1) 0 1px,transparent 1px 22px),repeating-linear-gradient(90deg,var(--line-1) 0 1px,transparent 1px 22px)}.vxl-showcase__editor-canvas{position:absolute;inset:0}.vxl-showcase__editor-gizmos{position:relative;z-index:1;display:flex;gap:var(--s-2);margin-top:var(--s-3)}.vxl-showcase__editor-toolbar{position:relative;z-index:1;display:flex;gap:var(--s-2);margin-top:auto;margin-bottom:var(--s-3)}.vxl-showcase__pill{font:var(--t-caption);color:var(--fg-2);padding:5px 12px;border-radius:var(--r-full);border:1px solid var(--line-2);background:#16181fd9;backdrop-filter:blur(4px)}.vxl-showcase__pill.is-active{color:var(--fg-on-accent);background:var(--primary);border-color:var(--primary)}.vxl-showcase__editor-right{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-3);border-left:1px solid var(--line-1);background:var(--ink-850)}.vxl-showcase__editor-action{font:var(--t-caption);color:var(--fg-2);padding:8px 10px;border-radius:var(--r-1);border:1px solid var(--line-1);background:var(--ink-700)}@media(max-width:768px){.vxl-showcase{padding-block:var(--s-7)}.vxl-showcase__grid{grid-template-columns:1fr;gap:var(--s-4)}.vxl-showcase__bg{opacity:.28}}@media(max-width:640px){.vxl-showcase{padding-block:var(--s-6);padding-inline:var(--s-4)}.vxl-showcase__header{margin-bottom:var(--s-5)}.vxl-showcase__panel{padding:var(--s-5)}.vxl-showcase__stage{height:220px}.vxl-showcase__editor-shell{grid-template-columns:.8fr 2fr;min-height:220px}.vxl-showcase__editor-right{display:none}.vxl-showcase__editor-menubar span:nth-child(2),.vxl-showcase__editor-menubar span:nth-child(3),.vxl-showcase__editor-menubar span:nth-child(4),.vxl-showcase__editor-menubar span:nth-child(5){display:none}.vxl-showcase__bg{display:none}}@media(prefers-reduced-motion:reduce){.vxl-showcase__panel{transition:none}}}@layer components{.vxl-reveal{opacity:0;transform:translateY(18px);transition:opacity var(--dur-3) var(--ease-out),transform var(--dur-3) var(--ease-out);will-change:opacity,transform}.vxl-reveal[data-reveal=in]{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.vxl-reveal{opacity:1;transform:none;transition:none}}}@layer components{.vxl-agent{position:relative;padding-block:var(--s-9);padding-inline:var(--s-5);overflow:hidden}.vxl-agent:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 15% 20%,rgba(132,230,60,.08) 0%,transparent 70%);pointer-events:none}.vxl-agent__inner{position:relative;z-index:1;max-width:1200px;margin-inline:auto;display:grid;grid-template-columns:1fr 1fr;gap:var(--s-8);align-items:center}@media(max-width:1024px){.vxl-agent__inner{grid-template-columns:1fr;gap:var(--s-7)}}.vxl-agent__eyebrow{color:var(--primary)}.vxl-agent__heading{margin-top:var(--s-3);letter-spacing:-.02em}.vxl-agent__lede{font:var(--t-body-lg);color:var(--fg-3);line-height:1.6;margin:var(--s-4) 0 0;max-width:520px}.vxl-agent__compare{display:flex;flex-direction:column;gap:var(--s-3);margin-top:var(--s-6)}.vxl-agent__chip{display:flex;align-items:flex-start;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-3);border:1px solid var(--line-2);background:linear-gradient(180deg,var(--ink-600),var(--ink-700))}.vxl-agent__chip strong{display:block;font:var(--t-h4);color:var(--fg-1)}.vxl-agent__chip span:not(.vxl-agent__chip-dot){display:block;font:var(--t-small);color:var(--fg-3);margin-top:2px}.vxl-agent__chip-dot{flex:none;width:10px;height:10px;margin-top:6px;border-radius:var(--r-full)}.vxl-agent__chip--good{border-color:#84e63c59;box-shadow:var(--inset-top)}.vxl-agent__chip--good .vxl-agent__chip-dot{background:var(--grass);box-shadow:0 0 0 3px #84e63c2e}.vxl-agent__chip--muted{opacity:.7}.vxl-agent__chip--muted .vxl-agent__chip-dot{background:var(--fg-4)}.vxl-agent__actions{display:flex;flex-wrap:wrap;gap:var(--s-3);margin-top:var(--s-6)}.vxl-agent__terminal{border:1px solid var(--line-2);border-radius:var(--r-4);background:linear-gradient(180deg,var(--ink-800),var(--ink-900));box-shadow:var(--shadow-3),var(--inset-top);overflow:hidden;min-height:360px;display:flex;flex-direction:column}.vxl-agent__terminal-bar{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--line-1);background:linear-gradient(180deg,var(--ink-700),var(--ink-800))}.vxl-agent__dot{width:11px;height:11px;border-radius:var(--r-full)}.vxl-agent__dot--r{background:var(--lava)}.vxl-agent__dot--y{background:var(--gold)}.vxl-agent__dot--g{background:var(--grass)}.vxl-agent__terminal-title{font:var(--t-mono);color:var(--fg-4);margin-left:var(--s-2);margin-right:auto}.vxl-agent__terminal-body{flex:1;padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-2)}.vxl-agent__line{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:var(--s-3);padding-block:2px;animation:vxl-agent-line var(--dur-3) var(--ease-out)}@keyframes vxl-agent-line{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.vxl-agent__prompt{font:var(--t-mono);color:var(--grass)}.vxl-agent__code{font:var(--t-mono);color:var(--fg-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vxl-agent__fn{color:var(--sky)}.vxl-agent__str{color:var(--grass)}.vxl-agent__num{color:var(--gold)}.vxl-agent__hex{color:var(--berry)}.vxl-agent__caret{display:inline-block;width:8px;height:1.05em;margin-left:2px;translate:0 2px;background:var(--grass);animation:vxl-agent-blink 1s steps(2,start) infinite}@keyframes vxl-agent-blink{0%,to{opacity:1}50%{opacity:0}}.vxl-agent__log{display:inline-flex;align-items:center;gap:var(--s-2);justify-self:end;font:var(--t-caption);color:var(--fg-4);white-space:nowrap}.vxl-agent__log-swatch{width:10px;height:10px;border-radius:3px;border:1px solid var(--line-2)}@media(max-width:640px){.vxl-agent{padding-block:var(--s-7);padding-inline:var(--s-4)}.vxl-agent__log{display:none}.vxl-agent__line{grid-template-columns:auto 1fr}}@media(prefers-reduced-motion:reduce){.vxl-agent__line,.vxl-agent__caret{animation:none}}}@layer components{.vxl-features{padding-block:var(--s-9);padding-inline:var(--s-5)}.vxl-features__inner{max-width:1200px;margin-inline:auto}.vxl-features__header{max-width:620px;margin-bottom:var(--s-7);display:flex;flex-direction:column;gap:var(--s-3)}.vxl-features__eyebrow{color:var(--primary)}.vxl-features__heading{letter-spacing:-.02em}.vxl-features__description{font:var(--t-body-lg);color:var(--fg-3);margin:0;line-height:1.6}.vxl-features__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-4);margin-bottom:var(--s-7)}.vxl-features__step{position:relative;padding:var(--s-5);border-radius:var(--r-3);border:1px solid var(--line-1);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent);display:flex;flex-direction:column;gap:var(--s-2)}.vxl-features__step-n{font:var(--t-display);font-size:34px;line-height:1;color:transparent;background:linear-gradient(160deg,var(--grass),var(--ice));-webkit-background-clip:text;background-clip:text;margin-bottom:var(--s-2)}.vxl-features__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--s-4)}.vxl-features__card{height:100%;transition:transform var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out)}.vxl-features__card:hover{transform:translateY(-4px);border-color:var(--line-3)}.vxl-features__card-inner{display:flex;flex-direction:column;gap:var(--s-3)}@media(max-width:768px){.vxl-features{padding-block:var(--s-7)}.vxl-features__steps{grid-template-columns:1fr}}@media(max-width:640px){.vxl-features{padding-inline:var(--s-4)}.vxl-features__grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.vxl-features__card:hover{transform:none}}}@layer components{.vxl-cta{padding-block:var(--s-9);padding-inline:var(--s-5)}.vxl-cta__panel{position:relative;max-width:880px;margin-inline:auto;padding:var(--s-9) var(--s-7);text-align:center;border-radius:var(--r-4);border:1px solid var(--line-2);background:radial-gradient(ellipse 70% 90% at 50% 0%,rgba(132,230,60,.12) 0%,transparent 70%),linear-gradient(180deg,var(--ink-700),var(--ink-800));box-shadow:var(--shadow-3),var(--inset-top);overflow:hidden}.vxl-cta__panel:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1px);background-size:26px 26px;mask-image:radial-gradient(ellipse 70% 70% at 50% 0%,black 0%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 0%,black 0%,transparent 75%);pointer-events:none}.vxl-cta__panel>*{position:relative;z-index:1}.vxl-cta__eyebrow{color:var(--primary);display:block}.vxl-cta__heading{font:var(--t-h1);font-size:clamp(30px,4.5vw,46px);color:var(--fg-1);letter-spacing:-.02em;margin:var(--s-3) 0 0}.vxl-cta__sub{font:var(--t-body-lg);color:var(--fg-3);max-width:520px;margin:var(--s-4) auto 0;line-height:1.6}.vxl-cta__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s-3);margin-top:var(--s-6)}@media(max-width:640px){.vxl-cta{padding-block:var(--s-7);padding-inline:var(--s-4)}.vxl-cta__panel{padding:var(--s-7) var(--s-5)}.vxl-cta__actions{flex-direction:column}.vxl-cta__actions>*,.vxl-cta__actions .vxl-button{width:100%}}}