@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root {
  --cc-bg: #f8f8f6;
  --cc-surface: #ffffff;
  --cc-text: #111218;
  --cc-muted: #5f6675;
  --cc-subtle: #8991a2;
  --cc-line: #e3e4e2;
  --cc-blue: #2929ed;
  --cc-blue-2: #3838ff;
  --cc-blue-soft: #edf1ff;
  --cc-orange: #ff5a1f;
  --cc-orange-soft: #fff0ea;
  --cc-green: #18a35b;
  --cc-green-soft: #e7f7ef;
  --cc-purple: #8c63a8;
  --cc-radius: 16px;
  --cc-shadow: 0 1px 2px rgba(17,18,24,.04);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
html { min-height: 100%; background: var(--cc-bg); scroll-behavior: smooth; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body { margin: 0; min-height: 100vh; background: var(--cc-bg); color: var(--cc-text); font-family: inherit; -webkit-font-smoothing: antialiased; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; }

img { max-width: 100%; }
.cc-logo { display:block; width: 126px; height:auto; }
.cc-platform-logo { display:block; width: 186px; height:auto; }
.cc-shell { width:min(1140px, calc(100% - 40px)); margin:0 auto; }
.cc-card { background:var(--cc-surface); border:1px solid var(--cc-line); border-radius:var(--cc-radius); box-shadow:var(--cc-shadow); }
.cc-btn { border:0; border-radius:10px; min-height:42px; padding:0 18px; display:inline-flex; align-items:center; justify-content:center; gap:10px; text-decoration:none; font-weight:650; font-size:14px; cursor:pointer; transition:.18s ease; }
.cc-btn:hover { transform:translateY(-1px); }
.cc-btn-primary { color:#fff; background:var(--cc-blue); box-shadow:0 5px 12px rgba(41,41,237,.24); }
.cc-btn-light { color:var(--cc-text); background:#fff; border:1px solid var(--cc-line); box-shadow:none; }
.cc-btn-dark { color:#fff; background:#111218; width:100%; }
.cc-link { display:inline-flex; align-items:center; gap:7px; text-decoration:none; font-size:14px; font-weight:650; }
.cc-icon { width:20px; height:20px; flex:0 0 auto; }
.cc-muted { color:var(--cc-muted); }
.cc-error, .cc-success { display:none; margin-top:12px; padding:10px 12px; border-radius:9px; font-size:13px; }
.cc-error.show { display:block; background:#fff0f0; color:#c93434; border:1px solid #f2caca; }
.cc-success.show { display:block; background:#eefaf3; color:#147743; border:1px solid #ccebd9; }

/* shared top navigation for platform, diagnostic, accelerator */
.app-topbar {
  height:54px; background:#fff; border-bottom:1px solid #e7e7e5;
  display:flex; align-items:center; padding:0 26px; position:sticky; top:0; z-index:30;
}
.app-topbar .top-logo { margin-right:auto; display:flex; align-items:center; text-decoration:none; }
.app-topbar .cc-platform-logo { width:142px; }
.app-nav { display:flex; align-items:center; gap:25px; margin-left:auto; }
.app-nav a, .app-nav button {
  border:0; background:none; color:#4f5664; text-decoration:none; display:inline-flex; align-items:center; gap:7px;
  height:54px; padding:0; font-size:13px; font-weight:500; white-space:nowrap; position:relative; cursor:pointer;
}
.app-nav a.active { color:var(--cc-blue); }
.app-nav a.active::after { content:""; position:absolute; left:0; right:0; bottom:0; height:2px; background:var(--cc-blue); }
.app-nav svg { width:14px; height:14px; stroke-width:1.7; }
.app-nav .portal-muted { color:#adb3bd; }
.app-nav .coming { font-size:9px; border-radius:999px; padding:2px 7px; background:#f1f1ee; color:#8f96a0; }
.ask-creature {
  margin-left:24px; border:1px solid #e1e2df; background:#fff; border-radius:9px; min-height:32px; padding:0 12px;
  display:inline-flex; align-items:center; gap:7px; font-size:12px; color:#3e4552;
}
.mobile-nav-toggle { display:none; margin-left:auto; border:1px solid var(--cc-line); background:#fff; border-radius:8px; width:38px; height:36px; }
.mobile-nav-panel { display:none; }

@media (max-width: 900px) {
  .app-topbar { height:58px; padding:0 16px; }
  .app-topbar .cc-platform-logo { width:132px; }
  .app-nav, .ask-creature { display:none; }
  .mobile-nav-toggle { display:grid; place-items:center; }
  .mobile-nav-panel.open { display:flex; position:fixed; z-index:40; top:58px; left:0; right:0; background:#fff; border-bottom:1px solid var(--cc-line); padding:10px 16px 16px; flex-direction:column; gap:4px; box-shadow:0 12px 24px rgba(0,0,0,.08); }
  .mobile-nav-panel a { text-decoration:none; color:#3f4652; padding:11px 8px; border-radius:8px; font-size:14px; }
  .mobile-nav-panel a.active { color:var(--cc-blue); background:#f0f2ff; }
}

@media (max-width: 640px) {
  .cc-shell { width:min(100% - 24px, 1140px); }
  .cc-logo { width:112px; }
}

/* Unified portal identity: /login is the visual source of truth. */
.cc-platform-logo{width:126px!important;height:auto!important;object-fit:contain}
.app-topbar{height:54px;padding:0 26px}
.app-topbar .top-logo{min-width:126px}
.app-nav{gap:24px}
.app-nav a,.app-nav button{font-size:13px;font-weight:500;height:54px}
.app-nav svg{width:14px;height:14px}
.ask-creature{font-size:12px;min-height:32px}
@media(max-width:900px){
  .app-topbar{height:58px;padding:0 16px}
  .app-topbar .cc-platform-logo{width:118px!important}
}

.app-nav a.scorecard-locked{color:#a8adb7;cursor:not-allowed}
.app-nav a.scorecard-locked::after{display:none}
.nav-lock{font-size:8px;line-height:1;border-radius:999px;background:#f0f0ed;color:#969ca6;padding:3px 6px;margin-left:1px}
.mobile-nav-panel a.scorecard-locked{color:#9ba1ac;background:#f7f7f5}


.top-account{margin-left:10px;border:0;background:transparent;display:flex;align-items:center;gap:7px;max-width:150px;cursor:pointer;color:#303642;padding:0}
.top-account>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#3035f1,#ef6a4f);color:#fff;font-size:10px;font-weight:750;flex:0 0 auto}
.top-account>b{font-size:11px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.top-account-menu{position:fixed;z-index:60;right:18px;top:50px;width:230px;background:#fff;border:1px solid var(--cc-line);border-radius:12px;box-shadow:0 18px 45px rgba(17,18,24,.15);padding:13px}
.top-account-menu strong,.top-account-menu span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.top-account-menu strong{font-size:13px}.top-account-menu span{font-size:11px;color:var(--cc-subtle);margin-top:3px}
.top-account-menu button,.mobile-signout{border:0;background:none;color:#dc3b3b;display:flex;align-items:center;gap:8px;cursor:pointer}
.top-account-menu button{width:100%;border-top:1px solid var(--cc-line);margin-top:11px;padding:11px 0 0;font-size:12px}
.top-account-menu svg,.mobile-signout svg{width:15px;height:15px}
.mobile-signout{padding:11px 8px;font-size:13px;text-align:left}
@media(max-width:1100px){.top-account{display:none}}

/* Diagnostic onboarding navigation and status rail */
.app-nav a.nav-disabled,.mobile-nav-panel a.nav-disabled{color:#adb3bd;cursor:pointer;pointer-events:auto}
.app-nav a.nav-disabled::after{display:none}.app-nav .portal-muted{color:#adb3bd}
.diagnostic-status{background:#fff;border-bottom:1px solid var(--cc-line);min-height:70px;padding:13px 26px;display:flex;align-items:center;justify-content:center;gap:9px;overflow-x:auto;position:relative;z-index:20}
.diagnostic-status-step{display:flex;align-items:center;gap:7px;white-space:nowrap;flex:0 0 auto}.diagnostic-status-step span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:750;background:#ecece9;color:#959da8}.diagnostic-status-step b{font-size:10px;font-weight:600;color:#969da8}.diagnostic-status-step.complete span{background:var(--cc-green);color:#fff}.diagnostic-status-step.complete b{color:#4a6557}.diagnostic-status-step.current span{background:var(--cc-blue);color:#fff;box-shadow:0 0 0 3px var(--cc-blue-soft)}.diagnostic-status-step.current b{color:var(--cc-blue)}.diagnostic-status>i{height:1px;width:30px;min-width:20px;background:#dfe0dd;flex:0 1 30px}
@media(max-width:900px){.diagnostic-status{justify-content:flex-start;padding:11px 16px;min-height:62px}.diagnostic-status-step b{font-size:9px}.diagnostic-status>i{width:18px;min-width:12px}.mobile-nav-panel a.nav-disabled{background:#f7f7f5;color:#a0a6af}}

/* CC_HEADER_CONSISTENCY_V2 */
[data-app-header]{
  display:block;
  width:100%;
  position:relative;
  z-index:100;
}
[data-app-header] .app-topbar{
  width:100%;
}
@media(max-width:1180px){
  .app-nav,.ask-creature,.top-account{display:none}
  .mobile-nav-toggle{display:grid;place-items:center}
  .mobile-nav-panel.open{
    display:flex;
    position:fixed;
    z-index:140;
    top:58px;
    left:0;
    right:0;
    background:#fff;
    border-bottom:1px solid var(--cc-line);
    padding:10px 16px 16px;
    flex-direction:column;
    gap:4px;
    box-shadow:0 12px 24px rgba(0,0,0,.08);
  }
  .mobile-nav-panel a{
    text-decoration:none;
    color:#3f4652;
    padding:11px 8px;
    border-radius:8px;
    font-size:14px;
  }
  .mobile-nav-panel a.active{
    color:var(--cc-blue);
    background:#f0f2ff;
  }
}

/* Global Responsive Popup Guard
   Keeps application dialogs inside the viewport without changing popup logic. */
html.cc-modal-open,html.cc-modal-open body{overflow:hidden}
:is(.modal-backdrop,.modal-overlay,.dialog-backdrop,.manage-backdrop,.workspace-backdrop,.other-req-backdrop,.bk-modal-backdrop,[class*="backdrop"],[class*="overlay"]){
  overscroll-behavior:contain;
  box-sizing:border-box;
}
:is(.modal,.modal-card,.modal-dialog,.dialog-card,.dialog-panel,.workspace-modal,.manage-modal,.integration-modal,.evidence-modal,.calendar-modal,.drive-modal,.slack-modal,.clickup-modal,.teamwork-modal,.monday-modal,.other-req-card,.bk-modal,[role="dialog"]){
  max-width:calc(100vw - 32px);
  max-height:calc(100dvh - 32px);
  box-sizing:border-box;
}
@media(max-width:768px){
  :is(.modal-backdrop,.modal-overlay,.dialog-backdrop,.manage-backdrop,.workspace-backdrop,.other-req-backdrop,.bk-modal-backdrop,[class*="backdrop"],[class*="overlay"]){
    padding:12px 10px!important;
    align-items:flex-start!important;
    justify-content:center!important;
    overflow-y:auto!important;
    place-items:start center!important;
  }
  :is(.modal,.modal-card,.modal-dialog,.dialog-card,.dialog-panel,.workspace-modal,.manage-modal,.integration-modal,.evidence-modal,.calendar-modal,.drive-modal,.slack-modal,.clickup-modal,.teamwork-modal,.monday-modal,.other-req-card,.bk-modal,[role="dialog"]){
    width:100%!important;
    max-width:calc(100vw - 20px)!important;
    max-height:calc(100dvh - 24px)!important;
    margin:auto!important;
    padding:20px 16px!important;
    border-radius:16px!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    box-sizing:border-box!important;
  }
  :is(.modal-card,.modal-dialog,.dialog-card,.dialog-panel,.workspace-modal,.manage-modal,.integration-modal,.evidence-modal,.calendar-modal,.drive-modal,.slack-modal,.clickup-modal,.teamwork-modal,.monday-modal,.other-req-card,.bk-modal,[role="dialog"]) :is(input,select,textarea){
    max-width:100%;
    font-size:16px!important;
    box-sizing:border-box!important;
  }
  :is(.modal-card,.modal-dialog,.dialog-card,.dialog-panel,.workspace-modal,.manage-modal,.integration-modal,.evidence-modal,.calendar-modal,.drive-modal,.slack-modal,.clickup-modal,.teamwork-modal,.monday-modal,.other-req-card,.bk-modal,[role="dialog"]) button{
    max-width:100%;
    box-sizing:border-box!important;
  }
  :is(.modal-actions,.dialog-actions,.modal-footer,.dialog-footer,.other-req-footer){
    flex-wrap:wrap!important;
    position:static!important;
  }
  :is(.modal-actions,.dialog-actions,.modal-footer,.dialog-footer,.other-req-footer)>:is(button,a){
    width:100%!important;
    flex:1 1 100%!important;
  }
}
@media(max-width:480px){
  :is(.modal-actions,.dialog-actions,.modal-footer,.dialog-footer,.other-req-footer)>:is(button,a){
    width:100%!important;
    flex:1 1 100%!important;
  }
}

/* CC_UI_STABILITY_HOTFIX_V1 */
html,body{width:100%;max-width:100%;overflow-x:clip}
body{min-width:0}
[data-app-header],.app-topbar,.app-topbar>*{min-width:0;max-width:100%}
:is(.modal,.modal-card,.modal-dialog,.dialog-card,.dialog-panel,.workspace-modal,.manage-modal,.integration-modal,.evidence-modal,.calendar-modal,.drive-modal,.slack-modal,.clickup-modal,.teamwork-modal,.monday-modal,.other-req-card,.bk-modal,[role="dialog"]){
  box-sizing:border-box;
  min-width:0;
  max-width:calc(100vw - 32px);
  overflow-x:hidden;
}
:is(.modal,.modal-card,.modal-dialog,.dialog-card,.dialog-panel,.workspace-modal,.manage-modal,.integration-modal,.evidence-modal,.calendar-modal,.drive-modal,.slack-modal,.clickup-modal,.teamwork-modal,.monday-modal,.other-req-card,.bk-modal,[role="dialog"]) *{min-width:0}
@media(max-width:768px){
  :is(.modal-backdrop,.modal-overlay,.dialog-backdrop,.manage-backdrop,.workspace-backdrop,[class*="modal-backdrop"],[class*="modal-overlay"]){
    place-items:start center!important;
    padding:8px!important;
  }
  :is(.modal,.modal-card,.modal-dialog,.dialog-card,.dialog-panel,.workspace-modal,.manage-modal,.integration-modal,.evidence-modal,.calendar-modal,.drive-modal,.slack-modal,.clickup-modal,.teamwork-modal,.monday-modal,[role="dialog"]){
    width:100%!important;
    max-width:calc(100vw - 16px)!important;
    max-height:calc(100dvh - 16px)!important;
    margin:0!important;
    padding:18px 14px!important;
    border-radius:14px!important;
    overflow:auto!important;
  }
  :is(.modal-actions,.dialog-actions,.modal-footer,.dialog-footer){position:static!important;flex-wrap:wrap!important}
  :is(.modal-actions,.dialog-actions,.modal-footer,.dialog-footer)>:is(button,a){flex:1 1 140px;max-width:100%}
}


/* CC_UNIFIED_RESPONSIVE_MENU_V1 */
html,body{max-width:100%;overflow-x:clip}
.app-topbar{gap:12px;overflow:visible}
.app-topbar .top-logo{flex:0 0 auto;margin-right:auto}
.app-nav{min-width:0}
.ask-creature,.top-account{flex:0 0 auto}
@media(max-width:1180px){
  .app-nav,.ask-creature,.top-account{display:none!important}
  .mobile-nav-toggle{display:grid!important;place-items:center;flex:0 0 40px;font-size:20px;line-height:1}
  .mobile-nav-panel.open{display:flex;position:fixed;z-index:140;top:58px;left:0;right:0;max-height:calc(100dvh - 58px);overflow-y:auto;background:#fff;border-bottom:1px solid var(--cc-line);padding:10px 16px 18px;flex-direction:column;gap:4px;box-shadow:0 14px 32px rgba(17,18,24,.12)}
  .mobile-nav-panel a,.mobile-ask-creature,.mobile-signout{min-height:44px;display:flex;align-items:center;gap:8px;text-decoration:none;color:#3f4652;padding:10px 12px;border:0;border-radius:9px;background:transparent;font-size:14px;text-align:left}
  .mobile-ask-creature svg{width:17px;height:17px}
  .mobile-nav-panel a.active{color:var(--cc-blue);background:#f0f2ff}
  .mobile-nav-panel a.nav-disabled{color:#a0a6af;background:#f7f7f5}
}
@media(min-width:1181px){.mobile-nav-panel{display:none!important}.mobile-nav-toggle{display:none!important}}
.shell-upgrade{min-height:36px;padding:0 12px;border-radius:9px;background:var(--cc-blue);color:#fff;display:flex;align-items:center;text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap}
[data-workspace-feature][hidden],.ask-creature[hidden],.mobile-ask-creature[hidden],[data-account-upgrade][hidden]{display:none!important}
.top-account-menu a{display:block;padding:10px 12px;color:#3438d7;text-decoration:none;font-size:12px;font-weight:700;border-top:1px solid var(--cc-line)}


/* Account plan badge + gated feature notices */
.top-brand-wrap{display:flex;align-items:center;gap:10px;min-width:0}
.account-plan-tag{display:inline-flex;align-items:center;white-space:nowrap;border:1px solid #c9c7ff;background:#f2f1ff;color:#3434d6;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800;letter-spacing:.04em}
.account-plan-tag[hidden]{display:none!important}
.cc-access-gate{position:fixed;inset:0;z-index:9000;background:rgba(248,248,250,.94);backdrop-filter:blur(5px);display:grid;place-items:center;padding:96px 20px 30px}
.cc-access-gate-card{width:min(650px,100%);background:#fff;border:1px solid #e3e5ec;border-radius:20px;padding:38px;box-shadow:0 24px 70px rgba(17,24,39,.12);text-align:left}
.cc-access-gate-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#eef0ff;color:#3033eb;font-size:22px;font-weight:900;margin-bottom:18px}
.cc-access-gate-kicker{display:block;color:#6f76a8;font-size:10px;font-weight:800;letter-spacing:.1em;margin-bottom:8px}
.cc-access-gate-card h1{margin:0 0 12px;font-size:32px;line-height:1.16;letter-spacing:-.035em;color:#111827}
.cc-access-gate-card p{margin:0;color:#667085;font-size:15px;line-height:1.65}
.cc-access-gate-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.cc-access-gate-actions a{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:12px 18px;text-decoration:none;font-weight:800;font-size:14px}
.cc-access-gate-primary{background:#3033eb;color:#fff}
.cc-access-gate-secondary{background:#f4f5f8;color:#25283b}
@media(max-width:720px){.account-plan-tag{font-size:9px;padding:4px 7px}.cc-access-gate{padding-top:78px}.cc-access-gate-card{padding:28px 22px}.cc-access-gate-card h1{font-size:27px}.cc-access-gate-actions a{width:100%}}

/* Universal immediate interaction feedback */
button,.button,.btn,[role="button"],a.cc-btn{transition:transform .1s ease,opacity .15s ease,box-shadow .15s ease}
button:not(:disabled):active,.button:active,.btn:not(:disabled):active,[role="button"]:active,a.cc-btn:active{transform:translateY(1px) scale(.99)}
.cc-click-feedback{filter:brightness(.98);box-shadow:0 0 0 3px rgba(39,44,243,.10)!important}
.cc-action-busy{cursor:progress!important;opacity:.8}
.cc-inline-spinner{width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;vertical-align:-2px;margin-right:7px;animation:cc-inline-spin .65s linear infinite}
@keyframes cc-inline-spin{to{transform:rotate(360deg)}}


/* Locked workspace navigation: keep unavailable pages visible and explain why on hover. */
.app-nav a.nav-disabled{opacity:.58;color:#8f96a3;cursor:not-allowed}
.app-nav a.nav-disabled::after{display:none}
.app-nav a.nav-disabled::before{
  content:attr(data-gate-message);
  position:absolute;
  left:50%;
  top:calc(100% - 2px);
  transform:translate(-50%,8px);
  width:max-content;
  max-width:260px;
  padding:8px 10px;
  border-radius:8px;
  background:#171923;
  color:#fff;
  font-size:11px;
  font-weight:600;
  line-height:1.35;
  text-align:center;
  white-space:normal;
  box-shadow:0 8px 24px rgba(17,24,39,.18);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .14s ease,transform .14s ease,visibility .14s ease;
  z-index:220;
}
.app-nav a.nav-disabled:hover::before,
.app-nav a.nav-disabled:focus-visible::before{
  opacity:1;
  visibility:visible;
  transform:translate(-50%,3px);
}
.mobile-nav-panel a.nav-disabled::after{
  content:attr(data-gate-message);
  display:block;
  margin-left:auto;
  max-width:48%;
  color:#8d93a0;
  font-size:10px;
  font-weight:600;
  line-height:1.3;
  text-align:right;
}

/* Free AOFI: restricted features are discoverable, not interactive. */
.app-nav [data-gate-kind="upgrade"].nav-disabled,
.mobile-nav-panel [data-gate-kind="upgrade"].nav-disabled {
  color:#9ca3af; cursor:not-allowed; opacity:.68;
}
.app-nav [data-gate-kind="upgrade"].nav-disabled:hover,
.app-nav [data-gate-kind="upgrade"].nav-disabled:focus-visible {
  color:#8b92a0;
}
.ask-creature.nav-disabled{
  opacity:.58;cursor:not-allowed;color:#8d95a3;position:relative;
}
.ask-creature.nav-disabled:hover::after,.ask-creature.nav-disabled:focus-visible::after{
  content:attr(data-gate-message);position:absolute;top:calc(100% + 8px);left:50%;
  transform:translateX(-50%);display:block;white-space:nowrap;background:#292d38;
  color:#fff;padding:9px 11px;border-radius:9px;font-size:11px;font-weight:700;z-index:60;
}
.mobile-ask-creature.nav-disabled:after{
  content:attr(data-gate-message);font-size:11px;margin-left:8px;color:#8d95a3;
}


/* AOFI-focused navigation branding during Diagnostic + Score */
.aofi-shell-brand{display:inline-flex!important;align-items:center;gap:8px;color:#171820}
.shell-aofi-mark{display:grid;place-items:center;min-width:50px;height:29px;padding:0 8px;border-radius:8px;background:linear-gradient(135deg,#272cf3,#625af6);color:#fff;font-size:12px;font-weight:900;letter-spacing:-.02em}
.shell-aofi-copy{font-size:7.5px;line-height:1.1;text-transform:uppercase;letter-spacing:.07em;font-weight:800;color:#656e7c}
@media(max-width:520px){.shell-aofi-copy{display:none}.shell-aofi-mark{min-width:54px}}

.aofi-journey-brand{display:inline-flex!important;align-items:center;gap:8px;text-decoration:none!important;color:#171820}
.aofi-journey-brand .aofi-brand-mark{display:grid;place-items:center;min-width:54px;height:30px;padding:0 8px;border-radius:8px;background:linear-gradient(135deg,#272cf3,#625af6);color:#fff;font-size:12px;font-weight:900;letter-spacing:-.02em}
.aofi-journey-brand .aofi-brand-copy{font-size:8px;line-height:1.12;text-transform:uppercase;letter-spacing:.07em;font-weight:800;color:#656e7c}


/* AOFI journey branding from approved Agency Owner Freedom Index reference */
.aofi-journey-brand{
  display:inline-flex!important;
  align-items:center;
  width:220px;
  height:63px;
  background:url('/brand/aofi-logo.png') left center/contain no-repeat;
  text-decoration:none!important;
  flex:0 0 auto;
}
.aofi-journey-brand .aofi-brand-mark,
.aofi-journey-brand .aofi-brand-copy{display:none!important}
.aofi-shell-brand{display:inline-flex!important;align-items:center;min-width:174px}
.cc-aofi-logo{display:block;width:174px;height:auto;max-height:50px;object-fit:contain}
.beta-version-badge{
  display:inline-flex;
  align-items:center;
  white-space:nowrap;
  border:1px solid #d8d9ff;
  background:#f3f2ff;
  color:#3438d7;
  border-radius:999px;
  padding:5px 9px;
  font-size:9px;
  font-weight:800;
  letter-spacing:.03em;
}
@media(max-width:820px){
  .beta-version-badge{display:none}
  .aofi-journey-brand{width:185px;height:54px}
  .cc-aofi-logo{width:158px;max-height:44px}
}


/* CC_TRANSLUCENT_PAGE_LOADERS_V1
   Keep the rendered page visible underneath full-screen loading states. */
#ccPageLoader,
body>#loader,
#aofiPageLoader,
.page-loader,
.cc-page-loader,
.loading-screen,
.loading-overlay,
[data-page-loader]{
  background-color:rgba(248,247,243,.18)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
#ccPageLoader .cc-loader-card,
.page-loader .loader-card,
.cc-page-loader .loader-card,
.loading-screen .loader-card,
.loading-overlay .loader-card,
[data-page-loader] .loader-card{
  background:rgba(255,255,255,.92)!important;
}