@font-face{font-family:'NextQ Public';src:url('assets/fonts/nunito.woff2') format('woff2');font-weight:200 900;font-display:swap}
:root{--navy:#14234b;--blue:#1859ef;--amber:#ffc43a;--ink:#14234b;--teal:#087a6c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font-family:'NextQ Public',Arial,sans-serif;background:#fff}button,a,input,select{ -webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #ee7c18;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'NextQ Public',Arial,sans-serif}h1{font-size:clamp(44px,4.7vw,70px);line-height:1.1;letter-spacing:-3px;font-weight:800}h2{font-size:clamp(32px,3.3vw,47px);line-height:1.15;letter-spacing:-1.8px}p{font-size:18px;line-height:1.65}em{font-style:normal;color:var(--amber)}.preview{background:var(--navy);color:white;padding:8px 6%;font-size:12px;display:flex;justify-content:space-between;letter-spacing:.3px}.preview span{color:#c7d4f6}header{height:88px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:white;position:sticky;top:0;z-index:10;border-bottom:1px solid #e0e5ef}header img{display:block;object-fit:contain}nav{display:flex;gap:32px;font-size:14px;font-weight:600}nav a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:white;padding:16px 23px;border:0;border-radius:5px;font-weight:700;font-size:15px;line-height:1.4;transition:transform .15s,background .15s}.button:hover{background:#1347c2;transform:translateY(-2px)}.button.small{padding:12px 20px}.button.amber{background:var(--amber);color:var(--navy)}.button.amber:hover{background:#ffda6e}.hero{background:var(--navy);color:white;display:grid;grid-template-columns:1fr 1.05fr;gap:5%;padding:85px 6% 95px;overflow:hidden;align-items:center}.hero-copy p{max-width:440px;margin:26px 0 32px;color:#dce4f6}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.textlink{font-size:15px;font-weight:700;text-decoration:underline;text-underline-offset:6px}.hero-product{position:relative;padding:24px 0 45px}.office{background:white;color:var(--ink);border-radius:7px;overflow:hidden;border:1px solid #cad6ec;box-shadow:13px 14px 0 #3157a2}.appbar{padding:18px;display:flex;gap:18px;align-items:center;border-bottom:1px solid #e1e7f0;font-size:11px}.appbar>b{font-size:21px}.avatar{margin-left:auto;background:#ffcc59;padding:7px;border-radius:50%;font-weight:700}.appbody{display:grid;grid-template-columns:105px 1fr;min-height:320px}aside{background:#f1f4fa;padding:24px 10px;font-size:10px;display:flex;flex-direction:column;gap:21px}aside .selected{background:#dbe6ff;color:#164aca;margin:-6px;padding:10px 6px;border-left:3px solid var(--blue)}.appmain{padding:23px 20px}.appheading{display:flex;align-items:center;justify-content:space-between;gap:15px}.appheading h3{font-size:20px;letter-spacing:-.5px}.live{background:#d5f3e5;color:#096244;border-radius:3px;padding:5px 10px;font-size:10px;font-weight:700}.subtle{font-size:11px;color:#65718a;margin:5px 0 18px}.metrics{display:flex;gap:15px;margin-bottom:20px}.metrics>div{border:1px solid #dfe5f0;padding:12px;width:50%}.metrics b{font-size:27px;display:block}.metrics span{display:block;font-size:10px;color:#56637a;margin-top:3px}.journey{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e1e7f0;padding:0 0 13px;gap:8px;font-size:11px}.journey div span{display:block;margin-top:5px;font-size:10px}.status{background:#fff0c6;color:#79540b;padding:6px;border-radius:3px;font-size:9px}.passengers{display:grid;grid-template-columns:1fr auto;gap:13px;font-size:10px;padding-top:14px}.passengers>span:nth-child(-n+2){color:#66738c;font-size:9px}.signed{color:#087a54}.appfoot{font-size:9px;color:#61708c;margin-top:21px}.receipt{position:absolute;right:-17px;bottom:4px;background:var(--amber);color:var(--navy);padding:22px 28px;border:1px solid #ffdd7f;box-shadow:6px 6px 0 #0a1836}.receipt b,.receipt span{display:block}.receipt b{font-size:20px}.receipt span{font-size:13px;margin-top:5px}.intro{padding:80px 8%;display:flex;justify-content:space-between;align-items:center;gap:70px}.intro p{max-width:400px;color:#53617c}.demo-section{display:grid;grid-template-columns:1fr 1fr;background:#f2f5fb}.demo-copy{padding:75px 10% 60px 16%}.demo-copy>p{color:#53617c;margin:22px 0 25px}.steps{display:flex;flex-direction:column;gap:9px}.step{display:flex;align-items:center;gap:18px;text-align:left;border:1px solid transparent;background:transparent;color:var(--ink);padding:15px 12px;border-radius:4px;width:100%}.step>span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;border:1px solid #a6b5cf;border-radius:50%;font-weight:700;font-size:13px}.step b{font-size:15px}.step small{display:block;font-size:12px;color:#5c6a81;margin-top:5px}.step.active{background:white;border-color:#cad7ee;box-shadow:3px 3px 0 #d8e1ef}.step.active>span{background:var(--blue);border-color:var(--blue);color:white}.demo-stage{background:var(--blue);padding:55px 30px;display:flex;align-items:center;flex-direction:column;justify-content:center}.phone{width:300px;min-height:443px;background:white;border:7px solid #101e40;border-radius:27px;overflow:hidden;box-shadow:14px 14px 0 #1042b6}.phone-top{display:flex;justify-content:space-between;align-items:center;padding:21px 18px 14px;border-bottom:1px solid #e2e7ef}.phone-top b{font-size:20px}.phone-top span{font-size:10px;color:#61708a}#screen{padding:22px 18px}#screen h3{font-size:21px;margin-bottom:7px;letter-spacing:-.6px}#screen>p{font-size:12px;color:#64708a;margin-bottom:20px}.field{display:block;font-size:11px;font-weight:700;margin:13px 0}.field select,.field input{display:block;width:100%;padding:10px 8px;margin-top:6px;border:1px solid #c2ccdc;background:white;border-radius:3px;color:var(--ink);font-size:11px}.phone .button{width:100%;font-size:12px;padding:12px;margin-top:8px}.demo-note{font-size:12px;color:white;margin-top:26px;text-align:center}.signature{border:1px solid #c3cee0;padding:25px 10px;text-align:center;font-family:cursive;font-style:italic;font-size:29px;margin:15px 0}.check-row{border-bottom:1px solid #e0e6f0;padding:13px 0;font-size:12px;display:flex;justify-content:space-between}.check-row b{color:#087653}.confirmation{background:#e1f5eb;border-left:3px solid #0c8d61;padding:13px;font-size:12px;line-height:1.7;margin:17px 0}.workspaces{padding:85px 8%}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:35px}.section-heading p{max-width:250px;color:#53617c}.tabs{display:flex;gap:8px;border-bottom:1px solid #d6deec}.tabs button{background:white;border:0;padding:16px 24px;color:#5a6780;font-weight:700;font-size:15px;border-bottom:3px solid transparent}.tabs button[aria-selected=true]{color:var(--blue);border-bottom-color:var(--blue)}.workspace-panel{background:#fff2cb;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;padding:45px;margin-top:25px;border-radius:4px}.workspace-panel h3{font-size:29px;letter-spacing:-1px;line-height:1.2}.workspace-panel p{font-size:16px;margin:17px 0 22px;max-width:370px}.mini-register{background:white;border:1px solid #d5b765;box-shadow:7px 7px 0 #e4bb52}.mini-head{background:#14234b;color:white;display:flex;justify-content:space-between;padding:16px;font-size:13px}.mini-head span{color:#becdf1;font-size:10px}.mini-row{display:flex;justify-content:space-between;gap:18px;padding:18px 16px;border-bottom:1px solid #e1e5ec;font-size:12px}.mini-row b{font-weight:500}.mini-row span{font-size:10px;color:#087653;font-weight:700}.records{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;padding:75px 8%;background:#e0f3ee}.records>div>p{margin:23px 0;color:#3d615b}.record-art{position:relative;padding:35px 10px 45px}.document{background:white;border:1px solid #71a99b;padding:30px 25px;box-shadow:-12px 12px 0 #0b7b69}.doc-top{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #14234b;padding-bottom:18px;margin-bottom:25px}.doc-top b{font-size:25px}.doc-top span{font-size:9px;letter-spacing:1px}.document h3{font-size:18px;margin-bottom:25px}.doc-line{height:5px;background:#d7e1e8;width:55%;margin:8px 0}.doc-line.wide{width:75%}.doc-table{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:20px 8px;font-size:10px;margin:27px 0 40px}.doc-table span{font-size:8px;color:#677b88}.doc-table strong{color:#087653;font-weight:500}.doc-bottom{border-top:1px solid #d3dce4;padding-top:20px;display:flex;justify-content:space-between;font-size:10px}.file-tag{position:absolute;bottom:19px;right:-10px;background:#ffc43a;padding:15px 25px;font-weight:700;border:1px solid #14234b}.offline{border-top:1px solid #9ac6ba;padding-top:20px;margin:26px 0}.offline b{font-size:18px}.offline p{font-size:15px;margin-top:8px;color:#3d615b}.download-note{font-size:12px!important;min-height:20px}.closing{background:var(--navy);color:white;padding:75px 8%;text-align:center}.closing h2{font-size:clamp(36px,4.2vw,57px);margin-bottom:30px}.closing p{font-size:12px;color:#bdcae5;margin-top:21px}footer{padding:35px 6%;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;font-size:12px}footer>span{color:#61708a}footer small{color:#61708a;font-size:11px}footer a{text-decoration:underline} @media(min-width:1500px){.hero{padding-left:max(6%,calc((100vw - 1340px)/2));padding-right:max(6%,calc((100vw - 1340px)/2))}}@media(max-width:1000px){h1{font-size:48px;letter-spacing:-2px}.hero{gap:4%;padding:65px 5% 75px}.appbody{grid-template-columns:75px 1fr}.appmain{padding:18px 13px}aside{font-size:9px}.receipt{right:-5px}.intro{padding:60px 6%;gap:35px}.demo-copy{padding:55px 9%}.workspace-panel{gap:30px;padding:32px}.records{gap:6%;padding:60px 6%}}@media(max-width:740px){header{height:74px;padding:0 5%}header img{width:103px}header nav{display:none}.preview{font-size:10px;padding:7px 5%}.preview span{font-size:9px}.hero{grid-template-columns:1fr;padding:48px 6% 60px;gap:30px}.hero-copy p{font-size:17px;max-width:430px}h1{font-size:47px;letter-spacing:-2.2px;max-width:500px}.hero-product{max-width:540px;width:100%;margin:auto;padding:0 10px 35px 0}.appbody{grid-template-columns:85px 1fr}.appmain{padding:18px}.receipt{padding:15px 20px}.receipt b{font-size:16px}.receipt span{font-size:11px}.intro{padding:50px 6%;display:block}.intro p{margin-top:22px;font-size:16px}.demo-section{grid-template-columns:1fr}.demo-copy{padding:48px 6%}.demo-copy>p{font-size:16px}.demo-stage{padding:40px 20px}.section-heading{display:block}.section-heading p{margin-top:20px;font-size:16px;max-width:none}.workspaces{padding:50px 6%}.tabs{gap:0;overflow:auto}.tabs button{padding:14px 12px;font-size:12px;flex:1}.workspace-panel{grid-template-columns:1fr;padding:25px;gap:26px}.workspace-panel h3{font-size:26px}.records{grid-template-columns:1fr;padding:35px 6% 50px;gap:25px}.record-art{max-width:430px;width:100%;margin:auto}.records>div>p{font-size:16px}.closing{padding:55px 6%}.closing h2{font-size:38px}footer{padding:30px 6%;gap:18px}footer>span{display:none}footer small{width:100%}.actions{gap:22px}.actions .textlink{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.vivid-header-actions{display:flex;align-items:center;gap:12px}.vivid-menu{display:none}.mascot-welcome{display:flex;align-items:center;gap:16px;margin-bottom:22px}.mascot-welcome img{width:95px;height:95px;object-fit:contain}.mascot-welcome span{font-size:14px}.fine{font-size:12px;line-height:1.7;margin-top:15px}.fine a{text-decoration:underline}.vivid-home .hero-product .appbar>span{max-width:180px}.vivid-home #demo{scroll-margin-top:85px}@media(max-width:740px){.vivid-menu{display:block;background:white;border:1px solid #c0cadb;padding:10px;color:#14234b;border-radius:3px;font:inherit;font-size:12px}.vivid-header nav.open{display:flex;position:absolute;top:74px;left:0;right:0;padding:20px 6%;background:white;border-bottom:1px solid #cbd5e7;flex-wrap:wrap;gap:22px}}

/* Landing-page navigation sits beside Sign in on desktop. */
@media(min-width:741px){.vivid-home .vivid-header{justify-content:flex-start;gap:28px}.vivid-home .vivid-header>nav{margin-left:auto;gap:26px}.vivid-home .vivid-header-actions{flex-shrink:0}}