/* Shared Rivo product identity: matches Operations /public/design-system.css. */
@font-face{font-family:"Vend Sans";font-style:normal;font-weight:400 500;font-display:swap;src:url('/assets/fonts/vend-sans-regular.ttf') format('truetype')}
@font-face{font-family:"Vend Sans";font-style:normal;font-weight:600 900;font-display:swap;src:url('/assets/fonts/vend-sans-semibold.ttf') format('truetype')}
:root{color-scheme:dark;background:#050506;--bg:#050506;--surface:#101012;--surface-strong:#19191d;--text:#f4f4f5;--muted:#a1a1aa;--line:#2a2a30;--accent:#78adff;--ink:var(--text);--paper:var(--bg);--panel:var(--surface);--soft:var(--surface-strong);--dark:#09090b;--dark-2:#101012;--blue:var(--accent);--green:#78ddaf;--green-dark:#78ddaf;--cream:#19191d;--mint:#19191d;--shadow:0 4px 24px #0003}
body,.rivo-site,body.rivo-full-demo{background:var(--bg);color:var(--text);font:400 16px/1.65 "Vend Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
.rivo-site{--ri:var(--text);--rm:var(--muted);--rb:var(--accent);--rl:var(--line);--rp:var(--surface)}
button,input,select,textarea{font-family:inherit}
:is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--accent);outline-offset:4px}
:is(.rivo-site header,.nav,.rivo-full-demo .nav){background:var(--bg);border-color:var(--line);box-shadow:none;backdrop-filter:none}
.wordmark,.brand,.rivo-full-demo .brand{font-size:24px;font-weight:600;letter-spacing:-.04em;color:var(--text)}
.brand-mark,.brand-logo,.rivo-full-demo .brand-logo{width:30px;height:30px;min-width:30px;background:none;border:0;border-radius:0;box-shadow:none;padding:0;object-fit:contain}
.brand-mark,.brand-logo img{animation:rivo-brand-turn 24s linear infinite}
.brand-logo img{width:30px;height:30px;max-width:30px;object-fit:contain;border-radius:0}
.rivo-site nav,.account,.links{font-size:13px;font-weight:400;color:var(--muted)}
.rivo-site nav a,.links a:not(.nav-cta){color:var(--muted)}
.rivo-site nav a:hover,.links a:not(.nav-cta):hover{color:var(--text)}
:is(.hero-start,.hero-demo,.nav-start,.nav-cta,.button),.rivo-site :is(.hero-start,.hero-demo,.nav-start,.nav-cta,.button){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;box-sizing:border-box;border:1px solid transparent;border-radius:999px;padding:10px 18px;font:600 14px/1.5 "Vend Sans",sans-serif;box-shadow:none;transform:none;text-decoration:none;transition:background .18s,color .18s,border-color .18s}
:is(.hero-start,.nav-start,.nav-cta,.button),.rivo-site :is(.hero-start,.nav-start,.nav-cta,.button){background:#f5f5f5;color:#101012!important;border-color:transparent}
:is(.hero-start,.nav-start,.nav-cta,.button):not(:disabled):hover,.rivo-site :is(.hero-start,.nav-start,.nav-cta,.button):not(:disabled):hover{background:#dceaff!important;color:#0a1524!important;box-shadow:none;transform:none}
:is(.hero-demo,.button.secondary,.button.subtle),.rivo-site :is(.hero-demo,.button.secondary,.button.subtle){background:#1b1b20;color:#eeeef2!important;border-color:#36363f}
:is(.hero-demo,.button.secondary,.button.subtle):not(:disabled):hover,.rivo-site :is(.hero-demo,.button.secondary,.button.subtle):not(:disabled):hover{background:#282830!important;color:#fff!important;border-color:#53535f}
.button:disabled{opacity:.45;cursor:not-allowed}
.rivo-site .hero-accent,.sectors-hero h1>span,.sector-closing h2>span{color:var(--muted)}
.rivo-site :is(.description,.intro p,.trial-note,.hero .description),.page-hero .lede{color:var(--muted)}
.rivo-site :is(h1,h2,h3),.page-hero h1{font-weight:600;letter-spacing:-.045em;color:var(--text)}
.rivo-site .category,.eyebrow,.page-hero .eyebrow{color:var(--accent)}
.signal-dot{background:var(--accent);box-shadow:0 0 12px #5a99ff55}
:is(.steps article,.plan,.industry-card,.industry-example,.card,.band,.demo-panel,.pricing-strip>div,.contact-card),.rivo-site :is(.steps article,.plan,.industry-card,.industry-example){background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);color:var(--text)}
.rivo-site :is(.plan,.industry-card):hover{background:var(--surface-strong);border-color:#53535f;transform:none;box-shadow:none}
.rivo-site :is(.plan a,.industry-cta>a){border-radius:999px}
.rivo-site .plan a{background:#1b1b20;color:var(--text);border:1px solid #36363f;min-height:44px;align-content:center}
.rivo-site .plan a:hover{background:#282830;color:#fff}
.rivo-site .industry-link{color:var(--accent)}
.rivo-site :is(.contact form,input,textarea,select),input,textarea,select{background:#0c0c0f;color:var(--text);border-color:#393941;border-radius:12px}
input::placeholder,textarea::placeholder{color:#81818d;opacity:1}
input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:none;outline:2px solid #78adff40;outline-offset:2px}
.rivo-site .contact form{background:var(--surface);border:1px solid var(--line);border-radius:20px}
.rivo-site footer,footer,.rivo-full-demo footer{background:#09090b;border-color:var(--line);color:var(--muted)}
.rivo-site footer a,.footer-links a{color:var(--muted)}
.rivo-site .closing,.industry-cta{background:transparent;border-color:var(--line)}
.page-hero{background:var(--bg);border-color:var(--line);color:var(--text)}
.page-hero::after{display:none}
.legal-copy h2{color:var(--text)}
/* Industry illustrations use the same neutral panels as dispatch. */
.industries-page{--sector-accent:var(--accent)}
.sector-explorer,.sector-product{border-color:var(--line);border-radius:20px;box-shadow:none}
.sector-tabs,.sector-product,.sector-window-bar,.sector-sidebar{background:#09090b;border-color:var(--line)}
.sector-tab{color:var(--muted);border-color:var(--line)}
.sector-tab[aria-selected=true],.sector-tab:hover{background:var(--surface-strong);color:var(--text)}
.sector-panel{background:var(--surface)}
.sector-product{transform:none}
/* The embedded tour follows the current Today workspace hierarchy. */
#product-tour .tour-heading h2{margin-top:0;font-size:30px}
#product-tour:not([data-phase="4"]) .tour-heading :is(.tour-eyebrow,p){display:none}
#product-tour .tour-nav-label{display:block;padding:10px 13px;color:var(--tour-muted);font-size:12px}
#product-tour .tour-pane-tabs{display:flex;gap:6px;align-items:center;margin:0 0 18px;padding:5px;border:1px solid var(--tour-line);border-radius:999px;background:#111114;color:var(--tour-muted);font-size:11px;overflow:auto;white-space:nowrap}
#product-tour .tour-pane-tabs>span{padding:7px 10px;border-radius:999px}
#product-tour .tour-pane-tabs>.is-active{background:#303038;color:white}
#product-tour .tour-stats>div{border-radius:18px}
#product-tour .tour-panel{border-radius:20px}
#product-tour .tour-map-land{fill:#e9edf0}
#product-tour .tour-blocks{fill:#d8dfe5}
#product-tour .tour-street{stroke:#fff}
#product-tour .tour-order-tabs{display:none}
#product-tour .tour-order-row.is-selected{background:#172338;box-shadow:inset 3px 0 #78adff}
.workspace-capture{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:20px}
@keyframes rivo-brand-turn{to{transform:rotate(360deg)}}
@media(max-width:540px){.rivo-site :is(.hero-start,.hero-demo){padding:10px 16px;font-size:13px}.wordmark{font-size:24px}#product-tour .tour-pane-tabs{font-size:9px;gap:1px}#product-tour .tour-pane-tabs>span{padding:6px 8px}#product-tour .tour-nav-label{display:none}}
@media(prefers-reduced-motion:reduce){.brand-mark,.brand-logo img{animation:none!important}*{scroll-behavior:auto}}
/* Sandbox uses the same navigation, metric strip, panels and New delivery dialog. */
.rivo-full-demo main#main{max-width:1240px;width:calc(100% - 48px);padding-top:0}
.demo-app-frame{display:grid;grid-template-columns:190px minmax(0,1fr);border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--bg)}
.demo-app-sidebar{display:flex;flex-direction:column;padding:28px 16px;background:#09090b;border-right:1px solid #242429;min-width:0}
.demo-app-sidebar .brand{display:flex;gap:10px;align-items:center;font-size:24px}
.demo-app-sidebar .brand img{animation:rivo-brand-turn 24s linear infinite}
.demo-app-sidebar p{font-size:10px;color:var(--muted);margin:8px 0 30px}
.demo-app-sidebar nav{display:grid;gap:5px;font-size:13px}
.demo-app-sidebar nav>*{display:block;min-height:44px;box-sizing:border-box;padding:11px 16px;color:var(--muted);border-radius:999px}
.demo-app-sidebar nav>.active{background:#232329;color:var(--text);box-shadow:inset 0 0 0 1px #33333b}
.demo-app-sidebar nav>a:hover{background:#19191e;color:#fff}
.demo-app-sidebar small{margin-top:auto;padding-top:48px;font-size:11px;color:var(--muted)}
.demo-app-main{min-width:0;padding:28px}
.demo-today-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}
.demo-today-head h2{margin:0;font-size:32px;font-weight:600;letter-spacing:-.045em}
.demo-workspace-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}
.demo-workspace-metrics>div{padding:16px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#17171b,#101012);position:relative}
.demo-workspace-metrics>div::after{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);position:absolute;right:12px;top:22px}
.demo-workspace-metrics>div:nth-child(3)::after{background:#78ddaf}.demo-workspace-metrics>div:nth-child(4)::after{background:#f3bd72}
.demo-workspace-metrics span{font-size:11px;color:var(--muted);display:block;padding-right:6px}
.demo-workspace-metrics strong{display:block;font-size:30px;font-weight:600;letter-spacing:-.04em;color:var(--text)}
.demo-workspace-tabs{display:flex;gap:5px;padding:5px;border:1px solid var(--line);background:#111114;border-radius:999px;margin-bottom:22px;font-size:11px;color:var(--muted);overflow:auto;white-space:nowrap}
.demo-workspace-tabs>*{padding:8px 12px;border-radius:999px}.demo-workspace-tabs>.active{background:#303038;color:var(--text)}
.demo-app-main .demo-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.8fr);gap:18px;margin:0}
.demo-app-main .demo-panel{padding:20px;min-width:0;border-radius:20px;box-shadow:none}
.demo-app-main .demo-panel h2{font-size:17px;margin:0;font-weight:600;letter-spacing:-.02em}
.demo-app-main .order-card{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:18px 0}
.demo-app-main .order-card.selected{box-shadow:none;background:#172338;border-radius:12px;padding:18px 12px}
.demo-app-main .order-head{align-items:flex-start;gap:10px}
.demo-app-main .order-head strong{font-size:14px}.demo-app-main .order-meta{font-size:11px}
.demo-app-main .order-card .actions{gap:6px}.demo-app-main .order-card .button{font-size:11px;padding:8px 11px;min-height:40px}
.demo-app-main .route-box{margin:20px 0;padding:18px;background:var(--surface-strong);border:1px solid var(--line);border-radius:14px}
.demo-delivery-dialog{width:min(540px,calc(100% - 32px));box-sizing:border-box;max-height:90dvh;overflow:auto;padding:0;background:var(--surface);border:1px solid var(--line);border-radius:20px;color:var(--text)}
.demo-delivery-dialog::backdrop{background:#000a;backdrop-filter:blur(6px)}
.demo-delivery-dialog .demo-panel{padding:24px;margin:0;border:0;border-radius:0;background:var(--surface)}
.demo-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.demo-dialog-head h2{font-size:22px;margin:0}
@media(max-width:1000px){.demo-app-frame{grid-template-columns:155px minmax(0,1fr)}.demo-app-main{padding:20px}.demo-app-main .demo-shell{grid-template-columns:1fr}.demo-app-sidebar{padding:24px 12px}}
@media(max-width:700px){.demo-app-frame{grid-template-columns:1fr}.demo-app-sidebar{border-right:0;border-bottom:1px solid var(--line);padding:16px 18px}.demo-app-sidebar p{margin:4px 0 0}.demo-app-sidebar nav{display:flex;margin-top:14px;gap:8px}.demo-app-sidebar nav>*{padding:8px 12px;min-height:40px}.demo-app-sidebar nav>span:not(.active),.demo-app-sidebar small{display:none}.rivo-full-demo main#main{width:calc(100% - 28px)}.demo-workspace-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-today-head h2{font-size:28px}.demo-app-main{padding:18px}.demo-app-main .demo-shell{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.demo-app-sidebar .brand img{animation:none}}