:root{--bg:#081316;--panel:#10242c;--line:#294a57;--ink:#e3f3f8;--muted:#8eafbd;--accent:#83c7df;--accent-ink:#0d2026;--accent-tint:#183641;--chip:#203f4b;--shadow:38,58,55}.hero{background:radial-gradient(ellipse at 50% 55%,#183e50,#081316 60%);grid-template-columns:186px minmax(0,1fr) clamp(295px,26vw,365px)}.hero[data-light=dusk]{--bg:#060f14;--panel:#0a1c25;--line:#254557;--ink:#dceef7;--muted:#89aebe;--accent:#90d7ef;--accent-ink:#081820;--accent-tint:#133342;--chip:#173644;background:#060f14}.brand>span:last-child{font-size:27px}.brand small{font-size:4px}.brand-logo{width:35px;height:35px}.collection-header{margin-bottom:12px}.collection-header .eyebrow{color:var(--accent)}.side-rule{margin-top:27px}.nav small{display:none}.nav button{padding-block:11px}.nav button>span{font-size:9px}.nav button:has(span.active),.nav button[aria-current=page]{background:var(--accent-tint);color:var(--accent)}.nav-separator{margin-block:8px}.feature{background:#0e252e;border-color:#2c5363}.feature h3{font-size:21px}.feature p{font-size:9px;line-height:1.6}.feature .text-link{color:var(--accent)}.side-footer .registration{border-color:var(--accent);color:var(--accent)}.specimen-tab{background:#0d2026;box-shadow:2px 3px 0 #041014;border-color:#284955;flex-basis:120px}.specimen-tab[aria-selected=true]{background:#173b4b;border-color:#83c7df;box-shadow:3px 4px 0 #112d38}.specimen-tab b{font-size:21px}.specimen-tab i{font-size:6px;max-width:100%;line-height:1.7}.specimen-tab img{width:83px;height:68px}.specimen-tab:before{color:var(--accent)}.new-specimen{display:none}.main{padding-top:26px}.info{padding-top:15px}.info .top{gap:5px}.card{background:#0d2026;border-color:#2b4f5c;box-shadow:3px 4px 0 #051319}.detail h1{font-size:clamp(47px,4.7vw,67px);line-height:.98}.detail h1 em{font-size:9px;line-height:1.7}.detail .eyebrow{color:#87aebf}.detail .lede{font-size:12px;line-height:1.7}.agent-work-button{background:var(--accent);box-shadow:3px 3px 0 #315966;font-size:7px;padding-block:13px;line-height:1.6}.tags span{font-size:6px}.traits{font-size:10px}.robot-live-note{background:#102f3e;border:1px dashed #315f73;padding:12px;margin-top:17px;color:#9ad2e8;font:400 8px/1.8 var(--mono)}.hero[data-light=dusk] .robot-live-note{background:#102d3c;border-color:#31566c;color:#b1dff2}.detail h2{color:#8eb1c0}.detail .field-note{font-size:10px}.live-launch-strip{display:flex;align-items:center;gap:9px;min-height:33px;max-width:100%;overflow:hidden;border-block:1px dashed #274b5a;margin:10px 0 0;padding:6px 0;flex-shrink:0;font:400 6px var(--mono);color:#8aafbf;white-space:nowrap}.feed-label{display:flex;align-items:center;gap:5px;font:400 5px var(--pixel-ui);color:#8bb6c9;flex-shrink:0}.feed-label i{width:4px;height:4px;background:#83c7df;box-shadow:0 0 0 3px #183641}.feed-wait{font-size:7px}.live-launch-strip button,.live-launch-strip a{display:inline-flex;align-items:center;gap:5px;border:1px solid #315461;background:#102b35;padding:5px 7px;max-width:135px;overflow:hidden;text-overflow:ellipsis;font-size:7px;white-space:nowrap;color:#acd8eb;border-radius:2px}.live-launch-strip img{width:14px;height:14px;object-fit:cover}.live-launch-strip .feed-health{font-size:6px}.bottom-rule{font-size:5px}.bottom-rule>span:first-child{color:#93cde2;max-width:68%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bottom-rule>span:last-child{font-size:4px}.caption{font-size:19px}.stage-id{color:#739cac}.sprite-label{display:none}.field-cross{color:#2e5667}.pixel-route-end{color:var(--accent)}.rail button.on{background:var(--accent);color:#081820}.coordinate-grid{opacity:.4}.card::-webkit-scrollbar{width:3px}.card::-webkit-scrollbar-thumb{background:#416b7c}.search{background:#0d2026}.guide{max-height:90dvh;overflow:auto}.guide>p:not(.eyebrow){font-size:12px;line-height:1.8}.guide h2{font-size:45px}.hero[data-light=dusk] .card,.hero[data-light=dusk] .specimen-tab,.hero[data-light=dusk] .search{background:var(--panel);border-color:var(--line)}.hero[data-light=dusk] .feature{background:#0d2431}.hero[data-light=dusk] .live-launch-strip{border-color:#2a4c60}.hero[data-light=dusk] .live-launch-strip button{background:#102e3c;border-color:#31596d;color:#b7dded}
@media(min-width:1700px){.hero{grid-template-columns:205px minmax(0,1fr) 385px}.detail .lede{font-size:14px}.specimen-tab{flex-basis:147px}.specimen-tab b{font-size:25px}.specimen-tab i{font-size:8px}.specimen-tab img{width:97px;height:80px}.robot-live-note{font-size:10px}.live-launch-strip{font-size:8px;min-height:40px}.live-launch-strip button{font-size:9px;max-width:190px}.feed-label{font-size:6px}}
@media(max-width:1150px){.hero{grid-template-columns:163px minmax(0,1fr) 295px}.brand>span:last-child{font-size:25px}.brand-logo{width:31px;height:31px}.side{padding-left:14px;padding-right:10px}.specimen-tab{flex-basis:108px}.specimen-tab img{width:73px;height:60px}.specimen-tab b{font-size:20px}.specimen-tab i{font-size:5px}.caption{font-size:16px}.live-launch-strip{gap:6px}.live-launch-strip button{max-width:95px;font-size:6px}.feed-label{font-size:4px}.detail .lede{font-size:11px}}
@media(max-width:1000px){.hero{grid-template-columns:minmax(0,1fr) 310px}.main{padding-top:20px}.live-launch-strip{min-height:32px}.specimen-tab{flex-basis:125px}.specimen-tab img{height:61px}.detail h1{font-size:56px}}
@media(max-width:760px){.hero{display:flex}.main{padding:0}.info .top{padding:12px 15px 7px;gap:6px}.top .mobile-brand{font-size:25px;gap:5px;margin-right:auto}.mobile-brand img{width:27px;height:27px}.top .mobile-brand sup{font-size:4px}.top .search-wrap{flex:1;min-width:60px;max-width:145px}.top .search{height:28px}.top .search input{font-size:7px}.desk-top-button{height:28px;padding-inline:6px}.desk-top-button span{display:none}.tabs{padding-top:9px}.specimen-tab{min-height:68px;flex-basis:126px;flex-direction:row}.specimen-tab img{width:46px;height:43px}.specimen-tab b{font-size:20px}.specimen-tab i{font-size:5px;line-height:1.5;max-width:65px}.live-launch-strip{order:2;padding-inline:17px;margin-top:9px;min-height:28px;flex-shrink:0;max-width:100vw;gap:8px}.feed-label{font-size:4px}.live-launch-strip button{font-size:6px;max-width:100px;padding:4px 5px}.stage{order:3;min-height:220px}.card{order:4;min-height:225px;height:34dvh;max-height:38dvh;padding:20px}.detail h1{font-size:48px}.detail h1 em{font-size:7px}.detail .lede{font-size:11px}.robot-live-note{grid-column:1/-1;font-size:8px;padding:10px}.agent-work-button{font-size:7px}.detail h2{font-size:7px}.caption{font-size:16px}.guide h2{font-size:39px}.hero.focus .live-launch-strip{display:none}.hero.focus .main{display:grid}.hero.focus .stage{order:0}.hero.focus .card{display:none}}
@media(max-height:800px) and (min-width:761px){.specimen-tab{min-height:111px}.specimen-tab img{height:53px}.live-launch-strip{min-height:29px;margin-top:7px}.detail h1{font-size:52px}.robot-live-note{padding:9px;margin-top:13px;font-size:7px}.detail h2{margin-top:14px;padding-top:11px}.feature img{height:60px}.feature h3{font-size:18px}.side-rule{margin-top:24px}.nav button{padding-block:10px}}
@media(min-width:761px){.main{grid-template-rows:auto auto auto minmax(0,1fr) auto}.hero.focus .main{grid-template-rows:minmax(0,1fr)}.hero.focus .live-launch-strip{display:none}}

/* Stonk palette: blue-black surfaces and pale cyan controls. */
.hero{background:radial-gradient(ellipse at 48% 55%,#143546 0%,#0b1d26 44%,#081316 78%)}
.hero[data-light=dusk]{background:radial-gradient(ellipse at 48% 55%,#0d293d,#060f16 70%)}
.agent-work-button{color:#081820;background:#83c7df;border:1px solid #a7dfef;box-shadow:3px 3px 0 #28566b}
.rail button.on{color:#081820}.feature,.specimen-tab{background-image:none}.brand-logo{filter:none}.hero .detail .eyebrow,.hero .feature .eyebrow{color:#8bb7c9}.hero .field-cross{color:#3d6c81}.hero .coordinate-grid{opacity:.25}.hero .pixel-route-line{color:#3a6d84}

/* Selected StackAgents identity: compact desktop lockup and fitted mobile title. */
.brand{gap:8px;align-items:center}.brand-logo{width:44px;height:44px;object-fit:contain;border:1px solid #284955;border-radius:7px}.brand>span:last-child{font-size:25px;line-height:.86;letter-spacing:-.8px}.brand-second{display:block}.brand small{font-size:4px;letter-spacing:0;margin-top:8px;line-height:1.5}.top .mobile-brand{font-size:23px;letter-spacing:-1px}.top .mobile-brand img{width:31px;height:31px;border-radius:5px}.preview-art:before{background-image:url(assets/stackagents-logo.png)}
@media(max-width:1150px) and (min-width:761px){.brand-logo{width:37px;height:37px}.brand>span:last-child{font-size:23px}.brand small{font-size:3.6px}}
@media(max-width:500px){.top .mobile-brand{font-size:20px}.top .mobile-brand sup{display:none}.top .search-wrap{max-width:105px}.top .mobile-brand img{width:26px;height:26px}}
@media(max-width:385px){.top .search-wrap{max-width:78px}.top .mobile-brand{font-size:18px}.top .mobile-brand img{width:24px;height:24px}.top{gap:5px}.top .desk-top-button{padding-inline:4px}}
@media(max-width:500px){.top{gap:5px}.top .search-wrap{max-width:60px}.top .social-x{flex-shrink:0}}