/* The customer hub is an honest look ahead, in Flexible's existing palette. */
.hub-preview-hero{position:relative;padding:34px 0 67px;background:radial-gradient(ellipse at 95% 20%,#13507755,transparent 49%),radial-gradient(ellipse at 15% 100%,#51218d55,transparent 55%),#0b0f1a;border-bottom:2px solid transparent;border-image:var(--brand-blend) 1}
.hub-preview-hero .breadcrumb{font-size:11px;color:#bcc3d5;margin-bottom:32px}.hub-preview-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:74px;align-items:center}.hub-preview-copy{min-width:0}.hub-preview-identity{display:flex;align-items:center;gap:12px;color:#dac6fc;font-size:23px;letter-spacing:-.03em;font-weight:750;margin-bottom:24px}.hub-preview-identity>span{display:grid;place-items:center;width:39px;height:39px;border:1px solid #77599f;border-radius:12px;background:linear-gradient(130deg,#352144,#143449)}
.hub-coming-soon{display:inline-flex;align-items:center;gap:9px;padding:6px 11px;border:1px solid #8c79b75c;border-radius:99px;background:#8c63b31a;color:#cbb5ef;font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.hub-coming-soon:before{content:'';width:6px;height:6px;border-radius:50%;background:#83cfff;box-shadow:0 0 12px #69b8ff80}
.hub-preview-copy h1{font-size:clamp(44px,4.7vw,66px);font-weight:750;letter-spacing:-.055em;line-height:1.09;margin-top:19px}.hub-preview-copy>p:not(.hub-access-note){font-size:16px;line-height:1.9;max-width:490px;color:#c8d0e1;margin-top:25px}.hub-preview-copy>.button{font-size:12px;margin-top:26px}.hub-preview-copy>.hub-access-note{font-size:12px;line-height:1.8;color:#aeb9cf;max-width:390px;margin-top:18px}
.hub-feature-preview{min-width:0;position:relative;padding:24px;border:1px solid transparent;border-radius:23px;background:linear-gradient(145deg,#25203b,#111f31) padding-box,var(--brand-blend) border-box;box-shadow:0 24px 70px #02040c50}.hub-preview-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:23px;border-bottom:1px solid #a9b1df23}.hub-preview-top>div{display:flex;align-items:center;gap:10px}.hub-preview-top strong{font-size:14px;letter-spacing:-.02em}.hub-preview-top>span{font-size:9px;color:#abbad5;border:1px solid #7e8caf60;border-radius:99px;padding:4px 9px}
.hub-preview-tabs[hidden]{display:none!important}.hub-preview-tabs:not([hidden]){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:21px}.hub-preview-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:47px;padding:10px 8px;border:1px solid #7f759c44;border-radius:10px;background:#ffffff04;color:#cbd1e6;font-size:12px;font-weight:650;cursor:pointer}.hub-preview-tabs svg{width:17px;height:17px;flex-shrink:0}.hub-preview-tabs button:hover{background:#7164a533;border-color:#b397e480}.hub-preview-tabs button[aria-selected=true]{background:var(--action-blend);border-color:transparent;color:#0b0f1a}.hub-preview-tabs button:focus-visible,.hub-preview-panel:focus-visible{outline:3px solid #8cdbff;outline-offset:4px}
.hub-preview-panel{padding:27px 3px 23px}.hub-preview-panel+.hub-preview-panel{border-top:1px solid #8673ad44}.hub-preview-panel .hub-preview-kicker{font-size:9px;letter-spacing:.1em;color:#bda7e4;font-weight:750;text-transform:uppercase;margin-bottom:13px}.hub-preview-panel h2{font-size:29px;line-height:1.18;letter-spacing:-.04em;margin:0 0 16px}.hub-preview-panel>p:not(.hub-preview-kicker){font-size:13px;color:#c3ccdf;line-height:1.9;max-width:370px}.hub-preview-panel ul{padding:0;list-style:none;display:grid;gap:9px;margin:21px 0 0}.hub-preview-panel li{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid #8d95bc26;border-radius:9px;background:#d3e0ff06;color:#dfe6f5;font-size:12px;line-height:1.5}.hub-preview-panel li>span{display:grid;place-items:center;width:19px;height:19px;flex-shrink:0;border-radius:50%;background:#7788d82b;color:#96d6ff;font-size:10px}
.hub-feature-preview.enhanced .hub-preview-panels{display:grid}.hub-feature-preview.enhanced .hub-preview-panel{grid-area:1 / 1;padding:27px 3px 23px;border:0}.hub-feature-preview.enhanced .hub-preview-panel[aria-hidden=true]{visibility:hidden;pointer-events:none}.hub-preview-caption{font-size:10px;color:#aab8d0;line-height:1.8;margin:0;padding-top:16px;border-top:1px solid #a9b1df23}
.hub-referral-preview{padding:55px 0;background:radial-gradient(ellipse at 80% 100%,#12436c50,transparent 70%),linear-gradient(110deg,#21172e,#131d2d);border-bottom:1px solid transparent;border-image:var(--brand-blend) 1}.hub-referral-preview>.container{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:95px;align-items:center}.hub-referral-copy .eyebrow{font-size:10px;margin-bottom:19px}.hub-referral-copy h2{font-size:39px;line-height:1.13;letter-spacing:-.045em}.hub-referral-copy>p:not(.eyebrow):not(.hub-referral-note){font-size:15px;line-height:1.9;color:#c8ccdf;max-width:520px;margin-top:22px}.hub-referral-copy>.hub-referral-note{font-size:11px;line-height:1.8;color:#aeb8cd;max-width:490px;margin-top:17px}
.hub-reward-card{min-width:0;text-align:center;padding:27px 23px 25px;border:1px solid #9283c650;border-radius:19px;background:linear-gradient(145deg,#38264c77,#163c4f66)}.hub-reward-label{font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:750;color:#c7b4e6}.hub-reward-card>strong{display:block;font-size:91px;line-height:1.06;letter-spacing:-.06em;font-weight:750;margin:13px 0}.hub-reward-card>strong>span{font-size:53px;letter-spacing:-.05em}.hub-reward-card p{font-size:13px;color:#c7cfe2;line-height:1.8}.hub-reward-card b{color:#edf1fb;font-weight:650}.hub-reward-status{display:inline-block;font-size:9px;color:#afc5e0;margin-top:19px;padding-top:16px;border-top:1px solid #aabfe538}
.hub-help-now{padding:48px 0 56px;background:#0d1220}.hub-help-now>.container{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;align-items:center}.hub-help-now .eyebrow{font-size:10px;margin-bottom:17px}.hub-help-now h2{font-size:32px;line-height:1.17;letter-spacing:-.04em}.hub-help-now p:not(.eyebrow){font-size:14px;line-height:1.85;color:#b8c4d8;margin-top:19px}.hub-help-links{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.hub-help-phone{display:flex;align-items:center;gap:22px;font-size:28px;letter-spacing:-.035em;color:#f0ecfb;font-weight:700;min-height:44px}.hub-help-phone:hover{color:#b7c8ff}.hub-help-phone .arrow{font-size:22px;color:#b396eb}.hub-help-links>span{font-size:11px;color:#b9c4d7;margin:8px 0 17px}.hub-help-email{overflow-wrap:anywhere;font-size:13px;margin-bottom:13px}.hub-help-links>.text-link:last-child{font-size:12px;min-height:44px}
@media(max-width:1100px){.hub-preview-grid{gap:38px}.hub-preview-copy h1{font-size:54px}.hub-referral-preview>.container{gap:55px}.hub-preview-panel h2{font-size:26px}.hub-help-phone{font-size:26px}}
@media(max-width:820px){.hub-preview-grid{grid-template-columns:minmax(0,1fr);gap:34px}.hub-preview-copy h1{font-size:58px}.hub-preview-copy>p:not(.hub-access-note){max-width:540px}.hub-feature-preview{max-width:620px;width:100%}.hub-preview-hero{padding-bottom:45px}.hub-referral-preview>.container{gap:35px;grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}.hub-referral-copy h2{font-size:32px}.hub-reward-card>strong{font-size:79px}.hub-reward-card>strong>span{font-size:47px}.hub-help-now>.container{gap:35px}.hub-help-phone{font-size:23px}}
@media(max-width:600px){.hub-preview-hero{padding-top:25px}.hub-preview-hero .breadcrumb{margin-bottom:27px}.hub-preview-identity{font-size:21px;margin-bottom:20px}.hub-preview-copy h1{font-size:clamp(41px,9.5vw,54px)}.hub-preview-copy>p:not(.hub-access-note){font-size:14px;margin-top:20px}.hub-preview-copy>p:not(.hub-access-note) br{display:none}.hub-preview-copy>.hub-access-note{font-size:11px}.hub-feature-preview{padding:20px 17px;border-radius:17px}.hub-preview-top strong{font-size:12px}.hub-preview-top>div{gap:8px}.hub-preview-top img{width:26px;height:26px}.hub-preview-top>span{font-size:8px;padding:3px 7px}.hub-preview-tabs button{font-size:11px;gap:5px;padding:10px 6px}.hub-preview-tabs svg{width:15px;height:15px}.hub-preview-panel h2{font-size:26px}.hub-preview-panel>p:not(.hub-preview-kicker){font-size:12px}.hub-preview-panel li{font-size:11px;padding:10px}.hub-preview-caption{font-size:9px}.hub-referral-preview{padding:38px 0}.hub-referral-preview>.container{grid-template-columns:minmax(0,1fr);gap:28px}.hub-referral-copy h2{font-size:32px}.hub-referral-copy>p:not(.eyebrow):not(.hub-referral-note){font-size:14px;margin-top:20px}.hub-reward-card{padding:23px}.hub-reward-card>strong{font-size:88px}.hub-help-now{padding:36px 0 42px}.hub-help-now>.container{grid-template-columns:minmax(0,1fr);gap:26px}.hub-help-now h2{font-size:30px}.hub-help-phone{font-size:27px}.hub-help-email{font-size:12px}}
@media(max-width:350px){.hub-preview-copy h1{font-size:39px}.hub-preview-tabs{gap:5px}.hub-preview-tabs button{gap:4px;font-size:10px}.hub-preview-tabs svg{width:13px;height:13px}.hub-preview-panel h2{font-size:23px}.hub-referral-copy h2{font-size:29px}.hub-help-phone{font-size:25px}}
@media(forced-colors:active){.hub-preview-hero,.hub-referral-preview{border-image:none;border-color:CanvasText}.hub-feature-preview,.hub-reward-card,.hub-coming-soon{background:Canvas;border-color:CanvasText}.hub-preview-tabs button[aria-selected=true]{background:Highlight;color:HighlightText;border-color:Highlight}.hub-preview-panel[aria-hidden=false],.hub-reward-card p,.hub-reward-card b{color:CanvasText}.hub-preview-panel li{border-color:CanvasText}.hub-preview-panel li>span{background:Canvas;color:CanvasText}.hub-coming-soon:before{background:CanvasText;box-shadow:none}}

/* A distinct customer entry alongside the existing mobile menu. */
.header-hub{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;white-space:nowrap}
.header-hub>svg{width:17px;height:17px;flex-shrink:0}
@media(min-width:821px) and (max-width:1100px){.header-hub{font-size:11px;padding-left:13px;padding-right:13px;gap:7px}}
@media(max-width:600px){.header-hub{font-size:10px;gap:6px;padding:10px 11px}.header-hub>svg{width:15px;height:15px}}
@media(max-width:350px){.header-hub{font-size:9px;padding:10px 9px}.header-hub>svg{display:none}}