@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Golos+Text:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root{color-scheme:dark;--bg:#111419;--surface:#191d23;--line:#30343a;--text:#f1f0eb;--muted:#a4a7ad;--gold:#e9ba72;--green:#65edaa;--mono:'IBM Plex Mono',monospace;--sans:'DM Sans','Golos Text',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}button,select,a{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button,a,select{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}a,button,select{outline-offset:5px}a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid var(--gold)}button:disabled{cursor:wait}button{color:var(--text)}::selection{background:var(--gold);color:var(--bg)}.wrap{max-width:1280px;margin-inline:auto;padding-inline:48px}.header{height:106px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;font:600 27px/1 var(--mono);letter-spacing:-1.6px}.brand img{border-radius:9px}.cursor{color:var(--green)}.gold{color:var(--gold)}nav{display:flex;gap:30px;color:#bfc0c4;font-size:14px}nav a:hover,.text-link:hover,footer a:hover{color:var(--gold)}.header-actions{display:flex;align-items:center;gap:22px}.language{display:flex;align-items:center;gap:7px;font:14px var(--mono)}select{border:0;color:var(--text);background:var(--bg);cursor:pointer;padding:8px 0;max-width:80px}.button{display:inline-flex;justify-content:center;align-items:center;gap:25px;padding:15px 23px;min-height:52px;border-radius:6px;font-weight:600;line-height:1.3;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--green);color:#082017}.button.primary:hover{background:#8ef5bf}.button.small{font-size:14px;min-height:40px;padding:10px 17px}.outline{border:1px solid #55575b}.hero{display:grid;grid-template-columns:1fr 1fr;gap:34px;padding-top:64px;padding-bottom:83px;align-items:center;min-height:705px}.eyebrow{display:flex;align-items:center;gap:10px;font:500 12px/1.6 var(--mono);letter-spacing:1.7px;color:var(--muted)}.live-dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:clamp(45px,4.35vw,64px);line-height:1.12;letter-spacing:-3px;font-weight:600;margin:25px 0}h1 .gold{color:var(--green)}.intro{max-width:470px;color:#aeb1b7;font-size:17px;line-height:1.7}.hero-buttons{display:flex;align-items:center;gap:26px;margin-top:32px}.text-link{font-size:14px;display:inline-flex;align-items:center;gap:10px}.play{font-size:25px}.micro{font-size:12px;color:#92969e;margin-top:20px}.hero-visual{min-width:0;position:relative;scroll-margin-top:30px}.demo-label{display:flex;justify-content:space-between;font:11px var(--mono);color:#8a8f96;letter-spacing:1px;margin:0 5px 13px}.terminal{border:1px solid #40444a;border-radius:12px;background:#181c22;box-shadow:0 25px 65px #0004;overflow:hidden;transform:rotate(-1deg)}.terminal-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:15px 18px;font:11px var(--mono);color:#acafb5}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#555b64}.window-dots i:first-child{background:#d19a75}.window-dots i:nth-child(2){background:#cdb879}.window-dots i:nth-child(3){background:#89b594}.connection{display:flex;align-items:center;gap:7px}.terminal-body{padding:20px}.dashboard-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.terminal-muted{font:11px/1.5 var(--mono);color:#a2a7af}.dashboard-heading h2{font-size:26px;letter-spacing:-1px;line-height:1.4}.refresh{border:1px solid #485049;background:#26372d;color:#c2e5c9;border-radius:5px;padding:8px 11px;display:flex;gap:7px;align-items:center;font:12px var(--mono)}.refresh:hover{background:#334b3b}.refresh-icon{font-size:19px;line-height:1}.refresh.busy .refresh-icon{animation:spin 1s linear infinite}.session-list{display:flex;flex-direction:column;gap:6px}.session{width:100%;text-align:start;display:flex;align-items:center;gap:10px;background:#20252c;border:1px solid transparent;border-radius:6px;padding:11px;font:12px var(--mono)}.session:hover{background:#2a3039}.session.selected{border-color:#697563;background:#252d29}.session-icon{color:var(--green);font-size:16px}.session-info{min-width:0;flex:1}.session-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.session-branch{color:#949ca5;display:block;font-size:10px;margin-top:3px}.status{font-size:10px;white-space:nowrap;padding:3px 6px;border-radius:4px}.status.working{color:#c0c6d4;background:#303745}.status.waiting{color:#eac48e;background:#453a28}.status.done{color:#b5dbb9;background:#2b3b30}.demo-detail{border:1px solid var(--line);border-radius:6px;padding:12px;margin-top:13px;background:#13171c}.detail-title{display:flex;justify-content:space-between;gap:10px}.detail-title span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}pre{font:11px/1.8 var(--mono);color:#bbc9ba;white-space:pre-wrap;overflow-wrap:anywhere;min-height:80px;margin:12px 0 9px}pre::after{content:'▌';color:var(--green);animation:blink 1.4s step-end infinite}.shortcuts{border-top:1px solid #272c33;padding-top:10px;display:flex;gap:7px;align-items:center}.shortcuts button{background:#272d34;border:1px solid #41474e;border-radius:4px;padding:5px 8px;font:11px var(--mono)}.shortcuts button:hover{background:#414d42}.terminal-footer{display:flex;justify-content:space-between;gap:12px;font:10px/1.5 var(--mono);color:#8a9595;margin-top:13px}.visual-caption{display:flex;justify-content:flex-end;align-items:center;gap:12px;font:11px var(--mono);color:#a9a29a;margin-top:24px}.caption-line{height:1px;width:35px;background:#7a6b53}.ticker{border-block:1px solid var(--line);overflow:hidden;padding:20px 0;transform:rotate(-1deg);background:#191d22}.ticker>div{display:flex;justify-content:center;gap:65px;white-space:nowrap;font:500 13px var(--mono);letter-spacing:2px;color:#a0a5af}.section{padding-block:100px}.section-heading{display:flex;justify-content:space-between;gap:60px;align-items:flex-end;margin-bottom:45px}h2{font-weight:550;font-size:43px;line-height:1.2;letter-spacing:-1.6px}.section-heading h2{margin-top:17px}.section-heading>p{max-width:340px;color:var(--muted);font-size:15px;line-height:1.7}h3{font-weight:550;font-size:21px;line-height:1.35;letter-spacing:-.5px}.open-source{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;align-items:center;padding-top:95px;padding-bottom:90px}.mascot{position:relative;overflow:hidden;background:#151a23;border-radius:12px;aspect-ratio:1.15}.mascot img{width:100%;height:100%;object-fit:cover;display:block}.mascot-tag{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:10px;align-items:center;white-space:nowrap;background:#131920e6;border:1px solid #3a4045;border-radius:30px;padding:8px 14px;font:11px var(--mono);color:#c2c5c5}.source-copy h2{font-size:40px;margin:20px 0}.source-copy>p:not(.micro){color:var(--muted);font-size:15px}.source-actions{margin-top:25px}.pending-link{color:var(--gold);display:inline-flex;align-items:center;gap:10px;border:1px solid #555044;border-radius:6px;padding:12px 16px;font-size:14px}.download{background:var(--gold);color:#211d17;border-radius:12px;padding:43px 48px 47px;max-width:1184px;position:relative}.download-top{display:flex;justify-content:space-between;align-items:center;gap:25px}.download .eyebrow{color:#4f4331;font-size:11px}.price{font:500 42px/1 var(--mono);letter-spacing:-3px}.price>span{font:12px var(--mono);letter-spacing:0;margin-inline-start:8px}.download h2{font-size:53px;margin-top:22px;line-height:1.13;letter-spacing:-2px}.download>p{max-width:450px;font-size:15px;line-height:1.7;margin-top:20px;color:#514331}.store-buttons{display:flex;gap:12px;margin-top:26px}.store{border:1px solid #8e714a;border-radius:6px;min-height:56px;padding:9px 15px;display:flex;gap:13px;align-items:center;text-align:start;background:#201e1a;color:#f4e9d7;min-width:180px}.store.unavailable{background:#e1af65;color:#3c3020;border-color:#a27d49}.store small{font-size:10px;display:block;line-height:1.3}.store strong{display:block;font-size:16px;line-height:1.5;font-weight:500}.store-symbol{font-size:25px}.download .download-note{font-size:12px;max-width:650px;color:#5d4c36;margin-top:18px}footer{padding-top:55px;padding-bottom:25px}.footer-top{display:flex;gap:30px;align-items:center;justify-content:space-between;font-size:12px;color:#999fa8}.footer-top .brand{color:var(--text);font-size:24px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:20px;margin-top:30px;color:#858d98;font:11px/1.7 var(--mono)}.skip{position:fixed;top:-100px;left:20px;z-index:10;background:var(--gold);color:#111;padding:12px}.skip:focus{top:10px}.noscript{padding:20px}.pending-contact{color:#858d98}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:10;max-width:90vw;background:#28382d;color:#c0e6c8;border:1px solid #5e7961;border-radius:8px;padding:12px 20px;font:13px/1.5 var(--mono);box-shadow:0 5px 30px #0007}.toast:empty{display:none}[dir=rtl] .terminal{direction:ltr}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0}[dir=rtl] .ticker{direction:ltr}.spinning{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:0}}
@media(min-width:1500px){.hero{gap:65px;padding-top:75px;padding-bottom:95px}h1{font-size:64px}}
@media(max-width:1100px){.wrap{padding-inline:32px}.hero{gap:24px}h1{font-size:48px;letter-spacing:-2.4px}.hero-buttons{gap:18px;flex-wrap:wrap}.terminal-body{padding:15px}.download{margin-inline:32px}.section-heading{gap:35px}.open-source{gap:35px}.source-copy h2{font-size:34px}nav{gap:20px}}
@media(max-width:800px){.header{height:85px}nav{display:none}.hero{grid-template-columns:1fr;padding-top:45px;gap:55px;padding-bottom:60px}.hero-copy{max-width:600px}h1{font-size:64px;letter-spacing:-3px}.intro{max-width:540px}.hero-visual{max-width:600px;width:100%;margin-inline:auto}.section{padding-block:65px}.section-heading{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:30px}.section-heading>p{max-width:530px}.open-source{grid-template-columns:1fr 1.15fr;gap:28px}.source-copy h2{font-size:30px}.source-copy .eyebrow{font-size:10px}.download h2{font-size:44px}.footer-top{flex-wrap:wrap}.footer-top>span{order:3;width:100%}.footer-bottom{font-size:10px}}
@media(max-width:520px){.wrap{padding-inline:22px}.header{gap:12px;height:80px}.brand{font-size:23px;gap:6px}.brand img{width:30px;height:30px}.header-actions{gap:14px}.header-actions .button{display:none}.hero{padding-top:32px;gap:40px}.eyebrow{font-size:10px;letter-spacing:1.15px}h1{font-size:clamp(32px,9.4vw,49px);line-height:1.16;letter-spacing:-1.8px;margin-block:20px}.intro{font-size:15px;line-height:1.8}.hero-buttons{gap:20px;margin-top:26px}.button{padding:14px 18px;font-size:14px}.micro{font-size:11px}.demo-label{font-size:9px}.terminal{transform:none;border-radius:8px}.terminal-bar{padding:12px;font-size:10px}.terminal-body{padding:12px}.dashboard-heading h2{font-size:24px}.session{padding:9px;gap:7px}.session-name{font-size:11px}.session-branch{font-size:9px}.status{font-size:9px}.terminal-muted{font-size:10px}.detail-title span:last-child{display:none}.terminal-footer{font-size:9px}.terminal-footer>span:last-child{display:none}.visual-caption{font-size:10px;gap:8px}.caption-line{width:20px}.ticker>div{gap:30px;font-size:11px}.section{padding-block:55px}.section-heading>p{font-size:14px}.open-source{grid-template-columns:1fr;gap:32px}.mascot{aspect-ratio:1.35}.source-copy h2{font-size:36px}.download{margin-inline:14px;padding:27px 23px 32px;border-radius:8px}.download-top{align-items:flex-start;gap:15px}.download .eyebrow{max-width:150px;font-size:9px}.price{font-size:35px;white-space:nowrap}.price>span{display:block;font-size:10px;margin:7px 0 0;letter-spacing:0}.download h2{font-size:36px;letter-spacing:-1.4px;margin-top:20px}.download>p{font-size:14px}.store-buttons{flex-wrap:wrap;gap:10px}.store{flex:1;min-width:145px;padding:10px;gap:8px}.store strong{font-size:14px}.store-symbol{font-size:20px}.footer-top{gap:20px}.footer-bottom{flex-wrap:wrap;gap:8px 20px}.footer-bottom>span:nth-child(2){order:3;width:100%}.footer-bottom>a{margin-inline-start:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::after{animation:none!important;transition:none!important}}
/* Wider language names remain discoverable in the native picker. */
.language select{max-width:102px;font-size:12px}
html:lang(zh) h1,html:lang(zh) h2,html:lang(zh) h3{letter-spacing:0}
html:lang(ar) .eyebrow{letter-spacing:0;font-size:13px}
html:lang(ar) .demo-detail pre{direction:rtl;text-align:start}
@media(min-width:801px) and (max-width:1100px){html:lang(pt) h1,html:lang(de) h1{font-size:42px}}
pre{font-size:12px;min-height:90px}.session{min-height:62px}.store small{font-size:12px}.demo-label{gap:10px;flex-wrap:wrap}.micro{font-size:12px}
@media(max-width:520px){.demo-label{font-size:11px}.terminal-bar{font-size:11px}.visual-caption{justify-content:flex-start;line-height:1.6}.caption-line{flex-shrink:0}.status{padding:3px 4px}.session-branch{font-size:11px}.footer-bottom{font-size:12px}.download .eyebrow{font-size:11px}.price>span{font-size:12px}.source-copy .eyebrow{font-size:12px}}

/* A direct SSH connection, not another feature-card grid. */
.hero h1{font-size:clamp(42px,4.25vw,62px);letter-spacing:-2.6px}
.hero .eyebrow,.connection,.demo-label>span:first-child{color:var(--green)}
.terminal{border-color:#416553;background:#141e1b;box-shadow:0 25px 70px #0005,0 0 60px #65edaa08}
.terminal-bar{background:#15271e;border-bottom-color:#294b39}.terminal-body{background:linear-gradient(155deg,#14231c,#171d21 65%)}
.session.selected{border-color:#4baa79;background:#203e2d}.status.working{color:#9af1bd;background:#244334}.status.done{color:#a3f0c3;background:#244334}
.demo-detail{background:#0c1712;border-color:#294233}.demo-detail pre{color:#98eab8}.refresh{border-color:#367653;background:#203f2d;color:#a5f5c5}.refresh:hover{background:#2b593f}
.caption-line{background:var(--green)}.ticker{background:#14241c;border-color:#2a4635;transform:none}.ticker .gold{color:var(--green)}
.privacy-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.privacy-copy h2{font-size:54px;margin-top:15px;letter-spacing:-2px}.privacy-intro{color:var(--muted);max-width:430px;margin-top:18px;font-size:17px;line-height:1.7}
.privacy-points{list-style:none;padding:0;margin:28px 0 0;display:flex;flex-direction:column;gap:21px}.privacy-points li{display:flex;align-items:flex-start;gap:15px}.line-icon{width:24px;height:24px;flex-shrink:0}.privacy-points .line-icon{color:var(--green);margin-top:3px}.privacy-points h3{font-size:17px;letter-spacing:0}.privacy-points p{font-size:14px;color:var(--muted);margin-top:3px}
.connection-diagram{margin:0;padding:24px;border:1px solid #344c40;border-radius:10px;background:radial-gradient(ellipse at 60% 55%,#20432c66,transparent 70%),#131d18;min-width:0}.diagram-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#9db3a5;font:12px var(--mono)}.secure-tag{display:flex;align-items:center;gap:6px;color:var(--green)}.secure-tag .line-icon{width:17px;height:17px}.diagram-flow{display:grid;grid-template-columns:1fr .8fr 1fr;align-items:center;gap:12px;margin-top:43px;direction:ltr}.device-node,.host-node{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.device-node>.line-icon,.host-node>.line-icon{width:55px;height:55px;color:var(--green);stroke-width:1.2;margin-bottom:7px}.diagram-flow strong{font-size:15px;font-weight:500}.device-node>span,.host-node>span{font:12px var(--mono);color:#8bac99}.ssh-link{text-align:center;color:var(--green);font:12px var(--mono)}.ssh-link>.line-icon{width:18px;height:18px;margin-top:12px}.wire{position:relative;height:1px;background:#458564;margin-top:15px}.wire:after{position:absolute;content:'';right:0;top:-3px;width:6px;height:6px;border-top:1px solid var(--green);border-right:1px solid var(--green);transform:rotate(45deg)}.wire i{position:absolute;left:0;top:-2px;height:5px;width:14px;border-radius:3px;background:var(--green);box-shadow:0 0 12px #65edaa55;animation:packet 4s ease-in-out infinite}.agent-tree{display:flex;justify-content:flex-end;gap:7px;margin-top:25px;color:#527a61;font:16px var(--mono);direction:ltr}.agent-tree>div{display:flex;gap:6px;flex-wrap:wrap}.agent-tree code{padding:6px 8px;border:1px solid #385441;background:#1d3225;color:#b4dbbf;border-radius:4px;font:12px var(--mono)}.connection-diagram figcaption{display:flex;gap:8px;align-items:flex-start;margin-top:33px;padding-top:17px;border-top:1px solid #2d4436;font:12px/1.7 var(--mono);color:#a2b7a9}.connection-diagram figcaption .live-dot{margin-top:7px}
/* A day with agents: editorial copy on the left, a continuous activity log on the right. */
.agents-section{border-block:1px solid #293d31;background:#17241c;padding-block:78px}.agents-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:center}.agents-copy h2{font-size:48px;line-height:1.16;margin-top:20px;max-width:440px}.agents-copy>p{color:#acb9ae;max-width:370px;margin-top:23px;font-size:16px}.agent-prompt{display:flex;align-items:flex-start;gap:12px;margin-top:35px;font:13px/1.8 var(--mono);color:#a4c3af;max-width:370px}.agent-prompt>span:first-child{color:var(--green);font-size:19px}.agent-day{min-width:0}.day-header,.day-footer{display:flex;justify-content:space-between;gap:12px;font:12px/1.6 var(--mono);color:#92b19e}.day-header{border-bottom:1px solid #395341;padding-bottom:17px}.day-event{display:grid;grid-template-columns:100px 1fr;gap:24px;padding-top:24px}.event-time{display:flex;flex-direction:column;gap:5px;padding-top:1px}.event-time time{font:16px var(--mono);color:#c1ddca}.event-time>span{color:#8baa97;font-size:12px;line-height:1.6}.event-body{position:relative;padding-inline-start:23px;padding-bottom:26px;border-inline-start:1px solid #3f654b;min-width:0}.event-body:before{content:'';position:absolute;inset-inline-start:-4px;top:6px;width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 0 5px #17241c}.event-state{font:12px var(--mono);color:var(--green)}.event-state.waiting{color:var(--gold)}.event-body h3{font-size:22px;line-height:1.3;margin-top:8px}.event-body p{color:#a7b8ac;font-size:14px;line-height:1.7;margin-top:7px}.event-body code{display:block;color:#759e83;font:12px var(--mono);margin-top:13px;overflow-wrap:anywhere}.day-event:last-of-type .event-body{border-color:transparent}.day-footer{border-top:1px solid #395341;padding-top:16px;justify-content:flex-start;align-items:center}
.harness-section{padding-block:50px 55px;border-bottom:1px solid var(--line)}.harness-heading{display:flex;gap:20px;align-items:flex-start}.harness-symbol{font:30px var(--mono);color:var(--green);line-height:1.4}.harness-heading h2{font-size:30px;letter-spacing:-1px}.harness-heading p{color:var(--muted);font-size:16px;margin-top:9px}.harness-details{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:28px;padding-inline-start:65px}.harness-presets>span{color:#9eb1a5;font:12px var(--mono)}.harness-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.harness-chips code{font:14px var(--mono);border:1px solid #3f5947;background:#1b2920;padding:7px 12px;border-radius:4px;color:#bde7cb}.harness-settings strong{font-size:16px;font-weight:500}.harness-settings p{font-size:14px;color:var(--muted);margin-top:5px}
.source-copy .eyebrow{color:#a4b6a8}.source-copy>p:not(.micro){font-size:16px}.source-copy h2{font-size:42px}.mascot-tag{border-color:#426a50;color:#bfdfc9}.pending-link{border-color:#42644d;color:var(--green)}
.download{background:#173e2a;border:1px solid #3f7b54;color:#e8f6ec}.download .eyebrow{color:#a0c6ad}.download .price,.download h2{color:#88f2b4}.download>p,.download .download-note{color:#b0cbb8}.store.unavailable{background:#234d33;color:#d6eadc;border-color:#4d795b}.store{background:#101d16;border-color:#538967;color:#e2f4e7}
@keyframes packet{0%,15%{left:0;opacity:0}25%{opacity:1}75%{opacity:1}85%,100%{left:calc(100% - 14px);opacity:0}}
@media(max-width:1100px){.privacy-section{gap:35px}.agents-layout{gap:40px}.agents-copy h2{font-size:40px}.connection-diagram{padding:20px}.hero h1{font-size:46px}.harness-details{gap:35px}}
@media(max-width:800px){.hero h1{font-size:58px}.privacy-section{grid-template-columns:1fr;gap:35px}.privacy-intro{max-width:560px}.privacy-points{flex-direction:row;gap:20px}.privacy-points li{flex:1;flex-direction:column;gap:10px}.connection-diagram{max-width:600px;width:100%;margin-inline:auto}.agents-layout{grid-template-columns:1fr;gap:40px}.agents-copy h2{max-width:580px;font-size:43px}.agents-copy>p{max-width:530px}.agent-prompt{max-width:530px;margin-top:23px}.agent-day{max-width:600px;width:100%;margin-inline:auto}.source-copy h2{font-size:34px}.harness-details{padding-inline-start:0}.diagram-flow{margin-top:32px}}
@media(max-width:520px){.hero h1{font-size:clamp(30px,8.9vw,45px);letter-spacing:-1.5px}.privacy-copy h2{font-size:42px}.privacy-intro{font-size:16px}.privacy-points{flex-direction:column;gap:20px}.privacy-points li{flex-direction:row;gap:13px}.connection-diagram{padding:18px 14px}.diagram-top{font-size:11px}.diagram-flow{gap:6px;grid-template-columns:1fr .65fr 1fr}.diagram-flow strong{font-size:13px}.device-node>.line-icon,.host-node>.line-icon{width:43px;height:43px}.agent-tree code{font-size:11px;padding:5px 6px}.agent-tree{gap:4px}.agents-section{padding-block:50px}.agents-copy h2{font-size:37px;letter-spacing:-1px}.day-header{flex-wrap:wrap}.day-event{grid-template-columns:70px 1fr;gap:12px}.event-body{padding-inline-start:17px}.event-body h3{font-size:20px}.event-body p{font-size:14px}.harness-section{padding-block:40px}.harness-heading{gap:12px}.harness-symbol{font-size:24px}.harness-heading h2{font-size:27px}.harness-heading p{font-size:15px}.harness-details{grid-template-columns:1fr;gap:22px}.source-copy h2{font-size:36px}}

.hero-can{color:var(--green);font-weight:650;text-shadow:0 0 35px #65edaa18;display:inline-block;border-bottom:3px solid #65edaa65;line-height:1.02;padding-bottom:3px}.hero-agent-line{display:block;font-size:.48em;line-height:1.4;font-weight:450;letter-spacing:-.5px;color:#bed2c4;margin-top:20px}.hero h1{line-height:1.2}.hero .intro{max-width:470px}
@media(max-width:520px){.hero-agent-line{font-size:.53em;letter-spacing:0;margin-top:15px}.hero-can{border-bottom-width:2px}}

/* Bring-your-own-harness deck: staggered terminal cards, one finite reveal. */
.harness-section{padding-block:78px}.harness-heading{display:block;text-align:center;max-width:810px;margin-inline:auto}.harness-heading .eyebrow{justify-content:center;color:#a4b6aa}.harness-heading h2{font-size:52px;line-height:1.12;letter-spacing:-1.8px;margin-top:15px}.deck-accent{color:var(--green)}.harness-heading p{font-size:16px;line-height:1.8;max-width:720px;margin:21px auto 0}.harness-stage{margin-top:36px;padding:24px;border:1px solid #3b5b47;border-radius:10px;background:radial-gradient(ellipse at 50% 50%,#244a312e,transparent 70%),#121b17;position:relative;overflow:hidden}.deck-command{display:flex;align-items:center;gap:9px;min-width:0;color:#a5d6b7;font:14px var(--mono);padding-bottom:22px;direction:ltr}.deck-command>span:first-child{color:var(--green)}.deck-command code{font:inherit}.deck-label{font-size:11px;margin-inline-start:auto;color:#799986;letter-spacing:.6px}.deck-prompt{animation:blink 1.4s step-end infinite}.harness-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;perspective:900px}.harness-tile{position:relative;display:flex;align-items:center;gap:14px;min-height:76px;padding:16px 19px;background:#1b2c22;border:1px solid #385443;border-radius:6px;overflow:hidden;transition:background .2s,border-color .2s,transform .2s}.harness-tile:hover{background:#244130;border-color:var(--green);transform:translateY(-3px)}.tile-index{font:12px var(--mono);color:#6e967e}.tile-name{font:500 17px var(--mono);color:#e0eee4;min-width:0;overflow-wrap:anywhere}.tile-terminal{font:18px var(--mono);color:var(--green);margin-inline-start:auto}.harness-claude{border-inline-start:3px solid #d6a079}.harness-codex{border-inline-start:3px solid #cbdacd}.harness-hermes{border-inline-start:3px solid #ecba72}.harness-cursor{border-inline-start:3px solid #8daaac}.harness-gemini{border-inline-start:3px solid #92a8eb}.harness-opencode{border-inline-start:3px solid #aabaac}.harness-aider{border-inline-start:3px solid #97c779}.harness-goose{border-inline-start:3px solid #e1be7d}.harness-any{border-style:dashed;background:transparent}.deck-bottom{display:flex;align-items:center;gap:9px;color:#8ead98;font:12px/1.6 var(--mono);padding-top:21px}.harness-details{padding-inline-start:0;gap:55px;max-width:1040px;margin:30px auto 0}.harness-presets strong,.harness-settings strong{font-size:16px;color:#d7e4dc;font-weight:500}.harness-presets p,.harness-settings p{font-size:14px;color:#98aaa0;line-height:1.8;margin-top:8px}.footer-tagline{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap}.footer-correction{display:inline-flex;align-items:baseline;gap:7px}.footer-correction>span{text-decoration:line-through;text-decoration-color:var(--gold);opacity:.7}.footer-correction>strong{color:var(--green);font-family:var(--mono);font-weight:500}.agents-copy h2{font-size:43px;max-width:460px}.mascot-tag{font-size:11px;max-width:95%}.source-copy .micro{font-size:13px;color:#b4b2a5;max-width:460px}
@media(prefers-reduced-motion:no-preference){.reveal-ready:not(.deck-online) .harness-tile{opacity:0;transform:translateY(30px) rotateX(14deg) scale(.96)}.deck-online .harness-tile{animation:harness-arrive .72s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i)*.12s)}.deck-online .harness-tile:after{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#a1ffc33b 50%,transparent 80%);transform:translateX(-130%);animation:harness-scan .7s ease-out both;animation-delay:calc(var(--i)*.12s + .12s)}}
@keyframes harness-arrive{0%{opacity:0;transform:translateY(30px) rotateX(14deg) scale(.96);filter:blur(4px)}65%{opacity:1;filter:blur(0)}100%{opacity:1;transform:none;filter:none}}@keyframes harness-scan{to{transform:translateX(130%)}}
@media(max-width:800px){.harness-heading h2{font-size:45px}.harness-tile{padding:14px 12px;gap:10px}.tile-name{font-size:15px}.tile-terminal{font-size:16px}.deck-label{display:none}.agents-copy h2{font-size:41px;max-width:650px}}
@media(max-width:520px){.harness-section{padding-block:50px}.harness-heading{text-align:start}.harness-heading .eyebrow{justify-content:flex-start}.harness-heading h2{font-size:39px;letter-spacing:-1px}.harness-heading p{font-size:15px}.harness-stage{padding:15px 12px;margin-top:25px}.harness-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.harness-tile{min-height:68px;padding:11px 9px;gap:6px}.tile-name{font-size:13px}.tile-index{font-size:10px}.tile-terminal{font-size:13px}.harness-any{grid-column:1/-1}.harness-details{gap:20px}.deck-command{font-size:12px;gap:6px;padding-bottom:16px}.agents-copy h2{font-size:36px}.mascot-tag{font-size:10px;padding-inline:10px}.footer-tagline{line-height:1.9}}

/* Caramel, copper and terminal green: slophead's own palette. */
.agents-section{background:#271e18;border-block-color:#4b3828}.agents-copy .eyebrow{color:#c5a482}.agents-copy>p,.event-body p{color:#baa99b}.event-time time{color:#e6c5a2}.event-time>span{color:#aa937f}.event-body{border-inline-start-color:#71583d}.event-body:before{box-shadow:0 0 0 5px #271e18}.day-header,.day-footer{border-color:#614a35;color:#b69d83}.event-body code{color:#a19172}.event-state.waiting{color:#f0ba71}.agent-prompt{color:#b7a593}.agent-prompt>span:first-child{color:var(--gold)}
.anywhere-image{display:block;width:185px;height:auto;max-width:100%;margin-top:28px;border-radius:12px;box-shadow:0 15px 40px #100b0877;transform:rotate(-3deg)}
.harness-stage{background:radial-gradient(ellipse at 50% 45%,#5b3c1d22,transparent 70%),#1c1b17;border-color:#594833}.harness-tile{background:#27271f;border-color:#514b39}.harness-tile:hover{background:#2b3827}.harness-any{background:#1a211a}.tile-index{color:#a28c6a}.tile-terminal{color:#84e9a5}.deck-command>span:first-child,.deck-prompt{color:var(--gold)}.harness-heading .eyebrow{color:#c19f74}
.slophead-story{min-width:0}.brand-banner{display:block;width:100%;height:auto;border-radius:10px}.slophead-story blockquote{margin:23px 0 8px;padding-inline-start:17px;border-inline-start:2px solid #a87c48;color:#d9ba94;font-size:20px;line-height:1.6;letter-spacing:-.3px}.slophead-signoff{display:block;padding-inline-start:19px;color:#9c8974;font:13px var(--mono)}.slophead-signoff>span{color:var(--green)}
.download{background:#33261c;border-color:#705338}.download h2{color:#edc393}.download .eyebrow{color:#c8aa89}.download>p,.download .download-note{color:#c4b29e}.download .price{color:var(--gold)}.download .price>span{color:var(--green);display:block;font-size:14px;margin-top:8px;margin-inline-start:0;letter-spacing:0}.plan-price{text-align:end;flex-shrink:0}.plan-tier{display:block;color:#e4c7a0;font:14px var(--mono);letter-spacing:1px;margin-bottom:10px}.plan-price .price{display:block;font-size:54px;letter-spacing:-3px}.store.unavailable{background:#493422;color:#e8d7c2;border-color:#806044}.store{background:#241d16;border-color:#947347;color:#e8d7c2}
.wordplay-label{display:inline-grid;vertical-align:middle}.wordplay-ghost,.wordplay-current{grid-area:1/1;white-space:pre}.wordplay-ghost{visibility:hidden;pointer-events:none}.wordplay-current{color:#d5bf9f}.demo-wordplay:hover .wordplay-current{color:var(--green)}.demo-wordplay .play{color:var(--gold)}
@media(max-width:800px){.anywhere-image{width:176px}.agents-copy{position:relative}.slophead-story blockquote{font-size:18px}}
@media(max-width:520px){.anywhere-image{width:165px;margin-top:25px}.plan-price .price{font-size:43px}.plan-tier{font-size:12px}.slophead-story blockquote{font-size:18px}.wordplay-label{font-size:13px}}

/* Stop waiting for permission: an accelerated, explicitly illustrative idle scene. */
.agents-layout{grid-template-columns:1fr 1fr;gap:64px}.agents-copy .agents-sleep-title{font-size:48px;line-height:1.15;letter-spacing:-1.6px;max-width:none}.agents-sleep-title strong{color:var(--gold);font-weight:650}.agents-sleep-title .sleep-you{color:var(--green)}.agents-copy .limit-footnote{font:13px/1.6 var(--mono);color:#b4997c;margin:17px 0 0}.agents-copy>p:not(.limit-footnote){font-size:16px;margin-top:25px;max-width:440px}.anywhere-image{width:150px;margin-top:25px}
.idle-scene{border:1px solid #705235;border-radius:10px;overflow:hidden;background:#181812;box-shadow:0 20px 50px #100a0644;min-width:0}.idle-toolbar,.idle-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 20px;font:12px/1.5 var(--mono);color:#b69c7d;background:#282218}.idle-toolbar{border-bottom:1px solid #59442c}.scene-control{font:12px var(--mono);border:1px solid #68543b;color:#d9c5a5;background:#32291c;border-radius:4px;padding:8px 10px;min-height:36px;min-width:36px}.scene-control:hover{border-color:var(--green);color:var(--green)}.idle-main{padding:27px 25px 20px}.idle-state{display:flex;align-items:center;gap:8px;font:12px/1.5 var(--mono);letter-spacing:.7px;color:var(--gold);min-height:36px}.idle-light{height:7px;width:7px;border-radius:50%;background:var(--gold);flex-shrink:0}.idle-time{font:500 clamp(38px,4.6vw,68px)/1.3 var(--mono);letter-spacing:-3px;font-variant-numeric:tabular-nums;color:#e9ba72;direction:ltr;margin-top:10px}.idle-caption{font:12px/1.6 var(--mono);color:#a59b87;margin-top:6px;min-height:39px}.idle-code{display:flex;flex-direction:column;gap:8px;position:relative;min-height:100px;margin-top:20px;border:1px solid #413b29;background:#11160f;padding:16px;font:14px/1.6 var(--mono);color:#c9d4ba}.code-path{font-size:12px;color:#70836a}.idle-cursor{color:var(--green);position:absolute;bottom:13px;right:12px;animation:blink 1.4s step-end infinite}.idle-progress{height:3px;background:#383322;margin-top:13px;overflow:hidden}.idle-progress>span{display:block;height:100%;width:0;background:var(--green);transition:width .15s linear}.idle-go{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:18px;width:100%;border:1px solid #568d66;border-radius:5px;background:#23432b;color:#a1f1b5;padding:12px 16px;font:500 18px var(--mono);direction:ltr}.idle-go:hover{background:#315e3a;box-shadow:0 0 20px #65edaa15}.idle-go:disabled{opacity:.5;cursor:default}.idle-punchline{font-size:14px;line-height:1.65;color:#b5a48d;margin-top:17px;min-height:47px}.idle-bottom{font-size:10px;border-top:1px solid #473a25}.idle-scene[data-phase=running] .idle-state,.idle-scene[data-phase=done] .idle-state,.idle-scene[data-phase=running] .idle-time,.idle-scene[data-phase=done] .idle-time{color:var(--green)}.idle-scene[data-phase=running] .idle-light,.idle-scene[data-phase=done] .idle-light{background:var(--green)}.idle-scene[data-phase=done] .idle-cursor{animation:none}.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}
.slophead-original{display:block;width:100%;height:auto;border-radius:12px}.source-love{color:var(--gold)!important;font:16px/1.6 var(--mono)!important;margin-top:24px}.source-copy h2{font-size:43px}.footer-meme{max-width:500px;margin:48px auto 0;text-align:center}.footer-meme p{font:12px/1.8 var(--mono);color:#a79277;max-width:390px;margin:0 auto 15px}.footer-meme img{display:block;width:100%;height:auto;border-radius:10px 10px 0 0}footer.wrap{padding-bottom:0}
@media(max-width:1100px){.agents-layout{gap:35px}.agents-copy .agents-sleep-title{font-size:42px}.idle-main{padding:23px 20px}.idle-time{font-size:52px}.source-copy h2{font-size:37px}}
@media(max-width:800px){.agents-layout{grid-template-columns:1fr;gap:35px}.agents-copy .agents-sleep-title{font-size:47px}.idle-scene{max-width:580px;width:100%;margin-inline:auto}.idle-time{font-size:68px}.source-copy h2{font-size:32px}.footer-meme{max-width:440px}}
@media(max-width:520px){.agents-copy .agents-sleep-title{font-size:36px;letter-spacing:-1px}.idle-main{padding:21px 17px 17px}.idle-toolbar,.idle-bottom{padding:11px 14px}.idle-time{font-size:clamp(38px,12vw,57px);letter-spacing:-2px}.idle-state{font-size:11px}.idle-code{font-size:12px}.idle-caption{font-size:11px}.idle-punchline{font-size:13px}.source-copy h2{font-size:34px}.footer-meme{margin-top:32px}.slophead-story blockquote{font-size:17px}}

/* slophead keeps privacy company; community copy gets its own space. */
.privacy-section{gap:60px}.open-source{display:block;max-width:930px;text-align:center}.source-copy h2{font-size:clamp(34px,4vw,52px)}.source-copy .eyebrow{justify-content:center}.source-copy>p{max-width:650px;margin-inline:auto}.source-actions{display:flex;justify-content:center}.source-copy .source-love{margin-top:24px}.source-copy .micro{margin-top:20px}
@media(max-width:800px){.privacy-section{gap:32px}}
@media(max-width:520px){.open-source .source-copy h2{font-size:34px}}

/* Compact privacy note on the left; the original SSH diagram on the right. */
.privacy-section{gap:60px}.privacy-note{display:flex;align-items:center;gap:14px;margin-top:28px;padding-top:22px;border-top:1px solid #3a3a30}.privacy-note .slophead-original{width:76px;height:76px;flex:0 0 76px;object-fit:cover;border-radius:12px}.privacy-note-copy{min-width:0}.privacy-note blockquote{margin:0;color:var(--green);font-size:15px;line-height:1.55}.privacy-note .privacy-logs{margin-top:7px;color:var(--muted);font-size:12px;line-height:1.65}
@media(max-width:800px){.privacy-section{gap:35px}.privacy-note{max-width:560px}}
@media(max-width:520px){.privacy-note{align-items:flex-start;gap:12px}.privacy-note .slophead-original{width:60px;height:60px;flex-basis:60px}.privacy-note blockquote{font-size:14px}}

/* Final layout pass: readable onboarding, consistent rhythm and touch targets. */
.header{border-bottom:1px solid #ffffff0a}
.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-top:52px;gap:42px}
.hero-copy{min-width:0}
.hero-buttons{flex-wrap:wrap;gap:14px 24px}
.hero h1{font-size:clamp(38px,4.1vw,60px);text-wrap:balance}
.hero .eyebrow{letter-spacing:1.2px}
.hero-agent-line{font-size:.5em}
.demo-disclaimer{font:11px/1.7 var(--mono);color:var(--muted);margin-top:12px;text-align:end}
.terminal{transform:none}
.shortcuts button,.refresh,.scene-control{min-height:44px}
.start-section{padding-block:76px 0}
.start-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px}
.start-heading .eyebrow{text-transform:uppercase;color:var(--green)}
.start-heading h2{font-size:clamp(28px,3vw,38px);letter-spacing:-1px}
.start-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;list-style:none;padding:0 0 64px;margin:35px 0 0;border-bottom:1px solid var(--line)}
.start-steps li{display:flex;flex-direction:column;align-items:flex-start;border-top:1px solid #42614d;padding-top:18px;min-width:0}
.step-number{font:12px var(--mono);color:var(--green);margin-bottom:18px}
.start-steps h3{font-size:19px;letter-spacing:-.3px}
.start-steps p{color:var(--muted);font-size:14px;line-height:1.8;margin-top:12px;margin-bottom:22px}
.start-steps code{margin-top:auto;font:11px/1.6 var(--mono);color:#9bb7a5;direction:ltr}
.download{border:1px solid #705338;background:radial-gradient(ellipse at 100% 0,#70533844,transparent 65%),#2b221b}
.store-buttons{flex-wrap:wrap}
.store.unavailable{border-style:dashed;background:#ffffff04}
.store.unavailable .store-symbol{color:var(--gold)}
.download>p{max-width:570px}
.harness-heading h2,.download h2,.source-copy h2{text-wrap:balance}
footer .footer-top{align-items:flex-start}
.language select{min-height:44px}
[dir=rtl] .demo-disclaimer{text-align:start}
@media(min-width:801px) and (max-width:1100px){
 .header{flex-wrap:wrap;height:auto;min-height:110px;padding-block:18px;gap:14px}
 .header nav{order:3;width:100%;justify-content:center}
 .hero{gap:28px;padding-block:46px 64px}
 .hero h1{font-size:42px}
 .hero-agent-line{font-size:23px}
 .hero .eyebrow{font-size:10px}
}
@media(max-width:800px){
 .header{flex-wrap:wrap;height:auto;padding-top:20px;padding-bottom:14px;gap:18px}
 .header nav{display:flex;order:3;width:100%;gap:12px 24px;flex-wrap:wrap;font-size:12px}
 .header nav a{display:inline-flex;align-items:center;min-height:36px}
 .header-actions .button{display:none}
 .hero{grid-template-columns:minmax(0,1fr);padding-top:38px;gap:36px;min-height:0}
 .hero h1{font-size:clamp(36px,7.4vw,58px)}
 .hero-agent-line{font-size:.53em}
 .start-section{padding-top:52px}
 .start-heading{display:block}
 .start-heading h2{margin-top:14px}
 .start-steps{gap:22px;padding-bottom:48px}
 .start-steps h3{font-size:17px}
 .start-steps p{font-size:13px}
}
@media(max-width:520px){
 .wrap{padding-inline:20px}
 .header{gap:10px}
 .header nav{gap:4px 19px;font-size:11px}
 .hero{padding-top:28px;padding-bottom:40px}
 .hero h1{font-size:clamp(30px,8.9vw,45px);letter-spacing:-1.4px}
 .hero .eyebrow{font-size:9px;letter-spacing:.7px}
 .hero-buttons{align-items:flex-start;flex-direction:column;gap:15px}
 .hero-buttons .button{min-height:52px}
 .text-link{min-height:44px}
 .demo-disclaimer{text-align:start;font-size:10px}
 .demo-label{font-size:9px}
 .start-steps{grid-template-columns:minmax(0,1fr);gap:25px;margin-top:28px}
 .start-steps li{position:relative;padding-inline-start:42px}
 .step-number{position:absolute;inset-inline-start:0;top:21px}
 .start-steps h3{font-size:19px}
 .start-steps p{font-size:14px;margin-bottom:14px}
 .download{padding:28px 24px;margin-inline:14px}
 .download h2{font-size:clamp(28px,8vw,36px)}
 .download-top{gap:12px}
 .shortcuts{gap:5px;flex-wrap:wrap}
 .shortcuts button{padding-inline:9px}
 .terminal-footer{line-height:1.7}
 .harness-tile .tile-terminal{display:none}
 .harness-tile{gap:8px}
 .footer-top{gap:16px}
}

/* A quick reply belongs in the headline, too. */
.hero-go-line{display:block;margin-top:22px;font-size:.47em;line-height:1.65;letter-spacing:-.4px;font-weight:450;color:var(--text);text-wrap:initial}
.hero-go-line code{display:inline-block;border:1px solid #776040;border-radius:5px;padding:0 .3em;background:#e9ba720b;color:var(--gold);font:.86em/1.6 var(--mono);white-space:nowrap}
.hero-go-line+.hero-agent-line{margin-top:8px}
@media(max-width:520px){.hero-go-line{font-size:.54em;letter-spacing:-.2px;margin-top:18px}}

/* The native host/project list is the hero, with a finite pull-to-refresh story. */
.hero{padding-top:38px;padding-bottom:54px;gap:64px;align-items:center}
.hero h1{font-size:clamp(42px,4.1vw,60px)}
.hero-visual{width:100%;max-width:440px;justify-self:center}
.laptop-joke{display:flex;align-items:center;gap:14px;margin-top:22px;max-width:420px}
.laptop-joke img{width:112px;height:82px;object-fit:contain;flex-shrink:0;border-radius:18px;mix-blend-mode:lighten}
.laptop-joke p{font:14px/1.5 var(--mono);color:var(--gold)}
.pocket-demo{background:#101114;border:1px solid #46484e;border-radius:25px;box-shadow:0 22px 80px #0006;overflow:hidden;--pull:0px}
.pocket-top{display:flex;align-items:center;justify-content:space-between;padding:22px 22px 10px;font:600 27px/1 var(--mono)}
.pocket-tools{color:var(--green);font-size:24px}
.pocket-overview{padding:12px 20px;display:flex;align-items:center;justify-content:space-between;font-weight:600;gap:12px}
.attention-pill{font:12px/1.4 var(--sans);color:var(--gold);background:#e9ba7214;padding:5px 10px;border-radius:20px}
.pull-handle{display:flex;width:100%;align-items:center;justify-content:center;gap:8px;border:0;border-block:1px solid #27292e;color:#aeb2bb;background:#181a1f;min-height:44px;font-size:12px;touch-action:none;cursor:ns-resize}
.pull-icon{font-size:19px;color:var(--green)}
.pocket-viewport{position:relative;overflow:hidden;padding:0 16px 14px}
.pull-loader{position:absolute;top:13px;left:calc(50% - 10px);font-size:22px;color:var(--green);opacity:0}
#pocket-content{position:relative;transform:translateY(var(--pull));background:#101114}
.pocket-host{display:flex;align-items:center;gap:10px;padding:18px 0 15px}
.pocket-host>span:first-child{color:var(--green)}
.pocket-host>div{flex:1;display:grid;gap:3px}
.pocket-host strong{font-size:16px}.pocket-host small{font:12px var(--mono);color:#9c9ea5}
.pocket-project{display:flex;align-items:center;gap:7px;padding:11px 4px;border-top:1px solid #2a2b30;font-size:14px}
.pocket-project>span:last-child{margin-inline-start:auto;font-size:10px}
.pocket-demo .session{border-radius:8px;background:transparent;padding:9px 7px;font-size:13px;min-height:42px}
.pocket-demo .session.selected{background:#212825;border-color:#3f5148}
.pocket-demo .session-info{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pocket-demo .status{font:11px/1.5 var(--sans);border-radius:20px;padding:3px 8px}
.pocket-work{padding:10px 4px;color:#b7bdc5;font:11px/1.5 var(--mono);min-height:37px;overflow-wrap:anywhere}
.pocket-snapshot{position:relative;background:#1c1c21;border:1px solid #3b4046;border-radius:8px;padding:29px 11px 9px}
.pocket-snapshot>span{position:absolute;inset-inline-end:7px;top:6px}
.pocket-snapshot pre{font:12px/1.8 var(--mono);margin:0;height:87px;min-height:0;color:#dedee5;overflow:hidden}
.pocket-snapshot pre::after{display:none}
.pocket-demo[data-phase="1"] .pocket-snapshot,.pocket-demo[data-phase="3"] .pocket-snapshot{border:2px solid var(--gold);padding:28px 10px 8px}
.pocket-demo[data-phase="1"] pre,.pocket-demo[data-phase="3"] pre{color:#f2d299}
.pocket-actions{display:flex;align-items:center;gap:8px;padding:12px 0}
.pocket-actions button{background:#242a29;border:1px solid #3d4942;border-radius:22px;min-height:40px;padding:7px 13px;font:12px var(--sans)}
.pocket-actions button:first-child{background:var(--green);color:#082017;border-color:var(--green);font-weight:650;margin-inline-end:auto}
.pocket-secondary{border-top:1px solid #292b31;display:flex;align-items:center;gap:9px;padding:14px 4px 1px;font-size:14px}
.pocket-secondary .status{margin-inline-start:auto}
.pocket-bottom{display:flex;justify-content:space-between;gap:10px;padding:12px 18px;border-top:1px solid #292b31;font:11px/1.4 var(--mono);color:#9da4aa;min-height:42px}
.demo-story{display:flex;align-items:center;gap:10px;margin-top:17px;min-height:58px}
.demo-story>span{font:12px var(--mono);color:var(--green);white-space:nowrap}
.demo-story p{flex:1;font-size:14px;line-height:1.5}
.demo-story button{min-width:34px;min-height:40px}
.pulling #pocket-content{animation:pocket-pull .85s ease-in-out}
.pulling .pull-loader{animation:pocket-loader .85s ease-in-out}
.sending #pocket-action{box-shadow:0 0 0 5px #65edaa30;transform:scale(.96)}
.updated .pocket-snapshot pre{animation:pocket-update .4s ease-out}
.your-harness{font-size:clamp(36px,5.5vw,76px)!important;letter-spacing:-2px;line-height:1.08!important}
@keyframes pocket-pull{0%,100%{transform:translateY(0)}40%,70%{transform:translateY(53px)}}
@keyframes pocket-loader{0%,100%{opacity:0;transform:rotate(0)}40%,70%{opacity:1}90%{transform:rotate(300deg)}}
@keyframes pocket-update{from{opacity:.25;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.hero{gap:30px}.hero h1{font-size:43px}.pocket-project>span:last-child{display:none}}
@media(max-width:760px){.hero{grid-template-columns:1fr;gap:32px;padding-top:25px}.hero h1{font-size:clamp(39px,7.7vw,55px)}.laptop-joke{margin-top:18px}.hero-visual{max-width:440px}.pocket-demo{border-radius:20px}.demo-label{font-size:10px}.your-harness{letter-spacing:-1px}}
@media(max-width:380px){.pocket-viewport{padding-inline:10px}.pocket-top{padding-inline:16px}.pocket-overview{padding-inline:12px}.pocket-actions{gap:5px}.pocket-actions button{padding-inline:9px}.pocket-demo .status{padding-inline:5px;font-size:10px}.demo-story{gap:6px}}
@media(prefers-reduced-motion:reduce){.pulling #pocket-content,.pulling .pull-loader,.updated .pocket-snapshot pre{animation:none}.sending #pocket-action{transform:none}#pocket-content{transform:none}}

/* More space; colour is reserved for the agent's next action. */
:root{--green:#afc4b6}
.hero{padding-block:88px 100px;gap:100px;min-height:0}
.hero-copy>.eyebrow{color:var(--muted);font-size:11px;letter-spacing:1.1px}
.hero-copy>.eyebrow .live-dot{display:none}
.hero h1{margin-block:32px;font-size:clamp(42px,4.5vw,64px);line-height:1.15}
.hero-can{color:var(--text);text-decoration:none;background:none;text-shadow:none}
.hero-can::after{display:none}
.hero .intro{font-size:17px;line-height:1.85;max-width:400px}
.hero-buttons{margin-top:36px}
.button.primary{background:#e5e7e3;color:#171b18}.button.primary:hover{background:#fff}
.hero-copy .laptop-joke{margin-top:44px;gap:16px;max-width:360px}
.laptop-joke img{width:92px;height:76px}
.laptop-joke p{color:#b3aea4;font-size:12px;line-height:1.7}
.pocket-tools,.pocket-host>span:first-child,.session-icon{color:#aab1b7}
.pocket-demo .session.selected{background:#25272c;border-color:#44474d}
.pocket-demo .status.working{color:#c5c8d1;background:#303239}
.pocket-actions button:first-child{background:#dddcd5;color:#1d201e;border-color:#dddcd5}
.pocket-demo[data-phase="1"] .pocket-actions button:first-child,.pocket-demo[data-phase="3"] .pocket-actions button:first-child{background:var(--gold);border-color:var(--gold)}
.pocket-overview{padding-block:15px}.attention-pill{background:transparent;color:#a8abb3;padding:0}
.pocket-demo[data-phase="1"] .attention-pill,.pocket-demo[data-phase="3"] .attention-pill{color:var(--gold)}
.pull-handle{min-height:30px;background:transparent;border:0}
.pull-grip{width:32px;height:3px;border-radius:3px;background:#45474e}
.pocket-top{padding-top:26px}
.pocket-snapshot{margin-top:4px}
.pocket-bottom{font-size:10px;color:#93979e}
.demo-label{color:#92979d;font-size:10px}
.demo-story>span{color:#8f959e}.demo-story p{color:#c1c3c8;font-size:13px}
.demo-disclaimer{font-size:10px;color:#848992}
.swipe-touch{position:absolute;z-index:3;top:35px;inset-inline-start:55%;width:26px;height:26px;border:1px solid #eee9;border-radius:50%;background:#fff2;opacity:0;pointer-events:none}
.pulling .swipe-touch{animation:swipe-touch .85s ease-in-out}
@keyframes swipe-touch{0%{opacity:0;transform:translateY(0) scale(.8)}20%{opacity:1}70%{opacity:1;transform:translateY(58px)}100%{opacity:0;transform:translateY(58px)}}
.privacy-section{padding-block:110px 130px;border-top:1px solid #292d32;gap:100px}
.privacy-intro{max-width:420px}.privacy-points{margin-top:40px;gap:26px}
.harness-section{padding-block:115px}.harness-heading p{max-width:610px;line-height:1.9}
.deck-accent{color:#c8cbc8}.harness-heading{margin-bottom:50px}
.start-section{padding-block:90px 110px}
@media(max-width:1100px){.hero{gap:45px;padding-top:60px}.hero h1{font-size:49px}.hero-buttons{gap:22px}.privacy-section{gap:45px}}
@media(max-width:960px){.hero{grid-template-columns:1fr;padding-block:60px 80px;gap:58px}.hero-copy{max-width:590px}.hero h1{font-size:clamp(42px,7vw,64px)}.hero .intro{max-width:460px}.hero-buttons{flex-direction:row;align-items:center}.hero-copy .laptop-joke{margin-top:30px}.hero-visual{max-width:430px}.privacy-section{padding-block:80px;gap:50px}.harness-section{padding-block:80px}}
@media(max-width:540px){.hero{padding-top:42px;gap:48px}.hero h1{font-size:43px;letter-spacing:-2px}.hero .intro{font-size:16px}.hero-buttons{gap:22px;flex-wrap:wrap}.hero-copy .laptop-joke{margin-top:28px}.your-harness{font-size:34px!important}.privacy-section,.harness-section,.start-section{padding-block:65px}}
@media(prefers-reduced-motion:reduce){.pulling .swipe-touch{animation:none}}
.hero .hero-can{border:0;box-shadow:none}

/* Keep the live interface beside the headline throughout tablet/desktop widths. */
@media(min-width:700px){
 .hero{grid-template-columns:minmax(0,1fr) minmax(320px,.95fr);gap:clamp(28px,5vw,80px);padding-block:38px 64px;align-items:center}
 .hero-copy{min-width:0}
 .hero h1{font-size:clamp(36px,4.3vw,60px);margin-block:24px}
 .hero .intro{font-size:16px;line-height:1.75}
 .hero-buttons{flex-wrap:wrap;gap:18px;margin-top:26px}
 .hero-copy .laptop-joke{margin-top:26px}
 .hero-visual{grid-column:2;grid-row:1;width:100%;max-width:420px;justify-self:end}
 .pocket-top{padding:19px 18px 8px;font-size:25px}
 .pocket-overview{padding-block:10px}
 .pocket-host{padding-block:12px}
 .pocket-project{padding-block:8px}
 .pocket-demo .session{min-height:38px;padding-block:7px}
 .pocket-snapshot pre{height:72px;line-height:1.65}
 .pocket-actions{padding-block:9px}
 .pocket-secondary{padding-top:10px}
 .pocket-bottom{padding-block:10px;min-height:36px}
 .demo-story{margin-top:12px;min-height:48px}
}
@media(min-width:700px) and (max-width:960px){
 .hero{padding-inline:28px;gap:26px}
 .hero h1{letter-spacing:-1.8px}
 .hero-copy>.eyebrow{font-size:10px;letter-spacing:.5px}
 .hero .button{padding-inline:17px}
 .laptop-joke img{width:76px;height:64px}
}