@keyframes reveal-fade-up{0%{opacity:0;transform:translateY(var(--reveal-y, 24px))}to{opacity:1;transform:translateY(0)}}@keyframes reveal-fade-right{0%{opacity:0;transform:translate(var(--reveal-x, -28px))}to{opacity:1;transform:translate(0)}}.scroll-reveal-enabled :is(.section-header,.feature,.workflow-step,.usecase){opacity:0;will-change:opacity,transform}.scroll-reveal-enabled :is(.section-header,.usecase){transform:translateY(var(--reveal-y, 24px))}.scroll-reveal-enabled :is(.feature,.workflow-step){transform:translate(var(--reveal-x, -28px))}.scroll-reveal-enabled :is(.section-header,.feature,.workflow-step,.usecase).is-visible{animation-delay:var(--reveal-delay, 0ms);animation-duration:.64s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.22,1,.36,1)}.scroll-reveal-enabled .section-header.is-visible,.scroll-reveal-enabled .usecase.is-visible{animation-name:reveal-fade-up}.scroll-reveal-enabled .feature.is-visible,.scroll-reveal-enabled .workflow-step.is-visible{animation-name:reveal-fade-right}.scroll-reveal-enabled :is(.section-header,.feature,.workflow-step,.usecase).is-revealed{opacity:1;transform:none;animation:none;will-change:auto}@keyframes mini-axis-grow{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes mini-lane-appear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes mini-span-appear{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.scroll-reveal-enabled .feature.is-visible .mini-ticks{animation:mini-axis-grow .4s cubic-bezier(.22,1,.36,1) .1s both}.scroll-reveal-enabled .feature.is-visible .mini-lane:nth-child(1){animation:mini-lane-appear .35s cubic-bezier(.22,1,.36,1) .2s both}.scroll-reveal-enabled .feature.is-visible .mini-lane:nth-child(2){animation:mini-lane-appear .35s cubic-bezier(.22,1,.36,1) .28s both}.scroll-reveal-enabled .feature.is-visible .mini-span{animation:mini-span-appear .4s cubic-bezier(.22,1,.36,1) .38s both}@media(hover:hover){.feature:hover,.usecase:hover,.workflow-step:hover{border-color:color-mix(in srgb,var(--color-accent),transparent 64%);box-shadow:0 16px 34px #15202c1f;transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.scroll-reveal-enabled :is(.section-header,.feature,.workflow-step,.usecase){opacity:1;transform:none;animation:none;transition:none;will-change:auto}.feature,.usecase,.workflow-step{transition:none}.feature:hover,.usecase:hover,.workflow-step:hover{transform:none}.cli-strip-motion-enabled .command-strip__command,.cli-strip-motion-enabled .command-strip__result{animation:none;max-width:none;opacity:1;transform:none;overflow:visible}}:root[data-a11y-reduced-motion=true] .scroll-reveal-enabled :is(.section-header,.feature,.workflow-step,.usecase){opacity:1;transform:none;animation:none;transition:none;will-change:auto}:root[data-a11y-reduced-motion=true] .feature,:root[data-a11y-reduced-motion=true] .usecase,:root[data-a11y-reduced-motion=true] .workflow-step{transition:none}:root[data-a11y-reduced-motion=true] .feature:hover,:root[data-a11y-reduced-motion=true] .usecase:hover,:root[data-a11y-reduced-motion=true] .workflow-step:hover{transform:none}:root[data-a11y-reduced-motion=true] .cli-strip-motion-enabled .command-strip__command,:root[data-a11y-reduced-motion=true] .cli-strip-motion-enabled .command-strip__result{animation:none;max-width:none;opacity:1;transform:none;overflow:visible}@media(max-width:820px){.scroll-reveal-enabled{--reveal-x: -12px;--reveal-y: 18px}}.hero{border-bottom:1px solid var(--color-line);background:linear-gradient(180deg,color-mix(in srgb,var(--color-panel),transparent 8%),color-mix(in srgb,var(--color-bg),transparent 90%)),linear-gradient(90deg,color-mix(in srgb,var(--color-accent),transparent 92%),color-mix(in srgb,var(--color-gold),transparent 94%)),var(--color-bg);overflow:hidden}.hero-inner{display:grid;grid-template-columns:minmax(0,.86fr) minmax(420px,1.14fr);gap:var(--space-2xl);align-items:center;width:var(--layout-width);margin:0 auto;padding:2.4rem 0 2.1rem}.hero-copy{position:relative;z-index:1}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:var(--space-xl)}.release-summary{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem var(--space-sm);margin-top:1.2rem;color:var(--color-muted);font-size:.92rem}.release-summary strong{color:var(--color-ink);font-family:var(--font-mono)}.release-label{display:inline-flex;align-items:center;min-height:1.7rem;padding:.2rem .45rem;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-warm);font-size:.78rem;font-weight:720}.hero-visual{position:relative;min-height:23.5rem;padding:var(--space-md)}.hero-visual:before{position:absolute;inset:1.4rem 0 auto auto;width:88%;height:16.8rem;border:1px solid color-mix(in srgb,var(--color-accent),transparent 80%);background:linear-gradient(90deg,color-mix(in srgb,var(--color-accent),transparent 86%) 1px,transparent 1px) 0 0 / 3.8rem 100%,linear-gradient(180deg,color-mix(in srgb,var(--color-ink),transparent 92%) 1px,transparent 1px) 0 0 / 100% 4.2rem,var(--color-bg);box-shadow:0 24px 70px color-mix(in srgb,var(--color-ink),transparent 86%);content:"";transform:rotate(-1.4deg)}.editor-panel,.timeline-preview,.command-strip{z-index:1;border:1px solid color-mix(in srgb,var(--color-ink),transparent 84%);background:var(--color-bg);box-shadow:0 18px 48px color-mix(in srgb,var(--color-ink),transparent 86%)}.editor-panel{position:absolute;top:.6rem;right:.2rem;width:min(24.5rem,86%)}.panel-bar,.preview-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);min-height:2.6rem;padding:0 .95rem;border-bottom:1px solid var(--color-line);color:var(--color-muted);font-family:var(--font-mono);font-size:.76rem}.panel-bar span:last-child{color:var(--color-accent-strong);font-weight:700}.code-sample{margin:0;overflow-x:auto;padding:var(--space-md);color:var(--color-ink);font-family:var(--font-mono);font-size:.78rem;line-height:1.54;background:transparent!important}.code-sample code{background:transparent!important;font-family:inherit;font-size:inherit;line-height:inherit}.code-sample,.code-sample span{color:var(--shiki-light)}@media(prefers-color-scheme:dark){.code-sample,.code-sample span{color:var(--shiki-dark)}}.timeline-preview{position:absolute;bottom:2.6rem;left:0;width:min(29.5rem,94%);padding-bottom:var(--space-md)}.preview-header{color:var(--color-ink);font-family:var(--font-sans);font-weight:700}.preview-header span:last-child{color:var(--color-muted);font-family:var(--font-mono);font-size:.78rem;font-weight:500}.timeline-axis{display:grid;grid-template-columns:repeat(4,1fr);margin-left:5rem;padding:.8rem var(--space-md) var(--space-2xs) 0;color:var(--color-muted);font-family:var(--font-mono);font-size:.72rem}.lane-row{position:relative;display:grid;grid-template-columns:4.1rem 1fr;align-items:center;min-height:3.2rem;margin:0 var(--space-md);border-top:1px solid color-mix(in srgb,var(--color-line),transparent 15%)}.lane-label{color:var(--color-muted);font-size:.78rem;font-weight:700}.lane-row:after{position:absolute;right:0;left:4.1rem;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--color-muted),transparent 78%),transparent);content:""}.span-block{position:relative;z-index:1;display:inline-flex;align-items:center;min-height:1.9rem;padding:.3rem .65rem;color:var(--color-on-lane);font-size:.78rem;font-weight:740}.span-realm{width:72%;margin-left:8%;background:var(--color-accent)}.span-war{width:35%;margin-left:48%;background:var(--color-warm)}.span-person{width:28%;margin-left:30%;background:var(--color-plum)}.event-dot{position:absolute;z-index:2;top:50%;width:.95rem;height:.95rem;border:3px solid var(--color-bg);border-radius:var(--radius-pill);background:var(--color-gold);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-ink),transparent 82%);transform:translateY(-50%)}.dot-one{left:40%}.dot-two{left:82%;background:var(--color-sky)}.command-strip{position:absolute;right:.7rem;bottom:0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);width:fit-content;max-width:96%;padding:.75rem .95rem;background:var(--color-terminal-bg);color:var(--color-terminal-ink);font-family:var(--font-mono);font-size:.82rem}.command-strip strong{color:var(--color-terminal-ok)}.command-strip__command,.command-strip__result{display:inline-block}@keyframes command-strip-typing{0%{max-width:0}to{max-width:30ch}}@keyframes command-strip-result-fade-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.cli-strip-motion-enabled .command-strip__command{overflow:hidden;white-space:nowrap;max-width:0;animation:command-strip-typing 1.4s steps(29,end) .2s both}.cli-strip-motion-enabled .command-strip__result{opacity:0;animation:command-strip-result-fade-in .32s cubic-bezier(.22,1,.36,1) 1.7s both}@keyframes hero-line-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-preview-build{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hero-editor-motion-enabled .editor-panel .code-sample .line{opacity:0;animation:hero-line-appear .3s cubic-bezier(.22,1,.36,1) both}.hero-editor-motion-enabled .editor-panel .code-sample .line:nth-child(1){animation-delay:.1s}.hero-editor-motion-enabled .editor-panel .code-sample .line:nth-child(2){animation-delay:.2s}.hero-editor-motion-enabled .editor-panel .code-sample .line:nth-child(3){animation-delay:.3s}.hero-editor-motion-enabled .editor-panel .code-sample .line:nth-child(4){animation-delay:.4s}.hero-editor-motion-enabled .editor-panel .code-sample .line:nth-child(5){animation-delay:.5s}.hero-editor-motion-enabled .editor-panel .code-sample .line:nth-child(6){animation-delay:.6s}.hero-editor-motion-enabled .editor-panel .code-sample .line:nth-child(7){animation-delay:.7s}.hero-editor-motion-enabled .editor-panel .code-sample .line:nth-child(8){animation-delay:.8s}.hero-editor-motion-enabled .editor-panel .code-sample .line:nth-child(9){animation-delay:.9s}.hero-editor-motion-enabled .editor-panel .code-sample .line:nth-child(10){animation-delay:1s}.hero-editor-motion-enabled .timeline-axis,.hero-editor-motion-enabled .lane-row{opacity:0;animation:hero-preview-build .4s cubic-bezier(.22,1,.36,1) both}.hero-editor-motion-enabled .timeline-axis{animation-delay:1.15s}.hero-editor-motion-enabled .lane-row:nth-child(3){animation-delay:1.3s}.hero-editor-motion-enabled .lane-row:nth-child(4){animation-delay:1.45s}.hero-editor-motion-enabled .lane-row:nth-child(5){animation-delay:1.6s}.prompt{color:var(--color-terminal-prompt)}@media(max-width:820px){.hero-inner{grid-template-columns:1fr}.hero-inner{gap:var(--space-xl)}.hero-visual{min-height:auto;padding:0}.hero-visual:before{display:none}.editor-panel,.timeline-preview,.command-strip{position:relative;inset:auto}.editor-panel,.timeline-preview{width:100%}.timeline-preview{margin-top:var(--space-md)}.command-strip{width:100%;margin-top:var(--space-md)}}@media(max-width:480px){.hero-inner{padding-top:1.45rem;padding-bottom:1.25rem}.code-sample{font-size:.75rem}.editor-panel{overflow:hidden}.panel-bar,.preview-header{gap:var(--space-xs);min-height:2.35rem;padding:0 var(--space-sm);font-size:.68rem}.panel-bar span:first-child,.preview-header span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.code-sample{max-height:9.8rem;padding:.75rem;font-size:.68rem;line-height:1.48}.command-strip{gap:var(--space-2xs) var(--space-xs);max-width:100%;padding:.65rem .75rem;font-size:.68rem}.command-strip span:not(.prompt){min-width:0;overflow-wrap:anywhere}.timeline-axis{margin-left:4.4rem;padding-top:.6rem;padding-bottom:.25rem;font-size:.64rem}.lane-row{grid-template-columns:3.6rem 1fr;min-height:2.72rem;margin:0 .75rem}.lane-row:after{left:3.6rem}.lane-label,.span-block{font-size:.7rem}}.feature-code pre,.feature-code pre span{color:var(--shiki-light)}@media(prefers-color-scheme:dark){.feature-code pre,.feature-code pre span{color:var(--shiki-dark)}}.feature-kicker{margin:0;color:var(--color-warm);font-family:var(--font-mono);font-size:.78rem;font-weight:740}.feature-figure{width:100%;min-height:8.8rem;margin:.8rem 0 1.1rem;border:1px solid color-mix(in srgb,var(--color-line),transparent 10%);background:linear-gradient(90deg,color-mix(in srgb,var(--color-accent),transparent 92%) 1px,transparent 1px) 0 0 / 2.4rem 100%,linear-gradient(180deg,color-mix(in srgb,var(--color-warm),transparent 92%) 1px,transparent 1px) 0 0 / 100% 2.4rem,var(--color-panel);overflow:hidden;padding:.65rem}.feature-code,.feature-terminal,.feature-mini-timeline{min-height:7.35rem;border:1px solid color-mix(in srgb,var(--color-ink),transparent 86%);background:color-mix(in srgb,var(--color-bg),transparent 14%);box-shadow:0 12px 28px color-mix(in srgb,var(--color-ink),transparent 92%)}.feature-figure-bar,.feature-command,.mini-timeline-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);min-height:1.9rem;padding:0 .6rem;border-bottom:1px solid color-mix(in srgb,var(--color-line),transparent 15%);color:var(--color-muted);font-family:var(--font-mono);font-size:.68rem}.feature-figure-bar span:last-child,.mini-timeline-head strong{color:var(--color-accent-strong);font-weight:760}.feature-code pre{margin:0;overflow:hidden;padding:.62rem .68rem;color:var(--color-ink);font-family:var(--font-mono);font-size:.64rem;line-height:1.56;background:transparent!important}.feature-code pre code{background:transparent!important;font-family:inherit;font-size:inherit;line-height:inherit}.feature-terminal{background:var(--color-terminal-bg);color:var(--color-terminal-ink)}.feature-terminal .feature-command{justify-content:flex-start;border-bottom-color:var(--color-terminal-bar-border);color:var(--color-terminal-ink)}.diagnostic-list{display:grid;gap:var(--space-2xs);padding:.62rem}.diagnostic{display:grid;grid-template-columns:3.2rem minmax(0,1fr);gap:.45rem;align-items:baseline;margin:0;color:var(--color-terminal-diag-muted);font-family:var(--font-mono);font-size:.64rem;line-height:1.45}.diagnostic span{color:var(--color-terminal-ink);font-weight:760}.diagnostic strong{min-width:0;font-weight:520;overflow-wrap:anywhere}.diagnostic.ok span{color:var(--color-terminal-ok)}.diagnostic.warn span{color:var(--color-terminal-warn)}.diagnostic.error span{color:var(--color-terminal-error)}.feature-mini-timeline{padding-bottom:var(--space-xs)}.mini-ticks{display:grid;grid-template-columns:repeat(4,1fr);padding:var(--space-xs) .62rem .1rem 4.2rem;color:var(--color-muted);font-family:var(--font-mono);font-size:.58rem}.mini-lane{position:relative;display:grid;grid-template-columns:3.55rem minmax(0,1fr);align-items:center;min-height:2.25rem;margin:0 .62rem;border-top:1px solid color-mix(in srgb,var(--color-line),transparent 10%)}.mini-lane-label{color:var(--color-muted);font-size:.65rem;font-weight:720}.mini-lane:after{position:absolute;right:0;left:3.55rem;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--color-muted),transparent 80%),transparent);content:""}.mini-span{position:relative;z-index:1;display:inline-flex;align-items:center;width:var(--width);min-height:1.35rem;margin-left:var(--start);padding:0 .42rem;color:var(--color-on-lane);font-size:.62rem;font-weight:740;white-space:nowrap}.mini-span.accent{background:var(--color-accent)}.mini-span.gold{background:var(--color-gold)}.mini-span.plum{background:var(--color-plum)}.mini-span.sky{background:var(--color-sky)}.mini-span.warm{background:var(--color-warm)}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md)}.feature{min-height:17rem;padding:1.2rem;border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-bg);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.feature h3{margin:0;font-size:1.05rem}.feature p{margin:.65rem 0 0;color:var(--color-muted)}@media(max-width:820px){.feature-grid{grid-template-columns:1fr}}.workflow-band{border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);background:linear-gradient(90deg,color-mix(in srgb,var(--color-accent),transparent 92%),color-mix(in srgb,var(--color-plum),transparent 94%)),var(--color-panel)}.workflow-layout{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:var(--space-xl);align-items:center}.workflow-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md)}.workflow-step{position:relative;min-height:15.5rem;padding:1.1rem;border:1px solid color-mix(in srgb,var(--color-ink),transparent 86%);border-radius:var(--radius-lg);background:var(--color-bg);overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.workflow-step:before{position:absolute;inset:auto 1rem 1rem;height:.45rem;background:linear-gradient(90deg,var(--color-accent),var(--color-gold),var(--color-plum));content:""}.step-number{color:var(--color-accent-strong);font-family:var(--font-mono);font-size:.84rem;font-weight:760}.workflow-step h3{margin:1.65rem 0 0;font-size:1.08rem}.workflow-step p{margin:.65rem 0 0;color:var(--color-muted)}@media(max-width:820px){.workflow-layout,.workflow-rail{grid-template-columns:1fr}}.usecase-sample{margin:0;color:var(--color-warm);font-family:var(--font-mono);font-size:.78rem;font-weight:740}.usecase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}.usecase-showcase-link{margin:var(--space-lg) 0 0;font-size:.95rem;text-align:right}.usecase-showcase-link a{color:var(--color-accent);text-decoration:none;font-weight:600}.usecase-showcase-link a:hover{text-decoration:underline}.usecase{display:grid;grid-template-columns:12rem minmax(0,1fr);gap:1.1rem;min-height:13.5rem;padding:1.1rem;border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-bg);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.usecase-map{position:relative;min-height:10.4rem;border:1px solid color-mix(in srgb,var(--color-line),transparent 5%);background:linear-gradient(90deg,color-mix(in srgb,var(--color-accent),transparent 92%) 1px,transparent 1px) 0 0 / 2.15rem 100%,linear-gradient(180deg,transparent 36%,color-mix(in srgb,var(--color-ink),transparent 90%) 36% 37%,transparent 37% 63%,color-mix(in srgb,var(--color-ink),transparent 90%) 63% 64%,transparent 64%),var(--color-panel);overflow:hidden}.usecase-map:before{position:absolute;inset:2.45rem .85rem auto;height:1px;background:color-mix(in srgb,var(--color-ink),transparent 78%);content:""}.usecase-map-head{display:flex;align-items:center;justify-content:space-between;min-height:2rem;padding:0 var(--space-sm);border-bottom:1px solid color-mix(in srgb,var(--color-line),transparent 14%);color:var(--color-muted);font-family:var(--font-mono);font-size:.68rem;font-weight:720}.usecase-bar{position:absolute;left:calc(.8rem + var(--start));display:grid;align-content:center;width:var(--width);min-width:3.25rem;height:1.85rem;padding:0 .45rem;color:var(--color-on-lane);box-shadow:0 8px 18px #15202c1f}.usecase-bar:before{position:absolute;top:-.52rem;left:.45rem;width:1px;height:.52rem;background:color-mix(in srgb,var(--color-ink),transparent 72%);content:""}.usecase-bar:nth-child(2){top:3.15rem}.usecase-bar:nth-child(3){top:5.85rem}.usecase-bar:nth-child(4){top:8.55rem}.usecase-year,.usecase-label{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usecase-year{font-family:var(--font-mono);font-size:.56rem;line-height:1;opacity:.84}.usecase-label{margin-top:.15rem;font-size:.64rem;font-weight:760;line-height:1}.usecase h3{margin:var(--space-xs) 0 0;font-size:1.16rem}.usecase p:last-child{margin:.65rem 0 0;color:var(--color-muted)}.usecase-bar.accent{background:var(--color-accent)}.usecase-bar.gold{background:var(--color-gold)}.usecase-bar.plum{background:var(--color-plum)}.usecase-bar.sky{background:var(--color-sky)}.usecase-bar.warm{background:var(--color-warm)}@media(max-width:820px){.usecase-grid,.usecase{grid-template-columns:1fr}.usecase-map{min-height:10.4rem}}.install-band{border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);background:var(--color-panel)}.install-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:var(--space-lg);align-items:center}.command{margin:0;overflow-x:auto;border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-bg);padding:var(--space-md) 3.4rem var(--space-md) var(--space-md);font-family:var(--font-mono);font-size:.95rem}.command-copy{position:relative;min-width:0}.copy-button{position:absolute;top:.55rem;right:.55rem;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-ink);cursor:pointer;transition:background-color .12s ease,color .12s ease,border-color .12s ease}.copy-button:hover{background:var(--color-panel)}.copy-button__icon{display:block}.copy-button__icon--check{display:none;color:var(--color-accent)}.copy-button.is-copied{border-color:var(--color-accent)}.copy-button.is-copied .copy-button__icon--clipboard{display:none}.copy-button.is-copied .copy-button__icon--check{display:block}.copy-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(max-width:820px){.install-layout{grid-template-columns:1fr}}
