:root{--ink:#17191b;--paper:#f5f3e9;--yellow:#e8ff59;--pink:#f367ad;--blue:#b9dce8;--muted:#626462;--line:#d5d5ca;--display:'Bahnschrift','Franklin Gothic Demi',sans-serif;--body:'Trebuchet MS','Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.5}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b12d70;outline-offset:5px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);line-height:1.05;letter-spacing:-.045em}h1:focus{outline:none}h1{font-size:clamp(52px,5.3vw,84px);font-weight:900}h2{font-size:43px;font-weight:850}h3{font-size:26px}button{border:0}::selection{background:var(--pink)}
.prototype-bar{min-height:32px;background:var(--ink);color:var(--paper);padding:7px 4%;font-size:10px;letter-spacing:.09em;display:flex;justify-content:space-between;gap:15px}.prototype-bar a{color:var(--yellow)}.header{display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:auto;padding:25px 4%;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-family:var(--display);font-weight:950;font-size:24px;line-height:.87;letter-spacing:-1px}.brand:hover{text-decoration:none}.brand-dot{color:#c83179;font-size:28px;margin-left:5px}.brand-icon{position:relative;display:flex;flex-direction:column;gap:5px;background:var(--yellow);border:3px solid var(--ink);width:49px;height:45px;padding:8px 6px;border-radius:8px 8px 8px 0}.brand-icon i{display:block;height:4px;background:var(--ink);width:30px}.brand-icon i:last-child{background:var(--pink);width:37px;transform:rotate(-9deg);transform-origin:left}.header nav{display:flex;gap:32px;align-items:center;font-size:13px;font-weight:bold}.nav-cta{border:1px solid var(--ink);padding:11px 20px;border-radius:5px}.nav-cta span{margin-left:20px}.hero{max-width:1440px;margin:auto;padding:60px 4% 66px;display:grid;grid-template-columns:1.02fr 1fr;gap:24px;min-height:640px}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:800}.on-dot{display:inline-block;width:8px;height:8px;background:var(--pink);border-radius:50%;margin-right:7px}.hero h1{margin:24px 0 22px;line-height:1;letter-spacing:-.055em}.hero h1>span{font-size:.66em;display:inline-block;background:var(--yellow);padding:8px 10px 2px;transform:rotate(-2deg);margin-left:-5px;white-space:nowrap}.intro{font-size:16px;line-height:1.65;max-width:540px}.hero-actions{display:flex;gap:12px;margin-top:30px}.button{min-height:51px;padding:14px 23px;border:1.5px solid var(--ink);border-radius:5px;font-size:14px;font-weight:bold;display:inline-flex;justify-content:center;align-items:center;gap:25px;transition:transform .15s,box-shadow .15s}.button:hover{transform:translateY(-2px);box-shadow:3px 4px 0 var(--ink)}.yellow{background:var(--yellow);color:var(--ink)}.outline{background:transparent}.black{background:var(--ink);color:var(--paper)}.facts{display:flex;gap:20px;font-size:11px;color:var(--muted);margin-top:20px}.facts span+span:before{content:'✳';margin-right:16px;color:var(--ink)}.hero-art{position:relative;min-height:490px;padding:60px 0 0 22px}.art-note{position:absolute;top:-4px;right:13px;font-family:var(--display);font-size:15px;line-height:1.13;font-weight:bold;transform:rotate(6deg)}.art-note span{font-size:42px;position:absolute;left:-46px;top:5px}.television{background:var(--ink);padding:14px 15px 10px;border-radius:17px;transform:rotate(2.5deg);position:relative;box-shadow:8px 10px 0 #d8d7ca}.tv-top{display:flex;justify-content:space-between;align-items:center;color:var(--paper);font-size:9px;letter-spacing:.1em;padding:0 4px 12px}.tv-top>span:first-child{background:var(--pink);color:var(--ink);padding:3px 7px;border-radius:2px;font-weight:bold}.tv-top .on-dot{width:5px;height:5px;background:var(--ink);margin-right:4px}.tv-picture{position:relative;height:278px;background:var(--blue);overflow:hidden;border-radius:6px}.test-bars{display:flex;position:absolute;inset:0}.test-bars i{flex:1;background:var(--blue);opacity:.8}.test-bars i:nth-child(2){background:#d4df81}.test-bars i:nth-child(3){background:#f4a7c4}.test-bars i:nth-child(4){background:#f0d99f}.test-bars i:nth-child(5){background:#b9c8e1}.orbit{position:absolute;font-size:140px;line-height:1;left:10px;top:12px;color:var(--paper)}.presenter{position:absolute;width:230px;height:260px;bottom:15px;left:95px;transform:rotate(-4deg)}.face{position:absolute;width:120px;height:135px;background:var(--yellow);border:4px solid var(--ink);border-radius:45% 45% 42% 48%;top:14px;left:44px;transform:rotate(-8deg);z-index:2}.hair{position:absolute;width:120px;height:40px;background:var(--ink);top:0;left:47px;border-radius:50%;transform:rotate(-20deg);z-index:3}.eye{position:absolute;top:44px;width:9px;height:19px;border-radius:50%;background:var(--ink)}.eye-left{left:29px}.eye-right{right:26px}.mouth{position:absolute;left:39px;bottom:19px;width:35px;height:21px;border:4px solid var(--ink);border-top:0;border-radius:0 0 50% 50%}.jacket{position:absolute;width:212px;height:124px;bottom:0;left:6px;background:var(--ink);border-radius:48% 48% 0 0}.tie{position:absolute;width:30px;height:80px;left:90px;top:10px;clip-path:polygon(0 0,100% 0,65% 27%,100% 85%,50% 100%,0 85%,35% 27%);background:var(--pink)}.mic{position:absolute;bottom:47px;right:10px;transform:rotate(18deg);background:var(--paper);border:3px solid var(--ink);padding:5px 7px;font-size:12px;font-weight:bold;z-index:4}.mic:before{content:'';position:absolute;background:var(--ink);width:22px;height:23px;left:10px;top:-25px;border-radius:50% 50% 0 0}.bubble{position:absolute;right:20px;top:28px;transform:rotate(8deg);background:var(--paper);padding:12px 16px;border:2px solid var(--ink);font-size:13px;font-weight:900;line-height:1.2;box-shadow:3px 4px 0 var(--ink)}.lower-third{position:absolute;bottom:12px;left:0;right:0;display:flex;align-items:stretch;font-size:11px;font-weight:bold}.lower-third b{background:var(--pink);padding:10px}.lower-third>span{background:var(--paper);padding:10px;flex:1}.tv-bottom{color:#aeb1a6;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.08em;padding:11px 4px 0}.knob{width:23px;height:23px;background:#5a5c57;border:5px solid #3e403d;border-radius:50%}.floating-card{position:absolute;bottom:1px;left:12px;padding:17px 20px;background:var(--pink);border:2px solid var(--ink);width:280px;transform:rotate(-7deg);box-shadow:5px 6px 0 var(--ink)}.card-index{display:block;font-size:8px;letter-spacing:.08em;font-weight:bold}.floating-card strong{font-family:var(--display);font-size:24px;line-height:1.1;display:block;margin:9px 0 14px}.stamp{font-size:8px;border-top:1px solid var(--ink);padding-top:6px;display:block}.ticker{display:flex;align-items:center;gap:30px;background:var(--yellow);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:12px 0;overflow:hidden;white-space:nowrap;font-size:12px;font-weight:800}.ticker b{background:var(--ink);color:var(--yellow);padding:8px 20px;margin-left:4%;font-size:10px}.ticker i{font-size:25px;font-style:normal}.section-block{max-width:1440px;margin:auto;padding:76px 4%}.section-heading h2{margin:13px 0 18px}.section-heading>p{max-width:460px;font-size:14px;color:var(--muted)}.how{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px}.steps{display:flex;flex-direction:column;gap:23px}.steps article{position:relative;padding:0 0 22px 54px;border-bottom:1px solid var(--line)}.step-number{position:absolute;left:0;top:2px;font-size:11px;font-weight:bold;border:1px solid var(--ink);border-radius:50%;width:31px;height:31px;display:grid;place-items:center}.steps h3{font-size:23px;margin-bottom:8px}.steps p{font-size:13px;color:var(--muted);max-width:480px}.role-section{border-top:1px solid var(--line)}.role-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}.role-card{padding:24px 26px 28px;border:1.5px solid var(--ink);border-radius:5px;position:relative}.yellow-card{background:var(--yellow)}.pink-card{background:var(--pink)}.blue-card{background:var(--blue)}.role-glyph{font-size:60px;line-height:1;margin:4px 0 28px}.role-card>span{font-size:9px;letter-spacing:.15em;font-weight:bold}.role-card h3{font-size:29px;margin:12px 0}.role-card p{font-size:13px;max-width:280px}.small-note{font-size:11px;color:var(--muted);line-height:1.55;margin-top:15px}.brand-section{border-top:1px solid var(--line)}.brand-board{width:100%;height:auto;display:block;margin-top:24px;border:1px solid var(--line);border-radius:6px}.closing{background:var(--ink);color:var(--paper);padding:70px 4%;text-align:center}.closing>span{font-size:11px;letter-spacing:.15em}.closing h2{font-size:62px;margin:25px 0 30px}.closing em{font-style:normal;color:var(--pink)}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:29px 4%;font-size:10px}.footer-name{font-weight:900;font-size:17px;font-family:var(--display)}
.workspace-top{margin:0 4%;padding:25px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:11px}.status-tag{font-size:9px;font-weight:900;border:1px solid var(--ink);background:var(--yellow);padding:6px 10px;border-radius:3px}.lobby-grid{max-width:1300px;padding:48px 4% 80px;display:grid;grid-template-columns:1fr 1.1fr;gap:70px;margin:auto}.lobby-grid .intro{margin:20px 0 26px}.field-label{font-size:10px;letter-spacing:.07em;font-weight:bold;display:block;margin:18px 0 8px}.name-field,input,textarea,select{background:#fffef8;color:var(--ink);border:1.5px solid var(--ink);border-radius:4px;padding:12px;width:100%}.name-field{max-width:330px}.mode-choice{border:0;margin:20px 0 0;padding:0;font-size:12px}.mode-choice legend{font-size:10px;font-weight:bold;margin-bottom:10px}.mode-choice label{display:inline-flex;align-items:center;margin-right:16px;gap:7px}.mode-choice input{width:17px;height:17px;accent-color:var(--ink)}.lobby-grid .button{margin-top:24px}.lobby-panel{border:2px solid var(--ink);border-radius:7px;background:var(--yellow);align-self:start;box-shadow:7px 8px 0 var(--ink)}.panel-head{font-size:9px;display:flex;justify-content:space-between;padding:15px 22px;border-bottom:1px solid var(--ink)}.lobby-panel h2{padding:25px 22px;font-size:36px}.crew-list{background:var(--paper);margin:0 18px;border:1px solid var(--ink);border-radius:4px}.crew-list>div{display:flex;align-items:center;gap:14px;padding:17px;border-bottom:1px solid var(--line)}.crew-list>div:last-child{border:0}.avatar{width:45px;height:45px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-size:20px;font-family:var(--display);font-weight:bold}.yellow-avatar{background:var(--yellow)}.pink-avatar{background:var(--pink)}.blue-avatar{background:var(--blue)}.paper-avatar{background:#eee2c8}.crew-list strong{display:block;font-size:13px}.crew-list small{font-size:10px;color:var(--muted)}.crew-list b{margin-left:auto;font-size:8px}.lobby-footer{font-size:10px;text-align:center;padding:20px 8px}.lobby-footer span{margin:0 8px}.studio-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:38px;max-width:1380px;margin:auto;padding:32px 4% 70px}.stage-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.stage-title h1{font-size:66px;margin-top:10px}.issue-badge{border:1px solid var(--ink);border-radius:50%;width:77px;height:77px;display:grid;place-content:center;text-align:center;font-family:var(--display);font-size:23px;line-height:1;background:var(--pink);transform:rotate(12deg)}.news-screen{border:8px solid var(--ink);border-radius:8px;background:var(--ink);overflow:hidden}.news-screen-top{color:var(--paper);font-size:9px;letter-spacing:.1em;display:flex;justify-content:space-between;padding:4px 6px 12px}.news-screen-top b{color:var(--pink)}.chair-scene{position:relative;height:255px;background:var(--blue);overflow:hidden}.scene-word{font-family:var(--display);font-size:64px;font-weight:950;line-height:.95;letter-spacing:-.06em;position:absolute;top:24px;left:23px}.scene-sticker{position:absolute;bottom:20px;left:23px;font-size:8px;letter-spacing:.1em;background:var(--paper);padding:6px 9px;border:1px solid var(--ink);transform:rotate(-3deg)}.chair{position:absolute;right:55px;top:47px;width:110px;height:170px;transform:rotate(14deg)}.chair-back{position:absolute;top:0;left:14px;width:93px;height:85px;border:7px solid var(--ink);border-radius:8px;background:var(--yellow)}.chair-seat{position:absolute;left:0;top:85px;width:115px;height:24px;border:6px solid var(--ink);background:var(--pink);transform:skew(-20deg)}.chair-leg{position:absolute;width:8px;height:72px;background:var(--ink);top:104px}.leg-one{left:6px;transform:rotate(7deg)}.leg-two{right:8px;transform:rotate(-7deg)}.chair>span{position:absolute;font-size:46px;font-family:var(--display);right:-25px;top:-28px;background:var(--paper);border:2px solid var(--ink);line-height:1;width:48px;height:53px;text-align:center;transform:rotate(10deg)}.screen-caption{display:flex;font-size:11px;line-height:1.3;font-weight:bold;align-items:stretch}.screen-caption>b{background:var(--pink);padding:13px}.screen-caption>span{background:var(--paper);padding:13px;flex:1}.crew-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:22px}.crew-strip>span{display:flex;flex-direction:column;align-items:center;font-size:11px;gap:4px}.crew-strip b{font-size:9px;color:var(--muted);font-weight:normal}.mini-avatar{font-style:normal;display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--ink);border-radius:50%;font-weight:bold}.cue-panel{background:var(--yellow);border:1.5px solid var(--ink);border-radius:5px;padding:23px;box-shadow:5px 6px 0 var(--ink)}.cue-header{display:flex;justify-content:space-between;font-size:9px;font-weight:bold;letter-spacing:.1em;border-bottom:1px solid var(--ink);padding-bottom:12px}.cue-header span:last-child{font-size:24px;line-height:.5}.cue-panel h2{font-size:29px;letter-spacing:-.025em;margin:22px 0 13px}.cue-panel>p{font-size:13px}.cue-panel .small-note{font-size:10px;color:#47483b}.cue-panel select{font-size:12px;background:transparent}.prompt-note{background:var(--paper);border:1px solid var(--ink);padding:16px;margin-top:18px;transform:rotate(-1deg)}.prompt-note>span{font-size:8px;letter-spacing:.1em;font-weight:bold}.prompt-note>p{font-size:15px;line-height:1.4;margin-top:9px}.hint-button{font-size:11px;text-decoration:underline;background:transparent;padding:14px 0 0}.cue-panel textarea{font-size:12px;resize:vertical}.cue-panel .button{width:100%;margin-top:15px}.result-grid{max-width:1360px;margin:auto;padding:65px 4% 95px;display:grid;grid-template-columns:1fr 1fr;gap:50px}.result-copy h1{font-size:72px;margin:20px 0}.result-copy h1>span{background:var(--pink);padding:0 6px}.result-copy .intro{font-size:14px}.result-actions{display:flex;gap:10px;margin:26px 0}.result-actions .button{font-size:12px;padding:13px 15px;gap:16px}.privacy-note{border-top:1px solid var(--line);padding-top:22px;max-width:400px}.privacy-note b{font-size:13px}.privacy-note p{font-size:12px;color:var(--muted);margin-top:5px}.text-link{font-size:12px;border:0;border-bottom:1px solid var(--ink);background:none;padding:0 0 4px;margin-top:20px}.premiere{align-self:center;border:9px solid var(--ink);background:var(--ink);border-radius:10px;transform:rotate(2deg);box-shadow:7px 8px 0 #d8d7ca}.premiere-head{display:flex;justify-content:space-between;color:var(--paper);font-size:9px;padding:5px 4px 13px}.premiere-body{position:relative;background:var(--yellow);padding:25px;min-height:320px}.premiere-role{font-size:9px;letter-spacing:.15em;font-weight:bold;background:var(--paper);border:1px solid var(--ink);padding:5px 10px}.big-quote{font-family:Georgia,serif;font-size:90px;height:70px;line-height:1.1;margin-top:10px}.premiere-body>p{font-family:var(--display);font-size:27px;line-height:1.15;font-weight:850;overflow-wrap:anywhere;min-height:100px;max-width:380px}.premiere-progress{display:flex;gap:6px;margin-top:20px;width:75%}.premiere-progress i{height:5px;background:#87963c;flex:1}.premiere-progress i.active{background:var(--ink)}.caption-next{position:absolute;bottom:16px;right:20px;width:38px;height:38px;border:1px solid var(--ink);background:var(--paper);border-radius:50%;font-size:23px}dialog{border:2px solid var(--ink);border-radius:8px;background:var(--paper);width:min(460px,90vw);padding:35px;box-shadow:8px 9px 0 var(--ink)}dialog::backdrop{background:#17191b9c}dialog h2{margin:15px 0 20px;font-size:37px}dialog p{font-size:12px;margin:12px 0}dialog .button{margin-top:10px;width:100%}.dialog-close{position:absolute;right:14px;top:9px;font-size:27px;background:transparent;padding:0 8px}.error{color:#9d2054;min-height:17px}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);font-size:12px;padding:12px 20px;border-radius:5px;z-index:10;display:none;max-width:90%}.toast.show{display:block}
@media(min-width:1600px){.hero-art{padding-top:65px}.tv-picture{height:310px}.floating-card{bottom:0}.presenter{left:140px}}
@media(max-width:1050px){.hero{gap:12px;padding-top:42px;min-height:580px}h1{font-size:62px}.hero-art{padding-left:5px;min-height:465px}.tv-picture{height:250px}.presenter{left:55px}.bubble{right:9px;font-size:10px;padding:9px}.floating-card{width:230px;left:0;bottom:20px}.hero h1>span{font-size:.58em}.hero-actions .button{font-size:12px;padding:12px 15px;gap:12px}.hero .intro{font-size:14px}.facts{gap:10px;font-size:10px}.facts span+span:before{margin-right:8px}.how{gap:30px}.section-heading h2{font-size:35px}.lobby-grid{gap:35px}.studio-grid{gap:23px;grid-template-columns:1.1fr 1fr}.stage-title h1{font-size:53px}.chair{right:30px}.scene-word{font-size:48px}.result-grid{gap:30px}.result-copy h1{font-size:56px}.result-actions{flex-wrap:wrap}}
@media(max-width:760px){.prototype-bar{font-size:8px;gap:8px}.prototype-bar>span:nth-child(2){display:none}.header{padding:20px 5%}.header nav{gap:15px}.header nav>a:not(.nav-cta){display:none}.brand{font-size:21px}.brand-icon{transform:scale(.9)}.nav-cta{padding:9px 13px;font-size:11px}.nav-cta span{margin-left:8px}.hero{display:flex;flex-direction:column;padding:35px 5% 35px;gap:15px}h1{font-size:66px}.hero h1{margin:20px 0 23px}.hero h1>span{font-size:.6em;padding-top:7px}.hero .intro{font-size:14px}.hero-art{max-width:500px;width:100%;align-self:center;min-height:400px;padding:50px 12px 0}.art-note{font-size:11px;right:22px;top:10px}.art-note span{font-size:31px;left:-30px}.television{padding:12px 10px 9px}.tv-picture{height:240px}.tv-top{font-size:7px}.presenter{left:65px}.floating-card{width:230px;bottom:0;left:10px;padding:13px 16px}.floating-card strong{font-size:20px}.floating-card .stamp{font-size:7px}.tv-bottom{font-size:6px}.lower-third{font-size:8px}.bubble{font-size:11px}.facts{font-size:10px}.ticker{padding:8px 0;gap:20px;font-size:10px}.ticker b{font-size:8px;padding:8px 13px}.section-block{padding:48px 5%}.how{display:block}.steps{margin-top:35px}.section-heading h2{font-size:35px}.role-cards{grid-template-columns:1fr;gap:14px}.role-card{padding:22px}.role-glyph{float:right;font-size:70px;margin:15px 10px}.role-card h3{font-size:28px}.role-card p{max-width:235px}.role-card>span{display:block;margin-top:5px}.brand-board{border-radius:2px}.closing{padding:50px 5%}.closing h2{font-size:42px}.closing>span{font-size:9px}footer{padding:26px 5%;flex-wrap:wrap;gap:13px;font-size:9px}footer>span{order:3;width:100%}.workspace-top{margin:0 5%;gap:10px;padding:20px 0;font-size:10px}.workspace-top>.eyebrow{display:none}.lobby-grid,.studio-grid,.result-grid{display:flex;flex-direction:column;padding:30px 5% 50px;gap:35px}.lobby-grid h1{font-size:62px}.lobby-grid .intro{font-size:14px}.lobby-panel{width:calc(100% - 6px)}.lobby-panel h2{font-size:31px}.crew-list>div{padding:12px}.panel-head{font-size:8px;padding:13px 18px}.studio-grid{gap:22px}.stage-title h1{font-size:50px}.stage-title{margin-bottom:18px}.issue-badge{width:63px;height:63px;font-size:19px}.chair-scene{height:230px}.scene-word{font-size:53px}.chair{right:29px;transform:rotate(14deg) scale(.86)}.screen-caption{font-size:9px}.screen-caption>b,.screen-caption>span{padding:10px}.cue-panel{width:calc(100% - 5px)}.crew-strip{margin-top:15px}.result-copy h1{font-size:60px}.result-copy .intro{font-size:14px}.result-actions .button{font-size:11px}.premiere{width:calc(100% - 12px);align-self:center;transform:rotate(1deg)}.premiere-body>p{font-size:25px}.premiere-body{padding:22px;min-height:300px}.result-grid{gap:35px}.desktop-br{display:none}dialog{padding:28px}.name-field{max-width:none}}
@media(max-width:370px){h1{font-size:56px}.hero h1>span{font-size:.58em}.hero-actions{gap:8px}.hero-actions .button{font-size:11px;padding:12px}.facts{font-size:9px;gap:7px}.hero-art{padding-left:5px;padding-right:5px}.presenter{left:35px}.bubble{right:5px}.scene-word{font-size:43px}.chair{right:13px;transform:rotate(14deg) scale(.8)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}