:root{color:#172a29;font-synthesis:none;background:#f6f9f5;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit;cursor:pointer}a{color:inherit}.site{flex-direction:column;max-width:1520px;min-height:100svh;margin:auto;padding:0 clamp(20px,4.8vw,72px);display:flex}.topbar{border-bottom:1px solid #d5e2da;justify-content:space-between;align-items:center;height:86px;display:flex}.brand{letter-spacing:-.07em;align-items:center;gap:10px;font-size:22px;font-weight:850;display:flex}.brand-mark{flex:none;place-items:center;width:46px;height:46px;display:grid;position:relative}.brand-mark svg{width:56px;height:56px;display:block;overflow:visible}.brand-mark[data-mood=thinking] svg{transform-origin:50%;animation:2.15s ease-in-out infinite mini-think}.brand-mark[data-mood=rest] svg{transform-origin:50%;animation:2.6s ease-in-out infinite mini-breathe}.brand-mark[data-mood=surprise] svg{transform-origin:50%;animation:2.3s ease-in-out infinite mini-pop}.brand-effect{z-index:2;pointer-events:none;font-weight:850;line-height:1;position:absolute;top:-5px;right:-5px}.brand-question{color:#d99b5b;font-size:18px;animation:2.15s ease-in-out infinite question-float}.brand-sleep{color:#6d8e9d;font-size:11px;animation:2.6s ease-in-out infinite sleep-rise}.brand-spark{color:#d37cad;font-size:18px;animation:2.3s ease-in-out infinite mini-spark}@keyframes mini-think{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-2px)rotate(5deg)}}@keyframes mini-breathe{0%,to{transform:scale(1)}50%{transform:scale(.95)}}@keyframes mini-pop{0%,to{transform:scale(1)}20%{transform:scale(1.11)}42%{transform:scale(.98)}}@keyframes mini-spark{0%,to{opacity:.45;transform:scale(.75)rotate(0)}30%{opacity:1;transform:scale(1.2)rotate(25deg)}}.brand-dot{color:#3cab8d}.preview-label{color:#718b80;letter-spacing:.13em;font-size:11px;font-weight:750}.layout{flex:1;grid-template-columns:minmax(340px,.82fr) minmax(520px,1.18fr);align-items:center;gap:clamp(25px,4vw,72px);padding-block:42px 52px;display:grid}.intro{padding-bottom:90px}.eyebrow{color:#4b8672;letter-spacing:.14em;align-items:center;gap:10px;font-size:11px;font-weight:800;display:flex}.live-dot{background:#42c99a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #42c99a22}h1{letter-spacing:-.105em;margin:32px 0 30px;font-size:clamp(70px,8vw,122px);font-weight:850;line-height:1.02}h1 em{color:#3ca989;font-style:normal}.lede{color:#61746b;margin:0;font-size:clamp(16px,1.5vw,19px);line-height:1.9}.note{color:#98aaa0;letter-spacing:.05em;align-items:center;gap:11px;margin-top:58px;font-size:11px;font-weight:700;display:flex}.note-line{background:#a7bcb1;width:31px;height:1px}.demo{background:#edf6f2;border:1px solid #cfe0d7;border-radius:32px;overflow:hidden;box-shadow:0 28px 70px #28584512}.demo-header{color:#688f7c;letter-spacing:.12em;border-bottom:1px solid #d1e5db;justify-content:space-between;align-items:center;height:57px;padding:0 25px;font-size:10px;font-weight:800;display:flex}.on-air{letter-spacing:0;color:#287d60;align-items:center;gap:7px;font-size:11px;display:flex}.on-air span{background:#39c28d;border-radius:50%;width:7px;height:7px}.bot-stage{flex-direction:column;justify-content:center;align-items:center;height:clamp(390px,42vw,560px);display:flex;position:relative}.bot-holder{aspect-ratio:1;isolation:isolate;place-items:center;width:min(85%,530px);display:grid;position:relative}.bot-holder svg{z-index:1;transform-origin:50%;max-width:100%;height:auto;position:relative;overflow:visible}.bot-holder[data-mood=thinking] svg{animation:2.15s ease-in-out infinite think-motion}.bot-holder[data-mood=surprise] svg{animation:.68s cubic-bezier(.22,.9,.25,1.3) both surprise-pop}.question-mark{z-index:2;color:#e19a58;text-shadow:0 3px #fff9;pointer-events:none;font-size:clamp(50px,6vw,79px);font-weight:800;line-height:1;animation:2.15s ease-in-out infinite question-float;position:absolute;top:12%;left:71%}.question-mark:after{content:"";opacity:.8;background:#f6bd75;border-radius:50%;width:11px;height:11px;position:absolute;bottom:0;left:-19px}.sleep-mark{z-index:2;color:#658b9d;pointer-events:none;align-items:flex-end;gap:3px;font-weight:850;display:flex;position:absolute;top:16%;left:73%;transform:rotate(-12deg)}.sleep-mark b{font-style:normal;line-height:1;animation:2.6s ease-in-out infinite sleep-rise}.sleep-mark b:first-child{font-size:33px;animation-delay:0s}.sleep-mark b:nth-child(2){font-size:25px;animation-delay:.25s}.sleep-mark b:nth-child(3){font-size:18px;animation-delay:.5s}.confetti{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:visible}.streamer{border:6px solid var(--ribbon-color);opacity:0;filter:drop-shadow(0 2px 1px #2d5b481e);width:22px;height:36px;animation:streamer-burst 3.1s cubic-bezier(.18,.62,.38,1) var(--delay) infinite;border-bottom-color:#0000;border-left-color:#0000;border-radius:48%;position:absolute;top:44%;left:50%}@keyframes think-motion{0%,to{transform:translateY(0)rotate(-2deg)}25%{transform:translateY(-9px)rotate(1.5deg)}50%{transform:translateY(-4px)rotate(3deg)}75%{transform:translateY(-11px)rotate(-1deg)}}@keyframes question-float{0%,to{transform:translateY(3px)rotate(-9deg)}50%{transform:translateY(-12px)rotate(7deg)}}@keyframes sleep-rise{0%,to{opacity:.48;transform:translateY(6px)}50%{opacity:1;transform:translateY(-7px)}}@keyframes surprise-pop{0%{transform:scale(.88)rotate(-7deg)}65%{transform:scale(1.07)rotate(3deg)}to{transform:scale(1)rotate(0)}}@keyframes streamer-burst{0%{opacity:0;transform:translate(-50%,-50%)scale(.25)rotate(0)}8%{opacity:1}82%{opacity:1}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.9) rotate(var(--spin));opacity:0}}.stage-caption{color:#729285;font-size:12px;font-weight:700;position:absolute;bottom:20px}.controls{background:#f8fbf8;border-top:1px solid #d1e5db;padding:23px 25px 28px}.control-label{letter-spacing:.08em;color:#6d857b;justify-content:space-between;font-size:11px;font-weight:800;display:flex}.control-label span{color:#a2b3aa}.state-list{flex-wrap:wrap;gap:8px;margin-top:13px;display:flex}.state-list button{color:#5e766c;background:#fff;border:1px solid #d1dfd5;border-radius:100px;padding:9px 14px;font-size:12px;font-weight:750;transition:transform .2s,border-color .2s,background .2s}.state-list button:hover{border-color:#64b994;transform:translateY(-2px)}.state-list button[aria-pressed=true]{color:#155d43;background:#ddf5e9;border-color:#3aa581}footer{color:#82978b;border-top:1px solid #d5e2da;justify-content:space-between;gap:22px;padding:27px 0 32px;font-size:11px;line-height:1.6;display:flex}footer a{text-underline-offset:3px;text-decoration:underline}:focus-visible{outline-offset:4px;outline:3px solid #3cab8d}@media (width<=1050px){.layout{grid-template-columns:1fr;gap:0}.intro{text-align:center;padding:50px 0 42px}.eyebrow,.note{justify-content:center}.note{margin-top:25px}.demo{width:100%;max-width:760px;margin:auto}.bot-stage{height:510px}}@media (width<=620px){.topbar{height:68px}.preview-label{font-size:9px}.layout{padding-block:0 38px}.intro{padding-top:61px}h1{margin:24px 0;font-size:clamp(65px,15vw,90px)}.lede{font-size:15px}.demo{border-radius:24px}.demo-header{padding-inline:17px}.bot-stage{height:min(98vw,430px)}.bot-holder{width:90%}.stage-caption{font-size:11px;bottom:12px}.controls{padding:19px 17px 24px}.state-list button{padding:8px 11px;font-size:11px}footer{flex-direction:column;gap:5px}}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef6f0;background:#11191a}body{background:#11191a}.topbar,footer{border-color:#31443e}.brand-dot,h1 em{color:#a8eccd}.preview-label,.note,footer{color:#9bb4a7}.eyebrow{color:#a9dcc4}.lede{color:#b7cabe}.note-line{background:#6c8978}.demo{background:#182522;border-color:#355045;box-shadow:0 28px 70px #0008}.demo-header,.controls{border-color:#355045}.demo-header{color:#99b9a8}.on-air{color:#b6ebcd}.stage-caption{color:#abc8b8}.controls{background:#15211f}.control-label{color:#aac7b7}.control-label span{color:#8da998}.state-list button{color:#d4ebdc;background:#20312b;border-color:#416353}.state-list button:hover{border-color:#a6e8c3}.state-list button[aria-pressed=true]{color:#143424;background:#c5f3d8;border-color:#c5f3d8}.question-mark{color:#ffc57c;text-shadow:0 2px #101b18}.sleep-mark{color:#a7c9dc}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.streamer{display:none}}