@font-face{font-family:Familjen;src:url('/fonts/FamiljenGrotesk-400-700-normal.woff2');font-weight:400 700;font-display:swap}@font-face{font-family:Familjen;src:url('/fonts/FamiljenGrotesk-400-700-italic.woff2');font-weight:400 700;font-style:italic;font-display:swap}
:root{--ink:#2e2e2e;--cream:#fffaf2;--muted:#6c675f;--line:#ded6c9;--card:#fffaf2;--radius:18px}body{font-family:Familjen,Helvetica,Arial,sans-serif;background:#494742;color:var(--ink)}#suite-atmosphere{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;background:linear-gradient(130deg,#363634,#aba69b)}.suite-head{display:flex;align-items:center;gap:22px;padding:28px 4vw;color:#fffaf2}.suite-head img{width:112px;display:block;filter:invert(1)}.suite-head span{font:10px monospace;letter-spacing:.16em}.suite-head button{width:auto;margin:0 0 0 auto;padding:9px 15px;border:1px solid #fff5;background:#ffffff12;border-radius:30px;color:#fffaf2;font:11px Familjen;text-transform:none;letter-spacing:0;cursor:pointer}.suite-intro{color:#fffaf2}.suite-intro h2{font-size:clamp(65px,8vw,115px);letter-spacing:-.065em;line-height:.85;margin:24px 0;font-weight:600}.suite-intro h2 em{font-weight:500}.suite-intro p{font-size:15px;line-height:1.5;max-width:300px}.suite-intro .eyebrow{font:10px monospace;letter-spacing:.07em;color:#fffaf2}.suite-art{width:260px;height:190px;margin-top:26px;animation:float-suite 12s ease-in-out infinite;filter:drop-shadow(0 20px 20px #0002)}@keyframes float-suite{50%{transform:translateY(-12px) rotate(3deg)}}.motion-paused .suite-art{animation-play-state:paused}input,select,textarea{font-family:inherit!important}input:focus-visible,button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:3px}.suite-foot{color:#fffaf2;text-align:center;padding:24px;font:10px monospace}.suite-foot a{color:inherit;margin:0 10px}
@media(max-width:760px){.suite-head{padding:24px 6vw;gap:14px}.suite-head img{width:95px}.suite-head span{font-size:8px}.suite-head button{font-size:10px;padding:8px 10px}.suite-intro{position:relative!important;inset:auto!important;width:auto!important;margin:22px 6vw 30px!important;padding-right:20%;}.suite-intro h2{font-size:66px}.suite-intro p{font-size:13px}.suite-art{position:absolute;right:-4%;top:28px;width:150px;opacity:.35;z-index:-1}}@media(prefers-reduced-motion:reduce){.suite-art{animation:none}}
body:not(.login-page)>main{max-width:660px;margin:0 5vw 0 43vw;padding:0 0 30px}.suite-intro{position:fixed;left:5vw;top:155px;width:33vw}.dash{margin:12px 5vw 24px 43vw;border-radius:18px;padding:26px;background:#fffaf2ec;color:#2e2e2e;box-shadow:0 20px 55px #0001;max-width:660px}.dash .wordmark{font-size:14px;letter-spacing:.02em;flex-wrap:wrap}.dash .wordmark select{color:#2e2e2e;background-image:none;font-size:17px;appearance:auto}.dash .company{font-size:9px;color:#6c675f;margin-top:10px}.odo-value{color:#2e2e2e;font-size:30px}.odo-label{color:#6c675f;font-size:9px}.odo-sats input{color:#2e2e2e;border-color:#aaa}.roadline{display:none}main>section{background:#fffaf2f5;border:1px solid #fff8;border-radius:18px;padding:26px;margin-top:20px;box-shadow:0 20px 55px #0001}.field>span,.eyebrow{color:#6c675f}.field input{border-radius:8px;background:#fffafc}.btn-primary{border-radius:8px}.login-page{display:block;padding:0}.login-page .login{margin:80px 5vw 80px 47vw;padding:30px;background:#fffaf2;border-radius:18px;max-width:470px;width:auto}.login-brand,.login .field>span{color:#2e2e2e}.login .company{color:#6c675f}.login .field input{background:white;color:#2e2e2e;border:1px solid #ded6c9}.login-btn{background:#393937;color:#fffaf2}.login .form-error{color:#9c2f1d}@media(max-width:760px){.dash{margin:0 5vw 20px;max-width:none;padding:22px}body:not(.login-page)>main{margin:0 5vw;max-width:none}.login-page .login{margin:25px 5vw;width:auto;max-width:none}main>section{padding:22px}.odometer{gap:18px}.odo-value{font-size:25px}}
.tr-toggle{position:relative;overflow:hidden}.tr-toggle input{inset:0;width:100%;height:100%;margin:0;padding:0}.tr-toggle:focus-within{outline:2px solid #2e2e2e;outline-offset:3px}
.period-picker{position:relative;display:inline-flex;font-style:normal;letter-spacing:0;text-transform:none}.period-picker select[hidden]{display:none}.period-trigger{display:flex;align-items:center;gap:18px;width:auto;margin:0;padding:9px 13px;border:1px solid #ded6c9;border-radius:12px;background:#fffaf280;color:#2e2e2e;font:500 16px Familjen,sans-serif;text-transform:none;letter-spacing:0;cursor:pointer}.period-trigger:after{content:'';width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-3px}.period-trigger[aria-expanded=true]{background:#eee8dd}.period-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:20;min-width:180px;max-height:320px;overflow:auto;padding:7px;background:#fffaf2;border:1px solid #ded6c9;border-radius:16px;box-shadow:0 16px 42px #2e2e2e26}.period-menu[hidden]{display:none}.period-menu button{display:block;width:100%;margin:0;padding:10px 13px;border:0;border-radius:9px;background:transparent;color:#2e2e2e;text-align:left;font:400 16px Familjen,sans-serif;letter-spacing:0;text-transform:none;cursor:pointer}.period-menu button:hover,.period-menu button:focus-visible{background:#ece5d9;outline:none}.period-menu button[aria-selected=true]{background:#3d3d39;color:#fffaf2}.dash .wordmark{gap:10px}.dash{position:relative;z-index:2}@media(max-width:760px){.period-menu{min-width:160px}.period-trigger{font-size:15px;padding:8px 11px}}