:root{--bg:#0b0c13;--panel:#11131e;--line:#292c3e;--ink:#eeedf5;--muted:#9195ae;--accent:#9d8aff;--pixel:'Pixelify Sans',sans-serif;--mono:'IBM Plex Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.wrap{max-width:1210px;margin:auto}header{padding:18px max(25px,calc((100vw - 1280px)/2));border-bottom:1px solid #202332;display:flex;align-items:center;gap:24px;background:#0b0c13;position:relative;z-index:2}.brand{font:600 25px var(--pixel);display:flex;align-items:center;gap:10px;white-space:nowrap}.brand img{width:30px;height:30px}.brand span{font:10px var(--mono);color:var(--accent);margin-left:-4px;padding-top:8px}nav{display:flex;align-items:center;gap:23px;margin-right:auto;font-size:12px;color:var(--muted)}nav button{border:0;background:none;color:inherit;padding:0}nav b{font:8px var(--mono);color:#bbb1ed;margin-left:4px}.button,.secondary{border:0;padding:14px 19px;color:#11121b;font-size:12px;font-weight:600;position:relative;clip-path:polygon(4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px),0 4px,4px 4px);background:var(--ink);transition:translate .2s,background .2s}.button:hover{background:#b9aaff;translate:0 -2px}.secondary{background:#1c1e2c;color:var(--ink)}.secondary:hover{background:#32314b}.hero{position:relative;text-align:center;overflow:hidden;padding:70px 25px 60px;border-bottom:1px solid #202332}.hero-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#25273b38 1px,transparent 1px),linear-gradient(90deg,#25273b38 1px,transparent 1px);background-size:20px 20px;mask-image:radial-gradient(ellipse at 50% 25%,#000,transparent 72%)}.crew-parade{position:relative;display:flex;justify-content:center;gap:30px;height:160px;max-width:980px;margin:0 auto 40px}.crew-character{position:relative;width:125px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:0;background:none;color:inherit}.crew-character:before{content:'';position:absolute;width:100%;height:70px;bottom:5px;background:radial-gradient(ellipse,var(--glow),transparent 65%);opacity:.22}.crew-character:after{content:'';width:65px;height:8px;background:#020309;border-radius:50%;position:absolute;bottom:5px}.crew-character svg{width:100px;height:110px;position:relative;z-index:1;image-rendering:pixelated;animation:bob 3.5s ease-in-out infinite;animation-delay:var(--delay)}.crew-character:nth-child(even){padding-top:35px}.crew-character:hover svg{animation-play-state:paused;transform:translateY(-10px) rotate(-7deg)}.crew-character span{position:absolute;bottom:-18px;font:8px var(--mono);opacity:0;color:var(--glow);transition:opacity .2s}.crew-character:hover span{opacity:1}.hero-kicker{position:relative}.eyebrow{font:8px var(--mono);letter-spacing:1.6px;color:#999ab3;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--pixel);font-weight:500}h1{position:relative;font-size:70px;line-height:1.08;letter-spacing:-1.5px;margin:27px auto;max-width:1100px}.rainbow{background:linear-gradient(90deg,#59cce9,#a787fb 26%,#ed7bc5 48%,#f3b764 70%,#70dbb4);background-clip:text;-webkit-background-clip:text;color:transparent}.hero>p{position:relative;color:var(--muted);font-size:16px;line-height:1.9;max-width:750px;margin:0 auto 30px}#pitch-form{position:relative;display:flex;max-width:740px;margin:auto;border:1px solid #36384b;background:#11131d;padding:12px;gap:15px}#pitch{border:0;background:none;min-width:0;flex:1;color:var(--ink);outline:none;font-size:14px;padding:13px 7px}input::placeholder,textarea::placeholder{color:#626780}.suggestions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:17px 0 28px;position:relative}.suggestions>span{font:8px var(--mono);color:#686e89;align-self:center;margin-right:6px}.suggestions button{border:1px solid #2a2d3e;background:#11131d;color:#a2a6be;font-size:10px;padding:7px 9px}.suggestions button:before{content:'■';color:#9d8aff;margin-right:6px}.suggestions button:nth-child(3):before{color:#f2cb66}.suggestions button:nth-child(4):before{color:#ec7bbe}.suggestions button:nth-child(5):before{color:#70dbb4}.hero-notes{display:flex;justify-content:center;gap:30px;font:10px var(--mono);color:#a1a4bb;position:relative}.hero-notes span:first-letter{color:#70dbb4}.scroll-note{display:block;position:relative;margin-top:40px;font:7px var(--mono);letter-spacing:1.7px;color:#727990}.section{padding:80px 0}.section-heading{text-align:center;margin-bottom:35px}h2{font-size:45px;line-height:1.1;margin:15px 0 20px}.section-heading p{font-size:14px;color:var(--muted);line-height:1.9}.mobile-only{display:none}.team-tabs{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid var(--line)}.team-tabs button{display:flex;align-items:center;justify-content:center;gap:11px;padding:17px 8px;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);text-align:left}.team-tabs button.active{background:#141621;border-bottom-color:var(--tone);color:var(--ink)}.team-tabs svg{width:42px;height:45px}.team-tabs strong{font:20px var(--pixel);display:block}.team-tabs small{font:7px var(--mono);display:block;margin-top:6px;color:var(--tone)}.team-panel{display:grid;grid-template-columns:1fr 1fr;gap:65px;border:1px solid var(--line);border-top:0;background:linear-gradient(110deg,#11131d,#0d1019);padding:45px;min-height:385px}.profile-top{display:flex;align-items:center;gap:25px}.profile-top>svg{width:100px;height:100px;filter:drop-shadow(0 10px 20px var(--shadow));animation:bob 4s ease-in-out infinite}.profile-top h3{font-size:46px;margin:8px 0}.profile-top small{font:8px var(--mono);color:var(--tone)}.profile>p{color:#a1a6bf;font-size:13px;line-height:1.9;max-width:460px;margin:18px 0}.profile ul{display:grid;grid-template-columns:1fr 1fr;gap:13px;list-style:none;padding:0;font-size:11px;color:#c1c4d4}.profile li:before{content:'■';font-size:7px;color:var(--tone);margin-right:10px}.sample{padding:22px;border:1px solid #34374d;background:#0c0f18;box-shadow:6px 6px #080911}.sample-heading{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:15px;gap:10px;font-size:11px}.sample-heading small{font:7px var(--mono);color:#7e839d}.sample h4{font:8px var(--mono);color:var(--tone);letter-spacing:1px;margin:20px 0 10px}.sample p{font-size:12px;color:#a9aec8;line-height:1.9;margin-bottom:14px}.sample-tags{display:flex;gap:8px;flex-wrap:wrap}.sample-tags span{font:8px var(--mono);border:1px solid var(--line);padding:7px;color:#c5c8dc}.sample .swatches{display:flex;gap:10px;margin:20px 0}.swatches i{display:block;width:42px;height:42px}.sample-characters{display:flex;justify-content:center;gap:25px}.sample-characters svg{width:90px;height:90px}.outputs{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.outputs article{border:1px solid var(--line);background:#10131c;padding:28px}.outputs article>span{font:28px var(--pixel);color:#a08bf2;display:grid;place-items:center;width:46px;height:46px;background:#241f39;margin-bottom:25px}.outputs article:nth-child(2)>span{color:#ef86c6;background:#342037}.outputs article:nth-child(3)>span{color:#edc75f;background:#332e1c}.outputs article:nth-child(4)>span{color:#72dcb4;background:#18322c}.outputs h3{font-size:25px;margin-bottom:12px}.outputs p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.output-section{border-top:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.steps article{border-top:1px solid var(--line);padding-top:25px}.steps article>span{font:28px var(--pixel);color:#8474be}.steps h3{font-size:27px;margin:18px 0 12px}.steps p{font-size:13px;line-height:1.9;color:var(--muted);max-width:310px}.ideas-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px}.example-label{font:8px var(--mono);color:#747a98}.idea-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.idea-card{border:1px solid var(--line);background:#10131c;padding:0;color:var(--ink);text-align:left;transition:translate .2s}.idea-card:hover{translate:0 -5px}.idea-art{height:190px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse,var(--wash),#10131c 75%)}.idea-art:after{content:'✦';position:absolute;top:22px;right:27px;color:var(--tone);font:18px var(--pixel)}.idea-art svg{width:112px;height:120px;filter:drop-shadow(8px 12px #05080c50)}.idea-card>div:last-child{border-top:1px solid var(--line);padding:18px}.idea-card h3{font-size:24px;margin:0 0 10px}.idea-card small{font:9px var(--mono);color:var(--tone)}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:100px;border-top:1px solid var(--line)}#faq-mascot svg{width:100px;height:120px;animation:bob 4s ease-in-out infinite}.faq details{border-bottom:1px solid var(--line);padding:23px 0}summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-size:13px}summary span{color:var(--accent)}details p{font-size:12px;color:var(--muted);line-height:1.9;margin:18px 0 0}.closing{text-align:center;padding:50px 25px 80px;background:radial-gradient(ellipse at 50% 100%,#25203d55,transparent 70%);border-top:1px solid var(--line)}#closing-crew{display:flex;justify-content:center;height:95px;gap:14px}#closing-crew svg{width:65px;height:80px;animation:bob 4s ease-in-out infinite}.closing h2{font-size:57px;margin-bottom:10px}.closing p{font-size:15px;color:var(--muted);margin-bottom:25px}footer{border-top:1px solid var(--line);padding:30px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:25px}footer>span{font:9px var(--mono);color:var(--muted)}footer p{width:100%;font:8px/1.9 var(--mono);color:#6e738b;margin:0}dialog{background:#0e111b;border:1px solid #494661;color:var(--ink);width:min(1100px,calc(100% - 28px));max-height:92vh;padding:35px}dialog::backdrop{background:#04050bdc;backdrop-filter:blur(7px)}.close{position:absolute;right:13px;top:12px;background:#202335;color:var(--ink);border:1px solid #3b3d55;width:29px;height:29px;font-size:21px}.studio-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;align-items:start}.studio-layout aside{position:sticky;top:0;background:#171726;border:1px solid #454059;text-align:center;padding:20px}.preview-top{font:7px var(--mono);display:flex;justify-content:space-between;color:#9694b0}#art-preview{height:220px;margin:20px 0;display:grid;place-items:center;background:radial-gradient(ellipse,#39305060,transparent 70%)}#art-preview svg{width:160px;height:180px;filter:drop-shadow(8px 12px #070911)}#art-preview img{width:220px;max-width:100%;height:220px;object-fit:cover}.studio-layout aside h3{font-size:36px;overflow-wrap:anywhere;margin:15px 0 10px}#preview-ticker{font:11px var(--mono);color:#bdadef}#preview-story{font-size:12px;color:#a4a1ba;line-height:1.9;overflow-wrap:anywhere;margin:20px 0}.preview-footer{font:7px var(--mono);color:#77748f;border-top:1px solid var(--line);padding-top:20px}.studio-layout label{display:flex;flex-direction:column;gap:9px;font:8px var(--mono);color:#aaa8bf;letter-spacing:1px;margin-bottom:18px}input,textarea{width:100%;background:#141722;border:1px solid #393c52;padding:12px;color:var(--ink);outline:none;font:12px 'DM Sans',sans-serif;min-width:0}input:focus,textarea:focus{border-color:#b09be9}textarea{resize:vertical;line-height:1.8}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}input[type=color]{height:44px;padding:5px}input[type=file]{font-size:9px;padding:10px}label small{font-size:7px;color:#747a96}#mascot-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:23px}#mascot-picker button{border:1px solid var(--line);background:#171a28;padding:7px}#mascot-picker button.active{border-color:#b8a1fa;background:#2a2540}#mascot-picker svg{width:100%;height:42px}.text-button{background:none;border:0;color:#b7a4e6;padding:0;font-size:10px;margin:0 0 20px}.wide{width:100%}.quiet{font:8px/1.8 var(--mono);color:#747c94}.review-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}#review{max-width:650px}#review-content p{color:#a6abc0;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}#review-content h2{overflow-wrap:anywhere}.archive-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px;margin:15px 0;background:#151925;border:1px solid var(--line)}.archive-row h3{font-size:26px;margin:0 0 8px}.archive-row small{color:#9c94bc;font:9px var(--mono)}.archive-row button{background:#28253b;border:1px solid #4c425e;color:#d5c9ef;font-size:10px;padding:8px;margin:3px}.empty{text-align:center;padding:40px;border:1px dashed var(--line);color:var(--muted);font-size:13px}#toast{display:none;position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:15px 22px;background:#b4a0ec;color:#181321;font-size:12px;max-width:90vw;z-index:100}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.reveal{opacity:0;transform:translateY(25px);transition:opacity .65s,transform .75s}.reveal.visible{opacity:1;transform:none}@keyframes bob{50%{transform:translateY(-10px)}}@media(max-width:1300px){.wrap{margin-left:40px;margin-right:40px}header{padding:18px 30px;gap:20px}nav{gap:18px}}@media(max-width:1000px){header{flex-wrap:wrap}.brand{margin-right:auto}nav{order:4;width:100%;justify-content:center;border-top:1px solid var(--line);padding-top:15px}.crew-parade{gap:15px}.team-panel{gap:35px;padding:30px}.team-tabs button{gap:8px;padding:15px 5px}.team-tabs svg{width:32px}.team-tabs strong{font-size:18px}.team-tabs small{font-size:6px}.outputs{grid-template-columns:1fr 1fr}.idea-grid{grid-template-columns:1fr 1fr}.faq{gap:50px}h1{font-size:62px}.crew-parade{margin-bottom:30px}.profile ul{grid-template-columns:1fr}.studio-layout{gap:25px}}@media(max-width:650px){header{padding:16px 20px;gap:12px}.brand{font-size:22px}.brand img{width:26px}.brand span{font-size:8px}header .button{font-size:9px;padding:12px}header .secondary{font-size:10px;padding:11px}nav{font-size:10px;gap:20px;justify-content:space-between}nav b{display:none}.hero{padding:35px 18px 40px}.crew-parade{height:100px;gap:0;margin-bottom:30px}.crew-character{width:16.66%}.crew-character svg{width:49px;height:65px}.crew-character:nth-child(even){padding-top:20px}.crew-character:after{width:30px;height:4px}.crew-character span{font-size:5px}.hero-kicker{font-size:5px;letter-spacing:1px}h1{font-size:42px;letter-spacing:-1px;line-height:1.08;margin:20px auto}.hero>p{font-size:12px;line-height:1.9;max-width:330px;margin-bottom:23px}#pitch-form{gap:6px;padding:9px;flex-direction:column}#pitch{font-size:12px;padding:14px 5px}#pitch-form .button{align-self:end;font-size:11px}.suggestions{gap:6px;margin:13px 0 23px}.suggestions button{font-size:8px;padding:6px}.suggestions>span{display:none}.hero-notes{gap:10px;flex-wrap:wrap;font-size:7px}.scroll-note{margin-top:25px;font-size:6px}.wrap{margin-left:22px;margin-right:22px}.section{padding:50px 0}h2{font-size:35px;letter-spacing:-.7px}.section-heading p{font-size:12px}.section-heading .eyebrow{font-size:7px}.team-tabs{grid-template-columns:repeat(3,1fr)}.team-tabs button{justify-content:start;padding:12px 8px}.team-tabs strong{font-size:20px}.team-tabs small{font-size:6px}.team-panel{grid-template-columns:1fr;padding:23px;gap:23px}.profile-top svg{width:75px;height:80px}.profile-top{gap:20px}.profile-top h3{font-size:40px}.profile>p{font-size:12px}.profile ul{grid-template-columns:1fr 1fr;gap:10px;font-size:9px}.sample{padding:17px}.sample-heading{font-size:10px}.sample p{font-size:11px}.sample-heading small{font-size:6px}.outputs{gap:12px}.outputs article{padding:20px 15px}.outputs h3{font-size:23px}.outputs p{font-size:11px}.outputs article>span{width:35px;height:35px;font-size:24px;margin-bottom:18px}.steps{grid-template-columns:1fr;gap:20px}.steps article{padding-top:18px}.steps h3{margin-top:12px}.steps p{max-width:none;font-size:12px}.ideas-heading{display:block;margin-bottom:24px}.ideas-heading h2{margin-bottom:15px}.idea-grid{gap:12px}.idea-art{height:150px}.idea-art svg{width:87px;height:95px}.idea-card>div:last-child{padding:13px}.idea-card h3{font-size:22px}.idea-card small{font-size:8px}.faq{grid-template-columns:1fr;gap:20px}.faq>div:first-child{position:relative}#faq-mascot{position:absolute;right:0;bottom:5px}#faq-mascot svg{width:62px;height:75px}.faq h2{max-width:260px}summary{font-size:12px}.faq details{padding:20px 0}.closing{padding:40px 20px 55px}.closing h2{font-size:47px}.closing p{font-size:13px}#closing-crew{gap:0;height:70px}#closing-crew svg{width:48px;height:65px}footer{gap:20px}footer>span{font-size:7px}footer p{font-size:7px}.studio-layout{grid-template-columns:1fr}dialog{padding:30px 20px}dialog h2{font-size:32px}.studio-layout aside{position:static;padding:18px}#art-preview{height:150px;margin:12px 0}#art-preview svg{width:120px;height:130px}#art-preview img{height:150px;width:150px}#preview-story{margin:14px 0;font-size:11px}.studio-layout aside h3{font-size:30px}#mascot-picker{gap:5px}#mascot-picker button{padding:4px}#mascot-picker svg{height:35px}.archive-row{flex-direction:column;align-items:start}.review-actions .button,.review-actions .secondary{font-size:10px}.form-row{gap:10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

@media(max-width:650px){header{gap:9px}.brand{font-size:19px;gap:6px}.brand img{width:23px}.brand span{font-size:7px}header .button{padding:11px 9px;font-size:8px}header .secondary{padding:10px 9px;font-size:9px}}

.contract-bar{display:flex;align-items:center;justify-content:center;gap:18px;padding:14px 22px;background:#211b35;border-bottom:1px solid #66538d;color:#efe9ff}.contract-bar>span{font:9px var(--mono);letter-spacing:1px;color:#bda5ff;white-space:nowrap}.contract-bar code{font:12px var(--mono);overflow-wrap:anywhere;min-width:0;user-select:all}.contract-bar button{border:0;background:#b8a1fa;color:#171123;padding:9px 14px;font-size:11px;font-weight:700;white-space:nowrap}@media(max-width:650px){.contract-bar{flex-wrap:wrap;gap:10px;padding:12px 20px}.contract-bar>span{margin-right:auto}.contract-bar code{order:3;width:100%;font-size:10px;text-align:center;line-height:1.8}}
