@charset "UTF-8";
:root{color-scheme:dark;--bg:#0a0c12;--panel:#10131c;--panel-alt:#121620;--ink:#f0f0f5;--muted:#999ba9;--dim:#858797;--line:#252834;--accent:#b8a2f2;--accent-ink:#151021;--green:#8bd8ba;--art-line:#ffffff09;--radius:16px;font-family:Inter,"Segoe UI",Arial,sans-serif;font-synthesis:none;scroll-behavior:smooth}
:root[data-theme=light]{color-scheme:light;--bg:#f6f5f9;--panel:#fff;--panel-alt:#eeedf5;--ink:#20202e;--muted:#626274;--dim:#707081;--line:#dedce9;--accent:#7353bb;--accent-ink:#fff;--green:#236c52;--art-line:#18122a0b}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{color:inherit}::selection{background:#b8a2f255}h1,h2,h3,p{margin:0}img,svg{display:block}button,iframe{border:0}[hidden]{display:none!important}.wrap{max-width:1200px;margin:0 auto;padding:0 32px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:-80px;background:var(--accent);color:var(--accent-ink);padding:12px 20px;z-index:100}.skip-link:focus{top:12px}
.site-header{max-width:1320px;margin:auto;padding:27px 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:28px}.brand{display:inline-flex;gap:10px;align-items:center;font-size:27px;font-weight:750;letter-spacing:-1.2px;line-height:1}.brand-dot{color:var(--accent)}.site-header nav{display:flex;gap:30px;font-size:13px;color:var(--muted)}.site-header nav a:hover,.site-footer a:hover{color:var(--accent)}.header-actions{display:flex;gap:20px;align-items:center}.icon-button{width:32px;height:32px;background:transparent;border:1px solid var(--line);border-radius:50%;font-size:22px;line-height:1}.github-link{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:550}.github-link svg{width:17px;height:17px}.github-link>span:last-child{color:var(--muted)}
.hero{padding-top:95px;padding-bottom:86px;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:20px;position:relative}.eyebrow{font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;font-size:10px;letter-spacing:1.5px;color:var(--accent);font-weight:550;display:flex;align-items:center;gap:9px}.status-dot{display:inline-block;width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:var(--green);box-shadow:0 0 9px #8bd8ba40}.hero h1{font-size:clamp(45px,5.1vw,66px);letter-spacing:-3.8px;line-height:1.08;font-weight:750;margin:23px 0}.spectrum-text{background:linear-gradient(100deg,#c1a8f8 10%,#a8b9fc 55%,#a0decf 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-description{font-size:16px;color:var(--muted);max-width:445px;line-height:1.8}.hero-description em{color:var(--ink);font-style:normal}.hero-actions{display:flex;gap:12px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;font-weight:650;font-size:13px;padding:12px 20px;border:1px solid var(--line);border-radius:8px;min-height:46px;transition:background .18s,border-color .18s,transform .18s}.button:hover{transform:translateY(-2px);border-color:var(--accent)}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.button.primary:hover{filter:brightness(1.07)}.button.secondary{background:var(--panel)}.hero-note{font-family:ui-monospace,Consolas,monospace;font-size:10px;color:var(--dim);margin-top:18px}.hero-art{position:relative;min-height:370px;overflow:hidden}.art-grid{position:absolute;inset:15px 0;background-image:linear-gradient(var(--art-line) 1px,transparent 1px),linear-gradient(90deg,var(--art-line) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(ellipse,#000 10%,transparent 73%)}.art-halo{position:absolute;width:250px;height:250px;top:74px;left:100px;background:#9177f222;filter:blur(65px);border-radius:50%}.prism-art{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.beams{animation:beam-breathe 5s ease-in-out infinite}.art-label,.art-coordinate{position:absolute;font-family:ui-monospace,Consolas,monospace;font-size:8px;letter-spacing:1.5px;color:var(--dim)}.art-label-in{left:0;top:58%}.art-label-out{right:8px;top:58%;color:var(--accent)}.art-coordinate{left:42%;bottom:7px;font-size:7px;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:0}.stats>div{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0 27px;text-align:center;position:relative}.stats>div+div:before{content:"";height:40px;position:absolute;left:0;top:35px;width:1px;background:var(--line)}.stats strong{font-size:30px;letter-spacing:-1.2px;line-height:1.3;font-weight:650;display:block}.stats strong span{font-size:17px;color:var(--accent);margin-left:2px}.stats>div>span{font-size:10px;color:var(--muted)}
.section{padding-top:88px;scroll-margin-top:35px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px}.section-head h2{margin:12px 0 9px;font-size:32px;line-height:1.25;letter-spacing:-1.25px;font-weight:650}.section-head p:not(.eyebrow){font-size:13px;color:var(--muted)}.motion-button{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:8px 12px;color:var(--muted);font-size:11px;display:flex;gap:9px;align-items:center;white-space:nowrap}.motion-button:hover{color:var(--ink);border-color:var(--accent)}.showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.facet{border:1px solid var(--line);border-radius:12px;background:var(--bg);overflow:hidden;transition:border-color .2s}.facet:hover{border-color:#9a88cd80}.facet-top{display:flex;align-items:center;justify-content:space-between;padding:15px 17px 0;font:8px ui-monospace,Consolas,monospace;letter-spacing:1.1px;color:var(--dim)}.live-dot{display:flex;gap:5px;align-items:center;color:var(--green);font-size:7px}.live-dot:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--green)}.facet iframe{width:100%;height:220px;display:block;background:var(--bg);color-scheme:inherit}.facet-bottom{display:flex;justify-content:space-between;align-items:center;padding:14px 17px;border-top:1px solid var(--line);gap:8px}.facet-bottom h3{font-size:12px;font-weight:550}.facet-bottom button{background:none;color:var(--muted);font-size:10px;padding:5px 0 5px 6px;white-space:nowrap}.facet-bottom button:hover{color:var(--accent)}.facet-bottom button span{margin-left:5px}.section-foot{display:flex;justify-content:space-between;gap:18px;margin-top:20px;color:var(--dim);font-size:10px}.section-foot a{color:var(--muted)}.section-foot a:hover{color:var(--accent)}
.search{display:flex;align-items:center;gap:9px;background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:9px 12px;width:230px}.search svg{width:15px;height:15px;fill:none;stroke:var(--muted);stroke-width:1.5;flex:0 0 15px}.search input{border:0;outline:0;background:transparent;color:var(--ink);width:100%;font-size:11px;padding:2px}.search:focus-within{outline:2px solid var(--accent);outline-offset:3px}.search input:focus-visible{outline:0}.search input::placeholder{color:var(--dim)}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px}.gallery-link{display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line);padding:20px 0;min-width:0}.gallery-link:hover .gallery-icon{background:#b8a2f21c;color:var(--accent)}.gallery-link:hover strong{color:var(--accent)}.gallery-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--line);background:var(--panel);border-radius:8px;color:var(--accent);font-size:21px;flex:0 0 34px}.gallery-icon.type-icon{font-size:14px}.gallery-link>span:nth-child(2){min-width:0;flex:1}.gallery-link strong{display:block;font-size:11px;font-weight:600;transition:color .2s}.gallery-link small{display:block;color:var(--dim);font-size:9px;line-height:1.5;margin-top:3px}.gallery-count{color:var(--muted);font:10px ui-monospace,Consolas,monospace;white-space:nowrap}.gallery-count>span{margin-left:7px;color:var(--dim)}.empty-state{border:1px solid var(--line);border-radius:8px;color:var(--muted);padding:24px;text-align:center;font-size:13px}.principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:76px;padding-top:35px}.principles>div{padding-top:24px;border-top:1px solid var(--line)}.principle-number{font:10px ui-monospace,Consolas,monospace;color:var(--accent)}.principles h3{font-size:17px;font-weight:600;margin:12px 0 9px;letter-spacing:-.3px}.principles p{font-size:12px;color:var(--muted);max-width:285px;line-height:1.8}
.agent-panel{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:48px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(130deg,#b8a2f20b,transparent 60%),var(--panel)}.agent-copy h2{font-size:37px;line-height:1.17;letter-spacing:-1.5px;margin:18px 0}.agent-copy>p:not(.eyebrow):not(.agent-requirement){font-size:13px;color:var(--muted);max-width:340px}.agent-capabilities{padding:0;list-style:none;display:grid;gap:12px;margin:25px 0;font-size:11px;color:var(--muted)}.agent-capabilities li{display:flex;align-items:center;gap:11px}.agent-capabilities li span{font-size:14px;color:var(--accent);width:15px;text-align:center}.text-link{font-size:12px;font-weight:600;color:var(--accent);display:inline-block}.text-link span{margin-left:8px}.agent-requirement{color:var(--dim);font:9px ui-monospace,Consolas,monospace;margin-top:17px}.agent-terminal{background:var(--bg);border:1px solid var(--line);border-radius:11px;align-self:center;min-width:0;box-shadow:0 12px 25px #00000012}.terminal-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 15px;border-bottom:1px solid var(--line);font:8px ui-monospace,Consolas,monospace;color:var(--dim)}.terminal-dots{display:flex;gap:4px}.terminal-dots i{height:5px;width:5px;background:var(--line);border-radius:50%}.terminal-content{padding:25px}.terminal-label{font:8px ui-monospace,Consolas,monospace;color:var(--accent);letter-spacing:1.2px}.terminal-prompt{font-size:18px;line-height:1.6;margin:10px 0 26px;letter-spacing:-.3px}.terminal-step{display:flex;gap:12px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.terminal-step>span:first-child{color:var(--dim);font:9px ui-monospace,Consolas,monospace}.terminal-step div{flex:1}.terminal-step code{font-size:11px;color:var(--accent)}.terminal-step small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.terminal-step .step-status{font:7px ui-monospace,Consolas,monospace;color:var(--green);background:#8bd8ba0c;padding:4px 6px;border-radius:4px;letter-spacing:.5px}.terminal-result{display:flex;gap:8px;align-items:center;border-top:1px solid var(--line);padding-top:18px;font:9px ui-monospace,Consolas,monospace;color:var(--green)}
.start-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;align-items:start}.tab-list{display:flex;border-bottom:1px solid var(--line);gap:28px;margin-bottom:26px;max-width:390px}.tab-list button{font-size:12px;background:transparent;color:var(--muted);padding:0 2px 12px;position:relative}.tab-list button[aria-selected=true]{color:var(--accent)}.tab-list button[aria-selected=true]:after{content:"";height:2px;position:absolute;bottom:-1px;left:0;right:0;background:var(--accent)}.start-copy h3{font-size:19px;letter-spacing:-.5px;margin-bottom:11px;font-weight:600}.start-copy [role=tabpanel]>p:not(.download-note){color:var(--muted);font-size:12px;line-height:1.85;max-width:390px}.start-buttons{display:flex;gap:10px;margin-top:22px}.start-buttons .button{font-size:11px;gap:14px;min-height:41px;padding:9px 15px}.download-note{font:9px/1.7 ui-monospace,Consolas,monospace;color:var(--dim);margin-top:16px}.start-copy .text-link{margin-top:20px}.code-box{border:1px solid var(--line);border-radius:10px;background:var(--panel);min-width:0;overflow:hidden}.code-header{display:flex;align-items:center;justify-content:space-between;padding:13px 20px;border-bottom:1px solid var(--line);color:var(--dim);font:8px ui-monospace,Consolas,monospace;letter-spacing:.8px}.code-header button{background:transparent;color:var(--muted);font-size:10px}.code-header button:hover{color:var(--accent)}.code-box pre{font:11px/2 ui-monospace,"SFMono-Regular",Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;padding:23px 22px;margin:0;min-height:193px;color:var(--accent)}.code-footer{display:flex;align-items:center;gap:8px;font:9px ui-monospace,Consolas,monospace;padding:15px 20px;border-top:1px solid var(--line);color:var(--muted)}.closing{display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:35px 0;margin-top:90px;max-width:1136px}.closing-star{color:var(--accent);font-size:30px}.closing p{font-size:22px;letter-spacing:-.65px;flex:1}.closing .button{font-size:11px;min-height:40px;padding:9px 16px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:33px;padding-bottom:33px}.site-footer .brand{font-size:21px}.site-footer p{font-size:10px;color:var(--dim)}.site-footer p a{color:var(--muted)}.site-footer>div{display:flex;gap:21px;color:var(--muted);font-size:10px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);z-index:50;padding:11px 19px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 8px 20px #0004;color:var(--ink);font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100% - 40px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{width:min(720px,calc(100vw - 32px));padding:26px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink)}dialog::backdrop{background:#000a}dialog h2{font-size:21px}dialog p{font-size:12px;color:var(--muted);margin:10px 0}dialog textarea{display:block;resize:vertical;width:100%;min-height:260px;margin:15px 0;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:5px;padding:12px;font:11px/1.6 ui-monospace,monospace}
[data-motion=paused] .beams{animation-play-state:paused}@keyframes beam-breathe{0%,100%{opacity:.65}50%{opacity:1}}
@media(min-width:1500px){.hero{padding-top:112px;padding-bottom:100px}}
@media(max-width:1050px){.hero{gap:0}.hero h1{font-size:53px}.hero-art{min-height:330px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-panel{gap:32px;padding:35px}.start-layout{gap:32px}.closing{margin-left:32px;margin-right:32px}.facet-bottom{padding:13px}.facet-bottom h3{font-size:11px}.gallery-link strong{font-size:12px}.gallery-link small{font-size:10px}}
@media(max-width:760px){.site-header{padding:22px 24px;gap:16px}.site-header nav{gap:15px;font-size:11px}.header-actions{gap:10px}.github-link>span{display:none}.wrap{padding-left:24px;padding-right:24px}.hero{padding-top:60px;padding-bottom:42px;grid-template-columns:1fr;gap:20px}.hero h1{font-size:clamp(47px,8.3vw,64px);letter-spacing:-2.8px}.hero-description{max-width:530px;font-size:15px}.hero-art{min-height:300px;max-width:560px;width:100%;margin:auto}.art-label-in{top:58%;left:14px}.art-coordinate{bottom:0}.stats strong{font-size:25px}.stats>div>span{font-size:9px}.section{padding-top:65px}.section-head h2{font-size:28px}.showcase{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.facet-bottom h3{font-size:11px}.facet-top{font-size:7px;padding:14px 13px 0}.section-foot{flex-direction:column;gap:7px}.gallery-grid{gap:0 20px}.principles{gap:25px;margin-top:50px}.principles h3{font-size:15px}.principles p{font-size:11px}.agent-panel{grid-template-columns:1fr;padding:30px}.agent-copy h2{font-size:34px}.agent-copy>p:not(.eyebrow):not(.agent-requirement){max-width:100%}.agent-terminal{max-width:100%}.start-layout{grid-template-columns:1fr;gap:28px}.tab-list{max-width:100%}.start-copy [role=tabpanel]>p:not(.download-note){max-width:100%}.closing{margin:60px 24px 0;padding:28px 0;flex-wrap:wrap}.closing p{font-size:18px}.closing .button{margin-left:47px}.site-footer{gap:16px;flex-wrap:wrap}.site-footer p{flex:1}.site-footer>div{margin-left:0}}
@media(max-width:480px){.site-header{padding:20px}.site-header nav a:last-child{display:none}.brand{font-size:25px}.brand img{width:25px;height:25px}.site-header nav{gap:13px}.wrap{padding-left:20px;padding-right:20px}.hero{padding-top:46px}.hero h1{font-size:47px}.eyebrow{font-size:8px;letter-spacing:1.2px}.hero-art{min-height:260px}.art-label{font-size:6px}.art-coordinate{left:30%;font-size:6px}.stats{grid-template-columns:repeat(2,1fr)}.stats>div{padding:18px 0}.stats>div:nth-child(n+3){border-top:0}.stats>div:nth-child(3):before{display:none}.stats>div:before{top:29px!important;height:25px!important}.stats>div>span{font-size:10px}.section-head{flex-direction:column;align-items:flex-start;gap:18px}.section-head h2{font-size:26px}.section-head p:not(.eyebrow){font-size:12px}.showcase{grid-template-columns:1fr}.facet iframe{height:220px}.facet-top{font-size:9px;padding:17px 18px 0}.facet-bottom{padding:15px 18px}.facet-bottom h3{font-size:13px}.facet-bottom button{font-size:11px}.gallery-grid{grid-template-columns:1fr}.gallery-link{padding:17px 0}.gallery-link strong{font-size:12px}.gallery-count{font-size:11px}.search{width:100%}.principles{grid-template-columns:1fr;gap:22px;padding-top:20px}.principles h3{font-size:18px}.principles p{font-size:12px;max-width:100%}.principles>div{padding-top:20px}.agent-panel{padding:24px 20px}.agent-copy h2{font-size:31px}.terminal-content{padding:21px 18px}.terminal-step .step-status{font-size:6px}.terminal-step{gap:9px}.agent-requirement{font-size:8px}.closing{margin-left:20px;margin-right:20px}.closing p{font-size:16px}.site-footer p{flex:1 0 70%;font-size:9px}.site-footer>div{width:100%;padding-top:5px}.download-note{font-size:8px}.code-box pre{font-size:10px}}
/* Layered volumetric light, drawn entirely with inline SVG and CSS. */
.prism-art{height:calc(100% - 52px)}
.art-label{top:auto!important;bottom:29px;z-index:2}
.art-label-in{left:0}.art-label-out{right:0}
.art-coordinate{left:0;right:0;bottom:3px;text-align:center}
.input-beam{transform-box:view-box;transform-origin:0 202px;animation:prism-light-in 1.1s cubic-bezier(.22,1,.36,1) .15s both}
.prism-glass{transform-box:fill-box;transform-origin:center;animation:prism-materialize 1s cubic-bezier(.22,1,.36,1) both}
.light-rays{transform-box:view-box;transform-origin:325px 203px;animation:prism-light-out 1.8s cubic-bezier(.22,1,.36,1) .9s both}
.spectrum-haze{animation:prism-light-breathe 7s ease-in-out 2.7s infinite}
.refraction-flare{animation:prism-flare-breathe 6s ease-in-out 2.7s infinite}
.art-label-in{animation:prism-label-in .7s ease .4s both}.art-label-out{animation:prism-label-in .7s ease 1.6s both}.art-coordinate{animation:prism-label-in .7s ease 2.1s both}
[data-motion=paused] .hero-art *,[data-motion=paused] .hero-art *::before,[data-motion=paused] .hero-art *::after{animation-play-state:paused}
@keyframes prism-light-in{from{opacity:0;transform:scaleX(.05)}to{opacity:1;transform:scaleX(1)}}
@keyframes prism-light-out{from{opacity:0;transform:scale(.06,.2)}to{opacity:1;transform:scale(1)}}
@keyframes prism-materialize{from{opacity:0;transform:translateY(9px) scale(.96)}to{opacity:1;transform:none}}
@keyframes prism-light-breathe{0%,100%{opacity:.25}50%{opacity:.4}}
@keyframes prism-flare-breathe{0%,100%{opacity:.72}50%{opacity:1}}
@keyframes prism-label-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.brand-prism{display:block;width:30px;height:30px;flex:0 0 30px;perspective:150px}
.brand-prism-rotor{display:block;width:100%;height:100%;position:relative;transform-style:preserve-3d;transform-origin:50% 55%;animation:brand-prism-spin 5s linear infinite}
.brand-prism-face{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform-origin:50% 10%;backface-visibility:visible}
.brand-prism-face path{fill:#b8a2f20c;stroke:#b8a2f2;stroke-width:1.5;stroke-linejoin:round}
.brand-prism-face:nth-child(1){transform:rotateY(0deg) rotateX(32deg)}
.brand-prism-face:nth-child(2){transform:rotateY(90deg) rotateX(32deg)}
.brand-prism-face:nth-child(3){transform:rotateY(180deg) rotateX(32deg)}
.brand-prism-face:nth-child(4){transform:rotateY(270deg) rotateX(32deg)}
[data-motion=paused] .brand-prism-rotor{animation-play-state:paused}
@keyframes brand-prism-spin{from{transform:rotateX(-12deg) rotateY(-20deg)}to{transform:rotateX(-12deg) rotateY(340deg)}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition:none!important}.hero-art *,.brand-prism-rotor{animation:none!important}.brand-prism-rotor{transform:rotateX(-12deg) rotateY(-20deg)}.hero-art .input-beam,.hero-art .light-rays,.hero-art .prism-glass,.hero-art .art-label,.hero-art .art-coordinate{opacity:1;transform:none}}