:root{color-scheme:dark;--background:#0b0d0c;--surface:#121513;--border:#282d2a;--text:#f4f6f4;--muted:#9ba49e;--accent:#79c0ff;--accent-dark:#07131f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6}body:before{z-index:-1;content:"";background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;mask-image:linear-gradient(#000,#0000 75%)}a{color:inherit;text-decoration:none}.site-header,main,footer{width:min(1120px,100% - 40px);margin-inline:auto}.site-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:76px;display:flex}.brand,code,pre,.eyebrow,.install,.code-header,.principles span{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.brand{letter-spacing:-.04em;font-size:1.1rem;font-weight:700}nav{gap:28px;display:flex}nav a{color:var(--muted);font-size:.9rem}nav a:hover,nav a:focus-visible{color:var(--text)}.hero{flex-direction:column;justify-content:center;align-items:flex-start;max-width:900px;min-height:700px;padding:100px 0;display:flex}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 20px;font-size:.75rem;font-weight:700}h1,h2,h3{color:var(--text)}h1{letter-spacing:-.065em;max-width:900px;margin:0;font-size:clamp(3.5rem,8vw,7rem);font-weight:650;line-height:.95}.intro{max-width:680px;color:var(--muted);margin:32px 0 0;font-size:clamp(1.05rem,2vw,1.3rem)}.actions{gap:12px;margin-top:36px;display:flex}.button{border:1px solid var(--border);border-radius:6px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-weight:650;display:inline-flex}.button.primary{border-color:var(--accent);background:var(--accent);color:var(--accent-dark)}.button.secondary:hover,.button.secondary:focus-visible{border-color:var(--muted)}.feature{border-top:1px solid var(--border);grid-template-columns:.85fr 1.15fr;gap:80px;padding:120px 0;display:grid}.feature.harness{grid-template-columns:1.15fr .85fr}.feature.stui{grid-template-columns:1fr 1fr;gap:48px}.stui .section-copy{grid-column:1/-1}.stui .section-copy>p:not(.eyebrow){max-width:680px}.stui .stui-frame{grid-column:1/-1;width:100%}.section-copy{align-self:center}.section-copy h2,.closing h2{letter-spacing:-.045em;margin:0;font-size:clamp(2rem,4vw,3.5rem);line-height:1.05}.section-copy>p:not(.eyebrow){max-width:480px;color:var(--muted);margin:24px 0 0}.stui-frame,.code-window,.harness-visual{border:1px solid var(--border);background:var(--surface);border-radius:8px;overflow:hidden;box-shadow:0 28px 80px #00000040}.stui-frame{background:var(--surface);margin:0;padding:0}.stui-simulation{color:#c7cec9;grid-template-rows:1fr auto auto;gap:20px;min-height:720px;padding:34px 38px 28px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;display:grid}.stui-transcript{align-content:end;gap:24px;display:grid}.stui-edit-block,.stui-answer{grid-template-columns:20px 1fr;align-items:start;gap:10px;display:grid}.stui-edit-block{opacity:.62}.stui-tool-mark{color:#bd84f7}.stui-agent-mark{color:var(--accent);font-size:1.08rem}.stui-transcript pre{color:#b8c0bb;white-space:pre-wrap;margin:0;padding:0;font-size:clamp(.72rem,1.3vw,.88rem);line-height:1.5}.stui-answer p{color:#d0d6d2;margin:0 0 20px;font-size:clamp(.76rem,1.35vw,.92rem);line-height:1.6}.syntax-keyword,.syntax-section{color:#c792ea}.syntax-name,.syntax-function{color:#82aaff}.syntax-string{color:#c3e88d}.syntax-type{color:#ffcb6b}.stui-prompt{gap:6px;display:grid}.stui-prompt-label{color:#7f8982;font-size:.74rem}.stui-prompt-box{color:#929c96;border:1px solid #8c9690;border-radius:8px;min-height:58px;padding:17px 20px;font-size:.82rem;line-height:1.5}.stui-prompt-box span{color:#e4e8e5;margin-right:8px}.stui-footer{padding-top:2px}.stui-context{gap:6px;display:grid}.stui-footer-row{color:#aab3ad;grid-template-columns:1fr auto;font-size:.76rem;display:grid}.stui-footer-row:nth-child(2){grid-template-columns:auto 1fr auto}.stui-footer-row:nth-child(2) span:nth-child(2){justify-self:center}.stui-context-bar{border-top:4px solid #343a36;width:min(330px,42%);height:8px;margin-top:2px;position:relative}.stui-context-bar span{border-top:4px solid #d7ddd9;width:64.55%;position:absolute;top:-4px;left:0}.stui-context-bar i{color:#aab3ad;font-style:normal;position:absolute;top:-11px;left:80%;transform:translate(-50%)}.code-header{border-bottom:1px solid var(--border);min-height:43px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 18px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.7rem;display:flex}pre{margin:0;padding:28px;font-size:.9rem;line-height:1.75;overflow-x:auto}.key{color:var(--accent)}.runtime-panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;min-width:0;overflow:hidden;box-shadow:0 28px 80px #00000040}.runtime-source{border-bottom:1px solid var(--border);background:#79c0ff0d;justify-content:space-between;align-items:center;min-height:82px;padding:0 26px;display:flex}.runtime-source span{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:700}.runtime-source small{color:var(--muted)}.runtime-targets{grid-template-columns:1fr 1fr;display:grid}.runtime-targets article{border-right:1px solid var(--border);border-bottom:1px solid var(--border);align-items:flex-start;gap:18px;min-width:0;min-height:142px;padding:25px;display:flex}.runtime-targets article:nth-child(2n){border-right:0}.runtime-targets article:nth-last-child(-n+2){border-bottom:0}.runtime-targets article>span{color:var(--accent);flex:none;font-size:.7rem}.runtime-targets h3{margin:-4px 0 5px;font-size:1rem}.runtime-targets p{color:var(--muted);margin:0;font-size:.85rem}.principles{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0 0 120px;display:grid}.principles article{border:1px solid var(--border);background:#121513b8;border-radius:8px;min-width:0;min-height:250px;padding:32px}.principles article:first-child,.principles article:last-child{border-radius:8px}.principles span{color:var(--accent);font-size:.75rem}.principles h2{margin:56px 0 10px;font-size:1.15rem}.principles p{color:var(--muted);margin:0;font-size:.95rem}.closing{border-top:1px solid var(--border);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:540px;display:flex}.install{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:6px;gap:12px;margin-top:28px;padding:14px 20px;font-size:.9rem;display:flex}.install code{color:var(--text)}footer{border-top:1px solid var(--border);min-height:120px;color:var(--muted);justify-content:space-between;align-items:center;font-size:.85rem;display:flex}footer p{margin:0}footer strong{color:var(--text)}@media (width<=960px){.feature,.feature.harness{grid-template-columns:1fr;gap:48px;padding:96px 0}.harness .section-copy{grid-row:1}.feature>:not(.section-copy){width:100%}}@media (width<=760px){.site-header,main,footer{width:min(100% - 28px,1120px)}.site-header nav{gap:16px}.site-header nav a:first-child{display:none}.hero{min-height:620px;padding:72px 0}h1{font-size:clamp(3rem,16vw,5rem)}.feature,.feature.harness{padding:80px 0}.stui-simulation{min-height:620px;padding:24px 18px 20px}.stui-context-bar{width:58%}.stui-footer-row{font-size:.58rem}.runtime-source{flex-direction:column;justify-content:center;align-items:flex-start;gap:2px}.runtime-targets{grid-template-columns:1fr}.runtime-targets article,.runtime-targets article:nth-child(2n),.runtime-targets article:nth-last-child(-n+2){border-right:0;border-bottom:1px solid var(--border);min-height:auto}.runtime-targets article:last-child{border-bottom:0}.principles{grid-template-columns:1fr;gap:12px}.principles article,.principles article:first-child,.principles article:last-child{border:1px solid var(--border);border-radius:8px;min-height:auto}.principles h2{margin-top:30px}.closing{min-height:480px}.closing .actions{flex-direction:column;align-items:stretch}footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:12px}footer nav{flex-wrap:wrap;gap:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}