:root{--bg: oklch(.025 0 0);--bg-muted: oklch(.045 0 0);--surface: oklch(.075 0 0);--surface-2: oklch(.105 0 0);--surface-3: oklch(.145 0 0);--line: oklch(1 0 0 / .1);--line-strong: oklch(1 0 0 / .18);--text: oklch(.965 0 0);--muted: oklch(.72 0 0);--dim: oklch(.52 0 0);--metal-bright: oklch(.98 .004 255);--metal-mid: oklch(.82 .006 255);--metal-hot: oklch(1 0 0);--faint: oklch(1 0 0 / .05);--ink: oklch(.03 0 0);--code-key: oklch(.82 .075 255);--code-type: oklch(.86 .064 302);--code-fn: oklch(.84 .058 215);--code-string: oklch(.86 .055 82);--code-tag: oklch(.78 .042 245);--code-attr: oklch(.8 .05 185);--code-field: oklch(.89 .028 250);--code-pkg: oklch(.66 .025 255);--code-comment: oklch(.55 .01 255);--mono: "Geist Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--sans: "Geist", "Segoe UI Variable", "Aptos", "Segoe UI", ui-sans-serif, system-ui, -apple-system, sans-serif;color-scheme:dark;font-family:var(--sans);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{background:radial-gradient(circle at 72% 18%,oklch(.28 0 0 / .22),transparent 25rem),radial-gradient(circle at 50% 56%,oklch(.16 0 0 / .2),transparent 30rem),var(--bg);color:var(--text);margin:0;min-width:320px;overflow-x:hidden;width:100%}body:before{background-image:radial-gradient(transparent,var(--bg) 68%),radial-gradient(oklch(1 0 0 / .12) .7px,transparent 1.2px);background-repeat:no-repeat,space;background-size:100% 100%,42px 42px;content:"";inset:0;opacity:.22;pointer-events:none;position:fixed;z-index:-1}a{color:inherit}.container{margin:0 auto;max-width:1220px;padding:0 clamp(1.1rem,3vw,2rem);width:100%}.site-nav{align-items:center;background:linear-gradient(180deg,#000000e0,#00000094);border-bottom:1px solid var(--faint);display:flex;height:4.4rem;justify-content:space-between;left:0;padding-inline:max(1rem,calc((100vw - 960px)/2));position:fixed;right:0;top:0;z-index:50}.brand{align-items:center;display:inline-flex;font-size:1.02rem;font-weight:720;gap:.62rem;text-decoration:none}.brand-mark{align-items:center;color:var(--text);display:inline-flex;height:1.35rem;justify-content:center;width:1.9rem}.brand-mark svg,.closing-mark svg{fill:currentColor;height:100%;width:100%}.site-nav nav{align-items:center;display:flex;gap:clamp(1rem,2vw,1.6rem)}.site-nav nav a{align-items:center;color:var(--muted);display:inline-flex;font-size:.92rem;font-weight:650;min-height:2.3rem;text-decoration:none;transition:color .18s ease,transform .18s ease}.site-nav nav a:hover{color:var(--text);transform:translateY(-1px)}.github-link{gap:.42rem}.github-link svg{height:1.05rem;width:1.05rem}.hero{--metal-angle: 114deg;--metal-roll: -8%;--metal-x: 28%;--metal-y: 30%;border-bottom:1px solid var(--line);display:flex;align-items:center;min-height:100svh;overflow:hidden;padding:clamp(9rem,18vh,13rem) 0 clamp(8rem,16vh,12rem);position:relative}.hero:after,.command-section:before,.demo-section:before{background:linear-gradient(90deg,transparent,oklch(1 0 0 / .34),transparent);content:"";height:1px;left:0;position:absolute;right:0;top:0}.hero-grid{align-items:center;display:grid;gap:clamp(3rem,8vw,8.5rem);grid-template-columns:minmax(0,.92fr) minmax(24rem,1.08fr)}.hero-copy{max-width:680px;position:relative;z-index:2}.hero h1{animation:hero-enter .72s cubic-bezier(.16,1,.3,1) both;color:var(--text);font-size:clamp(3.25rem,5vw,5rem);font-weight:520;letter-spacing:0;line-height:1.1;margin:0;overflow:visible;text-shadow:none;text-wrap:balance}.hero h1 span{background:radial-gradient(ellipse 92% 74% at calc(var(--metal-x) + var(--line-shift, 0%)) calc(var(--metal-y) + var(--line-depth, 0%)),oklch(1 0 0 / .9) 0%,oklch(.94 .006 255 / .48) 20%,transparent 48%),linear-gradient(var(--metal-angle),transparent 0%,transparent 32%,oklch(1 0 0 / .82) 43%,oklch(.9 .004 255 / .26) 54%,transparent 67%,transparent 100%),linear-gradient(180deg,#fff,#dcdee1 14%,#96989c 31%,#f7f8fa 46%,#dcdee1 58%,#7e8084 76%,#e9ebee);background-clip:text;background-position:center,calc(50% + var(--line-shift, 0%)) center,center calc(50% + var(--metal-roll));background-repeat:no-repeat;background-size:155% 120%,170% 140%,100% 145%;display:block;filter:contrast(1.05) drop-shadow(0 14px 22px oklch(0 0 0 / .42));line-height:1.08;margin-bottom:-.055em;overflow:visible;padding-bottom:.075em;position:relative;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:0;width:fit-content}.hero h1 span:nth-child(1){--line-depth: -4%;--line-shift: -8%}.hero h1 span:nth-child(2){--line-depth: 2%;--line-shift: 5%}.hero h1 span:nth-child(3){--line-depth: 7%;--line-shift: -2%}.hero h1 span:after{content:none}.dim-word{text-shadow:none}.hero-copy p,.section-copy p,.compare-head p,.adapter-layout p{color:var(--muted);font-size:clamp(1rem,1.08vw,1.08rem);line-height:1.72;max-width:690px;text-wrap:pretty}.hero-copy p{animation:hero-enter .72s .12s cubic-bezier(.16,1,.3,1) both;margin:1.45rem 0 0}.hero-actions{animation:hero-enter .72s .3s cubic-bezier(.16,1,.3,1) both;display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2.4rem}.button{align-items:center;border-radius:7px;display:inline-flex;font-size:.91rem;font-weight:740;justify-content:center;letter-spacing:0;min-height:2.9rem;padding:.76rem 1rem;text-decoration:none;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--text);border:1px solid var(--text);color:var(--ink)}.button-primary:hover{background:#cacaca;border-color:#cacaca}.button-secondary,.button-dark{background:transparent;border:1px solid var(--line-strong);color:var(--text)}.button-secondary:hover,.button-dark:hover{border-color:#ffffff59}.hero-visual{min-height:clamp(28rem,39vw,36rem);position:relative}.sigil-glow{background:radial-gradient(circle,oklch(1 0 0 / .18),transparent 63%);filter:blur(4px);height:34rem;inset:50% auto auto 50%;position:absolute;transform:translate(-50%,-50%);width:42rem}.sigil-mark{animation:sigil-breathe 8s var(--ease-smooth, ease-in-out) infinite;color:#ffffff17;filter:drop-shadow(0 0 1px oklch(1 0 0 / .18));height:min(32rem,76vw);left:50%;position:absolute;top:50%;transform:translate(-48%,-50%) rotate(-3deg);width:min(45rem,96vw)}.sigil-mark path{fill:currentColor}.particle-field{inset:0;position:absolute}.particle-field span{animation:particle-drift 8s ease-in-out infinite;animation-delay:calc(var(--i) * -.74s);color:#ffffff30;font-family:var(--mono);font-size:clamp(.64rem,.85vw,.78rem);left:calc(12% + (var(--i) * 9%));position:absolute;top:calc(20% + (var(--row) * 13%));white-space:nowrap}.particle-field span:nth-child(2n){color:#ffffff21;transform:translate(3rem)}.particle-field span:nth-child(3n){transform:translate(-2rem)}.command-section,.code-section,.path-section,.terminal-section,.demo-section,.feature-section,.adapter-section,.closing-section{padding:clamp(7rem,12vw,12rem) 0;position:relative}.command-section,.path-section,.feature-section,.closing-section{background:#000000b8}.code-section,.terminal-section,.adapter-section,.demo-section{background:linear-gradient(180deg,#000,#000)}.command-grid,.path-layout,.terminal-grid,.feature-layout{align-items:center;display:grid;gap:clamp(3.25rem,7vw,7.5rem);grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.command-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr)}.generate-terminal{aspect-ratio:5 / 3.2;background:var(--bg);border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;max-width:860px;min-height:28rem;overflow:hidden;width:100%}.generate-terminal-bar{align-items:center;border-bottom:1px solid var(--line);color:var(--dim);display:flex;font-family:var(--mono);font-size:.75rem;justify-content:space-between;min-height:2.8rem;padding:.78rem .95rem}.generate-terminal-bar code{color:var(--text)}.generate-terminal-body{color:var(--muted);flex:1;display:flex;flex-direction:column;font-family:var(--mono);font-size:clamp(.72rem,.78vw,.88rem);gap:1.15rem;justify-content:flex-start;line-height:1.68;padding:clamp(1.3rem,2.4vw,1.9rem)}.generate-command{align-items:center;display:grid;gap:.48rem;grid-template-columns:auto auto auto;justify-content:start;min-height:1.5rem}.generate-command span{color:var(--text)}.generate-command code{color:var(--text);display:inline-block;max-width:14ch;overflow:hidden;white-space:nowrap}.generate-command i{display:inline-block;height:1rem;opacity:1;position:relative;width:1px}.generate-command i:after{animation:cursor-blink 1s steps(2,end) infinite;background:var(--text);content:"";inset:0;position:absolute}.generate-lines{display:grid;gap:.34rem;opacity:1;transform:none}.generate-terminal.terminal-armed .generate-command code{max-width:0;opacity:1}.generate-terminal.terminal-armed .generate-lines{opacity:0;transform:translateY(.35rem)}.generate-terminal.terminal-armed.is-running .generate-command code{animation:terminal-type 11.5s steps(14,end) infinite}.generate-terminal.terminal-armed.is-running .generate-command i{animation:terminal-cursor 11.5s cubic-bezier(.16,1,.3,1) infinite}.generate-terminal.terminal-armed.is-running .generate-lines{animation:terminal-output 11.5s cubic-bezier(.16,1,.3,1) infinite both}.generate-line,.generate-done{display:grid;gap:1.25rem;grid-template-columns:7rem minmax(0,1fr);min-height:1.45rem}.generate-line span{color:var(--dim)}.generate-line code{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.generate-done{border-top:1px solid var(--line);color:var(--text);display:block;margin-top:.8rem;padding-top:1rem}.section-copy h2,.compare-head h2,.adapter-layout h2,.closing-panel h2{color:var(--text);font-size:clamp(2.1rem,4.4vw,4.2rem);font-weight:520;letter-spacing:0;line-height:1.08;margin:0 0 1.25rem;max-width:900px;text-wrap:balance}.section-copy p,.compare-head p{margin:0}.section-copy-wide{margin-bottom:clamp(3rem,5.5vw,5rem);max-width:820px}.compare-layout{display:grid;gap:clamp(3.25rem,6vw,5.5rem)}.compare-head{align-items:end;display:grid;gap:clamp(2rem,5vw,5rem);grid-template-columns:minmax(0,.95fr) minmax(20rem,.82fr)}.code-pair{align-items:start;display:grid;gap:clamp(1.8rem,4vw,3.5rem);grid-template-columns:repeat(2,minmax(0,1fr))}.code-figure{margin:0;min-width:0}.code-figure-offset{margin-top:clamp(1.8rem,5vw,4rem)}.code-figure figcaption,.panel-heading,.terminal-bar{align-items:center;border-bottom:1px solid var(--line);color:var(--dim);display:flex;font-family:var(--mono);font-size:.74rem;justify-content:space-between;min-height:2.7rem;padding:.8rem .95rem}.code-figure figcaption span:last-child,.panel-heading span:last-child,.terminal-bar span:last-child{color:var(--text)}.code-panel,.terminal-window,.demo-shell,.code-block,.closing-panel{background:linear-gradient(180deg,var(--surface),var(--bg));border:1px solid var(--line);border-radius:10px;overflow:hidden}.code-panel{color:#d7d7d7;display:block;font-family:var(--mono);font-size:clamp(.74rem,.72vw,.84rem);line-height:1.82;margin:0;min-height:27rem;overflow:visible;padding:clamp(1.35rem,2.4vw,1.9rem);white-space:pre-wrap}.code-panel code,.mini-code code,.code-block code{font-family:inherit}.tok-key,.tok-label{color:var(--code-key);font-weight:820}.tok-type{color:var(--code-type);font-weight:780}.tok-tag,.tok-string{color:var(--code-string)}.tok-fn,.tok-json-key{color:var(--code-fn);font-weight:760}.tok-num,.tok-bool{color:var(--code-attr);font-weight:650}.tok-field{color:var(--code-field);font-weight:760}.tok-pkg{color:var(--code-pkg)}.tok-tag{color:var(--code-tag);font-style:italic}.tok-error{color:var(--text);font-weight:760}.tok-comment{color:var(--code-comment)}.path-layout{align-items:start}.path-rail,.feature-list{border-top:1px solid var(--line-strong)}.path-item{align-items:start;border-bottom:1px solid var(--line);display:grid;gap:1.65rem;grid-template-columns:6.1rem minmax(0,1fr) auto;padding:1.8rem 0}.path-step{align-items:center;border:1px solid var(--line-strong);border-radius:7px;color:var(--text);display:inline-flex;font-family:var(--mono);font-size:.78rem;justify-content:center;min-height:2.2rem;padding:0 .65rem;width:fit-content}.path-item h3,.feature-row h3{color:var(--text);font-size:clamp(1.25rem,1.8vw,1.55rem);font-weight:640;letter-spacing:0;line-height:1.2;margin:0 0 .46rem}.path-item p,.feature-row p{color:var(--muted);line-height:1.66;margin:0}.path-item>span{color:var(--dim);font-family:var(--mono);font-size:.76rem;padding-top:.45rem;white-space:nowrap}.terminal-grid{align-items:stretch;grid-template-columns:minmax(0,1.08fr) minmax(19rem,.72fr)}.terminal-body{font-family:var(--mono);font-size:clamp(.78rem,.88vw,.9rem);line-height:1.86;padding:clamp(1.35rem,2.4vw,1.75rem)}.terminal-command{color:var(--text);margin-bottom:1.2rem}.terminal-row{display:grid;gap:1.2rem;grid-template-columns:6.8rem minmax(0,1fr);min-height:1.9rem}.terminal-row span{color:var(--dim)}.terminal-row code{color:var(--text);overflow-wrap:anywhere}.terminal-result{border-top:1px solid var(--line);color:var(--text);margin-top:1.2rem;padding-top:1.15rem}.artifact-stack{display:grid;gap:1.1rem}.artifact-stack article{background:#010101b8;border:1px solid var(--line);border-radius:9px;padding:1.3rem}.artifact-stack span{color:var(--text);display:block;font-weight:690;margin-bottom:.5rem}.artifact-stack p{color:var(--muted);line-height:1.62;margin:0}.demo-shell{background:#010101}.demo-tabs{border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}.demo-tab{background:transparent;border:0;border-right:1px solid var(--line);color:var(--muted);cursor:pointer;font:inherit;font-size:.9rem;font-weight:690;min-height:3rem;padding:.85rem 1rem;text-align:left;transition:background .16s ease,color .16s ease}.demo-tab:last-child{border-right:0}.demo-tab:hover{color:var(--text)}.demo-tab-active{background:var(--text);color:var(--ink)}.demo-tab-active:hover{color:var(--ink)}.demo-body{align-items:stretch;display:grid;gap:clamp(1.6rem,3vw,2.4rem);grid-template-columns:minmax(240px,.42fr) minmax(0,1fr);min-height:37rem;padding:clamp(1.35rem,2.5vw,1.9rem)}.demo-copy{border-right:1px solid var(--line);display:flex;flex-direction:column;padding:.45rem clamp(1.4rem,2.8vw,2.2rem) .45rem .2rem}.demo-body h3{color:var(--text);font-size:clamp(1.7rem,2.5vw,2.35rem);font-weight:560;letter-spacing:0;line-height:1.08;margin:0 0 1.1rem}.demo-body p{color:var(--muted);line-height:1.66;margin:0}.demo-copy .button{align-self:flex-start;margin-top:1.7rem}.code-block{background:var(--bg);color:var(--muted);font-family:var(--mono);font-size:clamp(.72rem,.78vw,.86rem);line-height:1.78;margin:0;min-height:34rem;overflow:visible;padding:clamp(1.25rem,2.3vw,1.7rem);white-space:pre-wrap}.feature-layout{align-items:start}.feature-row{border-bottom:1px solid var(--line);padding:1.85rem 0}.adapter-layout{display:grid;gap:clamp(3rem,5vw,4.75rem)}.adapter-stage{border-bottom:1px solid var(--line);border-top:1px solid var(--line);overflow:hidden;padding:1.55rem 0;position:relative}.adapter-stage:before,.adapter-stage:after{content:"";height:100%;pointer-events:none;position:absolute;top:0;width:16%;z-index:2}.adapter-stage:before{background:linear-gradient(90deg,var(--bg),transparent);left:0}.adapter-stage:after{background:linear-gradient(90deg,transparent,var(--bg));right:0}.adapter-track{animation:adapter-belt 58s linear infinite;display:flex;gap:1rem;width:max-content}.adapter-stage:hover .adapter-track{animation-play-state:paused}.adapter-card{align-items:center;background:#010101bd;border:1px solid var(--line);border-radius:9px;color:var(--text);display:flex;flex:0 0 auto;gap:1rem;min-height:5.2rem;min-width:14.5rem;padding:1.15rem;text-decoration:none;transition:background .18s ease,border-color .18s ease,transform .18s ease}.adapter-card:hover{background:var(--surface);border-color:var(--line-strong);transform:translateY(-2px)}.adapter-icon{align-items:center;background:var(--text);border-radius:6px;color:var(--ink);display:inline-flex;font-family:var(--mono);font-size:.72rem;font-weight:780;height:2.45rem;justify-content:center;padding:0 .45rem;min-width:2.45rem}.adapter-card strong{font-size:.98rem;line-height:1.1}.closing-panel{align-items:center;background:radial-gradient(circle at 18% 25%,oklch(1 0 0 / .11),transparent 16rem),linear-gradient(180deg,var(--surface),var(--bg));display:grid;gap:clamp(2rem,5vw,3.6rem);grid-template-columns:auto minmax(0,1fr) auto;padding:clamp(1.8rem,4.5vw,3.2rem)}.closing-mark{align-items:center;border:1px solid var(--line-strong);border-radius:999px;color:var(--text);display:flex;height:4.4rem;justify-content:center;width:4.4rem}.closing-mark svg{height:1.65rem;width:2.35rem}.closing-panel h2{font-size:clamp(2rem,4vw,3.5rem);margin:0}.closing-panel p{color:var(--muted);line-height:1.62;margin:.75rem 0 0;max-width:48rem}.closing-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}@media(max-width:1100px){.hero-grid,.command-grid,.path-layout,.terminal-grid,.feature-layout,.compare-head,.closing-panel{grid-template-columns:1fr}.hero-visual{min-height:24rem;order:-1}.hero-copy{max-width:780px}.closing-actions{justify-content:flex-start}}@media(max-width:860px){.site-nav{padding-inline:1rem}.code-pair,.demo-body{grid-template-columns:1fr}.code-figure-offset{margin-top:0}.demo-copy{border-bottom:1px solid var(--line);border-right:0;padding:0 0 1rem}.path-item{grid-template-columns:4.9rem minmax(0,1fr)}.path-item>span{grid-column:2;padding-top:0;white-space:normal}}@media(max-width:640px){.site-nav{height:4rem}.github-link span{display:none}.hero{padding-top:7rem}.hero h1{font-size:clamp(2.6rem,12vw,3.7rem)}.hero-visual{min-height:17rem}.sigil-mark{height:18rem}.particle-field span{font-size:.58rem}.generate-terminal{aspect-ratio:auto;min-height:25rem}.generate-terminal-body{font-size:.68rem;justify-content:flex-start;padding:1rem}.generate-line{gap:.8rem;grid-template-columns:4.8rem minmax(0,1fr)}.hero-actions,.closing-actions{align-items:stretch;flex-direction:column}.button{max-width:100%;width:100%}.code-panel,.code-block,.terminal-body{font-size:.68rem}.terminal-row{grid-template-columns:5.2rem minmax(0,1fr)}.demo-tabs{grid-template-columns:1fr}.demo-tab{border-bottom:1px solid var(--line);border-right:0}.demo-tab:last-child{border-bottom:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.adapter-track{animation:none}.generate-command code{animation:none;max-width:14ch}.generate-command i{animation:none}.generate-command i:after{animation:none}.generate-line,.generate-done,.generate-lines{animation:none;opacity:1;transform:none}}@keyframes hero-enter{0%{filter:blur(14px);opacity:0;transform:translateY(1.1rem) scale(1.02)}to{filter:blur(0);opacity:1;transform:translateY(0) scale(1)}}@keyframes sigil-breathe{0%,to{opacity:.72;transform:translate(-48%,-50%) rotate(-3deg) scale(1)}50%{opacity:1;transform:translate(-48%,-51%) rotate(-3deg) scale(1.025)}}@keyframes particle-drift{0%,to{opacity:.12;transform:translateZ(0)}50%{opacity:.28;transform:translate3d(.8rem,-.7rem,0)}}@keyframes terminal-type{0%,10%{max-width:0;opacity:1}24%,82%{max-width:14ch;opacity:1}86%{max-width:14ch;opacity:0}86.01%,to{max-width:0;opacity:0}}@keyframes terminal-output{0%,42%,84%,to{opacity:0;transform:translateY(.35rem)}52%,76%{opacity:1;transform:translateY(0)}}@keyframes terminal-cursor{0%,82%{opacity:1}86%,to{opacity:0}}@keyframes cursor-blink{0%,45%{opacity:1}46%,to{opacity:0}}@keyframes adapter-belt{0%{transform:translate(0)}to{transform:translate(calc(-50% - .4rem))}}
