/* Twilight lobby: colors sampled from the supplied character concepts. */
:root{--ink:#f1edf9;--green:#5969a4;--muted:#c2bfd1;--lime:#f3cc91;--line:#42465e;--mint:#242940;--white:#22263b;--bg:#171b2d}body{background:radial-gradient(ellipse at 10% 0,#33334c,transparent 55%),#171b2d;color:var(--ink)}header{border-color:#45465d}.brandmark{background:#ead0a6;color:#24283f}nav a:hover{color:#f6d49d}.lang{border-color:#74738c;color:#eee9fc}h1 span{color:#f6ce95}.hero{grid-template-columns:1.1fr .9fr;gap:45px;background:#171b32;box-shadow:0 25px 80px #090c2250;padding:45px;border:1px solid #66628155}.hero .hero-grain{background:radial-gradient(ellipse at 12% 35%,#14182dcc,transparent 80%)}.hero h1{font-size:clamp(35px,3.5vw,52px);letter-spacing:-2px}.hero h1 span{color:#ffd9a5;text-shadow:0 0 40px #ffc76b22}.hero .eyebrow{color:#d7c0f4}.hero .dash{background:#d6b5ee}.hero .lead,.hero .stage{color:#d3cede}.hero .stage-icon{border-color:#f5d19b}.button,.hero .button{background:linear-gradient(125deg,#f9dab0,#e6b47c);color:#25283e;border:1px solid #ffe4bd;box-shadow:0 5px 0 #8c6d5166,0 10px 35px #f5bd7322;border-radius:12px}.button:hover,.hero .button:hover{background:#ffe3ba;color:#1b2036;box-shadow:0 6px 30px #f5bd7333}.hero-art{width:100%;max-width:348px;justify-self:center;padding:14px;min-height:0;background:linear-gradient(150deg,#59506b88,#20243c);border:1px solid #a799be80;box-shadow:0 20px 65px #080c2366,inset 0 0 35px #cfacfa11;overflow:visible;border-radius:25px}.art-top{color:#e5d4f2;padding:2px 5px 11px}.art-top .edition{display:block}.hero-art .character{width:100%;height:auto!important;aspect-ratio:941/1672;object-fit:contain;mix-blend-mode:normal;margin:0;animation:none;border-radius:15px}.hero-art .orbit,.hero-art .orbit-star{display:none}#character-greet{display:block;padding:0;border:0;background:transparent;border-radius:15px;width:100%;position:relative;z-index:2}#character-greet:active{filter:brightness(1.07)}.art-caption{margin:12px 0 0;width:100%;background:#35394f;border:1px solid #887b9e;color:#fff0d8;transform:none;animation:none;padding:12px 14px;min-height:70px}.art-caption p{font-size:13px}.tap-hint{font-size:11px;color:#d3c7e3;text-align:center;margin:7px 0 0}.hero-art .art-note{color:#c8c0d7;font-size:10px;margin:10px 0 0}.effect-controls{margin-top:10px}.effect-controls button,.effect-controls button:first-child{background:#34384f;color:#f3e7ff;border-color:#8a7c9d;font-size:11px;min-height:36px}.character-picker{margin-top:32px}.character-picker>p{font-size:13px;color:#e5d4f2;margin:0 0 13px}.character-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:420px}.character-cards button{position:relative;padding:0 0 10px;border-radius:13px;overflow:hidden;border:1px solid #777088;background:#24293e;color:#e7e0f3;transition:transform .2s,border-color .2s,box-shadow .2s}.character-cards img{display:block;width:100%;height:110px;object-fit:cover;object-position:50% 24%;opacity:.7;transition:opacity .2s}.character-cards span,.character-cards small{display:block;font-size:12px;line-height:1.5}.character-cards span{padding-top:8px;font-weight:700}.character-cards small{font-size:10px;color:#c8bfd8}.character-cards button[aria-pressed=true]{border:2px solid #f6d29b;background:#3b3546;box-shadow:0 0 25px #f7c37922;transform:translateY(-4px)}.character-cards button[aria-pressed=true] img,.character-cards button:hover img{opacity:1}.character-cards button[aria-pressed=true]:after{content:'✦';position:absolute;top:6px;right:8px;color:#ffdea5;text-shadow:0 2px 6px #000}.manifesto{background:linear-gradient(110deg,#2d2e49,#252a40);border-color:var(--line)}.manifesto:after{border-color:#a99ac855;box-shadow:0 0 0 30px #a99ac810,0 0 0 60px #a99ac808}.manifesto p:last-child,.section-heading>p,.lead,.principles p,.timeline p,.responsibility p,.audience p,.service-grid p,.demo-intro,.fineprint,.faq details p{color:#c9c5d7}.eyebrow{color:#c6afd9}.audience{background:#2c2d46;border-color:#c8a3dc}.tag{border-color:#8f839f;color:#e3c9f4}.service-grid article{background:radial-gradient(circle at 80% 0,#40394f,#24283f 70%);border-color:#595168}.service-grid article:hover{border-color:#d6b5ee;box-shadow:0 18px 35px #080c2355}.service-grid article:after{color:#e6c899}.service-number{background:#4a4157;color:#f5d69f}.service-grid .service-detail{color:#dac8ed;border-color:#595168}.principles article{border-color:#91839e}.number,.number span{color:#dbbfed}.experience{background:radial-gradient(ellipse at 90% 10%,#45405f,transparent 65%),#24283f;border-color:var(--line)}.conversation{background:#1c2238;border-color:#655c7b;box-shadow:0 18px 60px #0c102f50}.chat-header,.chat-footer{border-color:#4a465f}.chat-header small,.chat-footer,.chat-footer>span{color:#c4bbd5}.chat-avatar{background:#685c80;color:#ffdaa4}.chat-tag{background:#3e3754;color:#e3cbed}.message.tutor{background:#333850;color:#f0ebf7}.message.learner{background:#605d89;color:#fff}.message.prompt{background:transparent;color:#dfd2ed}.demo-options button{background:#464266;color:#fff0d4;border-color:#a78bab;min-height:44px}.demo-options button:hover{background:#655775}.reset{color:#f6d3a3;min-height:44px}.demo-label{border-color:#93849f;color:#ead7f9}.timeline article.current{background:#38354a}.timeline-top{color:#cfbfe0}.current .tag{background:#7a668b;border-color:#ad95bc}.closing{background:radial-gradient(ellipse at 90% 100%,#55415e,transparent 65%),#24283f}.closing:before,.closing:after{border-color:#d5b8ed40}.closing:after{box-shadow:0 0 0 45px #cdb4ec09}.closing .eyebrow{color:#eacb9a}.button.light{background:#f0cb98;color:#28263f}.button.light:hover{background:#ffe1b8}footer p,footer>span{color:#bfb8cb}.conversation:has(.response:not([hidden])){box-shadow:0 18px 60px #a283c030}a:focus-visible,button:focus-visible,.faq summary:focus-visible{outline-color:#ffda9f}.skip{background:#f3d39f;color:#171b2d}.hero-copy,.hero-art{min-width:0}
@media(min-width:1450px){.hero-art{max-width:365px}}@media(max-width:1000px){.hero{padding:32px 26px;gap:26px}.hero h1{font-size:38px}.character-cards img{height:95px}.hero-art{padding:11px}.art-caption{min-height:65px}}@media(max-width:720px){.hero{grid-template-columns:1fr;padding:32px 20px 24px;gap:28px}.hero h1{font-size:40px}.hero .lead{font-size:15px}.hero-art{max-width:340px;padding:12px}.character-picker{margin-top:25px}.character-cards{max-width:none}.character-cards img{height:105px}.character-cards button{min-height:155px}.hero .stage{font-size:11px}.art-caption p{font-size:13px}.hero-art .art-note{font-size:10px}.art-top .smallcaps{font-size:9px}}@media(max-width:370px){.hero h1{font-size:34px}.hero{padding-inline:15px}.character-cards{gap:7px}.character-cards span{font-size:11px}}@media(prefers-reduced-motion:reduce){.character-cards button{transform:none!important}}