@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Nunito:wght@500;600;700;800;900&family=Press+Start+2P&display=swap');
:root{--ink:#26324f;--muted:#61718f;--blue:#3d8df5;--yellow:#ffd84d;--pink:#ff6c9d;--mint:#4ed6b0;--sky:#bfeeff;--cream:#fff9e9;--pop:cubic-bezier(.3,1.6,.5,1)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{color:var(--ink);font-family:'Nunito',ui-sans-serif,system-ui,sans-serif;background:linear-gradient(#91dcff 0%,#dff8ff 64%,#96df9e 64%,#65c87e 100%)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 24%,#fff8 0 2px,transparent 3px),radial-gradient(circle at 80% 15%,#fff9 0 2px,transparent 3px),radial-gradient(circle at 61% 37%,#fff8 0 1px,transparent 2px);background-size:110px 90px,150px 130px,90px 100px;opacity:.7}a{color:inherit;text-decoration:none}.shell{max-width:1240px;margin:auto;padding-left:36px;padding-right:36px}
/* Icons */
.sprite{position:absolute;width:0;height:0;overflow:hidden}.ico{width:1em;height:1em;flex:none;overflow:visible;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* Scenery */
.cosmos{position:fixed;inset:0;pointer-events:none;overflow:hidden}.sun{position:absolute;top:-38px;right:-38px;width:170px;height:170px}.sun-rays{transform-origin:60px 60px;animation:spin 24s linear infinite}.cloud{position:absolute;animation:drift 9s ease-in-out infinite alternate}.cloud-a{width:130px;top:31%;left:-1%}.cloud-b{width:96px;top:30%;right:11%;animation-duration:12s;animation-delay:-4s}.cloud-c{width:74px;top:9%;left:46%;opacity:.9;animation-duration:15s;animation-delay:-7s}.hills{position:absolute;left:0;top:calc(64% - 89px);width:100%;height:90px}.flower{position:absolute;width:30px;height:45px;bottom:3%;transform-origin:50% 100%;animation:sway 3.4s ease-in-out infinite alternate}.flower-a{left:2.5%}.flower-b{left:5.5%;width:22px;height:33px;animation-delay:-1.2s}.flower-c{right:3%;bottom:6%;animation-delay:-2s}.twinkle{position:absolute;width:18px;height:18px;fill:#fff;stroke:#aac7dc;stroke-width:1.5;animation:twinkle 2.6s ease-in-out infinite}.tw-a{top:24%;left:33%}.tw-b{top:8%;left:24%;width:12px;height:12px;animation-delay:-.8s}.tw-c{top:20%;right:30%;fill:var(--yellow);stroke:var(--ink);animation-delay:-1.6s}.tw-d{top:46%;left:2%;width:13px;height:13px;animation-delay:-2.1s}
/* Nav */
.nav{height:76px;display:flex;align-items:center;gap:12px;position:relative;z-index:2}.brand{display:flex;align-items:center;font:700 22px 'Fredoka',sans-serif;letter-spacing:-.01em;margin-right:auto;text-shadow:0 2px #fff;cursor:default}.mark{display:grid;place-items:center;width:38px;height:38px;color:#fff;background:var(--pink);border:3px solid var(--ink);border-radius:50%;margin-right:10px;box-shadow:0 3px var(--ink);transition:transform .5s var(--pop)}.mark .ico{width:22px;height:22px;fill:#fff;stroke:var(--ink);stroke-width:1.6}.brand:hover .mark{transform:rotate(180deg) scale(1.1)}.chip{display:flex;align-items:center;gap:9px;padding:8px 12px;background:#ffffffd9;border:3px solid var(--ink);border-radius:999px;box-shadow:0 3px var(--ink);font:9px 'Press Start 2P',monospace;white-space:nowrap}.chip .ico{width:16px;height:16px;stroke-width:2.4}.status{color:#287655}.pulse{position:relative;width:11px;height:11px;background:var(--mint);border:2px solid var(--ink);border-radius:50%}.pulse:after{content:"";position:absolute;inset:-3px;border:2px solid var(--mint);border-radius:50%;animation:ping 1.8s ease-out infinite}
/* Hero */
.screen{height:calc(100vh - 76px);min-height:570px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.8fr);grid-template-rows:1fr auto auto;column-gap:9%;align-items:center;padding-top:3vh;padding-bottom:2.5vh;position:relative;z-index:1}.hero-copy{align-self:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;font:10px 'Press Start 2P',monospace;color:#326bbb;line-height:1.8;text-shadow:0 1px #fff}.eyebrow .ico{width:16px;height:16px;fill:var(--yellow);stroke:var(--ink);stroke-width:1.8;animation:spin 6s linear infinite}.hero-copy h1{position:relative;font:700 clamp(53px,7.1vw,100px)/.95 'Fredoka',sans-serif;letter-spacing:-.035em;max-width:760px;margin:18px 0 20px;color:var(--ink);text-shadow:4px 4px #fff}.hero-copy h1 span{color:var(--pink);text-shadow:4px 4px #fff;padding-bottom:.08em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 12'%3E%3Cpath d='M2 7q4.5-5 9 0t9 0 9 0 9 0' fill='none' stroke='%23ffd84d' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") repeat-x 0 100%/.42em .13em}.h1-spark{position:relative;top:-.55em;width:.34em;height:.34em;margin-left:.06em;fill:var(--yellow);stroke:var(--ink);stroke-width:1.4;animation:twinkle 2.2s ease-in-out infinite}.lede{font-size:clamp(17px,1.55vw,21px);line-height:1.45;color:#4f6587;max-width:575px;margin:0;font-weight:700}
/* Join form */
.join-form{position:relative;margin-top:28px;max-width:575px}.join-form label{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:#607493;font:9px 'Press Start 2P',monospace}.join-form label .ico{width:15px;height:15px;color:var(--pink);stroke:var(--ink);stroke-width:1.6;animation:beat 1.4s ease-in-out infinite}.join-fields{display:flex;gap:10px}.input-wrap{position:relative;flex:1;min-width:0}.input-wrap>.ico{position:absolute;left:15px;top:50%;width:23px;height:23px;color:var(--blue);--duo:#dcecff;transform:translateY(-50%);transition:transform .35s var(--pop);pointer-events:none}.input-wrap:focus-within>.ico{transform:translateY(-50%) rotate(-12deg) scale(1.12)}.join-form input{width:100%;padding:15px 14px 15px 48px;border:3px solid var(--ink);border-radius:14px;background:#fff;color:var(--ink);font:700 15px 'Nunito',sans-serif;box-shadow:inset 0 3px #e8eef8;outline:none;transition:border-color .2s,box-shadow .2s}.join-form input::placeholder{color:#9aa8bf}.join-form input:focus{border-color:var(--blue);box-shadow:inset 0 3px #e8eef8,0 0 0 4px #3d8df540}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border:3px solid var(--ink);border-radius:14px;color:var(--ink);font:700 16px 'Fredoka',sans-serif;letter-spacing:.06em;cursor:pointer;transition:transform .15s,box-shadow .15s}.primary{background:var(--yellow);box-shadow:0 5px var(--ink)}.button:hover{transform:translateY(-3px);box-shadow:0 8px var(--ink)}.button:active{transform:translateY(3px);box-shadow:0 2px var(--ink)}.button:focus-visible{outline:4px solid #3d8df566;outline-offset:3px}.button .ico{width:21px;height:21px;--duo:#fff;transition:transform .35s var(--pop)}.button:hover .ico{transform:translate(3px,-3px) rotate(-10deg)}.button:disabled{cursor:progress}.button.is-loading .ico{animation:fly .8s ease-in-out infinite}#join-status{display:flex;align-items:center;gap:8px;min-height:24px;margin-top:12px;color:#287655;font-weight:800}#join-status .ico{width:22px;height:22px;--duo:#d8f7ec;animation:pop-in .45s var(--pop)}#join-status.is-error{color:#c73e6e}#join-status.is-error .ico{--duo:#ffe1ec}.confetti{position:absolute;width:9px;height:13px;margin:-6px 0 0 -4px;background:var(--c);border:2px solid var(--ink);border-radius:3px;pointer-events:none;animation:burst .9s cubic-bezier(.2,.7,.4,1) forwards}
/* System panel */
.system-panel{align-self:center;border:4px solid var(--ink);border-radius:24px;background:#ffffffd9;box-shadow:0 8px var(--ink);padding:16px 20px;position:relative;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.panel-top{display:flex;justify-content:space-between;align-items:center;color:#566782;font:9px 'Press Start 2P',monospace;border-bottom:3px dashed #a5b7cd;padding-bottom:12px}.panel-top span{display:flex;align-items:center;gap:7px}.panel-top .star{width:15px;height:15px;fill:var(--yellow);stroke:var(--ink);stroke-width:1.8}.seal{width:172px;height:172px;margin:16px auto 12px;filter:drop-shadow(0 5px 0 var(--ink))}.seal svg{display:block;width:100%;height:100%;overflow:visible}.seal-ring,.orbiter{transform-origin:100px 100px;animation:spin 30s linear infinite}.orbiter{animation-duration:9s}.orbiter-b{animation-delay:-4.5s}.eye{transform-box:fill-box;transform-origin:center;animation:blink 4.5s infinite}.wave{transform-origin:124px 128px;animation:wave 2.2s ease-in-out infinite}.antenna,.heartbeat{transform-box:fill-box;transform-origin:center;animation:beat 1.4s ease-in-out infinite}.readout{border-top:3px dashed #a5b7cd;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:10px 0;color:#607493;font:9px 'Press Start 2P',monospace;line-height:1.6}.readout span{display:flex;align-items:center;gap:8px}.readout .ico{width:18px;height:18px;color:var(--blue);--duo:#dcecff}.readout strong{color:var(--ink);font-weight:400;text-align:right}
/* Agent welcome panel */
.welcome{border-top:3px dashed #a5b7cd;margin-top:2px;padding-top:9px}.welcome-title{display:flex;align-items:center;gap:7px;color:#607493;font:8px 'Press Start 2P',monospace;margin-bottom:8px}.welcome-title .ico{width:13px;height:13px;color:var(--pink);stroke:var(--ink);stroke-width:1.6}.agent-list{display:flex;flex-wrap:wrap;gap:5px}.agent-badge{display:flex;align-items:center;gap:5px;background:#fff;border:2px solid #a5b7cd;border-radius:8px;padding:3px 7px 3px 3px;color:var(--ink);font-size:10px;font-weight:800;transition:transform .25s var(--pop),border-color .2s,box-shadow .2s}.agent-badge:hover{transform:translateY(-2px) rotate(-2deg);border-color:var(--ink);box-shadow:0 2px var(--ink)}.agent-icon{display:grid;place-items:center;width:19px;height:19px;border-radius:6px;color:#fff;box-shadow:inset 0 -2px #0002}.agent-icon .ico{width:13px;height:13px;stroke-width:2.6}.openai{background:#111}.claude{background:#d97757}.gemini{background:#4285f4}.copilot{background:#222}.perplexity{background:#20b8a6}.deepseek{background:#4b7bec}.qwen{background:#6236d8}.glm{background:#3a78e8}.selfhost{background:#3cc49e}.buff{background:#f5a623}.claw{background:#e2574c}
/* Power-up cards */
.quick-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:2.5vh}.quick-grid article{--c:#2872d2;--soft:#e3efff;border:4px solid var(--c);border-radius:18px;background:#fffffff0;padding:15px 19px 17px;min-height:117px;box-shadow:0 5px var(--ink);position:relative;overflow:hidden;transition:transform .25s var(--pop),box-shadow .25s}.quick-grid article:nth-child(2){--c:#d54d81;--soft:#ffe5ef}.quick-grid article:nth-child(3){--c:#299b79;--soft:#dcf7ee}.quick-grid article:before{content:"";position:absolute;right:-34px;top:-34px;width:120px;height:120px;border-radius:50%;background:var(--soft)}.quick-grid article:hover{transform:translateY(-4px);box-shadow:0 9px var(--ink)}.card-icon{position:absolute;right:16px;top:14px;display:grid;place-items:center;width:50px;height:50px;color:#fff;background:var(--c);border:3px solid var(--ink);border-radius:15px;box-shadow:0 4px var(--ink);transform:rotate(6deg);transition:transform .45s var(--pop)}.card-icon .ico{width:27px;height:27px;stroke-width:2.2;--duo:#ffffff4d}.quick-grid article:hover .card-icon{transform:rotate(-8deg) scale(1.12)}.number{position:relative;display:flex;align-items:center;gap:6px;color:var(--c);font:9px 'Press Start 2P',monospace;margin-bottom:12px}.number .ico{width:14px;height:14px;fill:var(--yellow);stroke:var(--ink);stroke-width:1.8}.quick-grid h2{position:relative;font:700 24px 'Fredoka',sans-serif;letter-spacing:-.01em;margin:0 0 3px}.quick-grid p{position:relative;color:var(--muted);font-size:13px;line-height:1.35;margin:0;padding-right:58px;font-weight:700}
.quiet-line{grid-column:1/-1;display:flex;justify-content:space-between;align-items:end;gap:16px;border-top:3px dashed #ffffffaa;padding-top:11px;color:#416b75;font:10px 'Press Start 2P',monospace;text-shadow:0 1px #fff}.quiet-line span{display:flex;align-items:center;gap:10px}.quiet-line .ico{width:18px;height:18px;color:#fff;stroke:#2e7d6a}.coordinates{color:#52718a;animation:press 1.2s steps(1) infinite}.coordinates .ico{width:22px;height:22px;color:#2e5b8a;--duo:#fff;animation:bob 1.6s ease-in-out infinite}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes drift{to{transform:translateX(34px)}}@keyframes sway{from{transform:rotate(-6deg)}to{transform:rotate(6deg)}}@keyframes twinkle{0%,100%{transform:scale(.7) rotate(0);opacity:.6}50%{transform:scale(1.15) rotate(20deg);opacity:1}}@keyframes ping{0%{transform:scale(.8);opacity:1}100%{transform:scale(2.1);opacity:0}}@keyframes blink{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes wave{0%,100%{transform:rotate(0)}25%{transform:rotate(-16deg)}50%{transform:rotate(4deg)}75%{transform:rotate(-12deg)}}@keyframes beat{0%,60%,100%{transform:scale(1)}20%{transform:scale(1.18)}40%{transform:scale(.96)}}@keyframes bob{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-3px) rotate(6deg)}}@keyframes press{50%{opacity:.35}}@keyframes fly{0%,100%{transform:translate(0,0)}50%{transform:translate(4px,-4px) rotate(-12deg)}}@keyframes pop-in{from{transform:scale(0) rotate(-30deg)}}@keyframes burst{0%{transform:translate(0,0) rotate(0) scale(.4);opacity:1}100%{transform:translate(var(--dx),var(--dy)) rotate(var(--r)) scale(1);opacity:0}}
@media(max-width:760px){html,body{overflow:auto}.nav{height:64px}.status{display:none}.screen{height:auto;min-height:calc(100vh - 64px);display:block;padding-top:7vh;padding-bottom:25px}.hero-copy h1{font-size:clamp(48px,14vw,78px)}.system-panel{margin:38px 0 19px}.quick-grid{grid-template-columns:1fr;margin-top:19px}.quiet-line{margin-top:19px;gap:12px;align-items:start;flex-direction:column}.coordinates{display:none}.shell{padding-left:22px;padding-right:22px}.join-fields{flex-direction:column}.join-form .button{width:100%}.sun{width:120px;height:120px;top:-30px;right:-30px}.cloud-a{left:-6%;width:110px}.cloud-b{right:-9%}.cloud-c,.tw-a,.flower{display:none}}
.playbook-link{display:inline-block;margin-top:10px;color:var(--blue);font:700 11px 'Press Start 2P',monospace;text-decoration:none}.playbook-link:hover{text-decoration:underline;text-underline-offset:4px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}