/* RiotFleet: verified conversation-to-production marketing case study.
   No external fonts/scripts; self-hosted assets only. Scoped classes avoid
   perturbing the site's existing platform, demos, and protected routes. */
.rf-case-section{background:radial-gradient(ellipse 70% 36% at 84% 6%,#623e8d26,transparent 80%),#090b14}
.rf-case-heading{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:34px}
.rf-case-heading .section-sub{max-width:510px}
.rf-case-accent{background:linear-gradient(92deg,#dca9ff,#f3b1e5);background-clip:text;-webkit-background-clip:text;color:transparent}
.rf-case-shell{background:linear-gradient(145deg,#151626,#101321 45%,#161228);border:1px solid #af76e747;border-radius:20px;padding:clamp(19px,3.4vw,41px);box-shadow:0 24px 80px #0005}
.rf-case-overline{display:flex;gap:11px;align-items:center;color:#e8cbf7;font-size:11px;font-weight:800;letter-spacing:.12em;margin-bottom:22px;line-height:1.4}
.rf-case-live-dot{width:9px;height:9px;background:#a8f1d7;border-radius:50%;box-shadow:0 0 0 4px #a8f1d714;flex-shrink:0}
.rf-case-date{color:#aaa1bc;font-size:10px;letter-spacing:.09em;margin-left:auto;text-align:right}
.rf-case-poster{margin:0}.rf-case-poster a{display:block;border-radius:14px;overflow:hidden;border:1px solid #b878ed60;background:#090b13;transition:border-color .2s}.rf-case-poster a:hover{border-color:#e9c5ff}.rf-case-poster img{display:block;width:100%;height:auto;aspect-ratio:900/507;object-fit:cover}
.rf-case-poster figcaption{margin-top:12px;color:#a9a1b9;font-size:12px;line-height:1.6}
.rf-case-columns{display:grid;grid-template-columns:.93fr 1.07fr;gap:36px;margin-top:40px}
.rf-case-kicker{font-size:11px;color:#d6a0f6;font-weight:800;text-transform:uppercase;letter-spacing:.18em;margin-bottom:13px}
.rf-case-story blockquote{margin:0 0 20px;border-left:3px solid #d19cff;background:#b470ef12;border-radius:0 10px 10px 0;padding:15px 20px;font-weight:700;font-size:18px;line-height:1.52;color:#f2e9fa}
.rf-case-story>p:not(.rf-case-kicker){font-size:15px;color:#c9c2d8;margin:0 0 20px;line-height:1.7}
.rf-case-flow{display:flex;gap:7px;flex-wrap:wrap}
.rf-case-flow span{font-size:11px;font-weight:780;letter-spacing:.015em;border-radius:6px;color:#e5ccf5;background:#9245cb21;border:1px solid #ae73d555;padding:6px 9px}
.rf-case-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.rf-case-stat{min-width:0;padding:18px;border:1px solid #e0bbff23;border-radius:12px;background:linear-gradient(145deg,#ffffff0b,#ffffff05)}
.rf-case-stat>span{display:block;color:#c7bed6;font-size:12px;line-height:1.45}
.rf-case-stat strong{display:block;color:#b9f6db;font-size:clamp(25px,3vw,36px);letter-spacing:-.04em;line-height:1.35;margin:6px 0}
.rf-case-stat strong span{color:#b28bbf;font-size:.8em}
.rf-case-stat small{display:block;color:#aaa2bf;font-size:11px;line-height:1.55}
.rf-case-proofline{margin:38px 0 0;padding:25px 0 29px;border-top:1px solid #ffffff1c;border-bottom:1px solid #ffffff1c}
.rf-case-proofline p{margin:0 0 15px;color:#cbc5d8;font-size:14px;line-height:1.7}.rf-case-proofline strong{color:#f6ebff}
.rf-case-links{display:flex;gap:10px 22px;flex-wrap:wrap}
.rf-case-links a,.rf-case-original{font-size:12px;font-weight:750;color:#e1bbff;text-decoration:underline;text-decoration-color:#c38cf66b;text-underline-offset:4px}
.rf-case-links a:hover,.rf-case-original:hover{color:#fff}
.rf-case-details{padding:20px 0 6px}.rf-case-details summary{cursor:pointer;font-weight:750;color:#f3e5ff;font-size:15px;list-style:none;padding:8px 2px;display:flex;justify-content:space-between;gap:14px;align-items:center;min-height:48px}
.rf-case-details summary::-webkit-details-marker{display:none}.rf-case-details summary span{color:#d59aff}
.rf-case-details[open] summary span{transform:rotate(180deg)}
.rf-case-details-note{color:#aea4c0;font-size:13px;line-height:1.65;margin:8px 0 14px}
.rf-case-scroll{height:min(58vh,560px);overflow-y:auto;overscroll-behavior:contain;background:#fff;border:1px solid #c99af070;border-radius:9px;scrollbar-color:#a77bc2 #1c192a}
.rf-case-scroll img{width:100%;height:auto;display:block}
.rf-case-original{display:inline-block;margin-top:14px}
.rf-case-cta{display:flex;align-items:center;justify-content:space-between;gap:26px;background:linear-gradient(100deg,#5e2c863c,#ac57a319);border:1px solid #bc75ec43;border-radius:12px;margin-top:25px;padding:22px}
.rf-case-cta strong{font-size:18px;color:#fff}.rf-case-cta p{margin:6px 0 0;color:#c4b8d2;font-size:13px;line-height:1.65}.rf-case-cta .button{flex-shrink:0}
.rf-case-disclaimer{color:#898299;font-size:11px;margin:16px 3px 0;line-height:1.65}
@media(max-width:900px){.rf-case-heading{display:block}.rf-case-heading .section-sub{margin-top:14px}.rf-case-columns{grid-template-columns:1fr;gap:30px}.rf-case-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:550px){.rf-case-overline{flex-wrap:wrap;font-size:10px}.rf-case-date{margin-left:20px}.rf-case-story blockquote{font-size:17px}.rf-case-stats{gap:8px}.rf-case-stat{padding:13px}.rf-case-stat strong{font-size:25px}.rf-case-links{flex-direction:column}.rf-case-cta{padding:18px}.rf-case-scroll{height:450px}}
@media(prefers-reduced-motion:reduce){.rf-case-poster a{transition:none}}