body[data-project=temi]{--ink:#273b40;--gold:#579693;--muted:#7a8786}.temi-brand{font-size:39px;letter-spacing:1px;font-weight:450;gap:16px}.temi-brand>span{font-size:6px;letter-spacing:1.4px;max-width:62px;line-height:1.7}.temi-step :is(h1,h2) em{color:#579693}.temi-step h1{font-size:clamp(64px,6.1vw,90px)}.temi-step .primary-button{background:#29474c;border-color:#29474c}.temi-step .primary-button:hover{background:#427e7c}.temi-step .feature-tags span{border-color:#d0dfdb;color:#698d86}.visual .orbit{border-color:#709b9212}.orbit-one:after{background:#6daba1}.scene-topline,.scene-caption{color:#839c94}.caption-line{background:#8ab7a9}.scene-note{font-size:5px;letter-spacing:1.1px}.visual{isolation:isolate}#robot-view{position:absolute;left:-15px;right:-25px;top:50%;height:520px;transform:translateY(-50%);z-index:1;touch-action:pan-y}#robot-view canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:pan-y;outline:none}#robot-view canvas:active{cursor:grabbing}.model-loading{font:italic 23px var(--serif);color:#899e96;position:absolute;top:46%;text-align:center;width:100%}.model-error{font-size:12px;line-height:1.7;padding:25px;background:#e9efea;border:1px solid #d0ddd4;border-radius:6px}.robot-callout{position:absolute;top:calc(50% + 96px);right:-3px;z-index:2;pointer-events:none;padding:15px 19px;background:#fdfef8ed;border:1px solid #dae3d9;box-shadow:4px 6px 0 #dce5db,10px 16px 28px #2745370c;transform:translateY(12px) rotate(3deg);opacity:0;transition:opacity .5s,transform .8s;max-width:225px}.robot-callout>span{font-size:5px;letter-spacing:1.3px;color:#829d8e}.robot-callout strong{display:block;font:24px/1.15 var(--serif);color:#345b55;margin-top:8px}.robot-callout em{color:#7da296}.visual[data-stage=temiintro] .callout-intro,.visual[data-stage=speak] .callout-speak,.visual[data-stage=response] .callout-response,.visual[data-stage=presence] .callout-presence{opacity:1;transform:translateY(0) rotate(3deg)}.callout-speak{top:calc(50% - 143px);left:0;right:auto;transform:rotate(-4deg)}.callout-response{top:calc(50% - 126px);right:0}.callout-presence{top:calc(50% + 107px)}.temi-wave{display:flex;align-items:center;justify-content:center;gap:5px;height:31px;margin-top:10px}.temi-wave i{width:3px;height:17px;border-radius:3px;background:#70a99b;animation:temi-wave 1.3s ease-in-out infinite}.temi-wave i:nth-child(2n){height:27px;animation-delay:-.3s}.temi-wave i:nth-child(3n){height:12px;animation-delay:-.7s}.temi-wave i:nth-child(4n){height:21px;animation-delay:-.5s}.robot-controls{position:absolute;top:calc(50% + 230px);left:0;width:100%;display:flex;gap:12px;align-items:center;justify-content:center;z-index:3}.robot-controls>span{font-size:6px;letter-spacing:1.3px;color:#93a298}.robot-controls button{border:1px solid #d1ddd2;background:#f5f6ee;width:27px;height:27px;border-radius:50%;font-size:15px;color:#59776e;display:grid;place-items:center}.robot-controls button:hover{background:#e1ebe0}.visual .scene-caption{top:calc(50% + 278px);font-size:7px}.visual .scene-note{top:calc(50% + 307px)}.visual .scene-topline{top:calc(50% - 284px);font-size:6px}.temi-example{padding-left:18px;border-left:1px solid #8bb6a5;margin-top:26px}.temi-example>span{font-size:7px;letter-spacing:1.4px;color:#87a08f}.temi-example p{font:italic 27px var(--serif);color:#5f8676;margin:11px 0}.view-ready .model-loading{display:none}
@keyframes temi-wave{0%,100%{scale:1 .5}50%{scale:1 1}}
@media(min-width:761px){.visual{height:calc(100svh - 100px);min-height:550px}}
@media(max-width:1100px) and (min-width:761px){.temi-step h1{font-size:64px}.temi-step h2{font-size:57px}#robot-view{height:460px;left:-20px;right:-25px}.robot-callout{max-width:184px;padding:12px 15px;right:0}.robot-callout strong{font-size:21px}.callout-speak{left:-2px;right:auto}.robot-controls{top:calc(50% + 208px)}.visual .scene-caption{top:calc(50% + 249px)}.visual .scene-note{top:calc(50% + 279px)}.visual .scene-topline{top:calc(50% - 258px)}}
@media(max-width:760px){.temi-brand{font-size:32px;gap:10px}.temi-brand>span{font-size:5px}.temi-step h1{font-size:54px}.temi-step h2{font-size:49px}#robot-view{height:calc(var(--mobile-scene) - 40px);top:calc(50% - 10px);left:0;right:0}.robot-callout{padding:7px 10px;max-width:140px;top:calc(50% + 10px);right:16px;box-shadow:2px 3px 0 #dce5db}.robot-callout>span{font-size:4px;letter-spacing:.7px}.robot-callout strong{font-size:16px;margin-top:5px}.callout-speak{left:15px;top:calc(50% - 83px);right:auto}.callout-response{top:calc(50% - 76px);right:13px}.temi-wave{height:18px;margin-top:5px;gap:3px}.temi-wave i{scale:.7}.robot-controls{top:auto;bottom:33px;gap:8px}.robot-controls button{height:22px;width:22px;font-size:13px}.robot-controls>span{font-size:5px}.visual .scene-caption{top:auto;bottom:4px;font-size:5px;gap:5px}.visual .scene-note{display:none}.visual .scene-topline{top:9px;font-size:5px}.visual .motion-toggle{width:19px;height:19px}.temi-example p{font-size:24px}}
@media(max-width:760px) and (max-height:700px){.temi-step h1{font-size:48px}.temi-step h2{font-size:45px}.robot-controls{bottom:30px}.robot-callout strong{font-size:13px}}