/* The sandbox demo uses the production app's typography and dark visual tokens. */
@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;--ink:#f4f4f5;--muted:#a1a1aa;--paper:#050506;--panel:#101012;--line:#2a2a30;--soft:#19191d;--dark:#09090b;--blue:#78adff;--green:#78ddaf;--shadow:0 4px 24px #0003}
body.rivo-full-demo{font-family:"Vend Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--paper);color:var(--ink);font-weight:400;-webkit-font-smoothing:antialiased}
.rivo-full-demo .nav{background:#09090b;border-color:#242429;box-shadow:none;backdrop-filter:none}.rivo-full-demo .nav-inner{padding-top:18px;padding-bottom:18px}.rivo-full-demo .brand{font-size:24px;letter-spacing:-.04em;font-weight:600}.rivo-full-demo .brand-logo{width:28px;height:28px;background:none;border:0;border-radius:0;box-shadow:none;padding:0}.rivo-full-demo .brand-logo img{animation:full-demo-pinwheel 24s linear infinite}.rivo-full-demo .links{font-size:13px;font-weight:500}.rivo-full-demo .links>a:not(.nav-cta){color:#a1a1aa}.rivo-full-demo .links>a:hover{color:#fff}.rivo-full-demo .links .login-link{border:1px solid #36363f;background:#1b1b20;border-radius:999px;color:#eeeef2;padding:9px 16px}
.rivo-full-demo .page-hero{padding:58px 0 38px;background:#050506;color:var(--ink);border:0;box-shadow:none}.rivo-full-demo .page-hero::before,.rivo-full-demo .page-hero::after{display:none}.rivo-full-demo .page-hero .eyebrow{color:#78adff;font-size:11px;font-weight:500;letter-spacing:.04em}.rivo-full-demo .page-hero h1{font-size:clamp(32px,4vw,49px);line-height:1.12;font-weight:600;letter-spacing:-.045em;max-width:24ch}.rivo-full-demo .page-hero .lede{font-size:15px;line-height:1.7;color:var(--muted);max-width:75ch}
.rivo-full-demo .demo-shell{grid-template-columns:minmax(280px,.75fr) minmax(0,1.6fr);gap:22px;align-items:start;margin-top:0;padding-bottom:50px}.rivo-full-demo .demo-panel{padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:none;min-width:0}.rivo-full-demo h2{font-size:20px;letter-spacing:-.025em;font-weight:600}.rivo-full-demo .section-head{align-items:center;gap:16px}.rivo-full-demo .section-head .eyebrow{font-size:11px;color:var(--muted);letter-spacing:0;font-weight:400}.rivo-full-demo .section-head h2{margin-top:6px}.rivo-full-demo .field{margin-bottom:15px}.rivo-full-demo label{font-size:13px;color:#c3c3ce;font-weight:500}.rivo-full-demo input,.rivo-full-demo select,.rivo-full-demo textarea{font-family:inherit;min-height:44px;border:1px solid #393941;border-radius:12px;background:#0c0c0f;color:var(--ink);font-size:15px;box-shadow:none;padding:10px 12px}.rivo-full-demo input:focus,.rivo-full-demo select:focus,.rivo-full-demo textarea:focus{border-color:#78adff;outline:2px solid #78adff40;outline-offset:2px}.rivo-full-demo textarea{min-height:92px}
.rivo-full-demo .button,.rivo-full-demo .nav-cta{min-height:44px;padding:10px 18px;border:1px solid transparent;border-radius:999px;box-shadow:none;background:#f5f5f5;color:#101012;font:600 13px/1.5 "Vend Sans",sans-serif;transform:none}.rivo-full-demo .button:hover,.rivo-full-demo .nav-cta:hover{background:#dceaff;color:#0a1524;transform:none;box-shadow:none}.rivo-full-demo .button.secondary{background:#1b1b20;border-color:#36363f;color:#eeeef2}.rivo-full-demo .button.secondary:hover{background:#282830;border-color:#53535f}.rivo-full-demo .button.subtle{background:transparent;border-color:#36363f;color:#bcbcc7}.rivo-full-demo .button.subtle:hover{background:#25252c;color:white}.rivo-full-demo :is(button,a):focus-visible{outline:2px solid #78adff;outline-offset:4px}
.rivo-full-demo .form-note{color:var(--muted);font-size:12px;line-height:1.6}.rivo-full-demo .orders{gap:13px}.rivo-full-demo .order-card{padding:18px;border:1px solid var(--line);border-radius:16px;background:#141416;box-shadow:none}.rivo-full-demo .order-card.selected{border-color:#657f9f;background:#78adff08;box-shadow:0 0 0 1px #78adff15}.rivo-full-demo .order-head strong{font-size:15px;font-weight:600}.rivo-full-demo .order-meta{gap:7px;font-size:11px;color:var(--muted)}.rivo-full-demo .order-meta span{border-radius:6px;background:#202027;border-color:#313139;color:#b7b7c2;font-weight:400}.rivo-full-demo .mini-tag{background:#1b2f4d;color:#b3d2ff;border:0;border-radius:999px;font-weight:500;font-size:10px}.rivo-full-demo .actions{gap:8px;flex-wrap:wrap}.rivo-full-demo .actions .button{font-size:12px;padding:8px 14px}.rivo-full-demo .route-box{padding:20px;background:#19191d;border:1px solid #36363f;border-radius:16px;color:var(--ink)}.rivo-full-demo .route-box strong{font-size:15px;font-weight:600}
@keyframes full-demo-pinwheel{to{transform:rotate(360deg)}}
@media(max-width:850px){.rivo-full-demo .demo-shell{grid-template-columns:1fr}.rivo-full-demo .page-hero{padding:36px 0 24px}.rivo-full-demo .demo-panel{padding:20px}.rivo-full-demo .section-head{flex-wrap:wrap}.rivo-full-demo .nav-inner{gap:18px}.rivo-full-demo .links{gap:15px;font-size:12px}}
@media(max-width:520px){.rivo-full-demo .page-hero h1{font-size:34px}.rivo-full-demo .page-hero .lede{font-size:14px}.rivo-full-demo .demo-panel{padding:17px}.rivo-full-demo .order-card{padding:15px}.rivo-full-demo .order-head{gap:12px;flex-wrap:wrap}.rivo-full-demo .actions .button{width:auto;flex:1 1 auto}.rivo-full-demo .section-head .button{padding:9px 14px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.rivo-full-demo *{animation:none!important;transition:none!important}}
.rivo-full-demo .page-hero .wrap{padding-top:0;padding-bottom:0}.rivo-full-demo .links .nav-cta,.rivo-full-demo .links .nav-cta:hover{color:#101012!important}.rivo-full-demo main#main{padding-top:10px}.rivo-full-demo footer{background:#09090b;border-color:var(--line);color:var(--muted)}.rivo-full-demo footer a{color:#c3c3ce}