@font-face{font-family:Poppins;src:url('Poppins-ExtraBold.ttf')}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,sans-serif;color:#222749;background:#f6f7ff}body{height:100svh;overflow:hidden;background:radial-gradient(ellipse at 45% 25%,#fff 0%,#f2f3ff 65%,#e4e7fc 100%)}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit;color:inherit;background:#fff;border:1px solid #d7dbeb;border-radius:9px;padding:10px 14px}button,a{cursor:pointer}button:hover{background:#e9eaff}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #5754ed;outline-offset:3px}a{color:#4b49cf;text-decoration:none}.tools{display:flex;align-items:center;gap:10px;padding:12px 3vw;height:66px}header a{font-weight:bold;margin-right:auto}.select-wrap select{max-width:330px}main{height:calc(100svh - 132px);display:flex}.surface{position:relative;flex:1;min-width:0;padding:20px 6vw 0;display:flex;flex-direction:column;align-items:center}h1{font:clamp(30px,4.3vw,72px)/1.13 Poppins,Arial;text-align:center;letter-spacing:-.04em;max-width:1400px;margin:10px 0 0;text-wrap:balance}.surface #visual{width:100%;max-width:1600px;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding-bottom:14vh}.diagram{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2.5vw;position:relative}.node{position:relative;min-height:190px;border:2px solid #d8dcf1;border-radius:24px;padding:30px 23px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#fff;box-shadow:0 20px 45px #3837820a;opacity:.08;transform:translateY(12px);transition:opacity .5s,transform .5s,background .5s,border-color .5s;visibility:hidden}.node.shown{opacity:1;transform:none;visibility:visible}.node.active{background:#4f4bea;color:white;border-color:#4f4bea;box-shadow:0 18px 65px #4f4bea25}.node strong{font:clamp(21px,2.15vw,37px)/1.18 Poppins,Arial;text-wrap:balance}.node span{font-size:clamp(17px,1.55vw,27px);line-height:1.32;color:#666d90;margin-top:14px;text-wrap:balance}.node.active span{color:#eeedff}.node:after{content:'→';position:absolute;right:-2.25vw;font-size:2.1vw;color:#9c9be0;font-weight:bold}.node:last-child:after{display:none}.kind-team,.kind-intro{grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto;gap:28px 45px;max-width:1100px}.kind-team .node:first-child,.kind-intro .node:first-child{grid-column:2;grid-row:1}.kind-team .node:nth-child(2),.kind-intro .node:nth-child(2){grid-column:1;grid-row:2}.kind-team .node:nth-child(3),.kind-intro .node:nth-child(3){grid-column:3;grid-row:2}.kind-team .node:nth-child(4),.kind-intro .node:nth-child(4){grid-column:2;grid-row:2}.kind-team .node:after,.kind-intro .node:after{display:none}.kind-team:before,.kind-intro:before{content:'';position:absolute;left:17%;right:17%;top:45%;height:1px;background:#b4b5d7}.kind-team .node,.kind-intro .node{min-height:145px;padding:24px 15px}.kind-connection .node:nth-child(even){transform:translateY(45px)}.kind-connection .node.shown:nth-child(even){transform:translateY(28px)}.kind-permission{grid-template-columns:1fr 1.3fr;max-width:1000px;gap:25px}.kind-permission .node{min-height:150px}.kind-permission .node:after{display:none}.kind-permission .node:nth-child(2){border-style:dashed}.kind-sessions{grid-template-columns:1fr 1fr;max-width:1150px;gap:22px}.kind-sessions .node{min-height:155px;align-items:flex-start;text-align:left;padding-left:85px;counter-increment:step}.kind-sessions .node:before{content:counter(step,decimal-leading-zero);position:absolute;left:22px;font-size:28px;color:#aaa9e1}.kind-sessions{counter-reset:step}.kind-sessions .node:after{display:none}.kind-handoff{grid-template-columns:repeat(3,1fr);max-width:1200px}.kind-handoff .node:last-child{grid-column:1/-1;min-height:90px;flex-direction:row;gap:24px;padding:20px}.kind-handoff .node:last-child span{margin:0}.kind-handoff .node:nth-child(3):after{display:none}.kind-prompt .node{align-items:flex-start;text-align:left;border-radius:12px;border-top:7px solid #b6b7e1;min-height:220px}.kind-prompt .node.active{border-top-color:#303071}.kind-demo{grid-template-columns:1fr 1fr;max-width:950px;gap:70px}.kind-demo .node{min-height:270px}.kind-demo .node span{font-size:clamp(30px,3vw,48px);font-weight:700}.kind-demo .node:after{right:-55px;font-size:40px}footer{justify-content:flex-start}footer small{margin-left:auto;color:#6b7191;font-size:12px}#position{font-variant-numeric:tabular-nums;min-width:85px;text-align:center;font-size:14px}#live-cue{position:absolute;bottom:24vh;left:6vw;font-size:15px;color:#767995;border-left:3px solid #5c59e9;padding:6px 12px}#script-panel{width:38vw;min-width:350px;background:#fff;border-left:1px solid #d9ddec;overflow:auto;padding:24px 32px}#script-panel h2{font:23px Poppins;margin:0 0 20px}#script p{font-size:21px;line-height:1.5;margin:0 0 22px;padding-left:14px;border-left:3px solid transparent}#script p.current{border-left-color:#504cea;color:#3430b9}#prompt-link{display:inline-block;margin:0 0 20px;font-weight:bold}.director{color:#717790;font-size:15px;line-height:1.5;border-top:1px solid #eee;padding-top:20px}.script-open .surface{padding-left:3vw;padding-right:3vw}.script-open .diagram{gap:12px}.script-open .node{padding:15px;min-height:160px}.script-open .node strong{font-size:23px}.script-open .node span{font-size:17px}.script-open h1{font-size:40px}.script-open .node:after{display:none}.clean .tools,.clean #script-panel{display:none}.clean main{height:100svh}.clean .surface{padding:7vh 6vw 0}.clean .surface #visual{padding-bottom:21vh}.clean h1{margin:0}.clean #live-cue{display:none}#exit-clean{display:none;position:fixed;left:18px;bottom:12px;opacity:0;font-size:12px}.clean #exit-clean{display:block}.clean #exit-clean:hover,.clean #exit-clean:focus-visible{opacity:1}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(max-height:750px) and (min-width:800px){h1{font-size:42px}.node{min-height:140px;padding:20px}.node strong{font-size:26px}.node span{font-size:20px}.kind-team .node,.kind-intro .node,.kind-sessions .node,.kind-permission .node{min-height:115px}.kind-demo .node{min-height:180px}.surface #visual{padding-bottom:10vh}}@media(max-width:700px){.tools{padding:8px 15px;height:62px;gap:6px}.tools a{font-size:12px}.tools button{font-size:12px;padding:9px}.select-wrap{max-width:36vw}.select-wrap select{width:100%;font-size:12px;padding:9px}main{height:calc(100svh - 124px)}h1{font-size:32px}.surface{padding:15px 6vw 0}.diagram,.kind-team,.kind-intro,.kind-handoff,.kind-demo{grid-template-columns:1fr 1fr;gap:14px}.node,.kind-team .node,.kind-intro .node,.kind-prompt .node,.kind-demo .node{min-height:140px;padding:18px 10px;border-radius:16px}.node strong{font-size:21px}.node span{font-size:16px}.node:after{display:none}.kind-team .node:first-child,.kind-intro .node:first-child{grid-column:1/-1;grid-row:auto}.kind-team .node:nth-child(2),.kind-intro .node:nth-child(2),.kind-team .node:nth-child(3),.kind-intro .node:nth-child(3),.kind-team .node:nth-child(4),.kind-intro .node:nth-child(4){grid-column:auto;grid-row:auto}.kind-team .node:last-child,.kind-intro .node:last-child{grid-column:1/-1}.kind-team:before,.kind-intro:before{display:none}.kind-connection .node.shown:nth-child(even){transform:none}.kind-sessions .node{padding:40px 12px 15px;min-height:140px}.kind-sessions .node:before{top:12px;left:12px;font-size:18px}.kind-handoff .node:last-child{flex-direction:column;gap:5px}.surface #visual{padding-bottom:7vh}.clean .surface #visual{padding-bottom:18vh}.clean .surface{padding-top:6vh}.kind-demo .node span{font-size:26px}footer small{display:none}#script-panel{position:absolute;inset:62px 0;width:100%;min-width:0;z-index:5}#script p{font-size:20px}.script-open .surface{visibility:hidden}.clean.script-open .surface{visibility:visible}#live-cue{bottom:10vh}}
