.scene-chat{padding:25px;background:#f1ece2}.chat-window{max-width:560px;margin:auto;background:#fffdf8;border:1px solid #ded7c8;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #665b4310}.chat-header{display:flex;align-items:center;gap:11px;padding:16px 19px;border-bottom:1px solid #eae3d5}.chat-avatar{width:32px;height:32px;background:#315ee8;color:white;border-radius:10px;display:grid;place-items:center;font-size:23px}.chat-header strong{display:block;font-size:14px;font-weight:400}.chat-header small{display:block;font-size:10px;color:#9a9387;margin-top:4px}.demo-chip{margin-left:auto;font:8px var(--mono);color:#aaa18f}.chat-messages{display:flex;flex-direction:column;gap:14px;padding:20px;min-height:190px}.bubble{font-size:13px;line-height:1.55;padding:12px 15px;max-width:85%}.user-bubble{align-self:flex-end;background:#315ee8;color:#fff;border-radius:12px 12px 3px 12px}.assistant-bubble{align-self:flex-start;background:#f1ede4;border:1px solid #e6dfd1;border-radius:12px 12px 12px 3px;color:#6c665c}.bubble-author{display:block;font:8px var(--mono);color:#948b7c;margin-bottom:7px}.assistant-bubble b{font-weight:400;color:#383c47}.chat-source{display:block;margin-top:11px;font-size:10px;color:#315ee8}.chat-suggestions{display:flex;flex-wrap:wrap;gap:5px;padding:0 20px 13px}.chat-suggestions button{font-size:9px;padding:8px 9px;background:#fffdf8;border:1px solid #ded6c6;border-radius:15px;color:#8a8172}.chat-suggestions button.selected{background:#edf1ff;color:#315ee8;border-color:#bdcaf2}.chat-input{margin:0 19px 17px;border:1px solid #e7dfd0;border-radius:7px;padding:10px 11px;color:#b1a99b;display:flex;justify-content:space-between;font-size:10px}.chat-input i{font-style:normal;color:#b6bfda}.scene-kicker{font:8px var(--mono);letter-spacing:.07em;color:#9a9284}.content-example{padding:24px;background:#f3efe6}.content-composition{display:grid;grid-template-columns:1fr 66px 1.8fr;align-items:center;margin-top:19px}.content-inputs{display:grid;gap:13px}.content-example figure{margin:0;border:1px solid #e1d8c7;background:#fffdf8;border-radius:7px;padding:11px;min-width:0}.content-example figure>span{font:7px var(--mono);color:#948b7c;display:block;margin-bottom:9px}.content-inputs img{width:100%;height:83px;object-fit:contain;border-radius:3px;display:block;background:#f7f4ed}.content-example figcaption{font-size:9px;color:#a19786;margin-top:9px}.content-merge{position:relative;height:240px;align-self:center}.content-merge svg{width:100%;height:100%;min-height:0;max-height:none}.content-merge path{fill:none;stroke:#879eda;stroke-width:1.2}.content-merge span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:9px var(--mono);color:#315ee8;background:#edf1fc;border:1px solid #becaf0;border-radius:6px;padding:7px}.content-output video{width:100%;aspect-ratio:1.355;object-fit:cover;display:block;border-radius:4px;background:#d9d5c9}.analytics-example{padding:24px 28px;background:#fffdf8}.analytics-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px}.analytics-toolbar>div{display:flex;border:1px solid #e6dece;border-radius:5px;padding:3px;gap:3px}.analytics-toolbar button{border:0;background:none;color:#9e9586;font:9px var(--mono);padding:7px 9px;border-radius:3px}.analytics-toolbar button[aria-pressed=true]{background:#edf1ff;color:#315ee8}.analytics-top{display:flex;align-items:center;gap:17px;margin-top:22px}.analytics-top small{display:block;font-size:10px;color:#a0998a}.analytics-top strong{display:block;font-size:35px;font-weight:400;letter-spacing:-.04em;margin-top:7px;color:#333d52}.metric-growth{font:9px var(--mono);color:#5d826f;margin-top:17px}.metric-demo{font:8px var(--mono);color:#aaa291;margin-left:auto;align-self:flex-end}.analytics-chart{margin:17px -6px 0}.analytics-chart svg{width:100%;min-height:0;max-height:none;display:block}.analytics-chart text{font:9px var(--mono);fill:#aaa393}.metric-grid{stroke:#ece6da;stroke-width:1;stroke-dasharray:3 4}.metric-line{fill:none;stroke:#315ee8;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.metric-forecast{fill:none;stroke:#8199e8;stroke-width:2;stroke-dasharray:5 5}.metric-point{fill:#315ee8;stroke:#fffdf8;stroke-width:2;cursor:pointer;outline:none}.metric-point.predicted{fill:#fffdf8;stroke:#8199e8}.metric-point:hover,.metric-point:focus{r:6;stroke:#b5c5f4;stroke-width:3}.analytics-legend{display:flex;align-items:center;gap:16px;font:8px var(--mono);color:#9d9585;margin:3px 0 16px}.analytics-legend>span{display:flex;gap:6px;align-items:center}.analytics-legend i{width:12px;height:2px;background:#315ee8}.analytics-legend>span:nth-child(2) i{background:none;border-top:2px dashed #8199e8}.analytics-legend output{margin-left:auto;color:#7c8294}.analytics-insight{display:flex;align-items:center;gap:12px;padding:13px 15px;background:#f4f6fc;border:1px solid #e4e9f6;border-radius:7px}.analytics-insight>span{font:9px var(--mono);color:#315ee8}.analytics-insight p{margin:0;font-size:11px;line-height:1.5;color:#7d8494}.learning-example{padding:25px;background:#f3efe6}.learning-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.learning-head h3{font-size:23px;font-weight:400;letter-spacing:-.03em;margin:10px 0 0}.lesson-step{font:10px var(--mono);color:#aaa18f}.learning-split{display:grid;grid-template-columns:1.2fr 1fr;gap:17px}.learning-dialog{padding:18px;background:#fffdf8;border:1px solid #e1d8c7;border-radius:8px}.role-tag{font:8px var(--mono);color:#315ee8}.client-quote{font-size:18px;line-height:1.4;color:#4b4c48;margin:15px 0}.learning-prompt{font-size:10px;line-height:1.5;color:#9c9381;margin:0 0 16px}.lesson-choices{display:grid;gap:7px}.lesson-choices button{display:flex;justify-content:space-between;gap:10px;text-align:left;padding:11px;background:#f8f5ed;border:1px solid #e4dbca;border-radius:5px;font-size:11px;line-height:1.5;color:#817766}.lesson-choices button span{color:#315ee8}.lesson-choices button[aria-pressed=true]{border-color:#98afe9;background:#edf1fc;color:#315ee8}.learning-feedback{padding:19px 5px 5px 7px}.feedback-label{font:8px var(--mono);color:#a19886}.learning-feedback h4{font-size:19px;line-height:1.3;letter-spacing:-.02em;font-weight:400;margin:19px 0 12px;color:#605d54}.learning-feedback p{font-size:12px;line-height:1.65;color:#948a79;margin:0}.learning-feedback[data-result=good] h4{color:#315ee8}.feedback-next{margin-top:20px;border-top:1px solid #ded5c3;padding-top:15px;font-size:11px;line-height:1.6;color:#8f826d}.feedback-next span{display:block;font:7px var(--mono);color:#b0a58f;margin-bottom:8px}.lesson-progress{display:flex;gap:5px;margin-top:20px}.lesson-progress i{width:24px;height:3px;background:#ded6c5;border-radius:2px}.lesson-progress i:first-child{background:#b5c5ef}.lesson-progress .current{background:#315ee8}.turbine-stage{height:360px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 80%,#293e55,#111b2b 65%)}.turbine-stage canvas{width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab}.turbine-stage canvas:active{cursor:grabbing}.turbine-caption{position:absolute;left:19px;top:18px;pointer-events:none}.turbine-caption span{font:7px var(--mono);color:#8096af;letter-spacing:.08em}.turbine-caption strong{display:block;font-size:17px;font-weight:400;letter-spacing:-.02em;color:#c1d0df;margin-top:8px}.turbine-help{position:absolute;bottom:15px;left:0;width:100%;text-align:center;pointer-events:none;font:8px var(--mono);color:#7188a0}.turbine-controls{padding:13px 17px;display:flex;align-items:center;gap:8px;background:#fffdf8;border-top:1px solid #e7dfcf}.turbine-controls button{padding:9px 11px;border:1px solid #e1d8c7;border-radius:4px;font:10px var(--mono);background:#f7f3e9;color:#8a7f6c}.turbine-controls #turbine-explode{background:#315ee8;color:white;border-color:#315ee8}.turbine-controls>span{margin-left:auto;font:8px var(--mono);color:#a79b85}.turbine-labels{position:absolute;bottom:46px;left:15%;right:15%;display:flex;justify-content:space-between;gap:10px;opacity:0;pointer-events:none}.turbine-labels span{font:8px var(--mono);color:#a8bfd6;background:#121f30bb;border:1px solid #4a607533;padding:6px 9px;border-radius:4px}.is-exploded .turbine-labels{opacity:1}.turbine-fallback{position:absolute;inset:45% 10% auto;text-align:center;color:#bbc7da;font-size:13px}
@media(max-width:720px){.scene-chat{padding:15px 12px}.chat-header{padding:13px}.chat-header strong{font-size:13px}.chat-header small{font-size:8px}.chat-messages{padding:15px;min-height:215px}.bubble{font-size:12px;max-width:92%;padding:12px}.chat-suggestions{padding:0 13px 12px}.chat-suggestions button{font-size:9px;padding:8px}.chat-input{margin:0 13px 13px}.content-example{padding:18px 13px}.content-composition{grid-template-columns:1fr;margin-top:15px}.content-inputs{grid-template-columns:1fr 1fr;gap:9px}.content-inputs img{height:80px}.content-example figure{padding:10px}.content-example figure>span{font-size:6px}.content-merge{height:40px}.content-merge svg{display:none}.content-merge span{padding:5px 10px}.content-output video{aspect-ratio:1.355}.analytics-example{padding:19px 16px}.analytics-toolbar{gap:8px;align-items:start}.analytics-toolbar .scene-kicker{font-size:6px;line-height:1.6;max-width:100px}.analytics-toolbar button{font-size:8px;padding:6px}.analytics-top{gap:10px;margin-top:20px}.analytics-top strong{font-size:29px}.metric-growth{font-size:7px}.metric-demo{font-size:6px}.analytics-chart{margin:16px -8px 0}.analytics-legend{font-size:7px;gap:10px;flex-wrap:wrap}.analytics-legend output{margin-left:0;width:100%;padding-top:5px}.analytics-insight{padding:12px;gap:10px}.analytics-insight p{font-size:11px}.learning-example{padding:20px 15px}.learning-head h3{font-size:23px}.learning-split{grid-template-columns:1fr}.learning-dialog{padding:16px}.client-quote{font-size:20px}.learning-prompt{font-size:12px}.lesson-choices button{font-size:12px}.learning-feedback{padding:0 5px}.learning-feedback h4{margin-top:11px}.learning-feedback p{font-size:13px}.feedback-next{font-size:12px}.turbine-stage{height:300px}.turbine-caption{left:14px;top:14px}.turbine-caption strong{font-size:15px}.turbine-controls{padding:12px;gap:6px;flex-wrap:wrap}.turbine-controls button{font-size:9px;padding:9px}.turbine-controls>span{display:none}.turbine-labels{left:6%;right:6%}.turbine-labels span{font-size:7px;padding:5px}}
.turbine-labels{left:10%;right:10%;justify-content:center;flex-wrap:wrap;gap:8px}@media(max-width:720px){.turbine-labels{left:5%;right:5%;gap:5px}.turbine-labels span{font-size:6px;padding:4px 5px}}