@font-face{font-family:Clash Display;src:url(/fonts/clash-display-700.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Clash Display;src:url(/fonts/clash-display-600.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-600.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0705;--panel:#151009;--panel-hi:#1d1509;--line:#d9775724;--text:#f2ead9;--muted:#f2ead994;--faint:#f2ead94d;--claude:#d97757;--ember:#f0a886;--claude-dim:#d9775724;--display:"Clash Display", system-ui, sans-serif;--mono:"JetBrains Mono", "SF Mono", "Cascadia Code", monospace}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg);color:var(--text);font-family:var(--mono);min-height:100vh;overflow-x:hidden}body:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--claude) 30%, var(--ember) 50%, var(--claude) 70%, transparent 100%);z-index:200;opacity:.7;height:2px;position:fixed;top:0;left:0;right:0}.bg{z-index:-1;opacity:.75;width:100%;height:100%;display:block;position:fixed;inset:0}.grain{z-index:100;pointer-events:none;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}main{max-width:1200px;margin:0 auto;padding:3.5rem 2rem 6rem}body:not(.booted) main{opacity:0}body.booted main{opacity:1;transition:opacity .4s}.hero{border-bottom:1px solid var(--line);margin-bottom:4rem;padding-bottom:4rem}.header-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.5rem;margin-bottom:3rem;font-size:.68rem;font-weight:400;display:flex}.dot{background:var(--claude);width:6px;height:6px;box-shadow:0 0 8px var(--claude);border-radius:50%;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.live{color:var(--claude)}.sep{opacity:.25}.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:3rem;display:grid}h1{font-family:var(--display);letter-spacing:-.02em;color:var(--text);flex-direction:column;margin-bottom:1.75rem;font-size:clamp(3.6rem,9vw,7.5rem);font-weight:700;line-height:.92;display:flex}.h1-line{opacity:0;animation:.7s cubic-bezier(.16,1,.3,1) forwards slideUp;display:block;transform:translateY(24px)}.h1-line:first-child{color:var(--claude);text-shadow:0 0 60px #d9775740;animation-delay:.1s}.h1-line.accent{font-size:.62em;font-weight:600;animation-delay:.2s}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.h1-cursor{background:var(--claude);vertical-align:baseline;border-radius:1px;width:.09em;height:.8em;margin-left:.12em;animation:1s step-end infinite cursorBlink;display:inline-block}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.hero-sub{color:var(--muted);opacity:0;max-width:34ch;margin-bottom:2.5rem;font-size:.85rem;line-height:1.75;animation:.6s .45s forwards fadeIn}@keyframes fadeIn{to{opacity:1}}.stats{opacity:0;flex-wrap:wrap;gap:2.25rem;animation:.6s .6s forwards fadeIn;display:flex}.stat dt{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:.35rem;font-size:.58rem}.stat dd{font-family:var(--display);color:var(--text);font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:600;line-height:1}.stat dd[data-stat=rate]{color:var(--claude)}.hero-dial{flex-direction:column;align-items:center;gap:1rem;display:flex}#dial-mount{width:100%;max-width:420px}#dial-mount svg{width:100%;height:auto;display:block;overflow:visible}.dial-face{fill:none;stroke:#f2ead912;stroke-width:1px}.dial-tick{stroke:#f2ead929;stroke-width:1px}.dial-tick.major{stroke:#f2ead961;stroke-width:1.5px}.dial-hour-label{font-family:var(--mono);fill:var(--faint);text-anchor:middle;dominant-baseline:middle;letter-spacing:.08em;font-size:11px}.dial-arc{fill:none;stroke:var(--claude);stroke-width:2.5px;stroke-linecap:round;opacity:.85;filter:drop-shadow(0 0 6px #d9775780)}.dial-needle-group{will-change:transform;transition:transform 1.6s cubic-bezier(.22,1,.36,1)}.dial-needle{stroke:var(--ember);stroke-width:2px;stroke-linecap:round}.dial-hub{fill:var(--bg);stroke:var(--claude);stroke-width:2px}.dial-hub-core{fill:var(--claude)}.dial-marker{cursor:default}.dial-marker circle.mk-dot{fill:var(--claude);transition:fill .25s}.dial-marker circle.mk-halo{fill:none;stroke:var(--claude);stroke-width:1px;opacity:.5;transform-origin:50%;transform-box:fill-box;animation:2.6s ease-out infinite markerPulse}.dial-marker text{font-family:var(--mono);letter-spacing:.1em;fill:var(--muted);text-anchor:middle;font-size:9.5px;font-weight:600;transition:fill .25s}.dial-marker:hover circle.mk-dot,.dial-marker:focus-visible circle.mk-dot{fill:var(--ember)}.dial-marker:hover text,.dial-marker:focus-visible text{fill:var(--text)}.dial-marker:focus-visible{outline:none}@keyframes markerPulse{0%{opacity:.55;transform:scale(1)}70%{opacity:0;transform:scale(2.4)}to{opacity:0;transform:scale(2.4)}}.dial-clock{font-family:var(--display);fill:var(--text);text-anchor:middle;font-variant-numeric:tabular-nums;font-size:44px;font-weight:600}.dial-clock-sec{fill:var(--claude)}.dial-clock-sub{font-family:var(--mono);letter-spacing:.22em;fill:var(--faint);text-anchor:middle;text-transform:uppercase;font-size:10.5px}.dial-caption{letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-size:.6rem}.dial-draw .dial-face,.dial-draw .dial-arc{stroke-dasharray:var(--len,1200);stroke-dashoffset:var(--len,1200);animation:1.4s cubic-bezier(.22,1,.36,1) forwards dialDraw}.dial-draw .dial-arc{animation-delay:.5s}@keyframes dialDraw{to{stroke-dashoffset:0}}.agents-section{margin-bottom:5rem}.section-label{color:var(--faint);letter-spacing:.14em;text-transform:uppercase;margin-bottom:1.75rem;font-size:.7rem;font-weight:600}.agents-grid{counter-reset:agent;grid-template-columns:1fr;align-items:start;gap:1.5rem;display:grid}.agent-card{counter-increment:agent;background:linear-gradient(160deg, var(--panel) 0%, #100b06 100%);border:1px solid var(--line);border-radius:16px;padding:1.75rem 1.5rem 1.5rem;transition:border-color .3s,box-shadow .3s,transform .3s;position:relative;overflow:hidden;box-shadow:0 8px 28px #0006}.agent-card:hover,.agent-card.dial-hi{border-color:#d9775773;transform:translateY(-2px);box-shadow:0 14px 40px #00000080,0 0 0 1px #d977572e,inset 0 0 40px #d9775708}.agent-card:before{content:counter(agent, decimal-leading-zero);font-family:var(--display);color:#d977574d;pointer-events:none;font-size:1.6rem;font-weight:700;line-height:1;position:absolute;top:1.1rem;right:1.25rem}.card-header{align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.card-avatar{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);background:linear-gradient(135deg,#d9775729,#d977570a);border:1px solid #d9775759;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:74px;height:74px;transition:box-shadow .3s;display:flex;position:relative}.card-avatar svg{filter:grayscale()sepia()saturate(2.3)hue-rotate(-12deg)brightness(.97);width:66px;height:66px}.card-avatar:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#00000017 3px 4px);position:absolute;inset:0}.agent-card:hover .card-avatar{box-shadow:0 0 20px #d9775738}.card-name{font-family:var(--display);letter-spacing:.01em;margin-bottom:.3rem;font-size:1.35rem;font-weight:600;line-height:1}.card-role{letter-spacing:.14em;text-transform:uppercase;color:var(--claude);margin-bottom:.4rem;font-size:.62rem;font-weight:600}.card-status{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.35rem;font-size:.58rem;display:flex}.status-dot{background:var(--claude);width:5px;height:5px;box-shadow:0 0 6px var(--claude);border-radius:50%;animation:2s ease-in-out infinite pulse}.card-meter{align-items:center;gap:.75rem;margin-bottom:.9rem;display:flex}.meter-track{background:#f2ead914;border-radius:2px;flex:1;height:3px;overflow:hidden}.meter-fill{background:linear-gradient(90deg, var(--claude), var(--ember));border-radius:2px;width:0;height:100%;transition:width 1.1s cubic-bezier(.22,1,.36,1)}.meter-label{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.6rem}.card-time{color:var(--faint);border-bottom:1px solid var(--line);margin-bottom:.9rem;padding-bottom:.9rem;font-size:.62rem}.card-tasks{flex-direction:column;gap:.4rem;display:flex}.task-loading{color:var(--faint);letter-spacing:.2em;font-size:.75rem;animation:1.2s infinite blink}@keyframes blink{0%,to{opacity:.3}50%{opacity:1}}.cat{background:#f2ead904;border:1px solid #f2ead90f;border-radius:10px;transition:border-color .25s}.cat[open]{border-color:#d9775740}.cat summary{letter-spacing:.08em;text-transform:uppercase;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.6rem;padding:.7rem .9rem;font-size:.68rem;font-weight:600;list-style:none;display:flex}.cat summary::-webkit-details-marker{display:none}.cat summary:before{content:"";border-right:1.5px solid var(--claude);border-bottom:1.5px solid var(--claude);flex-shrink:0;width:6px;height:6px;transition:transform .25s;transform:rotate(-45deg)}.cat[open] summary:before{transform:rotate(45deg)}.cat summary:hover{color:var(--ember)}.cat-count{letter-spacing:.04em;color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.62rem;font-weight:400}.cat-count.all-done{color:var(--claude)}.cat-body{padding:.2rem .9rem .9rem 1.5rem}@media (width>=981px){.cat summary{pointer-events:none}.cat summary:before{display:none}}.section-block{margin-bottom:.9rem}.section-block:last-child{margin-bottom:0}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--claude);margin-bottom:.3rem;font-size:.62rem;font-weight:600;display:block}.section-sub,.section-subsub{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:.3rem;font-size:.58rem;display:block}.task-item{opacity:0;border-bottom:1px solid #f2ead90a;align-items:flex-start;gap:.5rem;padding:.32rem 0;animation:.4s forwards taskIn;display:flex}.task-item:last-child{border-bottom:none}@keyframes taskIn{to{opacity:1}}.task-item:before{content:">";color:var(--claude);opacity:.45;flex-shrink:0;margin-top:.1rem;font-size:.6rem}.task-text{color:#f2ead9c7;flex:1;font-size:.72rem;line-height:1.5}.task-dot{background:var(--faint);border-radius:50%;flex-shrink:0;width:4px;height:4px;margin-top:.42rem}.task-dot.done{background:var(--claude);opacity:.8}.task-empty{color:var(--faint);font-size:.68rem;font-style:italic}.pipeline{flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.25rem;display:flex}.pipe-stage{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border:1px solid #0000;border-radius:3px;padding:.18rem .5rem;font-size:.56rem;font-weight:600}.pipe-todo{color:var(--muted);border-color:#f2ead917}.pipe-done{color:var(--ember);border-color:#d977574d}.pipe-current{color:#fff;background:var(--claude);border-color:var(--claude);box-shadow:0 0 0 2px #d9775733}.pipe-arrow{color:var(--muted);opacity:.6;font-size:.6rem}footer{color:var(--faint);border-top:1px solid var(--line);letter-spacing:.06em;align-items:center;gap:.5rem;padding-top:2rem;font-size:.65rem;display:flex}.boot{z-index:1000;background:var(--bg);justify-content:center;align-items:center;transition:opacity .5s,visibility .5s;display:flex;position:fixed;inset:0}.boot-out{opacity:0;visibility:hidden}.boot-inner{font-family:var(--mono);color:var(--claude);align-items:flex-start;max-width:90vw;font-size:.8rem;display:flex}.boot-line{white-space:pre;text-shadow:0 0 8px #d9775766;line-height:1.7}.boot-cursor{background:var(--claude);width:7px;height:1rem;margin-top:2px;margin-left:2px;animation:.8s step-end infinite cursorBlink;display:inline-block;box-shadow:0 0 8px #d9775799}@media (pointer:fine){*{cursor:none!important}.cursor{background:var(--claude);z-index:9999;pointer-events:none;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:fixed;top:0;left:0;box-shadow:0 0 10px #d97757b3}.cursor-ring{z-index:9998;pointer-events:none;border:1px solid #d9775766;border-radius:50%;width:30px;height:30px;margin:-15px 0 0 -15px;transition:width .25s,height .25s,border-color .25s,margin .25s,background .25s;position:fixed;top:0;left:0}.cursor-ring.cursor-hover{background:#d977570d;border-color:#d97757b3;width:46px;height:46px;margin:-23px 0 0 -23px}}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0s);transform:translateY(28px)}.reveal.revealed{opacity:1;transform:translateY(0)}@media (width<=980px){.hero-grid{grid-template-columns:1fr;gap:2.5rem}.hero-dial{order:-1}#dial-mount{max-width:340px}}@media (width<=600px){main{padding:2rem 1.15rem 4rem}.hero{margin-bottom:3rem;padding-bottom:3rem}.stats{gap:1.5rem}.stat dd{font-size:1.55rem}#dial-mount{max-width:290px}.agent-card{padding:1.4rem 1.1rem 1.2rem}.cat-body{padding-left:1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}.dial-needle-group{transition:none}}
