/* The same business becomes legible as the visitor progresses. */
.icon-library { position:absolute; width:0; height:0; overflow:hidden; }
.k-icon { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; flex:none; }
.reading-progress { position:fixed; top:0; left:0; right:0; height:3px; z-index:80; pointer-events:none; }
.reading-progress span { display:block; height:100%; background:var(--cyan); transform:scaleX(0); transform-origin:left; }
body { scrollbar-color:#65768b var(--ink); }
button, input { caret-color:var(--cyan); }
h1,h2,h3 { text-wrap:balance; }
.hero h1, .section-intro h2, .contact-copy h2 { letter-spacing:-.04em; }
.hero .eyebrow { text-transform:none; font-family:Inter,sans-serif; letter-spacing:0; font-size:14px; }
.hero-actions .primary-link { white-space:normal; }
.origin-section { padding:100px 0 0; border-top:1px solid var(--line); }
.origin-intro { display:grid; grid-template-columns:1.25fr .75fr; gap:8%; align-items:end; }
.origin-intro h2,.software-intro h2,.diagnostic-intro h2 { margin:0; font-family:Manrope,Inter,sans-serif; font-size:clamp(40px,4.5vw,70px); font-weight:600; letter-spacing:-.04em; line-height:1.1; }
.origin-intro em,.software-intro em,.diagnostic-intro em { color:var(--cyan); font-style:normal; }
.origin-intro >p,.software-intro p,.diagnostic-intro >p { color:#bdcbd9; font-size:17px; line-height:1.7; max-width:55ch; }
.origin-layout { display:grid; grid-template-columns:1.05fr .95fr; gap:10%; margin-top:80px; align-items:start; }
.origin-scene { position:sticky; top:110px; min-width:0; margin-top:50px; }
.scene-caption { display:flex; justify-content:space-between; color:var(--cyan); font-size:14px; padding-bottom:18px; border-bottom:1px solid var(--line); }
.scene-step { color:#a6b6c8; font-variant-numeric:tabular-nums; }
.chaos-stage { position:relative; height:450px; perspective:800px; isolation:isolate; }
.chaos-stage::before { content:''; position:absolute; inset:85px 35px 45px; border:1px solid #293f57; border-radius:50%; transform:rotateX(60deg); background:#0d2035; transition:transform 900ms var(--ease),border-color 900ms; }
.business-core { position:absolute; left:calc(50% - 48px); top:180px; width:96px; height:108px; background:var(--cyan); color:var(--ink); display:flex; flex-direction:column; align-items:center; justify-content:center; transform:rotateX(10deg) rotateY(-14deg); box-shadow:18px 23px 35px #0006; z-index:4; transition:transform 850ms var(--ease); }
.business-core >span { font-family:Manrope,sans-serif; font-size:56px; font-weight:800; line-height:1; }
.business-core small { font-size:8px; letter-spacing:.06em; margin-top:10px; }
.floating-note { position:absolute; width:154px; min-height:100px; padding:15px; background:#1a2d44; box-shadow:9px 16px 25px #0005; display:grid; grid-template-columns:24px 1fr; gap:10px; z-index:5; transition:transform 900ms var(--ease),background 700ms,box-shadow 900ms; will-change:transform; }
.floating-note .k-icon { color:#9cb1c8; width:21px; height:21px; }
.floating-note >span { font-size:13px; align-self:center; }
.floating-note small { grid-column:1/-1; color:#b7c9dc; font-size:11px; line-height:1.5; }
.note-client { left:3%; top:45px; transform:rotate(-12deg) translateZ(10px); }
.note-money { right:0; top:35px; transform:rotate(12deg) translateY(25px); }
.note-task { right:2%; top:260px; transform:rotate(-8deg); }
.note-file { left:0; top:282px; transform:rotate(10deg); }
.note-chat { left:calc(50% - 77px); top:95px; transform:translateZ(80px) rotate(7deg); }
.connection-lines { position:absolute; width:100%; height:100%; inset:0; z-index:2; stroke:var(--cyan); stroke-width:1.5; stroke-dasharray:8 9; fill:none; opacity:0; transition:opacity 700ms; }
.scene-signal { position:absolute; bottom:2px; left:0; right:0; font-size:11px; color:var(--cyan); text-align:center; opacity:0; transition:opacity 700ms; }
.scene-signal span,.os-topline i { display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--cyan); margin-right:6px; }
[data-story-stage="1"] .connection-lines,[data-story-stage="2"] .connection-lines { opacity:.7; }
[data-story-stage="1"] .floating-note { transform:rotate(0) translateZ(0); }
[data-story-stage="1"] .note-chat { transform:translateY(-35px); }
[data-story-stage="1"] .scene-signal,[data-story-stage="2"] .scene-signal { opacity:1; }
[data-story-stage="2"] .floating-note { background:#1a3d49; transform:rotateX(8deg) rotateY(-8deg); box-shadow:5px 10px 20px #0003; }
[data-story-stage="2"] .floating-note .k-icon { color:var(--cyan); }
[data-story-stage="2"] .note-chat { transform:translateY(-58px) rotateX(8deg) rotateY(-8deg); }
[data-story-stage="2"] .business-core { transform:rotateX(0) rotateY(0) translateY(-5px); }
[data-story-stage="2"] .chaos-stage::before { border-color:#26d9c780; transform:rotateX(50deg) scale(1.12); }
.story-controls { display:flex; border-top:1px solid var(--line); padding-top:12px; gap:8px; }
.story-controls button { flex:1; border:0; background:transparent; color:#aebfd0; padding:13px 5px; cursor:pointer; font-size:12px; border-radius:5px; }
.story-controls button[aria-pressed="true"] { color:var(--ink); background:var(--cyan); }
.origin-chapter { min-height:560px; display:flex; flex-direction:column; justify-content:center; padding:50px 0 90px; }
.chapter-count { color:#afc0d1; font-family:'IBM Plex Mono',monospace; font-size:11px; }
.origin-chapter h3 { font-family:Manrope,sans-serif; font-weight:600; font-size:clamp(30px,3.1vw,45px); line-height:1.18; letter-spacing:-.035em; margin:26px 0; }
.origin-chapter em { color:var(--cyan); font-style:normal; }
.origin-chapter p,.origin-chapter blockquote { font-size:17px; line-height:1.75; color:#bdcbd9; margin:0 0 24px; }
.origin-chapter blockquote { margin-inline:0; }
.origin-chapter .story-punch { color:var(--cyan); font-size:19px; }
.origin-chapter .founder-sign { margin:0; display:flex; flex-direction:column; font-size:12px; gap:4px; }
.founder-sign strong { color:var(--cloud); }
.origin-chapter .text-link { align-self:start; }
.software-section { background:#0d2136; padding:110px 0 75px; overflow:hidden; }
.software-intro { display:grid; grid-template-columns:1.1fr .9fr; gap:9%; align-items:end; margin-bottom:64px; }
.software-intro h2 { font-size:clamp(42px,4.4vw,65px); }
.software-intro .software-invitation { color:var(--cyan); font-size:14px; margin-bottom:0; }
.os-explorer { border:1px solid #486075; border-radius:16px; overflow:hidden; background:#071426; }
.os-topline { display:flex; justify-content:space-between; align-items:center; min-height:52px; padding:16px 26px; border-bottom:1px solid var(--line); font-size:11px; color:#b9c8d8; gap:16px; }
.os-topline >span:first-child { color:#f6f4ee; font-weight:600; letter-spacing:.09em; }
.os-workspace { display:grid; grid-template-columns:260px minmax(0,1fr); min-height:540px; }
.module-nav { padding:15px 0; border-right:1px solid var(--line); }
.module-nav button { display:flex; width:100%; align-items:center; text-align:left; border:0; color:#b5c8db; background:transparent; padding:16px 20px; gap:12px; cursor:pointer; transition:background 180ms,color 180ms; }
.module-nav button >span { flex:1; }
.module-nav strong { display:block; font-weight:600; font-size:14px; }
.module-nav small { display:block; margin-top:5px; font-size:10px; line-height:1.4; }
.module-nav button >.k-icon:last-child { width:16px; height:16px; opacity:0; }
.module-nav button[aria-pressed="true"] { background:#26d9c713; color:var(--cyan); }
.module-nav button[aria-pressed="true"] >.k-icon:last-child { opacity:1; }
.module-nav button:hover { background:#172e44; }
.module-panel { padding:36px 40px; min-width:0; }
.module-panel h3 { font-family:Manrope,sans-serif; font-size:clamp(25px,2.7vw,37px); letter-spacing:-.03em; line-height:1.15; margin:8px 0 17px; }
.module-panel >p { color:#bbccdc; line-height:1.7; font-size:14px; max-width:65ch; }
.module-question { color:var(--cyan)!important; font-size:12px!important; margin-top:0; }
.module-preview { background:#11263c; border-radius:10px; margin:28px 0 20px; padding:23px; min-height:198px; animation:panel-in 350ms var(--ease); }
.preview-head { display:flex; justify-content:space-between; align-items:center; gap:10px; padding-bottom:20px; font-size:13px; }
.preview-head >small { color:#a7bacc; font-size:10px; }
.preview-rows { display:flex; flex-direction:column; gap:0; }
.preview-row { display:grid; grid-template-columns:24px minmax(0,1fr) auto; gap:12px; align-items:center; padding:14px 0; border-top:1px solid #375068; font-size:12px; }
.preview-row .k-icon { color:var(--cyan); width:19px; height:19px; }
.preview-row small { display:block; margin-top:5px; color:#a9bfd3; font-size:11px; line-height:1.45; }
.preview-status { font-size:10px; color:#abdcd8; padding:6px 8px; background:#21454b; border-radius:4px; text-align:center; }
.preview-status.waiting { color:#f5d390; background:#443d32; }
.module-why { display:flex; gap:12px; color:#dae4ed; font-size:13px; line-height:1.6; }
.module-why .k-icon { color:var(--cyan); width:19px; height:19px; }
.preview-action { display:flex; justify-content:space-between; gap:15px; align-items:center; border-top:1px solid #375068; padding-top:17px; margin-top:10px; }
.preview-action p { margin:0; color:#c6d4e0; font-size:11px; line-height:1.6; max-width:34ch; }
.preview-action button { flex:none; background:var(--cyan); color:var(--ink); border:0; border-radius:5px; padding:12px; font-size:11px; font-weight:700; cursor:pointer; }
.preview-action button:disabled,.preview-action button[aria-disabled="true"] { background:#234a4d; color:#a5dbd6; cursor:default; }
.software-bridge { margin-top:70px; padding-top:45px; border-top:1px solid #375068; display:grid; grid-template-columns:1fr 1fr; gap:9%; }
.software-bridge h3 { font-family:Manrope,sans-serif; font-size:clamp(26px,2.8vw,40px); font-weight:500; letter-spacing:-.03em; line-height:1.25; margin:0; }
.software-bridge p { font-size:15px; color:#bdcbd9; line-height:1.75; margin-top:0; }
.software-bridge strong { color:var(--cloud); font-weight:500; }
.software-footnote { color:#a6bbcf; font-size:11px; line-height:1.7; margin-top:32px; }
.diagnostic-section { padding:105px 0; background:#0a192e; }
.diagnostic-intro { max-width:850px; margin-bottom:45px; }
.diagnostic-intro >p { max-width:64ch; }
.diagnostic-intro .diagnostic-promise { color:var(--cyan); font-size:13px; }
.ecosystem-channel .channel-marker { display:inline-flex; color:var(--cyan); }
.social-section { padding:55px 0; border-top:1px solid var(--line); display:flex; justify-content:space-between; gap:35px; align-items:center; }
.social-section h3 { font-family:Manrope,sans-serif; font-size:24px; margin:0 0 8px; font-weight:500; }
.social-section p { color:#adbed0; font-size:13px; margin:0; }
.social-links { display:flex; flex-wrap:wrap; gap:12px; }
.social-links a { display:flex; min-height:48px; align-items:center; gap:9px; padding:10px 13px; border:1px solid #486075; border-radius:7px; font-size:12px; transition:background 180ms,color 180ms; }
.social-links a:hover { background:var(--cyan); color:var(--ink); border-color:var(--cyan); }
.social-links svg { width:20px; height:20px; fill:currentColor; }
@keyframes panel-in { from { transform:translateY(7px); opacity:.65; } to { transform:translateY(0); opacity:1; } }
@media(min-width:1100px) { .site-header nav { gap:25px; } }
@media(max-width:1000px) { .origin-layout { gap:6%; } .origin-intro,.software-intro { gap:6%; } .floating-note { width:128px; padding:12px; } .note-chat { left:calc(50% - 64px); } .module-panel { padding:30px 25px; } .os-workspace { grid-template-columns:230px minmax(0,1fr); } .social-section { align-items:start; flex-direction:column; } }
@media(max-width:760px) {
 .origin-section { padding-top:72px; }
 .origin-intro,.software-intro,.software-bridge { grid-template-columns:1fr; gap:16px; }
 .origin-intro h2,.software-intro h2,.diagnostic-intro h2 { font-size:clamp(37px,8.5vw,56px); }
 .origin-intro >p,.software-intro p,.diagnostic-intro >p { font-size:15px; }
 .origin-layout { display:flex; flex-direction:column; margin-top:25px; gap:0; }
 .origin-scene { position:relative; top:auto; width:100%; margin-top:16px; }
 .chaos-stage { height:390px; }
 .floating-note { width:128px; min-height:88px; }
 .note-chat { top:92px; }
 .note-client { top:22px; }
 .note-money { top:38px; }
 .note-task { top:243px; }
 .note-file { top:253px; }
 .business-core { top:166px; width:78px; height:89px; left:calc(50% - 39px); }
 .business-core >span { font-size:43px; }
 .origin-chapters { width:100%; }
 .origin-chapter { min-height:0; padding:35px 0 65px; }
 .origin-chapter h3 { font-size:30px; margin:18px 0; }
 .origin-chapter p,.origin-chapter blockquote { font-size:15px; }
 .story-ready .origin-chapter:not(.is-active) { display:none; }
 .software-section { padding:75px 0 55px; }
 .software-intro { margin-bottom:35px; }
 .os-workspace { display:block; }
 .module-nav { display:flex; overflow-x:auto; gap:2px; border-right:0; border-bottom:1px solid var(--line); padding:7px; scrollbar-width:thin; }
 .module-nav button { width:auto; flex:none; padding:13px; flex-direction:column; justify-content:center; gap:7px; border-radius:6px; }
 .module-nav button small,.module-nav button>.k-icon:last-child { display:none; }
 .module-nav button strong { font-size:11px; }
 .module-nav button >.k-icon { width:21px; height:21px; }
 .module-panel { padding:26px 19px; min-height:515px; }
 .module-panel h3 { font-size:28px; }
 .module-panel >p { font-size:13px; }
 .module-preview { padding:16px; }
 .preview-row { font-size:11px; gap:8px; grid-template-columns:20px minmax(0,1fr) auto; }
 .preview-status { font-size:9px; padding:5px; max-width:70px; }
 .preview-head { font-size:12px; }
 .preview-head small { font-size:9px; max-width:84px; text-align:right; }
 .preview-action { align-items:start; flex-direction:column; }
 .os-topline { padding:15px; gap:10px; align-items:start; font-size:10px; }
 .os-topline >span:last-child { max-width:135px; text-align:right; line-height:1.5; }
 .software-bridge { margin-top:40px; padding-top:35px; gap:25px; }
 .software-bridge h3 { font-size:28px; }
 .diagnostic-section { padding:75px 0; }
 .social-links { gap:10px; }
 .social-links a { min-width:138px; }
 .social-section h3 { font-size:23px; }
}
@media(prefers-reduced-motion:reduce) {
 .floating-note,.business-core,.chaos-stage::before,.module-preview { transition:none; animation:none; }
 .floating-note { will-change:auto; }
}

/* Origin: three different scenes, each with its own information structure. */
.origin-scene .scene-semantic { display:grid; height:auto; min-height:450px; perspective:1200px; }
.origin-scene .scene-semantic::before { content:none; }
.origin-scene .scene-frame { position:relative; grid-area:1/1; inset:auto; margin-inline:8px; min-width:0; min-height:450px; opacity:0; visibility:hidden; pointer-events:none; transform:translateY(16px) rotateX(5deg); transform-origin:50% 60%; transition:opacity 220ms ease-out,transform 420ms cubic-bezier(.23,1,.32,1),visibility 220ms; }
.origin-scene .scene-frame.is-active { opacity:1; visibility:visible; transform:translateY(0) rotateX(0); }
.origin-scene .scene-overline { position:absolute; left:0; top:21px; color:#96acc2; font:10px 'IBM Plex Mono',monospace; letter-spacing:.12em; }
.origin-scene .scene-fragment { position:absolute; width:51%; max-width:232px; padding:17px; display:grid; grid-template-columns:21px 1fr; column-gap:9px; row-gap:9px; background:#1b3149; border:1px solid #486176; box-shadow:8px 18px 0 #040e1e44,14px 26px 36px #030b1740; color:#f6f4ee; }
.origin-scene .scene-fragment .k-icon { width:20px; height:20px; color:#9bb5cd; }
.origin-scene .scene-fragment >span { align-self:center; font:9px 'IBM Plex Mono',monospace; letter-spacing:.05em; color:#b2c8dc; }
.origin-scene .scene-fragment strong,.origin-scene .scene-fragment >small,.origin-scene .scene-fragment >i { grid-column:1/-1; }
.origin-scene .scene-fragment strong { font:600 16px/1.3 Manrope,Inter,sans-serif; overflow-wrap:anywhere; }
.origin-scene .scene-fragment >small { color:#c0d0df; font-size:11px; line-height:1.4; }
.origin-scene .scene-fragment >i { justify-self:start; font-style:normal; font-size:9px; padding:4px 6px; background:#10243b; color:#d7b977; }
.origin-scene .scene-fragment-chat { left:1%; top:59px; transform:rotate(-8deg) rotateY(4deg); z-index:3; }
.origin-scene .scene-fragment-file { right:0; top:93px; transform:rotate(9deg) rotateY(-8deg); background:#233a50; z-index:2; }
.origin-scene .scene-paper-lines { grid-column:1/-1; display:grid; gap:6px; padding:3px 0; }
.origin-scene .scene-paper-lines b { display:block; height:3px; background:#556c80; }
.origin-scene .scene-paper-lines b:nth-child(2) { width:72%; }
.origin-scene .scene-paper-lines b:nth-child(3) { width:86%; }
.origin-scene .scene-fragment-money { left:0; top:235px; transform:rotate(-5deg); background:#3e3833; border-color:#726355; z-index:4; }
.origin-scene .scene-fragment-money >small,.origin-scene .scene-fragment-money >span { color:#ddc9b1; }
.origin-scene .scene-fragment-money .k-icon { color:#d0ad7c; }
.origin-scene .scene-fragment-money >i { background:#292721; color:#e6c28c; }
.origin-scene .scene-fragment-task { right:1%; top:265px; transform:rotate(8deg); background:#e1dac4; border-color:#e1dac4; color:#25353b; z-index:5; }
.origin-scene .scene-fragment-task .k-icon,.origin-scene .scene-fragment-task >small,.origin-scene .scene-fragment-task >span { color:#495d64; }
.origin-scene .scene-fragment-task >i { color:#6e4b27; background:#cfc3a6; }
.origin-scene .scene-thought { position:absolute; left:0; right:0; bottom:4px; text-align:center; }
.origin-scene .scene-thought span { display:block; font:9px 'IBM Plex Mono',monospace; color:#95aabe; letter-spacing:.1em; margin-bottom:6px; }
.origin-scene .scene-thought strong { color:#dce7ef; font:500 18px/1.2 Manrope,Inter,sans-serif; }
.origin-scene .scene-blueprint { position:relative; margin:44px 1% 38px; padding:23px; background:#e9ede5; color:#1a3440; border:1px solid #e9ede5; box-shadow:9px 12px 0 #8ab3af24,16px 25px 38px #0003; transform:rotateX(6deg) rotateY(-7deg) rotate(-2deg); }
.origin-scene .scene-blueprint-heading { display:flex; gap:12px; align-items:center; margin-bottom:24px; }
.origin-scene .scene-blueprint-heading >.k-icon { width:32px; height:32px; color:#297d79; }
.origin-scene .scene-blueprint-heading >span { font:9px 'IBM Plex Mono',monospace; letter-spacing:.08em; color:#52686d; }
.origin-scene .scene-blueprint-heading strong { display:block; font:600 19px/1.3 Manrope,Inter,sans-serif; letter-spacing:-.02em; margin-top:6px; color:#142f3a; }
.origin-scene .scene-relation { display:grid; grid-template-columns:minmax(0,.9fr) 22px minmax(0,1.15fr); align-items:center; gap:10px; padding:17px 0; border-top:1px dashed #8ca6a5; }
.origin-scene .scene-relation >div:first-child { display:flex; align-items:center; gap:8px; font-size:12px; line-height:1.4; }
.origin-scene .scene-relation .k-icon { width:19px; height:19px; color:#2e6b6b; }
.origin-scene .scene-relation-arrow { color:#2a827c; font-size:22px; }
.origin-scene .scene-relation >div:last-child { background:#d6e6dc; padding:9px 10px; }
.origin-scene .scene-relation small { display:block; color:#5a7273; font:7px 'IBM Plex Mono',monospace; letter-spacing:.07em; margin-bottom:5px; }
.origin-scene .scene-relation strong { display:block; color:#234842; font:600 12px/1.4 Manrope,Inter,sans-serif; }
.origin-scene .scene-blueprint-result { display:flex; align-items:center; gap:12px; color:#3c5a5a; border-top:1px solid #b0c3bb; padding-top:18px; font-size:12px; line-height:1.4; }
.origin-scene .scene-blueprint-result .k-icon { color:#297d79; }
.origin-scene .scene-blueprint-result strong { color:#1b5149; font-size:14px; }
.origin-scene .scene-dashboard { position:absolute; top:30px; left:0; right:0; padding:20px; background:#102a40; border:1px solid #5a7c8b; box-shadow:10px 14px 0 #153e4d88,18px 24px 40px #0004; transform:rotateX(3deg) rotateY(-5deg); }
.origin-scene .scene-dashboard-top { display:flex; justify-content:space-between; align-items:center; gap:12px; padding-bottom:17px; color:#f1f6f5; font:500 10px 'IBM Plex Mono',monospace; letter-spacing:.07em; }
.origin-scene .scene-dashboard-top small { display:block; font:10px/1.4 Inter,sans-serif; letter-spacing:0; color:#a8c0d0; margin-top:6px; }
.origin-scene .scene-dashboard-top >i { font-style:normal; font-size:9px; padding:7px 9px; color:#b0d2d3; border:1px solid #416371; }
.origin-scene .scene-priority { display:flex; align-items:center; gap:13px; padding:17px 14px; background:#b9f1dc; color:#103b36; }
.origin-scene .scene-priority >.k-icon { width:25px; height:25px; color:#20725f; }
.origin-scene .scene-priority >div { flex:1; min-width:0; }
.origin-scene .scene-priority small { display:block; color:#386557; font:8px 'IBM Plex Mono',monospace; letter-spacing:.07em; }
.origin-scene .scene-priority strong { display:block; font:700 15px/1.3 Manrope,Inter,sans-serif; margin:5px 0; }
.origin-scene .scene-priority >div >span { display:block; font-size:10px; color:#386557; }
.origin-scene .scene-priority-arrow { font-size:25px; color:#267660; }
.origin-scene .scene-table-head { display:flex; justify-content:space-between; gap:12px; padding:18px 0 9px; color:#9dbacb; font:8px 'IBM Plex Mono',monospace; letter-spacing:.05em; }
.origin-scene .scene-table-row { display:grid; grid-template-columns:19px minmax(0,1fr) auto; gap:9px; align-items:center; padding:14px 0; border-top:1px solid #345466; }
.origin-scene .scene-table-row >.k-icon { color:#76c6bd; width:18px; height:18px; }
.origin-scene .scene-table-row strong { display:block; font:500 12px/1.4 Inter,sans-serif; color:#e6f0f6; }
.origin-scene .scene-table-row small { display:block; margin-top:4px; font:10px/1.4 Inter,sans-serif; color:#a6bfce; }
.origin-scene .scene-table-row >span { max-width:76px; font:9px/1.4 Inter,sans-serif; padding:5px 6px; background:#3f4038; color:#ecd8ad; text-align:center; }
.origin-scene .scene-table-row >.scene-status-ready { color:#b6dfd6; background:#254b48; }
.origin-scene .scene-next-step { display:flex; align-items:center; gap:9px; margin-top:3px; border-top:1px solid #426476; padding-top:14px; font:10px/1.5 Inter,sans-serif; color:#adc8d5; }
.origin-scene .scene-next-step .k-icon { width:18px; height:18px; color:#77cdb7; }
.origin-scene .scene-next-step strong { color:#b9efdc; font-weight:500; }
.origin-scene .scene-example-label { position:absolute; left:0; right:0; bottom:2px; text-align:center; color:#98b4c7; font:8px/1.5 'IBM Plex Mono',monospace; letter-spacing:.04em; }
.origin-scene .scene-description { font:12px/1.65 Inter,sans-serif; color:#b9cddc; min-height:60px; margin:15px 0 12px; max-width:55ch; }
.origin-scene .story-controls button { min-height:44px; transition:transform 130ms ease-out,background 160ms ease-out,color 160ms ease-out; }
.origin-scene .story-controls button:active { transform:scale(.97); }
.origin-scene .story-controls button:focus-visible { outline:2px solid var(--cyan); outline-offset:3px; }
.origin-scene[data-scene-motion="instant"] .scene-frame { transition:none; }
@media(max-width:1000px) and (min-width:761px) {
 .origin-scene .scene-fragment { padding:13px; }
 .origin-scene .scene-fragment strong { font-size:14px; }
 .origin-scene .scene-blueprint { padding:16px; }
 .origin-scene .scene-relation { gap:6px; grid-template-columns:minmax(0,.9fr) 17px minmax(0,1.15fr); }
 .origin-scene .scene-relation >div:first-child { font-size:11px; gap:5px; }
 .origin-scene .scene-relation strong { font-size:11px; }
 .origin-scene .scene-dashboard { padding:15px; }
 .origin-scene .scene-priority { padding:15px 10px; gap:8px; }
 .origin-scene .scene-priority strong { font-size:13px; }
 .origin-scene .scene-table-row { grid-template-columns:16px minmax(0,1fr) auto; gap:6px; }
 .origin-scene .scene-table-row strong { font-size:11px; }
 .origin-scene .scene-table-row small { font-size:9px; }
}
@media(max-width:760px) {
 .origin-scene .scene-semantic { height:auto; min-height:440px; }
 .origin-scene .scene-frame { margin-inline:7px; min-height:440px; }
 .origin-scene .scene-fragment { width:53%; max-width:230px; padding:14px; }
 .origin-scene .scene-fragment strong { font-size:14px; }
 .origin-scene .scene-fragment >small { font-size:10px; }
 .origin-scene .scene-fragment >span { font-size:8px; }
 .origin-scene .scene-fragment-chat { top:57px; }
 .origin-scene .scene-fragment-file { top:90px; }
 .origin-scene .scene-fragment-money { top:227px; }
 .origin-scene .scene-fragment-task { top:254px; }
 .origin-scene .scene-thought strong { font-size:16px; }
 .origin-scene .scene-blueprint { margin:30px 0 38px; padding:19px; transform:rotateX(3deg) rotateY(-3deg) rotate(-1deg); }
 .origin-scene .scene-blueprint-heading strong { font-size:17px; }
 .origin-scene .scene-relation { gap:7px; grid-template-columns:minmax(0,1fr) 17px minmax(0,1.1fr); padding:17px 0; }
 .origin-scene .scene-relation >div:first-child { gap:6px; font-size:11px; }
 .origin-scene .scene-relation >div:last-child { padding:9px 7px; }
 .origin-scene .scene-relation strong { font-size:11px; }
 .origin-scene .scene-dashboard { top:26px; padding:15px; transform:rotateX(2deg) rotateY(-2deg); }
 .origin-scene .scene-priority { padding:15px 10px; gap:8px; }
 .origin-scene .scene-priority strong { font-size:14px; }
 .origin-scene .scene-table-row { gap:7px; }
 .origin-scene .scene-table-row strong { font-size:11px; }
 .origin-scene .scene-table-row small { font-size:9px; }
 .origin-scene .scene-table-row >span { font-size:8px; padding:5px; max-width:63px; }
 .origin-scene .scene-description { font-size:12px; min-height:60px; margin-top:13px; }
}
@media(max-width:360px) {
 .origin-scene .scene-fragment { padding:11px; column-gap:6px; }
 .origin-scene .scene-fragment strong { font-size:12px; }
 .origin-scene .scene-blueprint { padding:14px; }
 .origin-scene .scene-blueprint-heading strong { font-size:15px; }
 .origin-scene .scene-relation >div:first-child { font-size:10px; }
 .origin-scene .scene-relation strong { font-size:10px; }
 .origin-scene .scene-dashboard { padding:12px; }
 .origin-scene .scene-priority >.k-icon { width:20px; height:20px; }
 .origin-scene .scene-priority strong { font-size:12px; }
 .origin-scene .scene-table-row { grid-template-columns:15px minmax(0,1fr) auto; gap:5px; }
 .origin-scene .scene-table-row strong { font-size:10px; }
 .origin-scene .scene-table-row small { font-size:8px; }
 .origin-scene .scene-example-label { font-size:7px; }
}
@media(prefers-reduced-motion:reduce) {
 .origin-scene .scene-frame,.origin-scene .story-controls button { transition:none; }
 .origin-scene .scene-frame,.origin-scene .scene-blueprint,.origin-scene .scene-dashboard { transform:none; }
 .origin-scene .story-controls button:active { transform:none; }
}