/* Scoped to the content below the existing animated GPT cover. */
.bot-story{--case-accent:#f2a0b5}
.bot-showcase{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:clamp(30px,6vw,90px);align-items:center;padding:clamp(26px,4vw,58px);border:1px solid #ffffff25;background:radial-gradient(ellipse at 90% 50%,#84364c26,transparent 65%),#121015}
.bot-showcase-copy h3{font-size:clamp(29px,3.8vw,49px);line-height:1.3;font-weight:500;letter-spacing:-.045em;margin:24px 0}
.bot-showcase-copy>p{font-size:15px;color:#bcabb7;line-height:1.9;max-width:480px}
.bot-demo-choices{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0 20px}
.bot-demo-choices button{font:inherit;font-size:12px;color:#c0aeb9;cursor:pointer;border:1px solid #bd8c9f42;background:#1a141a;padding:11px 15px;border-radius:4px;transition:background .2s,border-color .2s}
.bot-demo-choices button[aria-pressed="true"]{background:#61324444;color:#ffe2ed;border-color:#de8fa7b0}
.bot-demo-choices button:focus-visible,.bot-demo-playback:focus-visible{outline:2px solid #e4a0b5;outline-offset:4px}
.bot-showcase-copy .bot-demo-explainer{font-size:11px;line-height:1.8;color:#a58c9b}
.bot-phone{min-width:0;max-width:490px;width:100%;justify-self:center;position:relative;border:1px solid #a67f914f;border-radius:23px;background:#100d13;box-shadow:0 30px 90px #0008,0 0 60px #a14e6511;overflow:hidden}
.bot-phone:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 10% 100%,#69314630,transparent 65%)}
.bot-phone-top{position:relative;display:flex;align-items:center;gap:12px;padding:23px 22px;background:#1b141b;border-bottom:1px solid #d6adbe20}
.bot-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;border:1px solid #edbedc3d;background:linear-gradient(145deg,#573449,#241d29);flex-shrink:0}
.bot-avatar img{width:25px;height:25px}
.bot-phone-name{flex:1;min-width:0}
.bot-phone-name strong{display:block;font-size:15px;font-weight:500;color:#f5e1ed}
.bot-phone-name small{display:block;font-size:10px;color:#ad92a2;margin-top:4px;letter-spacing:.02em}
.bot-phone-top>span:last-child{font:8px monospace;letter-spacing:.06em;color:#aa8397;border:1px solid #aa839737;padding:6px}
.bot-phone-thread{position:relative;min-height:420px;padding:25px 22px;display:flex;flex-direction:column;gap:22px}
.bot-chat-day{font:9px monospace;text-align:center;color:#9d8192;letter-spacing:.08em;align-self:center;border-bottom:1px solid #a17b8e22;padding-bottom:8px}
.bot-question{align-self:flex-end;max-width:89%;padding:17px 18px;border:1px solid #b9749648;background:linear-gradient(130deg,#392336,#2b1c2b);border-radius:15px 15px 3px 15px}
.bot-question p{font-size:13px;line-height:1.8;color:#f2e2ed;margin:0;white-space:pre-line}
.bot-question small{display:block;font:8px monospace;color:#bc94ab;text-align:right;margin-top:12px;letter-spacing:.06em}
.bot-attachment{display:block;border-left:2px solid #ce9bb3;padding:7px 10px;background:#dd9fba0c;font-size:11px;color:#dec2d2;margin-bottom:12px;border-radius:2px}
.bot-reply{align-self:flex-start;max-width:94%;padding:18px;border:1px solid #a6899f2d;background:#1c1621;border-radius:15px 15px 15px 3px;min-width:0}
.bot-reply-label{display:flex;align-items:center;gap:7px;font:8px monospace;letter-spacing:.12em;color:#c498b0;margin-bottom:12px}
.bot-reply-label i{width:5px;height:5px;border-radius:50%;background:#dd98b8}
.bot-answer{font-size:13px;line-height:1.85;color:#ddccd8;white-space:pre-line;margin:0;min-height:170px}
.bot-story .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.bot-phone[data-phase="answer"] .bot-answer:after{content:'';display:inline-block;vertical-align:middle;width:5px;height:13px;margin-left:4px;background:#e8aac7;animation:bot-caret-v23 .8s steps(1) infinite}
.bot-typing{display:none;align-items:center;gap:5px;min-height:24px}
.bot-typing i{height:5px;width:5px;background:#bf90ac;border-radius:50%;animation:bot-dot-v23 1s ease-in-out infinite}
.bot-typing i:nth-child(2){animation-delay:.13s}.bot-typing i:nth-child(3){animation-delay:.26s}
.bot-phone[data-running="false"] .bot-typing i,.bot-phone[data-running="false"] .bot-answer:after{animation-play-state:paused}
.bot-phone[data-phase="question"] .bot-reply{visibility:hidden}
.bot-phone[data-phase="typing"] .bot-typing{display:flex}
.bot-phone[data-phase="typing"] .bot-answer{min-height:146px}
.bot-demo-result{display:flex;gap:12px;align-items:center;border-top:1px solid #d59bb82b;margin-top:18px;padding-top:15px}
.bot-demo-result[hidden]{display:flex;visibility:hidden}
.bot-attachment[hidden],.bot-demo-playback[hidden]{display:none}
.bot-demo-result>span{flex-shrink:0;font:10px monospace;color:#e3a9c6;background:#85486724;border:1px solid #c688a645;border-radius:5px;padding:11px 8px;min-width:38px;text-align:center}
.bot-demo-result strong{display:block;font-size:12px;line-height:1.5;font-weight:500;color:#ebd7e4}
.bot-demo-result small{display:block;font-size:10px;line-height:1.6;color:#ad8e9f;margin-top:4px}
.bot-phone-bottom{position:relative;display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #ad7b9626;padding:17px 22px;font-size:10px;color:#ac889e;min-height:60px}
.bot-demo-playback{color:#e7b7d0;background:none;border:0;border-bottom:1px solid #b17d983d;padding:4px 0;font:inherit;cursor:pointer}
.bot-voice-panel{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;background:radial-gradient(ellipse at 0 0,#6c334726,transparent 70%),#131015}
.bot-voice-panel .portfolio-panel-heading{margin-bottom:0}
.bot-wave-scene{border:1px solid #df9db634;border-radius:12px;padding:32px 26px;background:linear-gradient(140deg,#3d1d3033,#18111c)}
.bot-wave-top{display:flex;align-items:center;justify-content:space-between;font:9px monospace;letter-spacing:.09em;color:#be91a6}
.bot-wave{display:flex;align-items:center;justify-content:center;gap:5px;height:140px;margin:15px 0;overflow:hidden}
.bot-wave i{display:block;flex:1;max-width:5px;height:var(--wave,40%);min-width:2px;border-radius:3px;background:linear-gradient(#f4bcd2,#8d4567);opacity:.8}
.bot-wave-caption{font-size:13px;color:#e7c3d5;line-height:1.8;margin:0;text-align:center}
.bot-wave-note{font-size:10px;line-height:1.8;color:#a67f96;text-align:center;margin:13px 0 0}
.bot-models{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}
.bot-models span{font:11px monospace;padding:11px 14px;background:#d38ba60a;border:1px solid #da9bb632;border-radius:4px;color:#d8afc3}
.bot-gallery{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;margin-top:32px}
.bot-gallery figure{position:relative;margin:0;min-width:0;border:1px solid #b17b9842;background:#100c14;overflow:hidden;border-radius:7px}
.bot-gallery img{width:100%;height:auto;display:block;aspect-ratio:3/2;object-fit:cover}
.bot-gallery figcaption{padding:17px 18px;color:#dec2d0;font-size:12px;line-height:1.6}
.bot-gallery figcaption small{display:block;font:8px monospace;letter-spacing:.1em;color:#a58094;margin-bottom:6px}
.bot-media-flow{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:25px;padding:20px 0;border-block:1px solid #ce8eab24;color:#c8a8bb;font-size:12px;line-height:1.8}
.bot-media-flow i{font-style:normal;color:#e3a1bf}
.bot-media-panel .portfolio-fineprint{font-size:11px;color:#a98a9c;line-height:1.8;margin:22px 0 0}
.bot-media-panel>p:not(.portfolio-fineprint){font-size:14px;color:#c0a8b8;line-height:1.9;margin-top:23px}
.bot-web-link{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;margin-top:30px;border-top:1px solid #c794ab2d;padding-top:25px}
.bot-web-link p{font-size:13px;color:#b79eae;line-height:1.8;margin:0;max-width:650px}
.bot-web-link .case-text-link{margin:0;white-space:nowrap}
.bot-story .portfolio-visit strong{font-size:clamp(24px,4vw,49px)}
@keyframes bot-dot-v23{0%,70%,100%{opacity:.3;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}
@keyframes bot-caret-v23{50%{opacity:0}}
@media(max-width:1000px){.bot-showcase{grid-template-columns:1fr;gap:28px}.bot-showcase-copy{max-width:760px}.bot-demo-choices{margin-top:23px}.bot-voice-panel{grid-template-columns:1fr;gap:30px}}
@media(max-width:760px){.bot-showcase{padding:27px 17px}.bot-showcase-copy h3{font-size:31px}.bot-showcase-copy>p{font-size:14px}.bot-demo-choices button{font-size:11px;padding:10px 12px}.bot-phone{border-radius:17px}.bot-phone-top{padding:18px 15px;gap:10px}.bot-phone-top>span:last-child{font-size:7px;padding:5px}.bot-phone-name strong{font-size:14px}.bot-phone-thread{padding:19px 14px;gap:18px;min-height:455px}.bot-question{max-width:94%;padding:15px}.bot-question p,.bot-answer{font-size:12px}.bot-reply{max-width:100%;padding:16px}.bot-phone-bottom{padding:14px 16px}.bot-gallery{grid-template-columns:1fr}.bot-gallery figure:last-child{margin-left:25px}.bot-media-flow{display:grid;grid-template-columns:1fr 18px;gap:12px;font-size:12px}.bot-media-flow span:last-child{grid-column:1/-1}.bot-wave-scene{padding:25px 18px}.bot-wave{gap:4px;height:115px}.bot-web-link{grid-template-columns:1fr;gap:15px}.bot-web-link .case-text-link{justify-self:start}.bot-models{gap:7px}.bot-models span{font-size:10px;padding:9px 11px}}
@media(prefers-reduced-motion:reduce){.bot-story *, .bot-story *:after{animation:none!important;transition:none!important}}