details.menu{position:relative;flex:0 0 auto}details.menu summary{cursor:pointer;color:var(--muted);font-size:.9rem;list-style:none}details.menu summary::-webkit-details-marker{display:none}.menu-panel{position:absolute;z-index:8;top:34px;right:0;width:280px;max-width:calc(100vw - 28px);padding:14px;border:1px solid var(--line);border-radius:16px;background:#0a1728;box-shadow:0 24px 70px #000}.menu-panel a{display:block;padding:9px 10px;border-radius:9px}.menu-panel a:hover{background:rgba(255,255,255,.05)}
.hero{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--line);border-radius:32px;background-image:linear-gradient(90deg,rgba(6,16,30,.98) 0%,rgba(6,16,30,.91) 43%,rgba(6,16,30,.15) 82%),url('/assets/riovon-workflow-hero.png');background-size:cover;background-position:center right;box-shadow:0 35px 100px rgba(0,0,0,.3);padding-inline:clamp(28px,6vw,72px);margin-top:45px;margin-bottom:80px}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,rgba(103,228,237,.05),transparent 45%)}
.icon{display:grid;width:62px;height:62px;place-items:center;flex:0 0 62px;margin-bottom:20px;border:1px solid rgba(103,228,237,.42);border-radius:18px;background:radial-gradient(circle at 30% 20%,rgba(103,228,237,.3),transparent 55%),linear-gradient(135deg,rgba(103,228,237,.15),rgba(170,145,255,.22));box-shadow:inset 0 0 22px rgba(103,228,237,.08),0 12px 35px rgba(0,0,0,.3)}.icon svg{display:block;width:31px!important;height:31px!important;max-width:100%;overflow:visible;fill:none!important;stroke:#67e4ed!important;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.visual-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--line)}.visual-step{min-width:0;padding:30px;background:var(--panel)}.visual-step strong{display:block;margin:15px 0 6px}.visual-step p{margin:0;color:var(--muted);font-size:.9rem}
.calculator{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}.result{min-width:0;padding:30px;border:1px solid rgba(103,228,237,.3);border-radius:22px;background:linear-gradient(135deg,rgba(103,228,237,.1),rgba(170,145,255,.08)),var(--panel)}.metric{padding:15px 0;border-bottom:1px solid var(--line)}.metric:last-child{border:0}.metric strong{display:block;font-size:1.7rem}.metric span,.fine{color:var(--muted);font-size:.88rem}.fine{color:#71859b;font-size:.82rem}.faq details{padding:20px 0;border-top:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:750;font-size:1.08rem}.faq details p{color:var(--muted)}.case-stat{font-size:clamp(2rem,5vw,4rem);font-weight:800;letter-spacing:-.04em;color:var(--cyan);overflow-wrap:anywhere}.case-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:50px}.aside-card{position:sticky;top:30px;height:max-content;min-width:0;padding:28px;border:1px solid var(--line);border-radius:22px;background:var(--panel)}
html,body{max-width:100%;overflow-x:clip}img,svg,video,canvas{display:block;max-width:100%;height:auto}.shell,.grid,.card,.content,.case-layout,.calculator,.visual-strip,article,aside,main,section{min-width:0}.card{overflow:hidden}h1,h2,h3,p,li,a{overflow-wrap:anywhere}.editorial-image{display:block;width:100%;max-height:620px;object-fit:cover;border:1px solid var(--line);border-radius:28px;box-shadow:0 28px 90px rgba(0,0,0,.32)}.image-break{padding:0 0 90px}.image-break figcaption{margin-top:12px;color:#71859b;font-size:.8rem}
html:has(link[href="https://riovon.com/ai-agents/"]) .page-head,html:has(link[href="https://riovon.com/use-cases/"]) .page-head{padding:clamp(38px,7vw,82px);margin-top:35px;border:1px solid var(--line);border-radius:30px;box-shadow:0 28px 90px rgba(0,0,0,.3);overflow:hidden}
html:has(link[href="https://riovon.com/ai-agents/"]) .page-head{background:linear-gradient(90deg,rgba(6,16,30,.98),rgba(6,16,30,.75) 58%,rgba(6,16,30,.15)),url('/assets/agent-orchestration.png') center/cover}
html:has(link[href="https://riovon.com/use-cases/"]) .page-head{background:linear-gradient(90deg,rgba(6,16,30,.98),rgba(6,16,30,.75) 58%,rgba(6,16,30,.15)),url('/assets/ai-use-cases.png') center/cover}
@media(max-width:820px){.calculator,.case-layout{grid-template-columns:1fr}.visual-strip{grid-template-columns:1fr 1fr}.hero{background-position:62% center}header{flex-wrap:wrap;padding:14px 0}.editorial-image{border-radius:20px}.image-break{padding-bottom:65px}}@media(max-width:620px){.visual-strip{grid-template-columns:1fr}.hero{margin-top:15px;border-radius:22px;background-image:linear-gradient(rgba(6,16,30,.86),rgba(6,16,30,.94)),url('/assets/riovon-workflow-hero.png')}nav>a:not(.button){display:none}}@media(max-width:460px){nav .button{display:none}details.menu{display:block}.brand{font-size:.95rem}}