.ai-story-layout{display:grid;grid-template-columns:minmax(270px,.8fr) minmax(0,1.7fr);align-items:center;gap:65px;position:relative;z-index:4}.ai-story-copy h2{font-size:clamp(40px,4.2vw,64px);line-height:1.04;letter-spacing:-.055em;margin:0 0 25px}.ai-story-copy>p{font-size:16px;line-height:1.65;color:var(--seraph-secondary,#525866);max-width:350px;margin:0}.ai-choices{display:flex;flex-direction:column;gap:7px;margin:28px 0}.ai-choices button{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;padding:14px 16px;border:0;border-radius:12px;background:transparent;color:#525866;font:500 15px Urbanist,sans-serif;cursor:pointer;transition:background .25s,color .25s,transform .25s}.ai-choices button>span:last-child{opacity:0;transform:translate(-5px,5px);transition:opacity .25s,transform .25s}.ai-choices button:hover{background:#ffffff4a;color:#0e121b}.ai-choices button[aria-selected=true]{background:#ffffffa6;color:#0e121b}.ai-choices button[aria-selected=true]>span:last-child{opacity:1;transform:none;color:#ff5a16}.ai-guide-link{font-size:14px;color:#0e121b}
.ai-showcase{min-width:0;background:#181a1d;border-radius:24px;padding:12px;box-shadow:0 40px 90px -38px #0e121b70;color:#f0f1f3}.ai-window-heading{height:48px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:#202528;border-radius:13px}.ai-window-heading>div{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:500}.ai-window-heading img,.ai-answer img{object-fit:contain}.ai-workspace-label{font-size:11px;color:#a0a8b5}.ai-showcase-panel{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:405px;margin-top:12px}.ai-conversation{display:flex;flex-direction:column;align-items:flex-start;padding:15px 10px 8px;min-width:0}.ai-question{display:flex;align-items:flex-start;gap:10px}.ai-question>span{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:50%;background:#2b2f33;color:#a0a8b5;font-size:10px}.ai-showcase .ai-question p{font-size:14px;color:#f0f1f3;line-height:1.55;margin:4px 0 0}.ai-answer{padding:25px 0 16px}.ai-answer>div{display:flex;align-items:center;gap:10px}.ai-answer b{font-size:12px;font-weight:500}.ai-showcase .ai-answer p{font-size:14px;line-height:1.65;color:#c1c6cf;margin:12px 0 0}.ai-context-pill{display:flex;align-items:center;gap:8px;font-size:10px;color:#a0a8b5;margin-top:auto;padding-top:12px}.ai-context-pill i{width:5px;height:5px;border-radius:50%;background:#ff5a16}.ai-output{background:#101213;border-radius:16px;padding:24px 18px;min-width:0;display:flex;flex-direction:column;justify-content:center}.ai-output>span{color:#a0a8b5;font-size:9px;letter-spacing:.09em}.ai-showcase .ai-output h3{font-size:26px;line-height:1.12;letter-spacing:-.035em;color:#f0f1f3;font-weight:450;margin:16px 0}.ai-output svg{display:block;width:100%;height:auto;min-height:150px;overflow:visible;font-family:Urbanist,sans-serif}.ai-showcase .ai-output>p{font-size:12px;line-height:1.6;color:#a0a8b5;margin:14px 0 0}.ai-diff{font-size:10px;color:#a0a8b5;margin:10px -4px}.ai-diff pre{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;font-size:11px;color:#d8dde5;margin:16px 0}.ai-diff del,.ai-diff ins{display:block;text-decoration:none;padding:3px 6px;margin:2px -6px}.ai-diff del{color:#e8a499;background:#e06a5316}.ai-diff ins{color:#8ed5bd;background:#70c6b61a}.ai-review-label{display:flex;gap:8px;align-items:center;margin-top:15px;color:#a0a8b5}.ai-review-label>span{color:#ff5a16;font-size:17px}.ai-curve{stroke-dasharray:600;animation:ai-line-in 1s ease both}.ai-trace{stroke-dasharray:180;animation:ai-line-in .8s ease both}@keyframes ai-line-in{from{stroke-dashoffset:600}to{stroke-dashoffset:0}}
@media(max-width:1100px){.ai-story-layout{gap:30px;grid-template-columns:minmax(240px,.85fr) minmax(0,1.5fr)}.ai-showcase-panel{grid-template-columns:1fr;min-height:0}.ai-conversation{padding:14px}.ai-answer{padding:18px 0 6px}.ai-output{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;padding:20px}.ai-output>span,.ai-output h3,.ai-output>p{grid-column:1}.ai-output svg,.ai-output .ai-diff{grid-column:2;grid-row:1/4;align-self:center}.ai-output svg{min-height:0}.ai-showcase .ai-output h3{font-size:24px;margin:10px 0}.ai-showcase .ai-output>p{margin:0}}
@media(max-width:760px){.ai-story-layout{grid-template-columns:1fr;gap:32px}.ai-story-copy h2{font-size:44px}.ai-story-copy>p{max-width:500px}.ai-choices{margin:22px 0}.ai-choices button{padding:13px 15px}.ai-showcase{border-radius:20px}.ai-showcase-panel{min-height:0}.ai-output{min-height:205px}.ai-conversation{min-height:225px}.ai-output svg{min-width:0}.ai-showcase .ai-output h3{font-size:24px}}
@media(max-width:560px){.ai-output{grid-template-columns:1fr;padding:18px}.ai-output svg,.ai-output .ai-diff{grid-column:1;grid-row:auto}.ai-output svg{height:180px}.ai-conversation{min-height:245px}.ai-story-copy h2{font-size:39px}.ai-showcase .ai-output>p{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.ai-choices button,.ai-choices button>span:last-child{transition:none}.ai-trace,.ai-curve{animation:none}}