@charset "UTF-8";
:root{--text-body:1.125rem;--text-ui:1rem;--text-small:.875rem;--paper:#f5f7f2;--ink:#18251e;--muted:#657168;--line:#dce3d9;--accent:#365f43;--green:#358342;--yellow:#9b7512;--red:#bb4338;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-padding-top:100px}body{margin:0;font-size:var(--text-body);line-height:1.6}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button:active,.button:active{transform:translateY(1px)}[hidden]{display:none!important}img{max-width:100%;height:auto;display:block}figure{margin:0}::selection{background:#c9e5af;color:#18251e}.skip{position:fixed;top:-60px;left:12px;z-index:100;padding:12px;background:var(--ink);color:white}.skip:focus{top:12px}.section-wrap{max-width:1440px;margin:0 auto;padding-left:5%;padding-right:5%}.header{height:76px;max-width:1600px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:28px;position:relative;z-index:20;border-bottom:1px solid var(--line)}.brand{font-size:29px;font-weight:750;letter-spacing:-1.8px;display:inline-flex;align-items:center;gap:10px}.brand-mark{display:inline-flex;flex-direction:column;gap:3px;padding:6px 5px;background:var(--ink);border-radius:7px}.brand-mark i{width:5px;height:5px;display:block;border-radius:50%;background:#ef8d77}.brand-mark i:nth-child(2){background:#e9ce73}.brand-mark i:nth-child(3){background:#b9de95}.header nav{display:flex;align-items:center;gap:30px;font-size:var(--text-ui);font-weight:550}.header nav a{padding:12px 0}.header nav a:hover,.text-link:hover{color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;gap:23px;padding:17px 23px;border-radius:9px;border:1px solid transparent;font-size:var(--text-ui);font-weight:600;white-space:nowrap;transition:background .2s,transform .2s}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:#365f43}.button-small{padding:12px 17px;gap:19px}.text-link{font-size:var(--text-ui);font-weight:600;display:inline-flex;gap:20px;align-items:center;border-bottom:1px solid #9ca99b;padding:11px 0;white-space:nowrap}.actions{display:flex;align-items:center;gap:26px;margin-top:29px}.tiny-dot,.signal-dot{display:inline-block;border-radius:50%;flex-shrink:0}.tiny-dot{width:5px;height:5px;background:var(--green)}.signal-dot{width:7px;height:7px}.green{background:var(--green)}.yellow{background:var(--yellow)}.red{background:var(--red)}
.hero{padding-top:31px;padding-bottom:30px}.stage-topline{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-small);letter-spacing:1.4px;color:var(--muted)}.stage-topline>span:first-child{display:flex;align-items:center;gap:9px}.hero-grid{display:grid;grid-template-columns:42% 58%;gap:0;align-items:center;padding:60px 0 40px}.hero-copy{padding-right:25px}.hero h1{font-size:clamp(48px,5.9vw,86px);font-weight:550;letter-spacing:-.065em;line-height:1.02;margin:0 0 25px}.hero h1 span,.install-title h2 span{color:var(--accent)}.hero-copy>p{font-size:var(--text-body);line-height:1.8;color:#606b61;max-width:340px;margin:0}.workspace-demo{min-width:0;padding-left:10px}.desktop{position:relative;width:100%;min-height:410px;border:1px solid #d6dfd2;border-radius:13px;background:#dce8cb;box-shadow:0 25px 60px -35px #8b9c84}.desktop-bar{height:30px;background:#f1f3e7b8;border-bottom:1px solid #cdd7c2;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:var(--text-small);border-radius:13px 13px 0 0}.desktop-bar>span{display:flex;gap:15px;align-items:center}.tray-button{height:23px;width:32px;border:0;background:#d0dcbe;border-radius:4px;padding:2px}.tray-lights{display:flex;justify-content:center;gap:3px}.tray-lights i{width:4px;height:4px;border-radius:50%;background:#aab5a2}.tray-lights i:last-child{background:#3f9049}.desktop-wallpaper{position:absolute;inset:30px 0 0;overflow:hidden;border-radius:0 0 13px 13px}.desktop-wallpaper:before{content:"";position:absolute;width:400px;height:400px;border:1px solid #bed0a9;border-radius:50%;right:-85px;top:-150px;box-shadow:0 0 0 34px #d0dfbc,0 0 0 35px #c3d2af,0 0 0 75px #d7e3c6,0 0 0 76px #c7d8b3}.desktop-wallpaper>span{position:absolute;right:20px;bottom:15px;font-size:58px;font-weight:650;line-height:.95;letter-spacing:-3px;color:#afc399}.terminal{position:absolute;left:16px;top:112px;width:75%;min-height:245px;border:1px solid #3b473e;border-radius:9px;background:#1e2922;box-shadow:0 14px 25px #344b3b23;overflow:hidden;transition:box-shadow .25s}.terminal-top{height:28px;background:#29362d;display:flex;align-items:center;justify-content:space-between;padding:0 10px;color:#a7b2a5;font:var(--text-small) ui-monospace,monospace}.window-dots{display:flex;gap:4px}.window-dots i{height:5px;width:5px;border-radius:50%;background:#bd776c}.window-dots i:nth-child(2){background:#b5a266}.window-dots i:nth-child(3){background:#8ba273}.terminal-body{padding:17px 13px 10px;color:#dfe6d8;font:var(--text-small)/1.8 ui-monospace,SFMono-Regular,Menlo,monospace}.terminal-agent{display:flex;align-items:center;justify-content:space-between}.terminal-agent>span{border:1px solid #445145;padding:1px 6px;border-radius:3px;color:#8da080;font-size:var(--text-small)}.terminal-prompt{margin:15px 0!important}.terminal-body p{margin:7px 0}.check{color:#94b07d;padding-right:7px}.working-line{color:#b6d49c}.terminal-cursor{display:inline-block;height:9px;width:4px;background:#b3cf9b;vertical-align:middle;margin-left:4px;animation:blink 1.2s steps(1) infinite}.terminal-bottom{border-top:1px solid #3b473b;margin-top:16px;padding-top:8px;display:flex;justify-content:space-between;color:#8d9c88;font-size:var(--text-small)}.session-panel{position:relative;margin:15px 10px 22px auto;width:338px;z-index:3;transition:opacity .2s;line-height:0}.session-panel iframe{display:block;width:338px;max-width:none;border:0;background:transparent;min-height:220px;border-radius:11px}.session-panel.collapsed{visibility:hidden;opacity:0;pointer-events:none}.terminal.focused{z-index:4;outline:2px solid #97b184;outline-offset:4px;width:calc(100% - 32px);top:80px;min-height:280px;box-shadow:0 15px 45px #203b3c44}.demo-question{border:1px solid #7e6e3d;border-radius:5px;background:#353b28;padding:10px;margin-top:10px}.demo-question>p{margin:0 0 5px}.demo-question>code{font-size:var(--text-small);opacity:.7}.demo-question>button{float:right;padding:5px 8px;font-size:var(--text-ui);border:0;border-radius:3px;background:#bddba5;color:#23351e}.workspace-controls{margin-top:32px}.hero-states{display:flex;gap:7px;justify-content:center;flex-wrap:wrap}.hero-states button,.model-controls button{display:inline-flex;align-items:center;gap:7px;padding:10px 12px;background:transparent;border:1px solid var(--line);border-radius:7px;font-size:var(--text-ui);white-space:nowrap}.hero-states button[aria-pressed=true],.model-controls button[aria-pressed=true]{background:#e8efdf;border-color:#b6cba6}.workspace-controls>p{font-size:var(--text-small);color:var(--muted);text-align:center;margin:12px 0 0;line-height:1.7;min-height:16px}.hero-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:var(--text-ui);color:var(--muted);border-top:1px solid var(--line);padding-top:23px}.hero-foot>a{display:flex;align-items:center;gap:16px}.integrations{padding-top:32px;padding-bottom:32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:28px}.integrations>span{font-size:var(--text-small);color:var(--muted)}.integrations>div{display:flex;gap:30px;align-items:center}.integrations>div>span{font-size:var(--text-body);font-weight:550;white-space:nowrap}body[data-signal=red] .tray-lights i:first-child{background:var(--red)}body[data-signal=red] .tray-lights i:last-child{background:#aab5a2}body[data-signal=yellow] .tray-lights i:nth-child(2){background:#c79c36}body[data-signal=yellow] .tray-lights i:last-child{background:#aab5a2}#app-preview-error{font:var(--text-small)/1.7 system-ui;color:#516249;background:#f5f7f2;padding:20px;border:1px solid var(--line);border-radius:9px}#app-preview-error a{text-decoration:underline}
.section-heading h2,.desk-copy h2,.install-title h2{font-size:clamp(34px,4.3vw,62px);letter-spacing:-.055em;line-height:1.08;font-weight:500;margin:0 0 20px}.section-heading>p{font-size:var(--text-body);line-height:1.8;color:var(--muted);max-width:450px;margin:0}.model-section{padding-top:80px;padding-bottom:70px}.model-demo-grid{display:grid;grid-template-columns:56% 44%;gap:0;align-items:center;margin-top:38px}.model-figure{min-width:0;padding-right:40px}.lamp-wrap{position:relative;height:405px;background:#edf2e6;border:1px solid #dce4d3;border-radius:18px;overflow:hidden}.lamp-wrap model-viewer{display:block;width:100%;height:100%;position:relative;z-index:2;opacity:0;transition:opacity .3s;--poster-color:transparent;--progress-bar-color:#83a86c}.lamp-wrap model-viewer[data-model-ready=true]{opacity:1}.lamp-halo{position:absolute;width:80%;height:65%;bottom:3%;left:14%;background:radial-gradient(ellipse,#b8d9944d,transparent 65%);filter:blur(20px);transition:background .4s}.lamp-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.model-figure figcaption{text-align:center;margin:13px 0 19px;color:#7c8b72;font:var(--text-small) ui-monospace,monospace;letter-spacing:.7px}.model-controls{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.model-controls button{font-size:var(--text-ui);padding:11px 15px}.brightness-control{display:flex;align-items:center;gap:17px;max-width:350px;margin:23px auto 0;font-size:var(--text-ui);color:var(--muted)}.brightness-control input{min-width:0;flex:1;accent-color:#365f43;cursor:pointer}.brightness-control output{min-width:30px;text-align:right;font:var(--text-small) ui-monospace,monospace}.model-status{text-align:center;font-size:var(--text-small);color:var(--muted);margin:12px 0 0;min-height:16px}.model-steps{padding:0 0 0 30px}.model-steps article{display:flex;gap:20px;padding:28px 20px;border-bottom:1px solid var(--line);transition:background .3s;border-radius:9px;min-height:175px}.model-steps article:last-child{border-bottom:0}.model-steps article.active{background:#eaf0e2}.step-number{font:var(--text-small) ui-monospace,monospace;color:#87957c;padding-top:6px}.model-steps h3{font-size:24px;font-weight:500;letter-spacing:-.7px;line-height:1.2;margin:0 0 12px}.model-steps p{font-size:var(--text-body);line-height:1.8;color:var(--muted);margin:0 0 15px;max-width:320px}.step-signal{display:flex;align-items:center;gap:7px;font-size:var(--text-small);color:var(--muted)}#model-demo[data-signal=red] .lamp-halo{background:radial-gradient(ellipse,#ecbfa45c,transparent 65%)}#model-demo[data-signal=yellow] .lamp-halo{background:radial-gradient(ellipse,#ead4895c,transparent 65%)}.playground{padding-top:45px;padding-bottom:85px}.signal-playground{display:grid;grid-template-columns:38% 62%;border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-top:30px}.signal-controls{padding:24px;display:flex;flex-direction:column;justify-content:center;gap:7px;background:#eef2e8}.signal-choice{display:flex;align-items:center;text-align:left;gap:18px;padding:20px 12px;border:1px solid transparent;border-radius:10px;background:transparent}.signal-choice.selected{background:#f9fbf5;border-color:#d2dfc7}.signal-choice-dot{width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 5px #ffffff22,0 0 0 4px #ffffff50;flex-shrink:0}.signal-choice>span:nth-child(2){display:flex;flex-direction:column;gap:7px}.signal-choice strong{font-size:19px;font-weight:500;letter-spacing:-.5px}.signal-choice>span>span{font-size:var(--text-ui);color:var(--muted);line-height:1.6}.choice-arrow{margin-left:auto;opacity:0;font-size:16px}.selected .choice-arrow{opacity:1}.signal-preview{position:relative;align-self:center;background:#242b2d}.signal-preview img{width:100%;height:auto;aspect-ratio:7/5;object-fit:contain}.photo-state{position:absolute;top:18px;left:18px;background:#151b18d9;color:#f8fbf3;display:flex;gap:7px;align-items:center;border:1px solid #ffffff33;border-radius:5px;padding:8px 11px;font-size:var(--text-small)}.desk-section{display:grid;grid-template-columns:55% 45%;padding-bottom:85px;align-items:center}.desk-photo{position:relative;border-radius:18px;overflow:hidden}.desk-photo img{width:100%;height:auto;aspect-ratio:7/5;object-fit:contain}.desk-photo figcaption{padding:13px 0 0;font:var(--text-small) ui-monospace,monospace;color:var(--muted);letter-spacing:.7px}.desk-copy{padding-left:14%}.eyebrow{font-size:var(--text-small);letter-spacing:1.1px;color:var(--muted);display:block;margin-bottom:22px}.desk-copy h2{font-size:clamp(35px,4.1vw,58px)}.desk-copy p{font-size:var(--text-body);color:var(--muted);line-height:1.85;margin-bottom:19px;max-width:340px}.desk-footnote{display:flex;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:27px;padding-top:18px;font-size:var(--text-small);letter-spacing:.8px;color:#77836f}.install-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(0,45fr) minmax(0,55fr);align-items:center;padding-top:53px;padding-bottom:53px;gap:25px}.install-title h2{font-size:clamp(30px,3.1vw,44px);margin-bottom:16px}.install-title p{color:var(--muted);font-size:var(--text-body);line-height:1.8;margin:0 0 11px}.install-title .text-link{font-size:var(--text-ui)}.install-detail{min-width:0}.install-box{border:1px solid #cad7bf;border-radius:12px;overflow:hidden;background:#edf2e7}.install-box-head{display:flex;justify-content:space-between;align-items:center;padding:14px 19px;font-size:var(--text-ui);border-bottom:1px solid #d7e1cf;gap:10px}.copy-button{border:1px solid #cbd7c0;background:#f7faf2;border-radius:5px;padding:7px 10px;font-size:var(--text-ui);white-space:nowrap}.copy-button:hover{background:#dce8cc}.install-box pre{padding:6px 19px;margin:14px 0;font:var(--text-small)/2 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.install-box .install-command::before{color:#7c9970;margin-right:8px}.install-box-foot{display:flex;justify-content:space-between;gap:8px;padding:0 19px 15px;color:#6c7c60;font-size:var(--text-small);line-height:1.7}.platform-note{color:var(--muted);font-size:var(--text-ui);line-height:1.8;margin:12px 0 0}.platform-note a{text-decoration:underline;text-underline-offset:3px}#install-fallback{display:block;width:calc(100% - 38px);margin:0 19px 16px;background:#f7faf2;border:1px solid #9bb38c;border-radius:5px;padding:10px;font:var(--text-small)/1.7 ui-monospace,monospace;resize:vertical;min-height:65px}.faq{display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);gap:25px;padding-top:45px;padding-bottom:75px}.faq h2{font-size:30px;font-weight:500;letter-spacing:-1px}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px;padding:21px 0;font-size:var(--text-ui)}.faq summary::-webkit-details-marker{display:none}.faq summary>span{font-size:19px;color:var(--muted)}.faq details[open] summary>span{transform:rotate(45deg)}.faq details p{color:var(--muted);font-size:var(--text-body);line-height:1.9;margin:0 0 23px;max-width:540px}.footer{border-top:1px solid var(--line);padding:28px 5%;display:flex;align-items:center;gap:28px;flex-wrap:wrap}.footer .brand{font-size:24px}.footer>span{font-size:var(--text-ui);color:var(--muted)}.footer>div{display:flex;gap:22px;margin-left:auto;font-size:var(--text-ui)}.footer small{width:100%;font:var(--text-small) ui-monospace,monospace;color:#86907e;letter-spacing:1px;margin-top:5px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:50;max-width:calc(100% - 32px);padding:13px 21px;border:1px solid #c5d7b9;border-radius:9px;background:#f8fbf3;box-shadow:0 8px 35px #3d583729;font-size:var(--text-ui);text-align:center}
@keyframes blink{50%{opacity:0}}
@media(min-width:769px) and (max-width:1100px){.hero-grid{grid-template-columns:40% 60%}.hero h1{font-size:58px}.hero-copy>p{font-size:var(--text-body)}.actions{gap:16px}.actions .button{padding:15px 16px;gap:16px}.actions .text-link{font-size:var(--text-ui);gap:12px}.integrations>div{gap:20px}.integrations>div>span{font-size:var(--text-body)}.signal-controls{padding:15px}.signal-choice{gap:12px;padding:18px 10px}.signal-choice strong{font-size:17px}.signal-choice>span>span{font-size:var(--text-ui)}.model-figure{padding-right:20px}.model-steps{padding-left:15px}.model-steps h3{font-size:21px}.install-box pre{font-size:var(--text-small)}}
@media(max-width:768px){.header{height:70px;padding:0 6%;gap:12px}.header .brand{font-size:26px}.header nav{display:none}.header>.button{font-size:var(--text-ui);padding:11px 13px;gap:14px}.section-wrap{padding-left:6%;padding-right:6%}.hero{padding-top:23px;padding-bottom:25px}.stage-topline{font-size:var(--text-small);letter-spacing:1.1px}.hero-grid{grid-template-columns:1fr;padding-top:30px;padding-bottom:30px;gap:38px}.hero-copy{padding:0}.hero h1{font-size:clamp(45px,9vw,66px);margin-bottom:19px}.hero-copy>p{font-size:var(--text-body);max-width:380px;line-height:1.8}.actions{margin-top:23px;gap:25px}.actions .button{font-size:var(--text-ui);padding:14px 18px;gap:20px}.actions .text-link{font-size:var(--text-ui)}.workspace-demo{padding:0;max-width:620px;width:100%;margin:auto}.desktop{min-height:397px}.terminal{top:105px;left:13px;width:74%;min-height:245px}.session-panel{margin-right:10px}.workspace-controls{margin-top:30px}.hero-foot{font-size:var(--text-ui);line-height:1.8;gap:20px}.hero-foot>span{max-width:230px}.hero-foot>a{white-space:nowrap;gap:8px}.integrations{display:block;padding-top:27px;padding-bottom:27px}.integrations>span{font-size:var(--text-small);display:block;margin-bottom:21px}.integrations>div{display:grid;grid-template-columns:1fr 1fr;gap:19px 15px}.integrations>div>span{font-size:var(--text-body)}.model-section{padding-top:52px;padding-bottom:45px}.section-heading h2,.desk-copy h2{font-size:39px}.section-heading>p{font-size:var(--text-body);line-height:1.8}.model-demo-grid{grid-template-columns:1fr;gap:28px;margin-top:28px}.model-figure{padding:0}.lamp-wrap{height:360px}.model-figure figcaption{font-size:var(--text-small)}.model-controls button{font-size:var(--text-ui);padding:11px 14px}.brightness-control{font-size:var(--text-ui);margin-top:20px}.model-steps{padding:0}.model-steps article{padding:22px 17px;min-height:0;gap:18px}.model-steps h3{font-size:23px;margin-bottom:10px}.model-steps p{font-size:var(--text-body);max-width:440px;margin-bottom:12px}.step-number{font-size:var(--text-small)}.step-signal{font-size:var(--text-small)}.playground{padding-top:15px;padding-bottom:52px}.signal-playground{grid-template-columns:1fr;border-radius:13px;margin-top:24px}.signal-controls{padding:12px;gap:3px}.signal-choice{padding:16px 12px;gap:17px}.signal-choice-dot{width:18px;height:18px}.signal-choice strong{font-size:18px}.signal-choice>span>span{font-size:var(--text-ui)}.photo-state{top:15px;left:15px;font-size:var(--text-small)}.desk-section{grid-template-columns:1fr;padding-bottom:50px;gap:30px}.desk-photo{border-radius:13px 13px 0 0}.desk-photo figcaption{font-size:var(--text-small);line-height:1.8}.desk-copy{padding:0}.eyebrow{font-size:var(--text-small);margin-bottom:18px}.desk-copy p{font-size:var(--text-body);max-width:520px}.desk-footnote{margin-top:23px;gap:20px}.install-section{grid-template-columns:1fr;padding-top:34px;padding-bottom:34px;gap:25px}.install-title h2{font-size:35px;margin-bottom:13px}.install-title p{font-size:var(--text-body);margin-bottom:4px}.install-title .text-link{font-size:var(--text-ui)}.install-box-head{padding:12px 15px;font-size:var(--text-ui)}.copy-button{font-size:var(--text-ui)}.install-box pre{font-size:var(--text-small);padding:6px 15px;margin:12px 0}.install-box-foot{font-size:var(--text-small);padding:0 15px 13px}.platform-note{font-size:var(--text-ui);margin-top:10px}.faq{display:block;padding-top:25px;padding-bottom:48px}.faq h2{font-size:28px;margin-bottom:20px}.faq summary{font-size:var(--text-ui);padding:19px 0}.faq details p{font-size:var(--text-body)}.footer{padding:25px 6%;gap:18px}.footer>span{font-size:var(--text-ui);width:calc(100% - 150px);line-height:1.6}.footer>div{margin:0;font-size:var(--text-ui);gap:25px}.footer small{font-size:var(--text-small)}.toast{font-size:var(--text-ui)}}
@media(max-width:440px){.hero-grid{gap:38px}.desktop{min-height:365px}.session-panel{position:relative;margin:15px 0 25px auto;width:338px;transform:scale(.82);transform-origin:top right;height:270px}.desktop-bar{padding:0 10px}.terminal{top:105px;left:10px;min-height:220px;width:82%}.terminal-body{font-size:var(--text-small);padding:14px 10px 9px}.terminal-top{font-size:var(--text-small);padding:0 8px}.terminal-top>span:last-child{display:none}.terminal.focused{top:80px;width:calc(100% - 20px);min-height:250px}.terminal-prompt{font-size:var(--text-small)}.terminal-bottom{font-size:var(--text-small)}.hero-states{gap:6px}.hero-states button{font-size:var(--text-ui);padding:10px 11px}.hero-foot{align-items:flex-start;font-size:var(--text-ui)}.hero-foot>span{max-width:165px}.hero-foot>a{font-size:var(--text-ui);gap:6px}.lamp-wrap{height:305px}.section-heading h2,.desk-copy h2{font-size:35px}.brightness-control{gap:12px;padding:0 5px}.model-controls{gap:6px}.model-controls button{font-size:var(--text-ui);padding:10px 12px}.install-title h2{font-size:31px}.install-box pre{font-size:var(--text-small)}.install-box .install-command::before{margin-right:4px}.install-box-foot{font-size:var(--text-small)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.header-tools{display:flex;align-items:center;gap:18px}.appearance-controls{display:flex;gap:10px;align-items:center}.appearance-controls label{display:flex;align-items:center;gap:6px;font-size:var(--text-small);color:var(--muted)}.appearance-controls select{font:inherit;font-size:var(--text-ui);color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:8px 5px;cursor:pointer}.control-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.repository-badge{display:flex;flex-direction:column;gap:5px;font-size:var(--text-ui);border-left:1px solid var(--line);padding:3px 0 3px 20px}.repository-name{font-weight:600;display:flex;gap:17px}.repository-description{font-size:var(--text-ui);color:var(--muted)}.repository-stats{display:flex;gap:10px;font-size:var(--text-small);color:var(--muted)}.tray-button{height:27px;width:29px;display:flex;align-items:center;justify-content:center}.tray-button img{display:block;width:24px;height:24px}.desk-section{padding-top:65px;padding-bottom:65px}.source-section{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;border-top:1px solid var(--line);padding-top:42px;padding-bottom:42px}.source-section h2{font-size:32px;font-weight:500;letter-spacing:-1px;margin:0 0 14px}.source-section p{font-size:var(--text-body);color:var(--muted);line-height:1.8;margin:0}.source-repository{font-size:21px;font-weight:550;letter-spacing:-.5px;display:flex;justify-content:space-between;padding:0 0 14px;border-bottom:1px solid var(--line)}
@media(min-width:769px) and (max-width:1100px){.header nav{gap:18px;font-size:var(--text-ui)}.header-tools{gap:11px}.header .brand{font-size:26px}.header{gap:18px}.appearance-controls{gap:5px}.appearance-controls select{font-size:var(--text-ui);padding:7px 3px}.header .button-small{font-size:var(--text-ui);padding:11px 12px;gap:12px}}
@media(max-width:768px){.header-tools{gap:12px}.appearance-controls{gap:7px}.appearance-controls select{font-size:var(--text-ui);padding:8px 4px}.desk-section{padding-top:43px;padding-bottom:35px}.source-section{grid-template-columns:1fr;padding-top:30px;padding-bottom:30px;gap:22px}.source-section h2{font-size:29px}.source-section p{font-size:var(--text-body)}.source-repository{font-size:20px}}
@media(max-width:440px){.header{gap:9px}.header .brand{font-size:24px;gap:7px}.header-tools{gap:8px}.appearance-controls{gap:5px}.appearance-controls select{font-size:var(--text-ui);padding:7px 2px;max-width:68px}.header-tools>.button{display:none}.repository-badge{padding-left:18px}.repository-stats{gap:7px;font-size:var(--text-small)}.hero .actions{gap:20px}}

/* Text keeps its reading size on smaller screens; the layout makes room for it. */
button,select{line-height:1.35}
.button,.text-link{font-size:var(--text-ui);white-space:normal;min-height:44px}
.actions{flex-wrap:wrap;gap:24px}
.hero-grid{grid-template-columns:minmax(0,42fr) minmax(0,58fr);gap:24px;padding:64px 0 48px}
.hero-copy{padding-right:0;min-width:0}
.hero-copy>p{max-width:38ch;line-height:1.7}
.stage-topline{letter-spacing:.08em;line-height:1.5;gap:24px}
.hero h1{line-height:1.08}
.workspace-demo{padding-left:0}
.desktop{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;padding:0 16px 20px;min-height:0}
.desktop-bar{grid-column:1;grid-row:1;height:42px;margin:0 -16px;padding:0 16px}
.desktop-wallpaper{inset:42px 0 0}
.terminal{position:relative;grid-column:1;grid-row:2;align-self:end;left:auto;top:auto;width:94%;margin-top:180px;min-height:0}
.terminal-top{height:38px;gap:12px;line-height:1.4}
.terminal-body{padding:20px 16px 16px;line-height:1.7;overflow-wrap:anywhere}
.terminal-body p{margin:10px 0}
.terminal-agent{gap:12px}
.terminal-agent>span{flex-shrink:0}
.terminal-bottom{gap:12px;flex-wrap:wrap;line-height:1.5}
.terminal-cursor{height:15px;width:7px}
.demo-question{display:flow-root;line-height:1.6}
.demo-question>code{opacity:1}
.demo-question>button{float:none;display:block;margin-top:12px;padding:10px 12px;min-height:44px}
.session-panel{grid-column:1;grid-row:2;align-self:start;justify-self:end;margin:0;width:338px;height:auto;transform:none}
.terminal.focused{top:auto;width:100%;min-height:0}
.workspace-controls{margin-top:24px}
.hero-states button,.model-controls button{font-size:var(--text-ui);min-height:44px;padding:11px 15px;gap:9px}
.workspace-controls>p,.model-status{line-height:1.6;min-height:1.6em}
.hero-foot{flex-wrap:wrap;align-items:center;font-size:var(--text-ui);line-height:1.6}
.hero-foot>span{max-width:45ch}
.integrations{flex-wrap:wrap}
.integrations>span{font-size:var(--text-ui)}
.integrations>div{flex-wrap:wrap;gap:18px 28px}
.section-heading h2,.desk-copy h2,.install-title h2{line-height:1.15}
.section-heading>p{max-width:54ch;line-height:1.7}
.model-demo-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.model-figure{padding-right:24px}
.model-figure figcaption,.desk-photo figcaption{letter-spacing:.025em;line-height:1.6}
.model-steps{padding-left:12px}
.model-steps article{gap:16px;padding:26px 18px}
.model-steps h3{font-size:26px;line-height:1.25}
.model-steps p{max-width:38ch;line-height:1.7}
.brightness-control{max-width:400px;gap:16px}
.brightness-control input{min-height:44px}
.brightness-control output{min-width:4ch}
.signal-playground{grid-template-columns:minmax(0,42fr) minmax(0,58fr)}
.signal-choice{padding:20px 12px;gap:18px}
.signal-choice strong{font-size:24px;line-height:1.3}
.signal-choice>span:nth-child(2){min-width:0}
.desk-section{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px}
.desk-copy{padding:0}
.desk-copy p{max-width:38ch;line-height:1.7}
.desk-footnote{font-size:var(--text-small);letter-spacing:.03em;gap:12px 20px;line-height:1.6}
.eyebrow{line-height:1.6;letter-spacing:.06em}
.install-title p{line-height:1.7}
.install-box-head,.install-box-foot{flex-wrap:wrap;line-height:1.6}
.copy-button{min-height:44px}
.install-box pre{font-size:var(--text-ui);line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}
.install-box .install-command::before{content:"$";-webkit-user-select:none;user-select:none}
.faq h2{line-height:1.2}
.faq summary{font-size:var(--text-body);line-height:1.5;padding:24px 0}
.faq details p{line-height:1.7}
.footer>span{width:auto;max-width:38ch}
.footer>div{flex-wrap:wrap;line-height:1.6}
.footer small{letter-spacing:.04em;line-height:1.6}
.appearance-controls select{font:inherit;font-size:var(--text-ui);padding:10px 8px;min-height:44px;max-width:none}
.header{min-height:88px;height:auto;padding-top:16px;padding-bottom:16px}
.header nav{font-size:var(--text-ui);gap:24px}
.source-section{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.source-section p{line-height:1.7}
.source-repository{align-items:center;gap:20px;font-size:24px;line-height:1.4}
.source-repository>span:first-child{display:flex;flex-direction:column;gap:4px;min-width:0;overflow-wrap:anywhere}
.source-host{font-size:var(--text-ui);font-weight:400;letter-spacing:0;color:var(--muted)}

@media(max-width:1200px){
  .header nav{display:none}
  .hero-grid{grid-template-columns:1fr;gap:48px}
  .hero h1{font-size:clamp(52px,7vw,80px)}
  .workspace-demo{max-width:760px;width:100%;margin:auto}
  .hero-copy>p{max-width:48ch}
}
@media(max-width:900px){
  .model-demo-grid,.desk-section,.signal-playground,.install-section,.source-section,.faq{grid-template-columns:1fr}
  .model-demo-grid{gap:32px}
  .model-figure{padding:0}
  .model-steps{padding:0}
  .model-steps article{min-height:0}
  .model-steps p{max-width:54ch}
  .lamp-wrap{height:420px}
  .desk-section{gap:32px}
  .desk-copy p{max-width:54ch}
  .integrations>div{display:flex}
  .install-section{gap:28px}
}
@media(max-width:600px){
  .header{gap:12px}
  .header .brand{font-size:26px;gap:8px}
  .header-tools>.button{display:none}
  .header-tools,.appearance-controls{gap:8px}
  .appearance-controls select{padding:9px 5px}
  .hero-grid{padding-top:32px;gap:40px}
  .hero h1{font-size:clamp(48px,11vw,66px)}
  .hero .actions{gap:20px}
  .workspace-demo{width:calc(100% + 32px);max-width:none;margin:0 -16px}
  .desktop{padding:0 4px 16px;gap:16px}
  .desktop-bar{margin:0 -4px;padding:0 12px}
  .session-panel{grid-row:2;justify-self:center;margin:0;max-width:100%;overflow-x:auto}
  .terminal{grid-row:3;margin:0;justify-self:center;width:100%;left:auto;top:auto;min-height:0}
  .terminal.focused{top:auto;width:100%;min-height:0}
  .terminal-body{padding:18px 14px}
  .terminal-top>span:last-child{display:none}
  .desktop-wallpaper>span{display:none}
  .hero-foot{align-items:flex-start;gap:16px}
  .hero-foot>span{max-width:none}
  .hero-foot>a{font-size:var(--text-ui);white-space:normal}
  .hero-states,.model-controls{gap:8px}
  .hero-states button,.model-controls button{padding:10px 12px}
  .section-heading h2,.desk-copy h2{font-size:38px}
  .lamp-wrap{height:340px}
  .model-steps article{padding:24px 12px;gap:14px}
  .model-steps h3{font-size:24px}
  .signal-choice{gap:14px}
  .signal-choice strong{font-size:23px}
  .source-repository{font-size:23px}
  .install-title h2{font-size:34px}
  .install-box-head{padding:16px}
  .install-box pre{padding:0 16px}
  .install-box-foot{padding:0 16px 16px}
  .footer{gap:20px}
}

/* Shared agent glyphs and usage totals follow the real menu-bar settings. */
.tray-button{width:auto;gap:6px;padding:2px 6px;flex-shrink:0}.tray-usage{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}.tray-usage[hidden]{display:none}.usage-agent{display:inline-flex;align-items:center;gap:3px}.tray-usage .agicon{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.tray-usage .badge{font-size:11px}

/* Native pickers keep keyboard and touch behavior behind compact icon controls. */
.appearance-controls .icon-control{position:relative;display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;margin:0;border:1px solid var(--line);border-radius:8px;background:var(--surface-raised);color:var(--ink);cursor:pointer}
.appearance-controls .icon-control:hover{border-color:var(--selected-line);color:var(--accent)}
.appearance-controls .icon-control:focus-within{outline:3px solid var(--accent);outline-offset:3px}
.appearance-controls .icon-control>svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.appearance-controls .icon-control>select{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-width:none;margin:0;padding:0;opacity:0;cursor:pointer}
.appearance-controls .theme-icon-light,.appearance-controls .theme-icon-dark{display:none}
:root[data-theme-preference=light] .theme-icon-auto,:root[data-theme-preference=dark] .theme-icon-auto{display:none}
:root[data-theme-preference=light] .theme-icon-light,:root[data-theme-preference=dark] .theme-icon-dark{display:block}