body[data-project=speeko]{--ink:#413b33;--gold:#b38a51;--muted:#898477}
.speeko-brand{font-size:35px;letter-spacing:-1.5px;gap:8px;font-weight:500}.speeko-mark{font-size:23px;color:#b5894f}.brand-sub{font-size:5px;letter-spacing:1px;line-height:1.6;margin-left:9px}.speeko-step :is(h1,h2) em{color:#b28c57}.speeko-step h1{font-size:clamp(62px,6.2vw,89px)}.speeko-step h2{font-size:clamp(58px,5.4vw,77px)}.speeko-step .primary-button{background:#544638;border-color:#544638}.speeko-step .primary-button:hover{background:#7a6044}.speeko-step .feature-tags span{border-color:#e0d8c8;color:#938369}
.visual{isolation:isolate}.visual .orbit{border-color:#b3a18416}.orbit-one:after{background:#b7986a}.scene-topline,.scene-caption{color:#a09075}.caption-line{background:#b8a487}#recorder-view{position:absolute;left:-48px;right:-48px;top:50%;height:505px;transform:translateY(-50%);z-index:1;touch-action:pan-y}#recorder-view canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:pan-y}#recorder-view canvas:active{cursor:grabbing}.model-loading{font:italic 23px var(--serif);color:#a09075;position:absolute;top:46%;text-align:center;width:100%}.model-error{font-size:12px;line-height:1.7;padding:25px;background:#ece7dc;border:1px solid #d6cdbb;border-radius:6px}.view-ready .model-loading{display:none}
.chapter-label{position:absolute;top:calc(50% + 184px);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;border:1px solid #e4dbcb;padding:9px 13px;background:#faf8f0;box-shadow:2px 3px 0 #e4ddcc;white-space:nowrap;z-index:2;font-size:6px;letter-spacing:1.1px;color:#978161}.live-dot{width:4px;height:4px;border-radius:50%;background:#c89b51;box-shadow:0 0 0 3px #d5aa611a;animation:meter-light 1.6s ease-in-out infinite}
.recorder-controls{position:absolute;top:calc(50% + 229px);left:0;width:100%;display:flex;gap:12px;align-items:center;justify-content:center;z-index:3}.recorder-controls>span{font-size:6px;letter-spacing:1.3px;color:#a09480}.recorder-controls button{border:1px solid #ddd4c3;background:#f7f4eb;width:28px;height:28px;border-radius:50%;font-size:15px;color:#988363;display:grid;place-items:center}.recorder-controls button:hover{background:#ebe1cf}.visual .scene-caption{top:calc(50% + 271px);font-size:7px}.visual .scene-note{top:calc(50% + 302px);font-size:5px;letter-spacing:1.1px}.visual .scene-topline{top:calc(50% - 251px);font-size:6px}.story-note{padding-left:18px;border-left:1px solid #c3ad88;margin-top:26px}.story-note>span{font-size:7px;letter-spacing:1.4px;color:#ab9674}.story-note p{font:italic 26px var(--serif);color:#9f835e;margin:11px 0}@keyframes meter-light{50%{box-shadow:0 0 0 5px #d5aa6125;background:#e2b86c}}
@media(min-width:761px){.visual{height:calc(100svh - 100px);min-height:550px}}
@media(max-width:1100px) and (min-width:761px){.speeko-step h1{font-size:64px}.speeko-step h2{font-size:55px}#recorder-view{height:430px;left:-30px;right:-25px}.chapter-label{top:calc(50% + 160px)}.recorder-controls{top:calc(50% + 202px)}.visual .scene-caption{top:calc(50% + 242px)}.visual .scene-note{top:calc(50% + 273px)}.visual .scene-topline{top:calc(50% - 229px)}}
@media(max-width:760px){.speeko-brand{font-size:29px}.brand-sub{font-size:4px;margin-left:6px}.speeko-mark{font-size:20px}.speeko-step h1{font-size:53px}.speeko-step h2{font-size:47px}#recorder-view{height:calc(var(--mobile-scene) - 65px);top:calc(50% - 28px);left:0;right:0}.chapter-label{top:auto;bottom:63px;font-size:5px;padding:5px 9px;gap:6px}.recorder-controls{top:auto;bottom:31px;gap:8px}.recorder-controls button{height:23px;width:23px;font-size:13px}.recorder-controls>span{font-size:5px}.visual .scene-caption{top:auto;bottom:3px;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}.story-note p{font-size:24px}}
@media(max-width:760px) and (max-height:700px){.speeko-step h1{font-size:47px}.speeko-step h2{font-size:43px}.chapter-label{font-size:4px;bottom:59px}.recorder-controls{bottom:29px}}
@media(min-width:761px) and (max-width:1100px){.chapter-nav b{display:none}}