/* A finite, illustrative conversation-to-records sequence. */
.elius-demo{padding-top:85px;scroll-margin-top:25px}
.elius-demo-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:35px}
.elius-demo-intro .elius-kicker{font-size:9px;color:#5e685d;margin-bottom:20px}
.elius-demo-intro h2{font-size:clamp(36px,4.2vw,58px);line-height:1.08}
.elius-demo-intro>p{font-size:14px;color:#58645b;max-width:340px;line-height:1.7;padding-bottom:4px}
.ed-theater{background:#131918;color:#e9eee8;border:1px solid #28332e;border-radius:18px;overflow:hidden;position:relative;background-image:radial-gradient(ellipse at 55% 40%,#384b2b25,transparent 65%)}
.ed-topline{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #2b352f;padding:22px 30px;font-size:8px;letter-spacing:.1em;color:#a8b4a6}
.ed-topline>span:first-child{display:flex;gap:8px;align-items:center}.ed-topline i{width:5px;height:5px;background:#fd784d;border-radius:50%}
.ed-scene{display:grid;grid-template-columns:minmax(0,1fr) 110px minmax(0,1.12fr);align-items:center;padding:40px 40px 30px;min-height:480px}
.ed-conversation{position:relative;z-index:1}
.ed-chat-heading{display:flex;align-items:center;gap:10px;font-size:12px;margin-bottom:20px}.ed-avatar{display:grid;place-items:center;width:30px;height:30px;background:#39443c;color:#dae2d5;border:1px solid #596253;border-radius:50%;font-size:10px}.ed-chat-heading small{display:block;font-size:9px;color:#8f9b8f;margin-top:3px}
.ed-prompt{background:#232c26;border:1px solid #3e4b3a;border-radius:3px 14px 14px 14px;padding:20px;font-size:clamp(13px,1.2vw,16px);line-height:1.75;min-height:172px;letter-spacing:-.01em}
.ed-caret{display:none;color:#e5b58e}.ed-theater[data-demo-active] .ed-caret{display:inline}
.ed-send{display:flex;justify-content:space-between;align-items:center;margin:12px 0 25px;color:#8f9b8f;font-size:8px}.ed-send-icon{display:grid;place-items:center;background:#c3d0b7;color:#182019;border-radius:50%;width:24px;height:24px;font-size:17px}
.ed-understood{display:flex;align-items:center;gap:10px;background:#18201b;border:1px solid #3d4936;border-radius:8px;padding:12px;font-size:10px}.ed-understood>span:first-child{font-size:21px;color:#acc99b}.ed-understood small{display:block;font-size:8px;color:#9bab94;margin-top:3px}.ed-understood-check{margin-left:auto;color:#b4cf9c}
.ed-response{display:flex;gap:10px;font-size:11px;margin-top:23px;align-items:flex-start}.ed-response>span{font-size:25px;line-height:1.2;color:#ff966d}.ed-response p{line-height:1.65;color:#b5c1b0}.ed-response b{font-weight:500;color:#e1e9db}
.ed-engine{height:420px;display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate}.ed-engine-core{width:54px;height:54px;border-radius:17px;background:#fd6338;color:#171d18;font-size:38px;display:grid;place-items:center;z-index:2;box-shadow:0 0 45px #fd532112}.ed-engine-orbit{width:82px;height:82px;border:1px solid #60694f;border-radius:50%;position:absolute}.ed-engine>span{position:absolute;top:260px;font-size:7px;letter-spacing:.18em;color:#aab79e}.ed-connections{position:absolute;left:50%;top:0;width:50%;height:100%;z-index:-1;overflow:visible}.ed-connections path{fill:none;stroke:#819768;stroke-width:1;vector-effect:non-scaling-stroke}
.ed-records{display:flex;flex-direction:column;gap:14px;position:relative;z-index:1}.ed-record{border:1px solid #45533d;border-radius:10px;background:#1d251f;padding:17px 19px;box-shadow:0 5px 25px #00000010;min-height:116px}.ed-record-head{display:flex;align-items:center;gap:8px;font-size:7px;letter-spacing:.08em;color:#a9b99e;margin-bottom:12px}.ed-record-icon{width:23px;height:23px;display:grid;place-items:center;background:#303f2a;border:1px solid #4a5b3c;color:#c6d7b5;border-radius:6px;font-size:15px;line-height:1}.ed-saved{font-size:8px;letter-spacing:0;color:#b6d3a2;margin-left:auto}
.ed-record h3{font-size:17px;letter-spacing:-.025em;line-height:1.2}.ed-record-meta{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#a5b39c;gap:12px;margin-top:11px}.ed-stage{padding:3px 7px;background:#313b2c;color:#c5d4b6;border-radius:4px;white-space:nowrap;font-size:8px}.ed-record p{font-size:11px;color:#b1bfaa;margin-top:7px}.ed-record-link{font-size:8px;color:#96aa88;margin-top:12px}.ed-time{font-size:8px;white-space:nowrap}.ed-time b{font-weight:500;color:#e0c69f;background:#3b3529;border:1px solid #605238;border-radius:4px;padding:3px 6px;margin-left:5px;font-size:11px}
.ed-resolution{display:flex;align-items:center;gap:12px;margin:0 40px 25px;background:#202b22;border:1px solid #43583c;border-radius:8px;padding:15px 20px}.ed-resolution>span:first-child{border:1px solid #668559;color:#c5dcb4;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;font-size:12px;flex-shrink:0}.ed-resolution p{font-size:12px;color:#bac9b0}.ed-resolution b{font-weight:500;color:#e2ebdb}.ed-resolution small{font-size:9px;color:#9eb290;white-space:nowrap}.ed-resolution-line{height:1px;background:#43583c;flex:1;margin:0 10px}.ed-mobile-break{display:none}
.ed-bottomline{padding:16px 30px;border-top:1px solid #2b352f;display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#a0b393;min-height:47px;align-items:center}.ed-count{font-size:7px;letter-spacing:.08em;white-space:nowrap}.ed-count b{font-size:12px;font-weight:400;color:#c4d5b5;margin-right:4px}.ed-progress{height:2px;background:#2b352f}.ed-progress>span{display:block;height:100%;background:#d4ad80;transform-origin:left center}
.ed-controls{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:15px}.ed-controls>div{display:flex;gap:9px}.ed-controls button{font-size:11px;background:transparent;border:1px solid #bfc4bb;padding:9px 13px;border-radius:20px;display:flex;align-items:center;gap:8px;white-space:nowrap}.ed-controls button[hidden]{display:none}.ed-controls button:hover{background:#efeee7}.ed-controls p{font-size:9px;color:#626c60;text-align:right}
@media(max-width:1050px){.ed-scene{padding:30px 25px 25px;grid-template-columns:minmax(0,1fr) 75px minmax(0,1fr)}.ed-prompt{font-size:13px;padding:15px;min-height:194px}.ed-record{padding:14px;min-height:116px}.ed-record h3{font-size:15px}.ed-record-meta{font-size:8px;gap:7px}.ed-stage{font-size:7px}.ed-engine-core{width:44px;height:44px;font-size:30px;border-radius:14px}.ed-engine-orbit{width:63px;height:63px}.ed-resolution{margin-inline:25px}.ed-resolution small{font-size:8px}.ed-resolution-line{margin-inline:0}}
@media(max-width:700px){
.elius-demo{padding-top:55px}.elius-demo-intro{display:block;margin-bottom:25px}.elius-demo-intro .elius-kicker{font-size:7px;margin-bottom:18px}.elius-demo-intro h2{font-size:36px}.elius-demo-intro>p{font-size:12px;margin-top:20px}.ed-theater{border-radius:13px}.ed-topline{padding:17px 18px;font-size:7px}.ed-topline>span:last-child{font-size:6px;max-width:110px;text-align:right;line-height:1.7}.ed-scene{grid-template-columns:1fr;padding:24px 18px 20px;min-height:0}.ed-chat-heading{font-size:11px;margin-bottom:15px}.ed-chat-heading small{font-size:8px}.ed-prompt{min-height:150px;font-size:13px;padding:16px}.ed-send{margin-bottom:18px}.ed-understood{padding:11px}.ed-response{margin-top:18px;font-size:11px}.ed-engine{height:85px;width:100%}.ed-engine>span{top:65px;font-size:6px}.ed-engine-core{width:38px;height:38px;border-radius:12px;font-size:28px}.ed-engine-orbit{width:57px;height:57px}.ed-connections{display:none}.ed-engine:before,.ed-engine:after{content:'';position:absolute;top:0;left:50%;height:15px;width:1px;background:#71835e}.ed-engine:after{top:auto;bottom:0;height:10px}.ed-records{gap:10px}.ed-record{min-height:110px;padding:15px}.ed-record h3{font-size:16px}.ed-record-head{font-size:7px;margin-bottom:10px}.ed-record-meta{font-size:9px}.ed-stage{font-size:8px}.ed-resolution{margin:0 18px 20px;padding:13px;gap:10px}.ed-resolution p{font-size:11px}.ed-resolution small{display:none}.ed-resolution-line{display:none}.ed-bottomline{padding:14px 18px;font-size:8px;gap:10px}.ed-count{font-size:6px}.ed-controls{align-items:flex-start;gap:12px}.ed-controls p{font-size:8px;max-width:140px}.ed-controls button{font-size:10px;padding:8px 11px}.ed-controls>div{gap:6px;flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){.ed-caret{display:none!important}}
/* On narrow screens the conversation gives way to results in the same scene. */
@media(max-width:700px){
.ed-theater[data-demo-enhanced] .ed-scene{grid-template-rows:1fr;min-height:440px;align-items:center;position:relative}
.ed-theater[data-demo-enhanced] .ed-conversation,.ed-theater[data-demo-enhanced] .ed-records{grid-area:1 / 1;align-self:center}
.ed-theater[data-demo-enhanced] .ed-engine{display:none}
.ed-theater[data-demo-enhanced] .ed-response{display:none}
}
/* Keep the offscreen skip link clipped until it receives keyboard focus. */
.elius-page .skip:not(:focus){clip-path:inset(50%)}
