/* Public sales page: brand and primitives come from the canonical Vivet UI kit. */
.vivet-marketing{--brand-aqua:#21abcf;--brand-indigo:#1378a2;--brand-ink:#222f3e;background:#fff;color:var(--brand-ink);height:auto;overflow:auto;font-family:'Source Sans Pro','Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
html:has(.vivet-marketing){height:auto;scroll-behavior:smooth;scroll-padding-top:35px}
.vivet-marketing *{box-sizing:border-box}.vivet-marketing main{padding:0;margin:0;overflow:visible}.vivet-marketing h1,.vivet-marketing h2,.vivet-marketing h3,.vivet-marketing p{margin:0}.vivet-marketing a{color:inherit}.marketing-wrap{max-width:1280px;margin:0 auto;padding-left:44px;padding-right:44px}
.marketing-header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:25px;padding-bottom:25px}.marketing-brand{display:inline-flex;align-items:center;gap:10px;font-size:28px;font-weight:700;letter-spacing:-1px;text-decoration:none}.marketing-brand img{object-fit:contain}.marketing-header .marketing-brand{gap:12px;font-family:'Source Sans Pro','Segoe UI',sans-serif;font-size:32px;line-height:1;font-weight:700;letter-spacing:0}.marketing-header .marketing-brand img{width:44px;height:44px}.marketing-header nav{display:flex;gap:32px}.marketing-header nav a{font-size:16px;text-decoration:none}.marketing-header nav a:hover,.text-link:hover{color:var(--brand-indigo)}.vivet-marketing .btn{border-radius:5px;box-shadow:none;padding:14px 22px;font-size:16px;line-height:1.4}.vivet-marketing .btn-secondary{background:var(--brand-ink);color:#fff}.vivet-marketing .btn-secondary:hover{background:var(--brand-indigo)}.vivet-marketing :is(a,button):focus-visible{outline:3px solid var(--brand-aqua);outline-offset:5px}.skip-link{position:absolute;top:-100px;left:20px;z-index:10;background:#fff;padding:15px}.skip-link:focus{top:10px}
.vivet-marketing .eyebrow{font-size:20px;line-height:1.3;font-weight:600;letter-spacing:0;text-transform:none;color:var(--brand-indigo)}.scale-hero{text-align:center;padding-top:57px;padding-bottom:65px}.scale-hero h1{font-size:clamp(58px,6.8vw,88px);line-height:1.03;font-weight:600;letter-spacing:-3.8px;margin-top:22px}.scale-hero h1 span{color:var(--brand-indigo)}.hero-description{font-size:25px;line-height:1.4;margin-top:28px!important}.hero-explainer{font-size:18px;line-height:1.55;color:#60717e;margin-top:17px!important}.scale-hero .btn{margin-top:27px}
.text-link{font-size:16px;font-weight:600;text-decoration:none;display:inline-flex;gap:17px;align-items:center;margin-top:24px}
.scale-how{background:#222f3e;color:#fff;padding:66px 0 70px}.scale-how>.marketing-wrap{display:grid;grid-template-columns:.85fr 1.65fr;gap:65px;align-items:center}.vivet-marketing .scale-how .eyebrow{color:#79d6e9}.how-intro h2{font-size:37px;line-height:1.13;letter-spacing:-1px;font-weight:600;margin-top:20px}.how-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.step-number{display:block;color:#79d6e9;font-size:20px;line-height:1.3;font-weight:600;letter-spacing:0}.how-steps h3{font-size:21px;line-height:1.2;font-weight:600;margin-top:17px}.how-steps p{font-size:16px;color:#c5d2db;line-height:1.55;margin-top:13px}
.scale-contact{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:55px;padding-top:85px;padding-bottom:85px}.scale-contact h2{font-size:47px;line-height:1.1;letter-spacing:-1.5px;font-weight:600;margin-top:19px}.scale-contact>div:last-child>p{font-size:22px;color:#60717e;line-height:1.5;margin-bottom:23px}.scale-contact small{display:block;margin-top:15px;font-size:14px;color:#60717e}.marketing-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:26px;padding-bottom:30px;border-top:1px solid #e3e7ec;background:#fff}.marketing-footer p,.marketing-footer>span{font-size:14px;color:#60717e}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1050px){.marketing-wrap{padding-left:30px;padding-right:30px}.scale-how>.marketing-wrap{grid-template-columns:1fr;gap:34px}.how-intro h2 br{display:none}.how-steps{gap:38px}.scale-contact h2{font-size:40px}.marketing-header nav{gap:20px}}
@media(max-width:700px){.marketing-wrap{padding-left:24px;padding-right:24px}.marketing-header{flex-wrap:wrap;padding-top:18px;padding-bottom:18px;gap:16px}.marketing-header nav{order:3;width:100%;justify-content:center;border-top:1px solid #e3e7ec;padding-top:14px;gap:28px}.marketing-header nav a{font-size:14px}.marketing-header .marketing-brand{font-size:28px;gap:10px}.marketing-header .marketing-brand img{width:40px;height:40px}.marketing-header .btn{padding:11px 16px}.scale-hero{padding-top:40px;padding-bottom:42px}.scale-hero h1{font-size:clamp(42px,8.6vw,60px);letter-spacing:-1.9px;margin-top:20px}.hero-description{font-size:21px}.hero-explainer{font-size:17px}.hero-explainer br{display:none}.scale-how{padding:47px 0}.how-intro h2{font-size:34px}.how-steps{grid-template-columns:1fr;gap:25px}.how-steps>div{border-top:1px solid #526574;padding-top:20px}.how-steps h3{margin-top:8px;font-size:23px}.how-steps p{margin-top:9px;font-size:17px}.scale-contact{grid-template-columns:1fr;gap:25px;padding-top:54px;padding-bottom:55px}.scale-contact h2{font-size:37px}.scale-contact>div:last-child>p{font-size:20px}.marketing-footer p{display:none}.marketing-footer>span{font-size:12px}}
.scale-hero.vivet-flight-banner{padding-top:54px;padding-bottom:70px;margin-bottom:42px}.scale-hero.vivet-flight-banner h1{margin-top:0}
@media(max-width:700px){.scale-hero.vivet-flight-banner{padding-top:42px;padding-bottom:58px;margin-bottom:30px}}
@media(prefers-reduced-motion:reduce){html:has(.vivet-marketing){scroll-behavior:auto}.vivet-marketing *{transition:none!important}}
.vivet-marketing .scale-how .how-detail-link{color:#79d6e9;text-decoration:none;margin-top:23px}.vivet-marketing .scale-how .how-detail-link:hover{color:#fff}
.marketing-header nav a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}.marketing-header nav a[aria-current="page"]{color:var(--brand-indigo)}
@media(min-width:701px) and (max-width:900px){.marketing-header{flex-wrap:wrap;gap:16px}.marketing-header nav{order:3;width:100%;justify-content:center;border-top:1px solid #e3e7ec;padding-top:12px}}
@media(max-width:700px){.marketing-header nav{gap:20px;padding-top:8px}}
@media(max-width:420px){.marketing-header nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.marketing-header nav a{justify-content:center}.marketing-header .btn{font-size:15px;padding:11px 13px}.marketing-header .btn i{display:none}}