.ai-demo{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.8fr);gap:45px;align-items:center;margin-top:80px;padding-top:66px;border-top:1px solid #c6dce6;scroll-margin-top:120px}
.ai-demo-copy .eyebrow{font-size:11px;line-height:1.8;max-width:250px}
.ai-demo-copy h3{font-size:clamp(28px,2.6vw,38px);line-height:1.15;letter-spacing:-.04em;margin:21px 0}
.ai-demo-copy h3>span{color:var(--blue)}
.ai-demo-copy>p{font-size:15px;line-height:1.85;max-width:290px}
.ai-demo-steps{list-style:none;padding:0;margin:29px 0 0;display:grid;gap:21px}
.ai-demo-steps li{display:flex;align-items:flex-start;gap:12px;opacity:.55;transition:opacity calc(.35s / var(--animation-pace, 1))}
.ai-demo-steps li.is-current,.ai-demo[data-phase=complete] .ai-demo-steps li{opacity:1}
.ai-demo-steps li>span{display:grid;place-items:center;flex:0 0 29px;height:29px;border:1px solid #bbd7e5;border-radius:50%;font-size:11px;font-weight:600;color:#46778f;transition:background calc(.35s / var(--animation-pace, 1)),color calc(.35s / var(--animation-pace, 1))}
.ai-demo-steps li.is-current>span{background:var(--navy);color:#fff;border-color:var(--navy)}
.ai-demo-steps strong{display:block;font-size:14px;line-height:1.5;font-weight:600;color:var(--navy)}
.ai-demo-steps p{font-size:13px;line-height:1.65;margin-top:4px}
.ai-demo-figure{margin:0;min-width:0}
.ai-monitor{position:relative;border:9px solid #17394b;border-bottom:0;border-radius:20px 20px 13px 13px;background:#17394b;box-shadow:0 20px 45px -25px #193d5970}
.ai-monitor-camera{width:4px;height:4px;border-radius:50%;background:#7597a6;position:absolute;top:-6px;left:50%}
.ai-monitor-screen{overflow:hidden;background:#f8fbfd;border-radius:11px 11px 0 0}
.ai-demo-appbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 20px;border-bottom:1px solid #dce8ef;background:white}
.ai-demo-appbar .tiny-logo{font-size:22px}
.ai-demo-appbar>span:last-child{font-size:10px;font-weight:600;letter-spacing:.1em;display:flex;align-items:center;gap:7px;color:#507287}
.ai-demo-appbar i{width:6px;height:6px;border-radius:50%;background:#4bb7ba}
.ai-demo-workspace{padding:20px}
.ai-demo-screen-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}
.ai-demo-screen-heading h4{margin:0;font-size:18px;line-height:1.3;letter-spacing:-.025em;color:var(--navy)}
.ai-demo-screen-heading p{font-size:11px;margin-top:5px;line-height:1.6;color:#54758a}
.ai-demo-screen-heading>span{font-size:9px;letter-spacing:.06em;color:#54758a;padding-top:4px;white-space:nowrap}
.ai-demo-query{display:flex;align-items:center;gap:9px;background:white;border:1px solid #8bbcd6;box-shadow:0 0 0 3px #e7f2f8;border-radius:5px;min-height:65px;padding:8px 8px 8px 12px}
.ai-demo-query>svg{width:15px;height:15px;flex-shrink:0;stroke:#2e87b2}
.ai-demo-query>p{font-size:13px;line-height:1.55;color:#244e65;margin:0;flex:1}
.ai-demo-caret{display:none;width:1px;height:13px;margin-left:2px;background:#087bb3;vertical-align:middle;animation:ai-caret calc(.8s / var(--animation-pace, 1)) steps(1) infinite}
.ai-demo[data-phase=typing] .ai-demo-caret{display:inline-block}
.ai-demo-send{display:flex;align-items:center;justify-content:center;gap:6px;align-self:stretch;background:#087daf;border-radius:3px;color:#fff;padding:10px;font-size:12px;transition:background calc(.3s / var(--animation-pace, 1)),box-shadow calc(.3s / var(--animation-pace, 1))}
.ai-demo-send svg{width:14px;height:14px;stroke:currentColor}
.ai-demo[data-phase=thinking] .ai-demo-send{background:#085472;box-shadow:0 0 0 3px #087daf25}
.ai-demo-status{height:38px;display:flex;align-items:center;gap:7px;font-size:11px;color:#577a8e}
.ai-demo-status-dot{height:5px;width:5px;flex-shrink:0;border-radius:50%;background:#299bb3}
.ai-demo-status-line{height:1px;background:#dbe8ee;flex:1;margin-left:4px}
.ai-demo[data-phase=thinking] .ai-demo-status-dot{animation:ai-thinking calc(1s / var(--animation-pace, 1)) ease-in-out infinite}
.ai-demo-results{display:grid;grid-template-columns:1.05fr 1fr;gap:12px}
.ai-demo-comparison,.ai-demo-answer{min-width:0;background:#fff;border:1px solid #dae7ef;border-radius:5px;padding:13px 11px}
.ai-demo-results h5{display:flex;align-items:center;gap:7px;font-size:12px;line-height:1.5;color:#23698d;font-weight:600;margin:0 0 12px}
.ai-demo-results h5 svg{width:16px;height:16px;flex-shrink:0;stroke:#287da3}
.ai-demo-comparison table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px;line-height:1.4}
.ai-demo-comparison thead{background:#eaf3f8;color:#476f86}
.ai-demo-comparison th,.ai-demo-comparison td{padding:10px 5px;text-align:center;border-bottom:1px solid #e4edf2;font-weight:400;vertical-align:middle}
.ai-demo-comparison th:first-child{width:43%;text-align:left}
.ai-demo-comparison th:last-child{width:21%}
.ai-demo-comparison thead th{font-size:10px;font-weight:500;padding:9px 5px}
.ai-demo-comparison tbody th{font-size:13px;color:#214b62}
.ai-critical-tag{display:block;color:#647f8d;font-size:9px;margin-top:5px}
.ai-demo-comparison td strong{font-weight:600;color:#245e7e}
.ai-demo-bar{display:block;height:3px;background:#e6eff5;border-radius:4px;margin-top:5px;overflow:hidden}
.ai-demo-bar i{display:block;width:var(--progress);height:100%;background:#309cc1;transform-origin:left;transition:transform calc(1s / var(--animation-pace, 1)) ease}
.ai-demo-deviation{color:#b06b20;font-weight:600!important}
.ai-demo-table-note{font-size:9px;line-height:1.6;margin-top:9px;color:#6c8796}
.ai-demo-answer-body{font-size:13px;line-height:1.75;color:#365e75}
.ai-demo-answer-body p+p{margin-top:10px}
.ai-demo-answer-body strong{font-weight:600;color:#173f58}
.ai-demo-answer-note{display:flex;gap:6px;align-items:flex-start;border-top:1px solid #e5edf2;padding-top:9px;font-size:10px;color:#5e7c8c}
.ai-demo-answer-note>span{flex-shrink:0;border:1px solid #8bbacc;color:#3c8bad;border-radius:50%;font:10px/13px Georgia,serif;width:13px;text-align:center;margin-top:2px}
.ai-demo-sources{margin-top:12px;border-radius:3px;background:#eaf5fa;padding:9px 10px;color:#43738c}
.ai-demo-sources>span{font-size:8px;letter-spacing:.08em;font-weight:600;display:block;margin-bottom:4px}
.ai-demo-sources p{font-size:10px;line-height:1.7;color:#43738c}
.ai-demo-sources small{display:block;font-size:9px;color:#567d92;margin-top:6px}
.ai-demo-screen-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:#5a7b8d;margin-top:14px}
.ai-monitor-chin{height:21px;display:grid;place-items:center}
.ai-monitor-chin>span{height:3px;width:23px;border-radius:5px;background:#52788b}
.ai-monitor-stand{height:43px;width:95px;background:linear-gradient(90deg,#b7ced8,#deebf1 46%,#b5ccd8);margin:0 auto;clip-path:polygon(23% 0,77% 0,92% 100%,8% 100%)}
.ai-monitor-foot{width:185px;height:10px;margin:0 auto;background:linear-gradient(#c1d7e2,#91b2c3);border-radius:50% 50% 3px 3px;box-shadow:0 8px 13px #204b6315}
.ai-demo-caption-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:22px}
.ai-demo-caption-row figcaption{font-size:11px;line-height:1.7;color:#5e7d8e}
.ai-demo-controls{display:flex;align-items:center;gap:7px}
.ai-demo-controls[hidden]{display:none}
.ai-demo-controls button{background:transparent;border:1px solid #bdd6e3;border-radius:4px;color:#2e617a;padding:8px 10px;min-height:40px;font-size:12px;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
.ai-demo-controls button:hover{background:#dcecf4;border-color:#78abc5}
.ai-demo-controls button>span:first-child{font-size:15px}
.ai-demo-comparison,.ai-demo-answer-body,.ai-demo-sources,.ai-demo-answer-detail,.ai-demo-answer-note{transition:opacity calc(.5s / var(--animation-pace, 1)),transform calc(.5s / var(--animation-pace, 1))}
.ai-demo[data-phase=typing] .ai-demo-comparison,.ai-demo[data-phase=thinking] .ai-demo-comparison{opacity:0;transform:translateY(8px)}
.ai-demo[data-phase=typing] .ai-demo-bar i,.ai-demo[data-phase=thinking] .ai-demo-bar i{transform:scaleX(0)}
.ai-demo:is([data-phase=typing],[data-phase=thinking],[data-phase=data]) .ai-demo-answer-body{opacity:0;transform:translateY(8px)}
.ai-demo:is([data-phase=typing],[data-phase=thinking],[data-phase=data],[data-phase=answer]) .ai-demo-answer-detail,.ai-demo:is([data-phase=typing],[data-phase=thinking],[data-phase=data],[data-phase=answer]) .ai-demo-answer-note{opacity:0}
.ai-demo:not([data-phase=complete]) .ai-demo-sources{opacity:0;transform:translateY(6px)}
.ai-demo[data-running=false] *{animation-play-state:paused!important}
@keyframes ai-caret{50%{opacity:0}}
@keyframes ai-thinking{50%{opacity:.3;transform:scale(1.6)}}
@media(max-width:1100px){.ai-demo{grid-template-columns:1fr;gap:30px}.ai-demo-copy{display:grid;grid-template-columns:.8fr 1fr;gap:0 35px}.ai-demo-copy .eyebrow,.ai-demo-copy h3,.ai-demo-copy>p{grid-column:1}.ai-demo-steps{grid-column:2;grid-row:1/4;align-self:center;margin:0}.ai-demo-copy h3{font-size:34px}.ai-demo-figure{max-width:880px;width:100%;margin-inline:auto}}
@media(max-width:600px){.ai-demo{margin-top:45px;padding-top:38px;gap:28px}.ai-demo-copy{display:block}.ai-demo-copy h3{font-size:32px}.ai-demo-copy h3 br{display:none}.ai-demo-copy h3 span{display:block}.ai-demo-copy>p{max-width:none;font-size:16px}.ai-demo-steps{margin-top:24px;gap:16px}.ai-demo-steps strong{font-size:15px}.ai-demo-steps p{font-size:14px}.ai-monitor{border-width:6px;border-bottom:0;border-radius:14px 14px 10px 10px}.ai-monitor-camera{top:-4px;height:3px;width:3px}.ai-monitor-stand{height:30px;width:70px}.ai-monitor-foot{width:135px;height:8px}.ai-demo-caption-row{flex-direction:column;align-items:flex-start;gap:12px;margin-top:20px}.ai-demo-caption-row figcaption{font-size:12px}.ai-demo-controls button{font-size:14px;min-height:44px;padding:8px 12px}}
@media(prefers-reduced-motion:reduce){.ai-demo *{animation:none!important;transition:none!important}}