@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#050505;--surface:#0a0a0a;--line:#292929;--text:#f5f5f5;--muted:#969696;--green:#52f078;--mono:'IBM Plex Mono','Share Tech Mono',ui-monospace,monospace;--sans:'DM Sans',Inter,system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.65 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}.site-shell{max-width:1680px;margin:0 auto;padding:0 48px}.topbar{height:64px;border-bottom:1px solid rgba(255,255,255,.09);display:flex;align-items:center;justify-content:space-between;gap:12px}.wordmark{display:inline-flex;align-items:center;gap:10px;font:500 11px/1.35 var(--mono);letter-spacing:.06em}.wordmark small{display:block;margin-top:3px;color:var(--muted);font-size:8px;letter-spacing:.13em}.mark{width:29px;height:29px;border:1px solid var(--green);display:grid;place-items:center;color:var(--green);font:600 17px var(--mono)}nav{display:flex;align-items:center;gap:clamp(15px,3vw,38px);font:10px var(--mono);color:#bcbcbc}nav a:hover,.text-link:hover,.footer-top:hover{color:var(--green)}.top-status,.status-pill{display:inline-flex;align-items:center;gap:8px;color:#bcbcbc;font:9px var(--mono);letter-spacing:.08em}.top-status i,.status-pill i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px #52f07866}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.88fr);gap:clamp(30px,7vw,104px);align-items:center;padding:88px 0 74px;min-height:590px}.eyebrow{margin:0 0 19px;color:var(--muted);font:10px/1.5 var(--mono);letter-spacing:.13em}.eyebrow span{color:var(--green)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:500}h1{font:500 clamp(42px,6.8vw,86px)/1.02 var(--mono);letter-spacing:-.075em;margin:0 0 25px}h1 em,h2 em{color:var(--green);font-style:normal}.hero-lede{max-width:550px;color:#c5c5c5;font-size:17px;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin:31px 0 45px}.button{min-height:48px;display:inline-flex;align-items:center;gap:24px;padding:0 17px;border:1px solid var(--line);font:10px var(--mono);letter-spacing:.05em}.button-primary{background:var(--green);border-color:var(--green);color:#050505}.button-primary:hover{background:#83ff9d}.text-link{color:#d6d6d6;font:10px var(--mono);letter-spacing:.04em}.hero-foot{display:flex;flex-wrap:wrap;gap:9px 22px;color:#737373;font:8px var(--mono);letter-spacing:.12em}.hero-figure{border:1px solid var(--line);background:linear-gradient(145deg,#0b0b0b,#050505 72%);padding:15px 16px 12px;position:relative}.figure-head,.figure-caption{display:flex;justify-content:space-between;gap:12px;color:#858585;font:8px var(--mono);letter-spacing:.1em}.nest-map{width:100%;display:block;margin:5px 0}.soil-line{fill:none;stroke:#393939;stroke-width:1}.tunnel-line{fill:none;stroke:#777;stroke-width:1.3;stroke-dasharray:3 5}.chamber{fill:#101410;stroke:#627369;stroke-width:1.3}.brood-chamber{fill:#0d0f0d;stroke:#444b45;stroke-width:1.2}.queen-dot,.legend.queen{fill:var(--green);background:var(--green)}.queen-ring{fill:none;stroke:#52f07888;stroke-width:1}.brood-dot,.legend.brood{fill:#aaa;background:#aaa}.route{fill:none;stroke:var(--green);stroke-width:1;stroke-dasharray:4 6;opacity:.6}.map-label,.scale-label{fill:#dedede;font:8px var(--mono);letter-spacing:.1em}.muted-label,.scale-label{fill:#777}.scale-line{stroke:#777;stroke-width:1}.legend{width:6px;height:6px;display:inline-block;margin-right:6px}.figure-caption{justify-content:flex-start;flex-wrap:wrap;padding-top:12px;border-top:1px solid #242424;font-size:7px}.figure-caption span{display:flex;align-items:center}.section-rule{border-top:1px solid var(--line)}.watch-section,.approach,.notes-section,.setup{padding:68px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:23px}.section-heading .eyebrow{margin-bottom:10px}.section-heading h2,.field-intro h2,.setup h2{margin:0;font:500 clamp(28px,4vw,44px)/1.15 var(--mono);letter-spacing:-.065em}.stream-frame{width:100%;aspect-ratio:16/8.3;min-height:280px;max-height:670px;position:relative;border:1px solid #303030;background:#080908;overflow:hidden}.stream-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:28px;max-width:680px;margin:auto}.stream-placeholder .eyebrow{margin:10px 0}.stream-placeholder h3{font:500 clamp(19px,3vw,27px)/1.3 var(--mono);margin:0 0 10px}.stream-placeholder>p:not(.eyebrow){max-width:570px;color:var(--muted);font-size:14px}.signal-mark{height:39px;display:flex;align-items:center;gap:5px}.signal-mark span{width:3px;height:12px;background:#4b564d;animation:signal 1.2s ease-in-out infinite}.signal-mark span:nth-child(2){height:23px;animation-delay:.12s}.signal-mark span:nth-child(3){height:16px;animation-delay:.24s}@keyframes signal{50%{background:var(--green);transform:scaleY(.7)}}#stream-embed{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}.stream-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:12px;color:#777;font:8px var(--mono);letter-spacing:.1em}.stream-meta b,.site-footer b{color:var(--green)}.field-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.field-intro,.field-note-card{padding:34px 30px 36px 0}.field-intro{border-right:1px solid var(--line)}.field-intro .eyebrow{margin-bottom:17px}.field-intro h2{margin-bottom:18px}.field-intro>p:last-child{max-width:470px;color:#b5b5b5;font-size:14px}.field-note-card{padding-left:30px;border-right:1px solid var(--line)}.field-note-card:last-child{border-right:0}.index{color:#888;font:8px var(--mono);letter-spacing:.12em}.field-note-card h3{margin:34px 0 11px;font:500 19px var(--mono)}.diet-line{font:13px/1.8 var(--mono);color:#e8e8e8}.diet-line span{color:var(--green)}.small-copy{color:#858585;font-size:11px;line-height:1.6}.temperature-readout{margin:29px 0 1px;display:flex;align-items:baseline;gap:7px}.temperature-readout strong{font:500 clamp(45px,6vw,66px)/1 var(--mono);letter-spacing:-.08em}.temperature-readout>span{color:var(--green);font:16px var(--mono)}.temperature-state{color:#898989;font:8px var(--mono);letter-spacing:.08em}.small-button{min-height:38px;border:1px solid #3d3d3d;background:transparent;padding:0 11px;cursor:pointer;font:9px var(--mono)}.small-button:hover{border-color:var(--green);color:var(--green)}.temperature-form{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.temperature-form label{display:block;margin-bottom:7px;color:#aaa;font:9px var(--mono)}.temperature-controls{display:flex;gap:8px}.temperature-controls input{width:120px;min-height:38px;background:#080808;border:1px solid #444;padding:7px;font:12px var(--mono)}.clear-value{border:0;background:transparent;padding:9px 0;color:#999;text-decoration:underline;cursor:pointer;font:9px var(--mono)}.temperature-form .small-copy{margin-bottom:0}.heading-note{margin:0;color:#888;font:9px var(--mono);letter-spacing:.04em}.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.approach-grid article{padding:22px 25px 4px 0;border-right:1px solid var(--line)}.approach-grid article+article{padding-left:25px}.approach-grid article:last-child{border-right:0}.approach-grid article>span{color:var(--green);font:8px var(--mono);letter-spacing:.1em}.approach-grid h3{margin:23px 0 9px;font:500 16px var(--mono)}.approach-grid p{max-width:370px;margin:0;color:#999;font-size:13px}.notes-window{max-height:380px;overflow-y:auto;border-top:1px solid #292929;border-bottom:1px solid #292929;overscroll-behavior:contain;scrollbar-color:#555 #090909}.notes-placeholder{min-height:112px;display:flex;align-items:flex-start;gap:16px;padding:23px 0;color:#ccc}.notes-mark{color:var(--green);font:20px var(--mono)}.notes-placeholder strong{font:500 13px var(--mono)}.notes-placeholder p{max-width:720px;margin:8px 0 0;color:#8c8c8c;font-size:12px}.notes-list{display:flex;flex-direction:column}.note-entry{display:grid;grid-template-columns:140px 1fr;gap:18px;padding:17px 0;border-bottom:1px solid #222}.note-entry:last-child{border-bottom:0}.note-entry time{color:#858585;font:9px var(--mono)}.note-entry p{margin:0;color:#ddd;font-size:13px}.note-foot{margin:10px 0 0;color:#777;font-size:10px}.setup{display:grid;grid-template-columns:1fr .75fr;gap:50px;align-items:start}.setup-copy p{color:#b6b6b6;font-size:14px}.setup-copy .small-copy{font-size:11px}.site-footer{min-height:94px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;border-top:1px solid var(--line);font:8px var(--mono);letter-spacing:.09em;color:#888}.footer-top{color:#bcbcbc}.status-pill[data-state="connected"]{color:var(--green)}.status-pill[data-state="error"]{color:#ff9696}.status-pill[data-state="error"] i{background:#ff7777;box-shadow:none}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--green);outline-offset:4px}
@media(max-width:880px){.site-shell{padding:0 20px}.hero{grid-template-columns:1fr .8fr;gap:28px;padding:65px 0 55px;min-height:auto}.field-grid{grid-template-columns:1fr 1fr}.field-intro{grid-column:1/-1;border-right:0;border-bottom:1px solid var(--line);padding:30px 0}.field-note-card:nth-child(2){padding-left:0}.temperature-card{padding-right:0}.stream-frame{aspect-ratio:16/9}.top-status span{display:none}}
@media(max-width:620px){html{scroll-padding-top:65px}.site-shell{padding:0 16px}.topbar{height:auto;min-height:65px;gap:10px}.wordmark{font-size:9px}.mark{width:25px;height:25px}nav{gap:12px;font-size:8px}nav a:last-child{display:none}.top-status{font-size:0}.top-status i{width:8px;height:8px}.hero{grid-template-columns:1fr;padding:52px 0 40px;gap:32px}.hero h1{font-size:clamp(43px,12vw,64px)}.hero-lede{font-size:15px}.hero-actions{gap:20px;margin:25px 0 32px}.hero-foot{font-size:7px;gap:8px 14px}.hero-figure{padding:12px}.watch-section,.approach,.notes-section,.setup{padding:45px 0}.section-heading{align-items:flex-start;flex-direction:column;gap:12px}.section-heading h2,.field-intro h2,.setup h2{font-size:29px}.status-pill{font-size:8px}.stream-frame{aspect-ratio:4/3;min-height:300px}.stream-placeholder{padding:20px}.stream-placeholder>p:not(.eyebrow){font-size:12px}.stream-meta{font-size:7px}.field-grid{grid-template-columns:1fr}.field-intro{grid-column:auto}.field-note-card,.field-note-card:nth-child(2){padding:24px 0;border-right:0;border-bottom:1px solid var(--line)}.field-note-card:last-child{border-bottom:0}.field-note-card h3{margin:20px 0 10px}.temperature-readout{margin-top:20px}.approach-grid{grid-template-columns:1fr}.approach-grid article,.approach-grid article+article{padding:18px 0;border-right:0;border-bottom:1px solid var(--line)}.approach-grid article:last-child{border-bottom:0}.approach-grid h3{margin:11px 0 7px}.note-entry{grid-template-columns:1fr;gap:6px}.setup{grid-template-columns:1fr;gap:20px}.site-footer{padding:20px 0;justify-content:flex-start}.site-footer>span{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.signal-mark span{animation:none;background:#526054}}
/* Header parity with the localhost dashboard */
.topbar .brand{display:flex;align-items:center;gap:11px;min-width:0;color:var(--text)}.topbar .logo{width:34px;height:34px;flex:none;border:1px solid #555;border-radius:4px;display:grid;place-items:center;color:#fff;background:#090909}.topbar .logo svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.topbar .brand strong{display:block;font:700 14px/1.2 var(--mono);letter-spacing:0;white-space:nowrap}.topbar .brand small{display:block;margin-top:4px;color:#999;font:9px/1.2 var(--mono);letter-spacing:1px}.topbar .live-dot{display:inline-block;width:6px;height:6px;margin-left:5px;border-radius:50%;background:#a8d4a1;box-shadow:0 0 10px #96db80}.topbar .head-right{display:flex;align-items:center;gap:12px;flex:none}.topbar .claude-brand{display:inline-flex;align-items:center;gap:8px;padding:5px 8px;border:1px solid #633c31;border-radius:3px;background:#140c0a;color:#e38b6c;font:10px var(--mono);white-space:nowrap}.topbar .claude-brand svg{width:22px;height:22px;flex:none;stroke:currentColor}.claude-brand-copy{display:flex;flex-direction:column;gap:3px;line-height:1}.claude-brand-copy b{font:600 9px var(--mono);letter-spacing:.12em}.claude-brand-copy small{font:6px var(--mono);letter-spacing:.14em;color:#a97865}.topbar .ticker{padding:5px 8px;border:1px solid #444;border-radius:3px;background:#18201a;color:#eee;font:10px var(--mono)}.topbar .quiet{min-height:33px;display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #444;border-radius:3px;background:#080808;color:#ddd;font:13px var(--mono);white-space:nowrap}.topbar .quiet:hover{border-color:#aaa;color:#fff}.topbar .quiet svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.broadcast-note{max-width:540px;margin:16px 0 0;font:10px/1.55 var(--mono)}.stream-frame #local-camera-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}.stream-frame #stream-embed{z-index:1}.stream-frame #local-camera-frame{z-index:1}.stream-placeholder{z-index:2;pointer-events:none}.stream-placeholder a{pointer-events:auto}
.field-grid{grid-template-columns:1.15fr repeat(3,minmax(0,1fr))}.field-note-card{padding-right:18px}.field-note-card:last-child{border-right:0}.temperature-card .small-button:disabled{cursor:default;opacity:.7}.humidity-card .temperature-readout{margin-bottom:10px}
.roadmap{padding:68px 0 76px}.roadmap-intro{max-width:790px;margin:0 0 24px;color:#a9a9a9;font-size:13px}.roadmap-grid{--roadmap-gap:16px;display:flex;flex-direction:column;gap:var(--roadmap-gap);margin-top:28px}.roadmap-step{position:relative;min-height:135px;margin-left:54px;padding:21px 25px 20px;border:1px solid #252525;border-radius:4px;background:linear-gradient(105deg,#0a0a0a,#080808 72%);box-shadow:inset 1px 0 #1a1a1a}.roadmap-step::before{content:"";position:absolute;z-index:2;left:-36px;top:24px;width:18px;height:18px;border:2px solid #3d3d3d;border-radius:50%;background:#080808;box-shadow:0 0 0 5px var(--bg)}.roadmap-step::after{content:"";position:absolute;z-index:1;left:-28px;top:33px;width:2px;height:calc(100% + var(--roadmap-gap));background:#303030}.roadmap-step:last-child::after{display:none}.roadmap-step.recorded{border-color:#294331;background:linear-gradient(105deg,#0a130c 0%,#090b09 34%,#080808 78%);box-shadow:inset 2px 0 #52f07880}.roadmap-step.recorded::before{border-color:var(--green);background:var(--green);box-shadow:0 0 0 5px var(--bg),0 0 14px #52f07855}.roadmap-step.recorded::after{background:var(--green);box-shadow:0 0 10px #52f07855}.roadmap-step.current{border-color:#52f07888;background:radial-gradient(ellipse at 0% 50%,#101d12 0,#0a0c0a 38%,#080808 78%);box-shadow:inset 2px 0 var(--green),0 0 34px #52f0780a}.roadmap-step.current::before{border-color:var(--green);background:#09120b;box-shadow:0 0 0 5px var(--bg),0 0 0 9px #52f07817,0 0 22px #52f07899}.step-meta{display:flex;align-items:center;justify-content:space-between;gap:16px}.step-no,.step-state{font:8px/1.4 var(--mono);letter-spacing:.13em}.step-no{color:#878787}.step-state{color:#666;text-align:right}.roadmap-step.recorded .step-no,.roadmap-step.recorded .step-state{color:#89bf91}.roadmap-step.current .step-no{color:#e4fbe8}.roadmap-step.current .step-state{padding:5px 9px;border:1px solid #52f07845;background:#0b160e;color:var(--green)}.roadmap-step h3{margin:15px 0 5px;font:500 18px/1.3 var(--mono);letter-spacing:-.035em}.roadmap-step p{max-width:900px;margin:0;color:#a2a2a2;font-size:13px;line-height:1.6}.roadmap-step:not(.recorded):not(.current) .step-no{color:#777}.roadmap-step:not(.recorded):not(.current) .step-state{color:#5e5e5e}.roadmap-step:not(.recorded):not(.current) h3{color:#ddd}.roadmap-caveat{margin:18px 0 0}.approach-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.approach-grid article{padding:20px 18px 4px 0}.approach-grid article+article{padding-left:18px}.approach-grid article>span{font-size:7px}.approach-grid h3{font-size:14px}
@media(max-width:1100px){.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field-intro{grid-column:1/-1;border-right:0;border-bottom:1px solid var(--line)}.field-note-card:nth-child(2){padding-left:0}.field-note-card:nth-child(3){padding-left:20px}.field-note-card:nth-child(4){border-right:0}.roadmap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.approach-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.approach-grid article:nth-child(2){border-right:0}.approach-grid article:nth-child(3){padding-left:0}}
@media(max-width:620px){.site-shell{padding:0 16px}.topbar{height:auto;min-height:64px;gap:8px}.topbar .head-right{gap:7px}.topbar .powered-by,.topbar .ticker{display:none}.topbar .quiet{padding:7px}.topbar .quiet span{display:none}.topbar .brand strong{font-size:11px}.topbar .brand small{font-size:8px}.field-grid{grid-template-columns:1fr}.field-intro{grid-column:auto;padding:26px 0}.field-note-card,.field-note-card:nth-child(2),.field-note-card:nth-child(3),.field-note-card:nth-child(4){padding:24px 0;border-right:0;border-bottom:1px solid var(--line)}.field-note-card:last-child{border-bottom:0}.roadmap{padding:45px 0}.roadmap-grid{grid-template-columns:1fr}.roadmap-step{min-height:0}.approach-grid{grid-template-columns:1fr}.approach-grid article,.approach-grid article+article,.approach-grid article:nth-child(3){padding:18px 0;border-right:0;border-bottom:1px solid var(--line)}.approach-grid article:last-child{border-bottom:0}.broadcast-note{font-size:9px}.topbar .brand{gap:8px}}

/* True 3D voxel model overlaid inside the illustrated queen chamber */
.nest-stage{position:relative;width:100%;aspect-ratio:56/45;margin:5px 0;isolation:isolate}
.nest-stage .nest-map{position:absolute;inset:0;width:100%;height:100%;margin:0;overflow:visible}
.queen-3d-anchor{position:absolute;left:42.7%;top:44.2%;width:25%;aspect-ratio:1.25;transform:translate(-50%,-50%);z-index:3;pointer-events:none}
.queen-ant-3d{display:block;width:100%;height:100%;background:transparent;image-rendering:pixelated;filter:drop-shadow(0 3px 6px #52f07855)}
.queen-3d-fallback{position:absolute;inset:0;display:grid;place-items:center;padding:5px;text-align:center;color:var(--green);background:#050505d9;border:1px solid #52f07855;font:7px/1.4 var(--mono);text-transform:uppercase}
.queen-3d-fallback[hidden]{display:none}
.queen-ant-3d{isolation:isolate}
.queen-3d-anchor{width:30%}
@media(max-width:620px){.queen-3d-anchor{width:32%}}
.header-action-link{min-height:33px;display:inline-flex;align-items:center;justify-content:center;padding:6px 9px;border:1px solid #3a3a3a;border-radius:3px;background:#0a0a0a;color:#eee;font:10px var(--mono);white-space:nowrap;transition:border-color .18s,color .18s,background .18s}
.header-action-link:hover{border-color:#52f078;color:#52f078;background:#0b130d}.x-header{min-width:32px;font-size:13px;font-weight:600}.pumpfun-header{border-color:#405a45;color:#d8f4dd}
.header-action-link:focus-visible,.pumpfun-watch:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.stream-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}
.stream-actions .eyebrow{margin:0 0 4px;font-size:8px}.pumpfun-live-status{margin:0;color:#858585;font:9px/1.5 var(--mono);letter-spacing:.08em}
.pumpfun-watch{min-width:206px;justify-content:space-between}.pumpfun-cta-action{display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:206px}.pumpfun-watch.is-disabled{opacity:.48;filter:grayscale(.6);cursor:not-allowed}.pumpfun-link-toast{margin:0;padding:8px 10px;border:1px solid #435343;background:#0b130d;color:#c9d7c6;font:9px/1.45 var(--mono)}.pumpfun-link-toast[hidden]{display:none}
@media(max-width:880px){.topbar .head-right{gap:8px}}
@media(max-width:620px){.topbar .head-right{gap:5px}.topbar .claude-brand{width:44px;height:44px;justify-content:center;padding:0;gap:0}.topbar .claude-brand-copy{display:none}.topbar .claude-brand svg{width:21px;height:21px}.topbar .header-action-link{min-height:44px;padding:6px 6px;font-size:8px}.topbar .x-header{width:44px;min-width:44px;padding:4px}.topbar .quiet{width:44px;min-width:44px;min-height:44px;padding:10px;justify-content:center}.stream-actions{align-items:flex-start;flex-direction:column}.pumpfun-cta-action{width:100%;min-width:0}.pumpfun-watch{width:100%;min-width:0}}
@media(max-width:430px){.topbar .quiet{display:none}}
@media(max-width:380px){.topbar{gap:6px}.topbar .brand strong{font-size:9px}.topbar .brand small{font-size:7px;letter-spacing:.04em}.topbar .logo{width:22px;height:22px}.topbar .head-right{gap:3px}.topbar .header-action-link{padding:4px 5px;font-size:7px}.topbar .x-header{min-width:23px;padding:4px}.topbar .quiet{min-height:25px;padding:4px}}