/* Kelta iOS visual prototype — only shipped in mobile design build.
   The production website is not modified. */
:root { color-scheme: dark; }
#dashboardApp { min-height: 100dvh; }
#dashboardApp .ios-preview-note{
  display:flex;align-items:center;gap:8px;color:#a7c8b3;font:600 11px/1.45 system-ui;
  letter-spacing:.02em;margin:0 0 14px;
}
#dashboardApp .ios-preview-note:before{content:"";width:6px;height:6px;border-radius:50%;background:#6eeaa1}
#dashboardApp .ios-metrics-strip{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 22px}
#dashboardApp .ios-metric{background:#0e2117;border:1px solid #244633;border-radius:16px;padding:14px 15px;min-width:0}
#dashboardApp .ios-metric span{display:block;color:#9cbaa8;font-size:11px;margin-bottom:7px}
#dashboardApp .ios-metric strong{display:block;font-size:20px;letter-spacing:-.04em;color:#f1fff5;font-variant-numeric:tabular-nums}
#dashboardApp .ios-metric.positive strong{color:#63e99c}
#dashboardApp #overview .wealth-panel .ios-chart{display:block;width:100%;height:auto;max-height:145px;margin-top:16px}
#dashboardApp .ios-tabbar{display:none}
#dashboardApp .ios-empty-state{background:#102218;border:1px solid #244733;border-radius:14px;padding:17px;color:#bdd4c5;font-size:13px;line-height:1.6;margin:15px 0}
#dashboardApp .ios-empty-state strong{display:block;color:#ecfff1;font-size:15px;margin-bottom:4px}
#dashboardApp .ios-sample-transaction{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid #224331;color:#f0f9f2}
#dashboardApp .ios-sample-transaction span{display:block;color:#91a99b;font-size:11px;margin-top:4px}
#dashboardApp .ios-sample-transaction b{white-space:nowrap;font-variant-numeric:tabular-nums}
#dashboardApp .ios-preview-chip{display:inline-flex;color:#7fe9aa;border:1px solid #2f6e4c;border-radius:100px;padding:5px 9px;font:600 10px system-ui;letter-spacing:.05em;text-transform:uppercase}
@media(max-width:800px){
  html,body { max-width:100%;overflow-x:hidden }
  #dashboardApp #vaultSidebar{
    position:sticky!important;top:0!important;z-index:120!important;width:100%!important;
    min-height:calc(58px + env(safe-area-inset-top))!important;height:auto!important;
    padding:calc(9px + env(safe-area-inset-top)) 20px 9px!important;display:flex!important;
    flex-direction:row!important;align-items:center!important;justify-content:space-between!important;
    background:#08130eeb!important;backdrop-filter:blur(15px);
    -webkit-backdrop-filter:blur(15px);
    border-bottom:1px solid #1e3828!important;
  }
  #dashboardApp #vaultSidebar .brand img{max-width:114px!important;height:42px!important;object-fit:contain}
  #dashboardApp #vaultSidebar nav,#dashboardApp #vaultSidebar>.eyebrow,#dashboardApp #vaultSidebar .sidebar-bottom{display:none!important}
  #dashboardApp .shell{margin-left:0!important;width:100%!important}
  #dashboardApp .shell>header{display:none!important}
  #dashboardApp .shell>main,
  #dashboardApp .shell>main:has(#overview:not([hidden])){
    padding:18px 16px 120px!important;max-width:640px!important;margin:0 auto!important
  }
  #dashboardApp .page-heading,#dashboardApp .page-heading:has(+ #overview:not([hidden])){
    display:flex!important;flex-direction:column!important;align-items:stretch!important;
    gap:14px!important;margin:0 0 18px!important;
  }
  #dashboardApp .page-heading .eyebrow,
  #dashboardApp .page-heading:has(+ #overview:not([hidden])) .eyebrow{
    font-size:10px!important;letter-spacing:.13em!important;margin:0 0 6px!important;
  }
  #dashboardApp .page-heading h1,
  #dashboardApp .page-heading:has(+ #overview:not([hidden])) h1{
    font-size:clamp(24px,7.1vw,34px)!important;line-height:1.12!important;letter-spacing:-.045em!important;
    margin-bottom:4px!important;
  }
  #dashboardApp .page-heading p:last-child{font-size:12px!important;line-height:1.5!important}
  #dashboardApp #overviewHeaderActions{
    display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;
  }
  #dashboardApp #overviewRefresh{display:none!important}
  #dashboardApp #snapshotManage{
    min-height:42px!important;font-size:12px!important;padding:10px 17px!important;width:auto!important;
  }
  #dashboardApp #overview .hero-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
  #dashboardApp #overview .wealth-panel,#dashboardApp #overview .runway-panel{
    padding:20px!important;border-radius:20px!important;width:100%!important;min-width:0!important
  }
  #dashboardApp #overview .net-worth{
    font-size:clamp(30px,9vw,43px)!important;margin:12px 0 5px!important;overflow-wrap:anywhere!important
  }
  #dashboardApp #overview .wealth-panel .positive{font-size:11px!important}
  #dashboardApp #overview .current-worth-chart{min-height:0!important;margin:8px 0 10px!important}
  #dashboardApp #overview .wealth-panel .chart-explanation{margin:10px 0!important}
  #dashboardApp #overview .runway-panel{
    display:flex!important;flex-direction:column!important;align-items:stretch!important;text-align:center!important
  }
  #dashboardApp #overview .runway-panel .runway-ring{
    margin:16px auto!important;width:148px!important;height:148px!important;
    min-width:148px!important;min-height:148px!important
  }
  #dashboardApp #overview .runway-panel .runway-ring strong{font-size:33px!important}
  #dashboardApp #overview .runway-panel h3{font-size:16px!important}
  #dashboardApp #overview .runway-panel #overviewRunwaySummary{margin:0 auto 14px!important}
  #dashboardApp #accountAccess{margin-top:23px!important}
  #dashboardApp #accountAccess .access-totals{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important}
  #dashboardApp #accountAccess .access-total{
    min-height:100px!important;padding:15px!important;border-radius:16px!important
  }
  #dashboardApp #accountAccess .access-total strong{font-size:22px!important;overflow-wrap:anywhere}
  #dashboardApp #accountAccess .access-total:last-child{grid-column:span 2}
  #dashboardApp #accountAccess .access-total small{font-size:10px!important}
  #dashboardApp .ios-tabbar{
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;position:fixed;bottom:0;left:0;right:0;
    z-index:900;min-height:calc(70px + env(safe-area-inset-bottom));
    padding:9px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #274a34;
    background:#081910f5;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  }
  #dashboardApp .ios-tabbar button{
    background:transparent;color:#9cb7a6;border:0;border-radius:11px;min-height:49px;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
    font:600 10px system-ui;letter-spacing:.01em;padding:7px 3px;
  }
  #dashboardApp .ios-tabbar button span:first-child{font-size:20px;line-height:1}
  #dashboardApp .ios-tabbar button[aria-current="page"]{color:#71efaa;background:#123322}
  #dashboardApp .ios-metrics-strip{gap:9px;margin-bottom:18px}
  #dashboardApp .ios-metric{padding:12px}
  #dashboardApp .ios-metric strong{font-size:18px}
  #dashboardApp #overviewConnectionSummary{font-size:12px}
  #dashboardApp .balance-currency,#dashboardApp #overviewWorthScope,#dashboardApp #runwayPeriodSelector{display:none!important}
  #dashboardApp .wealth-panel .badge{font-size:9px!important}
  #dashboardApp .ios-tabbar:focus-within{outline:none}
  #dashboardApp .ios-tabbar button:focus-visible{outline:2px solid #72eea6;outline-offset:-2px}
  #dashboardApp .tx-insights{grid-template-columns:1fr!important}
  #dashboardApp .pb-grid{grid-template-columns:1fr!important}
  #dashboardApp .tx-hero,#dashboardApp .pb-freedom,#dashboardApp .pb-projection{min-width:0!important}
  .ios-preview-banner{font-size:10px!important;padding:5px!important;top:auto!important;bottom:calc(70px + env(safe-area-inset-bottom))!important;opacity:.93}
}
@media(max-width:360px){
  #dashboardApp .page-heading h1{font-size:25px!important}
  #dashboardApp #overview .wealth-panel,#dashboardApp #overview .runway-panel{padding:17px!important}
  #dashboardApp .ios-metric strong{font-size:16px}
}
@media(min-width:801px){
  .ios-preview-banner{max-width:360px;left:auto!important;right:12px!important;bottom:12px!important;border-radius:10px}
}
@media(prefers-reduced-motion:reduce){
  #dashboardApp *{animation-duration:.01ms!important;transition-duration:.01ms!important}
}


/* Mobile-only concise content for Transactions and Your Playbook.
   The original page elements remain in the DOM, but are not shown in this visual prototype. */
#dashboardApp .ios-mobile-page{display:none}
@media(max-width:800px){
 #dashboardApp .ios-mobile-replaced > :not(.ios-mobile-page){display:none!important}
 #dashboardApp .ios-mobile-page{display:grid;gap:14px;padding-bottom:20px}
 #dashboardApp .ios-mobile-card{border:1px solid #284835;background:#0d2016;border-radius:20px;padding:20px;color:#eefbf2;min-width:0}
 #dashboardApp .ios-mobile-card-title{font-size:18px;font-weight:700;letter-spacing:-.035em;margin:0 0 15px;color:#f4fff7}
 #dashboardApp .ios-mobile-kicker{color:#a4c3af;font-weight:700;font-size:11px;letter-spacing:.12em;margin:0 0 12px}
 #dashboardApp .ios-mobile-hero-number{display:block;color:#f6fff8;font-size:clamp(29px,8vw,42px);font-weight:750;letter-spacing:-.065em;margin-bottom:12px;overflow-wrap:anywhere}
 #dashboardApp .ios-mobile-highlight{background:linear-gradient(145deg,#153d29,#0d2217 75%);border-color:#326a48}
 #dashboardApp .ios-mobile-explainer{font-size:13px;line-height:1.55;color:#b1cabb;margin:0 0 18px}
 #dashboardApp .ios-mobile-disclaimer{font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:#9bd3af;margin:0!important;line-height:1.5}
 #dashboardApp .ios-mobile-fact{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #244332;padding:13px 0;font-size:13px;color:#b3cdbd}
 #dashboardApp .ios-mobile-fact strong{font-size:14px;color:#f0fff3;font-variant-numeric:tabular-nums;white-space:nowrap}
 #dashboardApp .ios-mobile-fact:last-child{padding-bottom:0}
 #dashboardApp .ios-mobile-category{padding:5px 0 13px}
 #dashboardApp .ios-mobile-category .ios-mobile-fact{border:0;padding:0 0 9px}
 #dashboardApp .ios-mobile-track{height:7px;border-radius:99px;background:#214532;overflow:hidden}
 #dashboardApp .ios-mobile-fill{height:100%;background:linear-gradient(90deg,#34ba76,#79efad);border-radius:99px}
 #dashboardApp .ios-mobile-transaction{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #244332;padding:14px 0;gap:12px}
 #dashboardApp .ios-mobile-transaction:last-child{border:0;padding-bottom:0}
 #dashboardApp .ios-mobile-transaction strong{color:#f3fcf4;font-size:13px;font-weight:650}
 #dashboardApp .ios-mobile-transaction small{display:block;color:#90ac9a;margin-top:6px;font-size:11px}
 #dashboardApp .ios-mobile-progress{display:block;width:100%;height:9px;accent-color:#64eaa0;margin:18px 0 12px}
 #dashboardApp .ios-mobile-projection{display:block;font-size:32px;letter-spacing:-.05em;margin:5px 0 18px;color:#74efac;font-variant-numeric:tabular-nums}
 #dashboardApp .ios-mobile-range-label{display:flex;justify-content:space-between;align-items:center;color:#c3d7ca;margin:0 0 10px;font-size:12px}
 #dashboardApp .ios-mobile-range-label output{font-weight:700;color:#f3fff5}
 #dashboardApp .ios-mobile-range{width:100%;accent-color:#65ec9d;margin:0 0 13px}
}

/* Persistent, accessible page navigation — visible even when the bottom
   fixed tab bar is obscured by browser chrome or inherited layout rules. */
#dashboardApp .ios-section-switcher{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  gap:5px!important;
  width:100%!important;
  max-width:640px!important;
  margin:0 0 18px!important;
  padding:5px!important;
  border:1px solid #284a35!important;
  border-radius:15px!important;
  background:#0e2117!important;
  overflow:visible!important;
}
#dashboardApp .ios-section-switcher button{
  display:flex!important;
  flex:1 1 0!important;
  min-width:0!important;
  min-height:44px!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:9px 5px!important;
  border:0!important;
  border-radius:11px!important;
  background:transparent!important;
  color:#b7d0bf!important;
  font:600 12px/1.2 system-ui,-apple-system,sans-serif!important;
  letter-spacing:-.01em!important;
  white-space:normal!important;
  cursor:pointer!important;
}
#dashboardApp .ios-section-switcher button[aria-current="page"]{
  background:#1e5435!important;
  color:#e8fff0!important;
  box-shadow:inset 0 0 0 1px #5edb92!important;
}
#dashboardApp .ios-section-switcher button:focus-visible{
  outline:2px solid #72eea6!important;
  outline-offset:2px!important;
}
@media(min-width:801px){
  #dashboardApp .ios-section-switcher{display:none!important}
}
@media(max-width:800px){
  #dashboardApp .ios-section-switcher{
    position:sticky!important;
    top:calc(61px + env(safe-area-inset-top))!important;
    z-index:119!important;
    margin-bottom:14px!important;
  }
  #dashboardApp .ios-tabbar{z-index:2000!important}
}


/* Account management stays in the header on small screens, leaving the dashboard clear. */
#dashboardApp .ios-manage-accounts{display:none}
#dashboardApp .ios-accounts-preview-dialog{
  width:min(360px,calc(100vw - 32px));max-width:360px;
  border-radius:20px;border:1px solid #356247;
  padding:24px;background:#102519;color:#effcf3;
  box-shadow:0 24px 80px #0009;
}
#dashboardApp .ios-accounts-preview-dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}
#dashboardApp .ios-accounts-preview-dialog h2{font-size:21px;letter-spacing:-.04em;margin:0 0 10px}
#dashboardApp .ios-accounts-preview-dialog p{color:#bfd3c5;font-size:13px;line-height:1.55;margin:0 0 16px}
#dashboardApp .ios-accounts-preview-dialog .ios-account-sample-note{border:1px solid #284d38;border-radius:12px;padding:12px;color:#9fe3b9}
#dashboardApp .ios-account-close{width:100%;background:#62e99a;border:0;color:#081810;font-weight:700;border-radius:12px;padding:13px;min-height:44px}
@media(max-width:800px){
  #dashboardApp #vaultSidebar .ios-manage-accounts{
    display:inline-flex!important;align-items:center;justify-content:center;
    background:#142e20!important;color:#b9f7d2!important;
    border:1px solid #3a7752!important;border-radius:12px!important;
    padding:10px 12px!important;min-height:42px!important;
    font:650 12px/1.2 system-ui,-apple-system,sans-serif!important;
    white-space:nowrap;letter-spacing:-.015em!important;
  }
  #dashboardApp #vaultSidebar .ios-manage-accounts:focus-visible{outline:2px solid #71efab!important;outline-offset:2px}
  #dashboardApp #overviewHeaderActions{display:none!important}
}
@media(max-width:360px){
  #dashboardApp #vaultSidebar .ios-manage-accounts{font-size:11px!important;padding:9px!important}
  #dashboardApp #vaultSidebar .brand img{max-width:100px!important}
}

/* Prioritize cash runway above net worth in the iPhone Overview only. */
@media(max-width:800px){
  #dashboardApp #overview .hero-grid > .wealth-panel{order:-1!important}
  #dashboardApp #overview .hero-grid > .runway-panel{order:0!important}
}


/* Mobile cash runway: same ring treatment as the website, with selectable history. */
@media(max-width:800px){
  #dashboardApp #overview #runwayPeriodSelector.ios-runway-selector-active{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:13px auto 4px!important;
    width:min(100%,265px)!important;
  }
  #dashboardApp #overview #runwayPeriodSelect{
    display:block!important;
    width:100%!important;
    background:#142b1d!important;
    color:#e0f8e8!important;
    border:1px solid #345c42!important;
    border-radius:12px!important;
    padding:12px 16px!important;
    font-size:14px!important;
    font-weight:600!important;
    min-height:44px!important;
    text-align:center!important;
    text-align-last:center!important;
    appearance:auto!important;
    -webkit-appearance:menulist!important;
    opacity:1!important;
  }
  #dashboardApp #overview #runwayPeriodSelect:focus-visible{
    outline:2px solid #6de6a0!important;
    outline-offset:2px!important;
  }
  #dashboardApp #overview .runway-panel .runway-ring{
    width:154px!important;
    height:154px!important;
    min-width:154px!important;
    min-height:154px!important;
    margin:19px auto 15px!important;
  }
  #dashboardApp #overview .runway-panel .runway-ring strong{
    font-size:32px!important;
    letter-spacing:-.05em!important;
  }
  #dashboardApp #overview #overviewRunwayTitle{
    font-size:20px!important;
    line-height:1.35!important;
    margin:12px auto 10px!important;
    max-width:305px!important;
    text-align:center!important;
    letter-spacing:-.025em!important;
  }
  #dashboardApp #overview #overviewRunwayTitle .ios-runway-duration{
    color:#60e69a!important;
  }
  #dashboardApp #overview .runway-panel #overviewRunwaySummary{
    max-width:310px!important;
    font-size:12px!important;
    line-height:1.55!important;
  }
}


/* Keep the complete runway value and unit comfortably inside the ring. */
@media(max-width:800px){
  #dashboardApp #overview .runway-panel #overviewRunwayRing{
    width:178px!important;
    height:178px!important;
    min-width:178px!important;
    min-height:178px!important;
    margin:20px auto 18px!important;
    position:relative!important;
    display:grid!important;
    place-items:center!important;
    overflow:visible!important;
  }
  #dashboardApp #overview .runway-panel #overviewRunwayRing .runway-ring-center,
  #dashboardApp #overview .runway-panel #overviewRunwayRing > div{
    width:132px!important;
    max-width:132px!important;
    padding:0 3px!important;
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    gap:7px!important;
    transform:none!important;
    text-align:center!important;
    position:relative!important;
    z-index:1!important;
    overflow:visible!important;
  }
  #dashboardApp #overview #overviewRunway{
    display:block!important;
    font-size:36px!important;
    line-height:1!important;
    font-weight:750!important;
    letter-spacing:-.045em!important;
    max-width:100%!important;
    white-space:nowrap!important;
  }
  #dashboardApp #overview #overviewRunwayUnit{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    font-size:11px!important;
    line-height:1.3!important;
    letter-spacing:.14em!important;
    white-space:nowrap!important;
    text-align:center!important;
    margin:0!important;
    overflow:visible!important;
  }
}


/* Cash-flow metrics live inside the runway breakdown, never above the Overview. */
#dashboardApp #overview .runway-panel .ios-metrics-strip{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  margin:12px 0 8px!important;
}
#dashboardApp #overview .runway-panel .ios-metric{
  min-width:0!important;
  padding:14px!important;
  border:1px solid #2b5039!important;
  border-radius:14px!important;
  background:#10291b!important;
  text-align:left!important;
}
#dashboardApp #overview .runway-panel .ios-metric span{
  color:#b7d2c0!important;
  font-size:11px!important;
  line-height:1.4!important;
  margin:0 0 8px!important;
}
#dashboardApp #overview .runway-panel .ios-metric strong{
  display:block!important;
  color:#f0fbf3!important;
  font-size:clamp(17px,4.9vw,23px)!important;
  line-height:1.2!important;
  letter-spacing:-.04em!important;
  font-variant-numeric:tabular-nums!important;
  overflow-wrap:anywhere!important;
}
#dashboardApp #overview .runway-panel .ios-net-cash-flow{
  grid-column:1 / -1!important;
  background:#153b26!important;
}
#dashboardApp #overview .runway-panel .ios-net-cash-flow.positive strong{color:#73f2ac!important}
#dashboardApp #overview .runway-panel .ios-net-cash-flow.negative strong{color:#ffb1a9!important}
@media(max-width:800px){
  #dashboardApp #overview .runway-panel details.overview-breakdown{display:block!important;margin-top:18px!important}
  #dashboardApp #overview .runway-panel details.overview-breakdown > summary{
    font-size:14px!important;
    font-weight:700!important;
    color:#e9f8ee!important;
    padding:12px 0!important;
  }
  /* The source page's three plain text rows remain available in desktop mode.
     The iPhone version uses the visual metric cards instead. */
  #dashboardApp #overview .runway-panel #runwayMonthlyFlow > .runway-flow-row,
  #dashboardApp #overview .runway-panel #runwayMonthlyFlow > #runwayFlowPeriod{
    display:none!important;
  }
}


/* Your Playbook: mobile interactive long-game chart, styled like Kelta's website. */
@media(max-width:800px){
  #dashboardApp #goals .ios-future-card{
    background:radial-gradient(ellipse at 95% 0%,#1a3e2a 0%,#10281b 56%,#0d2016 100%)!important;
    border:1px solid #315940!important;
    overflow:hidden!important;
  }
  #dashboardApp #goals .ios-future-card .ios-mobile-card-title{
    margin-bottom:10px!important;
  }
  #dashboardApp #goals .ios-future-caption{
    color:#b5c9bc!important;
    font-size:12px!important;
    margin:20px 0 5px!important;
  }
  #dashboardApp #goals .ios-future-card .ios-mobile-projection{
    margin:0 0 16px!important;
    font-size:clamp(27px,8vw,38px)!important;
    color:#f0fff3!important;
    font-weight:750!important;
    letter-spacing:-.055em!important;
    overflow-wrap:anywhere!important;
  }
  #dashboardApp #goals .ios-future-chart-wrap{
    margin:0 -4px 25px!important;
    width:calc(100% + 8px)!important;
  }
  #dashboardApp #goals .ios-future-chart-wrap svg{
    display:block!important;
    width:100%!important;
    height:auto!important;
    overflow:visible!important;
  }
  #dashboardApp #goals .ios-future-grid line{
    stroke:#355643!important;
    stroke-width:1!important;
    opacity:.55!important;
  }
  #dashboardApp #goals .ios-future-line{
    stroke:#b4ee8d!important;
    stroke-width:3.2!important;
    stroke-linejoin:round!important;
    stroke-linecap:round!important;
  }
  #dashboardApp #goals .ios-future-guide{
    stroke:#9fdb86!important;
    stroke-width:1.1!important;
    stroke-dasharray:4 6!important;
    opacity:.8!important;
  }
  #dashboardApp #goals .ios-future-halo{
    fill:#b6f092!important;
    fill-opacity:.18!important;
  }
  #dashboardApp #goals .ios-future-dot{
    fill:#c5f7aa!important;
    stroke:#254832!important;
    stroke-width:2!important;
  }
  #dashboardApp #goals .ios-future-axis{
    position:relative!important;
    margin:0 12px 28px!important;
    height:20px!important;
    font:500 11px system-ui,-apple-system,sans-serif!important;
    color:#a9c0b0!important;
  }
  #dashboardApp #goals .ios-future-axis span{
    position:absolute!important;
    transform:translateX(-50%)!important;
    white-space:nowrap!important;
  }
  #dashboardApp #goals .ios-future-axis span:first-child{transform:none!important}
  #dashboardApp #goals .ios-future-axis span:last-child{transform:translateX(-100%)!important}
  #dashboardApp #goals .ios-future-card .ios-mobile-range-label{
    margin:0 0 14px!important;
    font-size:13px!important;
    font-weight:600!important;
  }
  #dashboardApp #goals .ios-future-card .ios-mobile-range-label output{
    color:#c5f7aa!important;
    border:1px solid #3a6947!important;
    background:#1a3b29!important;
    border-radius:999px!important;
    padding:6px 10px!important;
    white-space:nowrap!important;
  }
  #dashboardApp #goals .ios-future-card .ios-mobile-range{
    display:block!important;
    height:25px!important;
    margin:0 0 14px!important;
    width:100%!important;
    accent-color:#b7ef94!important;
    cursor:pointer!important;
  }
  #dashboardApp #goals .ios-future-disclosure{
    color:#98b7a2!important;
    margin:14px 0 0!important;
    font:400 11px/1.55 system-ui,-apple-system,sans-serif!important;
  }
}


/* iOS Freedom Number: responsive counterpart to the published Playbook design. */
@media(max-width:800px){
  #dashboardApp #goals .ios-freedom-card{
    padding:22px 20px 0!important;
    background:radial-gradient(ellipse at 96% 0%,#284b37 0%,#142f22 48%,#10251c 100%)!important;
    border:1px solid #385d43!important;
    overflow:hidden!important;
  }
  #dashboardApp #goals .ios-freedom-card .ios-mobile-kicker{
    color:#61eba3!important;
    letter-spacing:.14em!important;
    margin-bottom:22px!important;
  }
  #dashboardApp #goals .ios-freedom-body{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:22px!important;
  }
  #dashboardApp #goals .ios-freedom-number{
    display:block!important;
    font-size:clamp(36px,10vw,49px)!important;
    line-height:1.12!important;
    font-weight:750!important;
    letter-spacing:-.065em!important;
    color:#c9f4aa!important;
    font-variant-numeric:tabular-nums!important;
    overflow-wrap:anywhere!important;
  }
  #dashboardApp #goals .ios-freedom-description{
    margin:13px 0 0!important;
    color:#c1d7c9!important;
    font-size:13px!important;
    line-height:1.6!important;
  }
  #dashboardApp #goals .ios-freedom-right{
    display:grid!important;
    grid-template-columns:minmax(116px,.85fr) minmax(0,1fr)!important;
    align-items:center!important;
    gap:18px!important;
    padding:0 0 20px!important;
  }
  #dashboardApp #goals .ios-freedom-ring{
    --freedom-progress:0%;
    position:relative!important;
    width:min(100%,158px)!important;
    aspect-ratio:1!important;
    margin:0 auto!important;
    border-radius:50%!important;
    background:conic-gradient(#c4f19c 0 var(--freedom-progress),#315143 var(--freedom-progress) 100%)!important;
    display:grid!important;
    place-items:center!important;
  }
  #dashboardApp #goals .ios-freedom-ring::before{
    content:"";position:absolute;inset:11px;border-radius:50%;
    background:#173528!important;
  }
  #dashboardApp #goals .ios-freedom-ring-center{
    z-index:1;position:relative;display:flex;flex-direction:column;
    align-items:center;justify-content:center;text-align:center;gap:5px;
    width:100%;padding:0 12px;
  }
  #dashboardApp #goals .ios-freedom-ring-center strong{
    font-size:clamp(23px,6vw,33px)!important;
    line-height:1!important;
    color:#d7f9b7!important;
    letter-spacing:-.05em!important;
  }
  #dashboardApp #goals .ios-freedom-ring-center span{
    font-size:8px!important;
    letter-spacing:.12em!important;
    color:#b1c8b7!important;
    white-space:nowrap!important;
  }
  #dashboardApp #goals .ios-freedom-spending-panel{
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    padding-left:16px!important;
    border-left:1px solid #44614f!important;
  }
  #dashboardApp #goals .ios-freedom-select-label{margin:0!important}
  #dashboardApp #goals .ios-freedom-select,
  #dashboardApp #goals .ios-freedom-history{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    min-height:36px!important;
    background:#163725!important;
    color:#c5deca!important;
    border:1px solid #315b40!important;
    border-radius:10px!important;
    padding:8px 6px!important;
    font:500 11px/1.35 system-ui,-apple-system,sans-serif!important;
    appearance:auto!important;
    -webkit-appearance:menulist!important;
  }
  #dashboardApp #goals .ios-freedom-spending-value{
    font-size:clamp(21px,6.3vw,29px)!important;
    letter-spacing:-.05em!important;
    color:#f2fff6!important;
    line-height:1.1!important;
    overflow-wrap:anywhere!important;
  }
  #dashboardApp #goals .ios-freedom-history:disabled{opacity:.55!important}
  #dashboardApp #goals .ios-freedom-adjust{
    border-top:1px solid #365747!important;
    padding:0!important;
    margin:0 -20px!important;
  }
  #dashboardApp #goals .ios-freedom-adjust > summary{
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    list-style:none!important;
    padding:18px 20px!important;
    min-height:54px!important;
    color:#d6ebd9!important;
    font-weight:600!important;
    font-size:14px!important;
    cursor:pointer!important;
  }
  #dashboardApp #goals .ios-freedom-adjust > summary::-webkit-details-marker{display:none}
  #dashboardApp #goals .ios-freedom-adjust > summary:after{content:"+";font-size:23px;line-height:1;font-weight:400}
  #dashboardApp #goals .ios-freedom-adjust[open] > summary:after{content:"−"}
  #dashboardApp #goals .ios-freedom-adjust-content{padding:0 20px 20px!important;display:grid!important;gap:11px!important}
  #dashboardApp #goals .ios-freedom-adjust-content label{color:#c1d5c5;font-size:12px;margin:0!important}
  #dashboardApp #goals .ios-freedom-spend-input{
    width:100%!important;
    min-height:44px!important;
    border-radius:11px!important;
    border:1px solid #407756!important;
    padding:12px!important;
    background:#0c2417!important;
    color:#fff!important;
    font-size:16px!important;
  }
  #dashboardApp #goals .ios-freedom-reset{
    color:#8ef1b7!important;
    background:transparent!important;
    border:1px solid #376c4d!important;
    border-radius:10px!important;
    padding:10px 12px!important;
    min-height:44px!important;
    font-weight:600!important;
  }
  #dashboardApp #goals .ios-freedom-caveat{color:#9fb9a8!important;font-size:11px!important;line-height:1.55!important;margin:0!important}
  #dashboardApp #goals .ios-freedom-card select:focus-visible,
  #dashboardApp #goals .ios-freedom-card button:focus-visible,
  #dashboardApp #goals .ios-freedom-spend-input:focus-visible{outline:2px solid #65eaa0!important;outline-offset:2px!important}
}
@media(max-width:365px){
  #dashboardApp #goals .ios-freedom-right{grid-template-columns:minmax(105px,.8fr) minmax(0,1fr)!important;gap:10px!important}
  #dashboardApp #goals .ios-freedom-spending-panel{padding-left:10px!important}
}


/* iOS Playbook: dark-mode investment performance list based on website layout. */
@media(max-width:800px){
  #dashboardApp #goals .ios-investments-card{
    background:#0f2419!important;
    border:1px solid #2b4d38!important;
    border-radius:20px!important;
    padding:22px 18px 18px!important;
  }
  #dashboardApp #goals .ios-investments-card .ios-mobile-kicker{
    font-size:11px!important;
    letter-spacing:.13em!important;
    color:#66eaa2!important;
    margin:0 0 10px!important;
  }
  #dashboardApp #goals .ios-investments-heading{
    color:#f2fff5!important;
    font-size:clamp(23px,6.3vw,29px)!important;
    font-weight:750!important;
    line-height:1.16!important;
    letter-spacing:-.047em!important;
    margin:0 0 20px!important;
  }
  #dashboardApp #goals .ios-investments-toolbar{
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    padding-bottom:12px!important;
    color:#9ebea9!important;
    font-size:11px!important;
  }
  #dashboardApp #goals .ios-investments-period-label{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    margin:0!important;
    font:500 11px system-ui,-apple-system,sans-serif!important;
    color:#b5cfbd!important;
  }
  #dashboardApp #goals .ios-investments-period{
    background:#173525!important;
    color:#e9fbef!important;
    border:1px solid #355b43!important;
    border-radius:10px!important;
    padding:9px 7px!important;
    min-height:40px!important;
    font:600 12px system-ui,-apple-system,sans-serif!important;
  }
  #dashboardApp #goals .ios-investment-list{display:grid!important;gap:9px!important}
  #dashboardApp #goals .ios-investment-item{
    padding:16px 15px!important;
    border:1px solid #2b513b!important;
    border-radius:15px!important;
    background:#132c1e!important;
    min-width:0!important;
  }
  #dashboardApp #goals .ios-investment-row{
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    gap:12px!important;
    min-width:0!important;
  }
  #dashboardApp #goals .ios-investment-name,
  #dashboardApp #goals .ios-investment-value{
    font-size:15px!important;
    font-weight:700!important;
    color:#f1fef5!important;
  }
  #dashboardApp #goals .ios-investment-value{
    font-variant-numeric:tabular-nums!important;
    letter-spacing:-.03em!important;
    white-space:nowrap!important;
  }
  #dashboardApp #goals .ios-investment-meta{
    margin-top:8px!important;
    color:#a5bcaa!important;
    font:500 11px/1.4 system-ui,-apple-system,sans-serif!important;
  }
  #dashboardApp #goals .ios-investment-return{color:#77eaaa!important;white-space:nowrap!important}
  #dashboardApp #goals .ios-investment-return.ios-negative-return{color:#f6b09f!important}
  #dashboardApp #goals .ios-investments-footnote{
    color:#92b09a!important;
    font-size:11px!important;
    line-height:1.55!important;
    margin:16px 0 0!important;
  }
  #dashboardApp #goals .ios-investments-period:focus-visible{outline:2px solid #66e9a0!important;outline-offset:2px!important}
}


/* Investment account filter for the Explore Your Future mobile graph. */
@media(max-width:800px){
  #dashboardApp #goals .ios-future-account-label{
    display:block!important;
    width:100%!important;
    margin:10px 0 0!important;
  }
  #dashboardApp #goals .ios-future-account-select{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    min-height:48px!important;
    padding:12px 14px!important;
    border:1px solid #426b4b!important;
    border-radius:13px!important;
    background:#183727!important;
    color:#edfdf1!important;
    font:600 14px/1.35 system-ui,-apple-system,sans-serif!important;
    appearance:auto!important;
    -webkit-appearance:menulist!important;
  }
  #dashboardApp #goals .ios-future-account-select:focus-visible{
    outline:2px solid #70f2a5!important;outline-offset:2px!important;
  }
  #dashboardApp #goals .ios-future-source-hint{
    color:#97b5a0!important;
    margin:7px 0 14px!important;
    font-size:11px!important;
    line-height:1.45!important;
  }
}


/* Overview: full-width stacked balance cards for phone-sized layouts. */
@media(max-width:800px){
  #dashboardApp #overview #accountAccess .access-totals{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
    width:100%!important;
  }
  #dashboardApp #overview #accountAccess .access-total,
  #dashboardApp #overview #accountAccess .access-total:last-child{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    grid-column:1 / -1!important;
    width:100%!important;
    min-width:0!important;
    min-height:120px!important;
    margin:0!important;
    padding:19px 21px!important;
    text-align:left!important;
    border-radius:18px!important;
    background:#102519!important;
    border:1px solid #2d553b!important;
    box-shadow:none!important;
    gap:7px!important;
  }
  #dashboardApp #overview #accountAccess .access-total > span{
    display:block!important;
    font-size:13px!important;
    line-height:1.35!important;
    letter-spacing:.01em!important;
    font-weight:600!important;
    color:#bbd4c4!important;
  }
  #dashboardApp #overview #accountAccess .access-total > strong{
    display:block!important;
    font-size:clamp(27px,7vw,35px)!important;
    line-height:1.13!important;
    letter-spacing:-.055em!important;
    font-variant-numeric:tabular-nums!important;
    overflow-wrap:anywhere!important;
    color:#f0fff5!important;
  }
  #dashboardApp #overview #accountAccess .access-total > small{
    display:block!important;
    font-size:11px!important;
    line-height:1.5!important;
    color:#9fb9a8!important;
    margin:0!important;
  }
  #dashboardApp #overview #accountAccess .access-total-cash{
    background:linear-gradient(120deg,#153826,#102519)!important;
    border-color:#3b7852!important;
  }
  #dashboardApp #overview #accountAccess .access-total-cash > strong{color:#76eda9!important}
  #dashboardApp #overview #accountAccess #accessDebtCard > strong{color:#f4b69b!important}
  #dashboardApp #overview #accountAccess .access-total:focus-visible{
    outline:2px solid #6deea0!important;
    outline-offset:3px!important;
  }
}


/* Keep every Overview balance on a single line, including seven-figure amounts. */
@media(max-width:800px){
  #dashboardApp #overview #accountAccess .access-total > strong{
    font-size:clamp(20px,5.7vw,28px)!important;
    line-height:1.15!important;
    letter-spacing:-.055em!important;
    white-space:nowrap!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    max-width:100%!important;
    font-variant-numeric:tabular-nums!important;
  }
}
@media(max-width:360px){
  #dashboardApp #overview #accountAccess .access-total > strong{
    font-size:19px!important;
  }
}

/* Match the mobile greeting name to the cash runway ring highlight. */
#dashboardApp #pageTitle .ios-greeting-name{
  color:#60e69a!important;
  -webkit-text-fill-color:#60e69a!important;
  font:inherit!important;
}


/* Top-right account dropdown is shown only in the iOS preview. */
#dashboardApp .ios-account-menu-wrap{display:none}
@media(max-width:800px){
  #dashboardApp #vaultSidebar .ios-account-menu-wrap{
    display:block!important;
    position:relative!important;
    margin-left:auto!important;
    flex:0 0 auto!important;
    z-index:150!important;
  }
  #dashboardApp #vaultSidebar .ios-account-button{
    display:inline-flex!important;
    justify-content:center!important;
    align-items:center!important;
    min-height:42px!important;
    min-width:87px!important;
    background:#163725!important;
    color:#e6f9eb!important;
    border:1px solid #3a7752!important;
    border-radius:12px!important;
    padding:9px 14px!important;
    font:650 12px/1.2 system-ui,-apple-system,sans-serif!important;
    letter-spacing:-.015em!important;
    cursor:pointer!important;
  }
  #dashboardApp #vaultSidebar .ios-account-button:after{
    content:"⌄";margin-left:8px;font-size:15px;line-height:1;
  }
  #dashboardApp #vaultSidebar .ios-account-menu{
    position:absolute!important;
    right:0!important;
    top:calc(100% + 9px)!important;
    width:min(276px,calc(100vw - 32px))!important;
    background:#10291b!important;
    color:#ebfff1!important;
    border:1px solid #355b42!important;
    border-radius:17px!important;
    padding:8px!important;
    box-shadow:0 18px 52px #0009!important;
    z-index:3000!important;
  }
  #dashboardApp #vaultSidebar .ios-account-menu[hidden]{display:none!important}
  #dashboardApp #vaultSidebar .ios-account-menu-header{
    display:flex!important;align-items:center!important;gap:11px!important;
    padding:10px 10px 14px!important;
    border-bottom:1px solid #294735!important;
    margin-bottom:5px!important;
  }
  #dashboardApp #vaultSidebar .ios-account-avatar{
    width:38px!important;height:38px!important;flex:none!important;
    display:grid!important;place-items:center!important;
    border-radius:50%!important;
    background:#24563a!important;color:#9af3b9!important;
    font:750 12px/1 system-ui,-apple-system,sans-serif!important;
  }
  #dashboardApp #vaultSidebar .ios-account-menu-header strong{
    display:block!important;font-size:13px!important;color:#f2fff6!important;
  }
  #dashboardApp #vaultSidebar .ios-account-menu-header small{
    display:block!important;font-size:11px!important;color:#9ebba8!important;margin-top:4px!important;
  }
  #dashboardApp #vaultSidebar .ios-account-menu-item{
    display:block!important;text-align:left!important;width:100%!important;
    min-height:45px!important;
    padding:12px!important;
    border:0!important;
    border-radius:10px!important;
    background:transparent!important;
    color:#e5f8ec!important;
    font:600 13px/1.3 system-ui,-apple-system,sans-serif!important;
    cursor:pointer!important;
  }
  #dashboardApp #vaultSidebar .ios-account-menu-item:hover,
  #dashboardApp #vaultSidebar .ios-account-menu-item:focus-visible{
    background:#204331!important;
  }
  #dashboardApp #vaultSidebar .ios-account-menu-divider{
    height:1px!important;background:#294735!important;margin:5px 3px!important;
  }
  #dashboardApp #vaultSidebar .ios-account-menu-signout{color:#f7baa9!important}
  #dashboardApp #vaultSidebar .ios-account-button:focus-visible{
    outline:2px solid #70eaa5!important;outline-offset:2px!important;
  }
}


/* Minimal Account header control: text and centered chevron, no green pill. */
@media(max-width:800px){
  #dashboardApp #vaultSidebar .ios-account-button{
    display:inline-flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:0!important;
    padding:10px 2px 10px 10px!important;
    min-height:44px!important;
    min-width:0!important;
    color:#ecfaf1!important;
    line-height:20px!important;
  }
  #dashboardApp #vaultSidebar .ios-account-button:after{
    content:""!important;
    display:block!important;
    flex:0 0 7px!important;
    width:7px!important;
    height:7px!important;
    border-right:1.7px solid currentColor!important;
    border-bottom:1.7px solid currentColor!important;
    transform:translateY(-2px) rotate(45deg)!important;
    margin:0 2px 0 0!important;
    font-size:0!important;
    line-height:0!important;
  }
}


/* Small Add Account button sits in the top-right corner of Your Net Worth. */
@media(max-width:800px){
  #dashboardApp #overview .wealth-panel > .row{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
  }
  #dashboardApp #overview .wealth-panel .ios-add-networth-account{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 36px!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    padding:0!important;
    margin-left:auto!important;
    border-radius:11px!important;
    border:1px solid #3b7051!important;
    background:#183b29!important;
    color:#b3f2c8!important;
    font:400 25px/1 system-ui,-apple-system,sans-serif!important;
    box-shadow:none!important;
    cursor:pointer!important;
  }
  #dashboardApp #overview .wealth-panel .ios-add-networth-account:focus-visible{
    outline:2px solid #79eda7!important;
    outline-offset:3px!important;
  }
}


/* Playbook: lightweight, borderless native dropdowns matching the runway selector behavior. */
@media(max-width:800px){
  #dashboardApp #goals .ios-freedom-select,
  #dashboardApp #goals .ios-freedom-history,
  #dashboardApp #goals .ios-future-account-select{
    background:transparent!important;
    background-color:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    outline:0;
    color:#d8f6e1!important;
    -webkit-text-fill-color:#d8f6e1!important;
    appearance:auto!important;
    -webkit-appearance:menulist!important;
    min-height:40px!important;
    padding:8px 3px!important;
    font:600 12px/1.35 system-ui,-apple-system,sans-serif!important;
    cursor:pointer!important;
  }
  #dashboardApp #goals .ios-freedom-select,
  #dashboardApp #goals .ios-freedom-history{
    text-align:left!important;
    text-align-last:left!important;
  }
  #dashboardApp #goals .ios-future-account-select{
    font-size:14px!important;
    padding:10px 4px!important;
    min-height:44px!important;
  }
  #dashboardApp #goals .ios-freedom-select:focus-visible,
  #dashboardApp #goals .ios-freedom-history:focus-visible,
  #dashboardApp #goals .ios-future-account-select:focus-visible{
    outline:2px solid #70f2a5!important;
    outline-offset:3px!important;
    border-radius:5px!important;
  }
}


/* iOS signed-out landing page: retain the hero and sample net-worth illustration
   only. Signed-in Overview, Transactions, and Your Playbook are unaffected. */
#vaultHome.kelta-site.kelta-light #kelta-product,
#vaultHome.kelta-site.kelta-light #kelta-insights,
#vaultHome.kelta-site.kelta-light #kelta-journey,
#vaultHome.kelta-site.kelta-light #kelta-how,
#vaultHome.kelta-site.kelta-light #kelta-trust,
#vaultHome.kelta-site.kelta-light #kelta-final,
#vaultHome.kelta-site.kelta-light .light-final-wrap,
#vaultHome.kelta-site.kelta-light .light-footer,
#vaultHome.kelta-site.kelta-light .light-overview-stats,
#vaultHome.kelta-site.kelta-light .light-illustrative,
#vaultHome.kelta-site.kelta-light .light-hero-actions .light-text-link,
#vaultHome.kelta-site.kelta-light .light-nav-actions > a{
  display:none!important;
}
#vaultHome.kelta-site.kelta-light header.light-hero{
  padding-bottom:36px!important;
}
#vaultHome.kelta-site.kelta-light .light-hero-visual{
  padding-bottom:0!important;
}
#vaultHome.kelta-site.kelta-light .light-overview-card{
  overflow:hidden!important;
}
#vaultHome.kelta-site.kelta-light .light-worth-graph{
  display:block!important;
  width:100%!important;
  height:auto!important;
  margin-bottom:0!important;
}
@media(max-width:1024px){
  #vaultHome.kelta-site.kelta-light .light-nav{
    padding:12px 18px!important;
  }
  #vaultHome.kelta-site.kelta-light header.light-hero{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:24px!important;
    padding:24px 18px 30px!important;
  }
  #vaultHome.kelta-site.kelta-light .light-hero-copy,
  #vaultHome.kelta-site.kelta-light .light-hero-visual{
    width:100%!important;
    max-width:620px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    min-width:0!important;
  }
  #vaultHome.kelta-site.kelta-light .light-hero .light-kicker{
    font-size:10px!important;
    line-height:1.45!important;
    margin:0 0 13px!important;
  }
  #vaultHome.kelta-site.kelta-light .light-hero h1{
    font-size:clamp(36px,8.5vw,54px)!important;
    line-height:1.08!important;
    letter-spacing:-.05em!important;
    margin:0!important;
  }
  #vaultHome.kelta-site.kelta-light .light-hero-sub{
    font-size:14px!important;
    line-height:1.55!important;
    margin:16px 0 0!important;
    max-width:520px!important;
  }
  #vaultHome.kelta-site.kelta-light .light-hero-actions{
    display:flex!important;
    align-items:center!important;
    margin-top:20px!important;
  }
  #vaultHome.kelta-site.kelta-light .light-hero-actions .light-dark-cta{
    display:flex!important;
    justify-content:center!important;
    width:100%!important;
    min-height:48px!important;
    font-size:14px!important;
  }
  #vaultHome.kelta-site.kelta-light .light-hero-audience{
    margin-top:14px!important;
    font-size:11px!important;
  }
  #vaultHome.kelta-site.kelta-light .light-sandbox{
    font-size:10px!important;
    margin-top:7px!important;
  }
  #vaultHome.kelta-site.kelta-light .light-overview-card{
    padding:18px!important;
    border-radius:19px!important;
    box-shadow:none!important;
  }
  #vaultHome.kelta-site.kelta-light .light-overview-value{
    font-size:clamp(31px,8.5vw,50px)!important;
    white-space:nowrap!important;
    letter-spacing:-.055em!important;
  }
  #vaultHome.kelta-site.kelta-light .light-overview-head{
    margin-bottom:16px!important;
  }
}


/* Pre-sign-in mobile welcome: swipeable Kelta feature tour, with conversion after the tour.
   Scoped to the isolated preview only; signed-in screens are unchanged. */
#vaultHome.ios-onboarding-home .ios-onboard{width:100%;min-width:0}
#vaultHome.ios-onboarding-home .ios-onboard-heading{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  color:#88cba2;font:650 10px/1.4 system-ui,-apple-system,sans-serif;
  letter-spacing:.11em;margin:0 0 12px
}
#vaultHome.ios-onboarding-home .ios-onboard-heading>span:last-child{letter-spacing:0;color:#b0c7b8;font-weight:500}
#vaultHome.ios-onboarding-home .ios-onboard-track{
  display:flex;width:100%;overflow-x:auto;overscroll-behavior-inline:contain;
  scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;
  -webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;
  border-radius:20px
}
#vaultHome.ios-onboarding-home .ios-onboard-track::-webkit-scrollbar{display:none}
#vaultHome.ios-onboarding-home .ios-onboard-slide{
  min-width:100%;max-width:100%;width:100%;flex:0 0 100%;
  scroll-snap-align:start;scroll-snap-stop:always;min-height:300px;display:flex
}
#vaultHome.ios-onboarding-home .ios-onboard-slide .light-overview-card{
  width:100%!important;min-height:300px!important;min-width:0!important;flex:1!important
}
#vaultHome.ios-onboarding-home .ios-onboard-slide .light-overview-head,
#vaultHome.ios-onboarding-home .ios-onboard-slide .light-overview-kicker,
#vaultHome.ios-onboarding-home .ios-onboard-slide .light-overview-value{
  text-align:left!important
}
#vaultHome.ios-onboarding-home .ios-onboard-card{
  width:100%;min-height:300px;padding:22px;border-radius:20px;
  border:1px solid #2b5139;background:radial-gradient(circle at 90% 8%,#1e4630,#10261a 63%,#0e2117);
  display:flex;flex-direction:column;overflow:hidden;color:#f1fef5
}
#vaultHome.ios-onboarding-home .ios-onboard-card-heading{
  display:flex;align-items:center;justify-content:space-between;
  gap:12px;color:#74e9a1;font:750 11px/1.4 system-ui,-apple-system,sans-serif;letter-spacing:.12em
}
#vaultHome.ios-onboarding-home .ios-onboard-card-heading>span:last-child{
  font-size:20px;line-height:1
}
#vaultHome.ios-onboarding-home .ios-onboard-runway-content{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:9px;flex:1;margin:12px 0
}
#vaultHome.ios-onboarding-home .ios-onboard-runway-ring{
  width:132px;height:132px;border-radius:50%;
  background:conic-gradient(#bdf19b 0 62%,#365442 62% 100%);
  display:grid;place-items:center;margin:1px auto 6px
}
#vaultHome.ios-onboarding-home .ios-onboard-runway-ring>div{
  width:114px;height:114px;display:flex;flex-direction:column;justify-content:center;align-items:center;
  background:#142e21;border-radius:50%;gap:4px
}
#vaultHome.ios-onboarding-home .ios-onboard-runway-ring strong{
  color:#f0fff1;font-size:34px;letter-spacing:-.055em;line-height:1
}
#vaultHome.ios-onboarding-home .ios-onboard-runway-ring small{
  color:#c4e1cc;font-size:9px;letter-spacing:.13em
}
#vaultHome.ios-onboarding-home .ios-onboard-runway-content p{
  margin:0;text-align:center;font-size:15px;font-weight:650;line-height:1.45
}
#vaultHome.ios-onboarding-home .ios-onboard-runway-content em{
  color:#bdf19b;font-style:normal
}
#vaultHome.ios-onboarding-home .ios-onboard-muted{
  color:#9bbba7;font-size:11px;line-height:1.4
}
#vaultHome.ios-onboarding-home .ios-onboard-flow{
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  border-top:1px solid #355b42;padding:12px 0 0;color:#b4d0bd;font-size:11px
}
#vaultHome.ios-onboarding-home .ios-onboard-flow strong{
  color:#edfff2;font-size:15px;font-variant-numeric:tabular-nums
}
#vaultHome.ios-onboarding-home .ios-onboard-secondary{
  color:#eafdef;font-weight:700;font-size:20px;line-height:1.25;
  letter-spacing:-.04em;margin:22px 0 18px
}
#vaultHome.ios-onboarding-home .ios-onboard-big-money{
  display:block;color:#f3fff5;font-size:clamp(30px,7vw,39px);line-height:1.12;
  font-weight:750;letter-spacing:-.06em;font-variant-numeric:tabular-nums;
  margin:4px 0 5px
}
#vaultHome.ios-onboarding-home .ios-onboard-bars{
  height:90px;display:flex;align-items:flex-end;justify-content:space-between;
  gap:9px;margin:19px 0 auto
}
#vaultHome.ios-onboarding-home .ios-onboard-bars i{
  display:block;flex:1;border-radius:7px 7px 0 0;
  background:#24603b
}
#vaultHome.ios-onboarding-home .ios-onboard-bars i:nth-child(2n){
  background:#59d88a
}
#vaultHome.ios-onboarding-home .ios-onboard-playbook .ios-onboard-secondary{
  margin-bottom:22px
}
#vaultHome.ios-onboarding-home .ios-onboard-playbook .ios-onboard-big-money{
  color:#c4f3a7;margin:7px 0 17px
}
#vaultHome.ios-onboarding-home .ios-onboard-progress{
  height:9px;background:#365341;border-radius:999px;overflow:hidden;margin:4px 0 6px
}
#vaultHome.ios-onboarding-home .ios-onboard-progress>span{
  display:block;height:100%;width:32.8%;background:#bff29e;border-radius:inherit
}
#vaultHome.ios-onboarding-home .ios-onboard-progress-copy{
  margin:0 0 auto;color:#c4dfcb;font-size:11px
}
#vaultHome.ios-onboarding-home .ios-onboard-navigation{
  display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px
}
#vaultHome.ios-onboarding-home .ios-onboard-dots{display:flex;align-items:center;gap:7px}
#vaultHome.ios-onboarding-home .ios-onboard-dot{
  appearance:none;border:0;padding:0;width:7px;height:7px;border-radius:999px;
  background:#405e4b;cursor:pointer
}
#vaultHome.ios-onboarding-home .ios-onboard-dot.active{
  width:23px;background:#6deb9b
}
#vaultHome.ios-onboarding-home .ios-onboard-arrows{display:flex;gap:8px}
#vaultHome.ios-onboarding-home .ios-onboard-arrows button{
  border:1px solid #365943;border-radius:50%;width:36px;height:36px;
  background:#13281c;color:#e4f8e9;font-size:25px;line-height:1;cursor:pointer
}
#vaultHome.ios-onboarding-home .ios-onboard-cta-group{
  width:100%;max-width:620px;display:grid;gap:10px;
  margin:4px auto 0
}
#vaultHome.ios-onboarding-home .ios-onboard-cta-group #vaultHomeCreate,
#vaultHome.ios-onboarding-home .ios-onboard-cta-group #vaultHomeSignIn{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;min-height:52px!important;margin:0!important;
  border-radius:13px!important;font:700 15px/1.2 system-ui,-apple-system,sans-serif!important;
  cursor:pointer!important
}
#vaultHome.ios-onboarding-home .ios-onboard-cta-group #vaultHomeCreate{
  background:#65e999!important;color:#06160d!important;border:0!important
}
#vaultHome.ios-onboarding-home .ios-onboard-cta-group #vaultHomeSignIn{
  background:transparent!important;color:#ecfbf0!important;
  border:1px solid #3c684b!important
}
#vaultHome.ios-onboarding-home .ios-onboard-disclosure{
  text-align:center;color:#95ad9b;font-size:10px;line-height:1.5;margin:3px 0 0
}
#vaultHome.ios-onboarding-home .ios-onboard-dot:focus-visible,
#vaultHome.ios-onboarding-home .ios-onboard-arrows button:focus-visible,
#vaultHome.ios-onboarding-home .ios-onboard-cta-group button:focus-visible{
  outline:2px solid #79f3a6;outline-offset:3px
}
@media(max-width:1024px){
  #vaultHome.ios-onboarding-home .light-nav-actions{display:none!important}
  #vaultHome.ios-onboarding-home .light-hero-visual{width:100%!important;max-width:620px!important}
  #vaultHome.ios-onboarding-home .light-hero-copy{max-width:620px!important}
  #vaultHome.ios-onboarding-home header.light-hero{gap:16px!important}
  #vaultHome.ios-onboarding-home .light-hero-actions{display:none!important}
  #vaultHome.ios-onboarding-home .light-hero-audience{display:none!important}
  #vaultHome.ios-onboarding-home .light-sandbox{display:none!important}
}
@media(max-width:760px){
  #vaultHome.ios-onboarding-home .ios-onboard-track{border-radius:18px}
  #vaultHome.ios-onboarding-home .ios-onboard-slide,
  #vaultHome.ios-onboarding-home .ios-onboard-slide .light-overview-card,
  #vaultHome.ios-onboarding-home .ios-onboard-card{min-height:290px!important}
  #vaultHome.ios-onboarding-home .ios-onboard-card{padding:18px}
  #vaultHome.ios-onboarding-home .ios-onboard-heading{margin-bottom:9px}
  #vaultHome.ios-onboarding-home header.light-hero{padding-bottom:20px!important}
}
@media(prefers-reduced-motion:reduce){
  #vaultHome.ios-onboarding-home .ios-onboard-track{scroll-behavior:auto}
}


/* Onboarding carousel: floating arrows beside the card, no circular controls. */
#vaultHome.ios-onboarding-home .ios-onboard-stage{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-arrows{
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  pointer-events:none!important;
  z-index:5!important;
  gap:0!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-arrows button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:none!important;
  width:34px!important;
  height:64px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#bdf4cd!important;
  font:300 43px/1 system-ui,-apple-system,sans-serif!important;
  text-shadow:0 2px 14px #081d13!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  transition:color .2s ease!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-arrows button:hover{
  color:#ecfff0!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-arrows button:disabled{
  opacity:0!important;
  pointer-events:none!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-arrow-prev{
  margin-left:0!important;
  animation:ios-onboard-nudge-left 2.8s ease-in-out infinite;
}
#vaultHome.ios-onboarding-home .ios-onboard-arrow-next{
  margin-right:0!important;
  animation:ios-onboard-nudge-right 2.8s ease-in-out infinite;
}
@keyframes ios-onboard-nudge-left{
  0%,67%,100%{transform:translateX(0)}
  78%{transform:translateX(-5px)}
  89%{transform:translateX(0)}
}
@keyframes ios-onboard-nudge-right{
  0%,67%,100%{transform:translateX(0)}
  78%{transform:translateX(5px)}
  89%{transform:translateX(0)}
}
#vaultHome.ios-onboarding-home .ios-onboard-arrows button:focus-visible{
  outline:2px solid #8af5b4!important;
  outline-offset:-2px!important;
  border-radius:6px!important;
}
@media(max-width:760px){
  #vaultHome.ios-onboarding-home .ios-onboard-arrows button{
    width:29px!important;
    font-size:37px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #vaultHome.ios-onboarding-home .ios-onboard-arrows button{
    animation:none!important;
    transition:none!important;
  }
}


/* Center onboarding progress dots below the graphic; both arrows stay available. */
#vaultHome.ios-onboarding-home .ios-onboard-navigation{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  margin:14px 0 4px!important;
  min-height:23px!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-dots{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  margin:0 auto!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-arrows button:disabled{
  opacity:1!important;
  pointer-events:auto!important;
}


/* Landing-carousel Cash Runway now mirrors signed-in iPhone dashboard visuals. */
#vaultHome.ios-onboarding-home .ios-onboard-runway{
  padding:17px 17px 15px!important;
  min-height:440px!important;
  background:radial-gradient(ellipse at 90% 8%,#1f4230,#11291d 58%,#0e2318)!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-runway .ios-onboard-card-heading{
  font-size:11px!important;
  letter-spacing:.12em!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-info{
  font-size:9px!important;
  color:#9fbfa9!important;
  font-weight:600!important;
  letter-spacing:.06em!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-period-label{
  display:flex!important;
  justify-content:center!important;
  margin:10px 0 0!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-period{
  display:block!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  background:transparent!important;
  color:#d8f8e3!important;
  font:600 12px/1.4 system-ui,-apple-system,sans-serif!important;
  min-height:32px!important;
  padding:4px 5px!important;
  appearance:auto!important;
  -webkit-appearance:menulist!important;
  cursor:pointer!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-runway-content{
  margin:4px 0 11px!important;
  gap:6px!important;
  flex:0 0 auto!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-runway-ring{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:144px!important;
  height:144px!important;
  margin:2px auto 5px!important;
  border-radius:50%!important;
  background:transparent!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-runway-svg{
  width:100%!important;
  height:100%!important;
  display:block!important;
  overflow:visible!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-ring-track,
#vaultHome.ios-onboarding-home .ios-onboard-ring-progress{
  fill:none!important;
  stroke-width:8!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-ring-track{
  stroke:#34503e!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-ring-progress{
  stroke:#bdf19b!important;
  stroke-linecap:round!important;
  stroke-dasharray:61.7 100;
  pathLength:100;
}
#vaultHome.ios-onboarding-home .ios-onboard-runway-ring .ios-onboard-ring-track,
#vaultHome.ios-onboarding-home .ios-onboard-runway-ring .ios-onboard-ring-progress{
  stroke-dashoffset:0!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-runway-center{
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:column!important;
  gap:5px!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-runway-center strong{
  font-size:33px!important;
  font-weight:750!important;
  color:#f1fff5!important;
  letter-spacing:-.05em!important;
  line-height:1!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-runway-center small{
  color:#b4cebd!important;
  font-size:10px!important;
  letter-spacing:.12em!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-runway-content p{
  font-size:16px!important;
  letter-spacing:-.025em!important;
  margin:0!important;
  line-height:1.32!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-runway-content em{color:#60e69a!important}
#vaultHome.ios-onboarding-home .ios-onboard-cashflow{
  border-top:1px solid #31513c!important;
  margin-top:auto!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-cashflow summary{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  list-style:none!important;
  padding:11px 0!important;
  font:650 12px/1.3 system-ui,-apple-system,sans-serif!important;
  color:#e0f5e7!important;
  cursor:pointer!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-cashflow summary::-webkit-details-marker{display:none}
#vaultHome.ios-onboarding-home .ios-onboard-cashflow:not([open]) summary span{transform:rotate(180deg)}
#vaultHome.ios-onboarding-home .ios-onboard-cashflow-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-cashflow-grid>div{
  background:#102d1d!important;
  border:1px solid #2f563e!important;
  border-radius:11px!important;
  padding:10px!important;
  min-width:0!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-cashflow-grid small{
  display:block!important;
  color:#a5c6af!important;
  font-size:9px!important;
  line-height:1.3!important;
  margin-bottom:5px!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-cashflow-grid strong{
  display:block!important;
  font-size:clamp(15px,4.3vw,19px)!important;
  letter-spacing:-.045em!important;
  color:#effff4!important;
  line-height:1.15!important;
  font-variant-numeric:tabular-nums!important;
  white-space:nowrap!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-cashflow-grid .ios-onboard-cashflow-net{
  grid-column:1 / -1!important;
  background:#163a25!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-cashflow-net strong{color:#6feaa4!important}
#vaultHome.ios-onboarding-home .ios-onboard-cashflow-net strong.negative{color:#ffb0a5!important}
#vaultHome.ios-onboarding-home .ios-onboard-period:focus-visible,
#vaultHome.ios-onboarding-home .ios-onboard-cashflow summary:focus-visible{
  outline:2px solid #75ecaa!important;
  outline-offset:2px!important;
}
@media(max-width:760px){
  #vaultHome.ios-onboarding-home .ios-onboard-slide:has(.ios-onboard-runway){
    min-height:440px!important;
  }
}


/* Screenshot-matched signed-out runway preview: clean header, glowing circular gauge,
   generous center spacing, and details collapsed until requested. */
#vaultHome.ios-onboarding-home .ios-onboard-slide:has(.ios-onboard-runway){
  min-height:500px!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-runway{
  display:flex!important;
  flex-direction:column!important;
  min-height:500px!important;
  padding:23px 18px 18px!important;
  background:radial-gradient(ellipse at 55% 35%,#123321 0%,#0c2518 60%,#0a1f15 100%)!important;
  border:1px solid #244b34!important;
  box-shadow:none!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-runway .ios-onboard-card-heading{
  color:#f1fbf4!important;
  font-size:12px!important;
  font-weight:750!important;
  letter-spacing:.15em!important;
  margin-bottom:4px!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-period-label{
  justify-content:center!important;
  margin:21px auto 8px!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-period{
  font-size:14px!important;
  font-weight:700!important;
  text-align:center!important;
  text-align-last:center!important;
  color:#d9f3e1!important;
  min-height:36px!important;
  padding:3px 4px!important;
  max-width:185px!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-runway-content{
  gap:10px!important;
  margin:8px 0 18px!important;
  flex:1 0 auto!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-runway-ring{
  width:182px!important;
  height:182px!important;
  margin:7px auto 16px!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-ring-track,
#vaultHome.ios-onboarding-home .ios-onboard-ring-progress,
#vaultHome.ios-onboarding-home .ios-onboard-ring-glow{
  fill:none!important;
  stroke-width:5.5!important;
  stroke-linecap:round!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-ring-track{stroke:#2c4939!important}
#vaultHome.ios-onboarding-home .ios-onboard-ring-progress{
  stroke:#65d995!important;
  filter:drop-shadow(0 0 1.6px #55d895)!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-ring-glow{
  stroke:#6cefaa!important;
  stroke-width:8!important;
  opacity:.6!important;
  filter:url(#iosOnboardRingGlow)!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-runway-center strong{
  color:#f2fff6!important;
  font-size:42px!important;
  font-weight:750!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-runway-center small{
  color:#f0fff4!important;
  font-size:10px!important;
  letter-spacing:.17em!important;
  font-weight:700!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-runway-content p{
  font-size:clamp(17px,5.5vw,21px)!important;
  font-weight:750!important;
  line-height:1.35!important;
  letter-spacing:-.035em!important;
  max-width:290px!important;
  margin:0 auto!important;
  text-align:center!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-runway-content em{
  color:#60e69a!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-runway-content .ios-onboard-muted{
  margin-top:2px!important;
  font-size:12px!important;
  color:#a3c1b0!important;
  text-align:center!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-goal,
#vaultHome.ios-onboarding-home .ios-onboard-cashflow{
  border:0!important;
  margin:0!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-goal{
  margin-top:auto!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-goal summary,
#vaultHome.ios-onboarding-home .ios-onboard-cashflow summary{
  padding:12px 0!important;
  color:#a4eac1!important;
  font:700 13px/1.4 system-ui,-apple-system,sans-serif!important;
  border:0!important;
  cursor:pointer!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-goal summary{
  list-style:revert!important;
  display:list-item!important;
  margin-left:19px!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-goal-fields{
  padding:4px 0 12px!important;
  display:grid!important;
  gap:10px!important;
  color:#c1d8c8!important;
  font:500 11px/1.5 system-ui,-apple-system,sans-serif!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-goal-fields label{
  display:grid!important;gap:6px!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-goal-fields input{
  display:block!important;
  width:100%!important;
  min-height:40px!important;
  border-radius:9px!important;
  padding:8px 10px!important;
  background:#153824!important;
  border:1px solid #41644d!important;
  color:#f1fff4!important;
  font-size:16px!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-goal-fields p{margin:0!important}
#vaultHome.ios-onboarding-home .ios-onboard-cashflow{
  border-top:1px solid #244735!important;
  margin-top:4px!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-cashflow-grid{
  padding:4px 0 6px!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-cashflow:not([open]) summary span{transform:none!important}
@media(max-width:760px){
  #vaultHome.ios-onboarding-home .ios-onboard-runway{
    min-height:500px!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-slide:has(.ios-onboard-runway){
    min-height:500px!important;
  }
}


/* Correct runaway inherited carousel ring rules; keep the center perfectly
   superimposed over its SVG and fit the whole preview on a phone. */
#vaultHome.ios-onboarding-home .ios-onboard-slide:has(.ios-onboard-runway){
  min-height:0!important;
  height:auto!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-runway{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-items:stretch!important;
  gap:0!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  padding:19px 18px 14px!important;
  overflow:hidden!important;
  border-radius:19px!important;
  box-sizing:border-box!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-runway .ios-onboard-card-heading{
  margin:0!important;
  font-size:11px!important;
  line-height:1.35!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-runway .ios-onboard-period-label{
  margin:12px auto 3px!important;
  width:auto!important;
  max-width:100%!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-runway .ios-onboard-period{
  font-size:13px!important;
  line-height:1.3!important;
  min-height:35px!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-runway .ios-onboard-runway-content{
  display:flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-direction:column!important;
  gap:7px!important;
  width:100%!important;
  min-width:0!important;
  margin:3px 0 11px!important;
  padding:0!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-runway .ios-onboard-runway-ring{
  display:block!important;
  position:relative!important;
  flex:0 0 156px!important;
  width:156px!important;
  height:156px!important;
  min-width:156px!important;
  min-height:156px!important;
  max-width:156px!important;
  max-height:156px!important;
  aspect-ratio:1!important;
  margin:2px auto 9px!important;
  padding:0!important;
  background:none!important;
  border:0!important;
  border-radius:50%!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-runway .ios-onboard-runway-svg{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-runway .ios-onboard-runway-center{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  padding:0!important;
  margin:0!important;
  box-sizing:border-box!important;
  border-radius:50%!important;
  border:0!important;
  background:transparent!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  gap:4px!important;
  text-align:center!important;
  transform:none!important;
  overflow:visible!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-runway .ios-onboard-runway-center strong{
  display:block!important;
  font-size:39px!important;
  line-height:1!important;
  margin:0!important;
  padding:0!important;
  color:#f4fff6!important;
  letter-spacing:-.05em!important;
  font-weight:750!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-runway .ios-onboard-runway-center small{
  display:block!important;
  margin:0!important;
  padding:0!important;
  font-size:10px!important;
  letter-spacing:.15em!important;
  color:#f0fff3!important;
  font-weight:650!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-runway .ios-onboard-runway-content p{
  margin:0 auto!important;
  max-width:260px!important;
  font-size:clamp(16px,4.5vw,19px)!important;
  line-height:1.31!important;
  font-weight:750!important;
  text-align:center!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-runway .ios-onboard-runway-content .ios-onboard-muted{
  display:block!important;
  margin:0!important;
  font-size:11px!important;
  line-height:1.4!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-runway .ios-onboard-goal{
  margin-top:4px!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-runway .ios-onboard-goal summary,
#vaultHome.ios-onboarding-home .ios-onboard-runway .ios-onboard-cashflow summary{
  padding:9px 0!important;
  font-size:12px!important;
  line-height:1.35!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-runway .ios-onboard-cashflow{
  margin-top:0!important;
}
@media(max-width:760px){
  #vaultHome.ios-onboarding-home .ios-onboard-slide:has(.ios-onboard-runway){
    min-height:0!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-runway{
    min-height:0!important;
    height:auto!important;
  }
}


/* Signed-out feature tour: compact, breathable cards with generous side gutters.
   Slide width stays 100% so swipe snapping and active dots remain correct. */
@media(max-width:1024px){
  #vaultHome.ios-onboarding-home .ios-onboard-stage{
    width:100%!important;
    max-width:620px!important;
    margin-inline:auto!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-track{
    width:100%!important;
    border-radius:0!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-slide,
  #vaultHome.ios-onboarding-home .ios-onboard-slide:has(.ios-onboard-runway){
    display:flex!important;
    flex:0 0 100%!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    box-sizing:border-box!important;
    align-items:center!important;
    justify-content:center!important;
    padding:10px 34px!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-slide .light-overview-card,
  #vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-card,
  #vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-runway{
    flex:0 1 auto!important;
    width:100%!important;
    max-width:440px!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    box-sizing:border-box!important;
    padding:18px!important;
    border-radius:17px!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-slide .light-overview-card{
    min-height:230px!important;
    padding:19px!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-slide .light-overview-value{
    font-size:clamp(25px,6.5vw,35px)!important;
    letter-spacing:-.045em!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-slide .light-overview-kicker{
    font-size:10px!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-slide .light-worth-graph{
    max-height:116px!important;
    margin-top:8px!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-spending,
  #vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-playbook{
    min-height:275px!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-secondary{
    font-size:18px!important;
    margin:17px 0 12px!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-big-money{
    font-size:clamp(26px,6vw,34px)!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-bars{
    height:66px!important;
    margin-top:15px!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-runway{
    padding:18px 17px!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-runway .ios-onboard-period-label{
    margin:8px auto 2px!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-runway .ios-onboard-runway-content{
    gap:5px!important;
    margin:2px 0 4px!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-runway .ios-onboard-runway-ring{
    width:132px!important;
    height:132px!important;
    min-width:132px!important;
    min-height:132px!important;
    max-width:132px!important;
    max-height:132px!important;
    flex:0 0 132px!important;
    margin:2px auto 8px!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-runway .ios-onboard-runway-center strong{
    font-size:33px!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-runway .ios-onboard-runway-content p{
    font-size:clamp(15px,4vw,18px)!important;
    max-width:245px!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-runway .ios-onboard-runway-content .ios-onboard-muted{
    font-size:10px!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-arrows{
    left:2px!important;
    right:2px!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-navigation{
    margin:8px 0 7px!important;
  }
}
@media(max-width:380px){
  #vaultHome.ios-onboarding-home .ios-onboard-slide,
  #vaultHome.ios-onboarding-home .ios-onboard-slide:has(.ios-onboard-runway){
    padding-inline:29px!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-card,
  #vaultHome.ios-onboarding-home .ios-onboard-slide .light-overview-card{
    padding:15px!important;
  }
}


/* Subtle motion on the signed-out Net Worth preview only.
   A soft trace travels along the existing example chart while the balance
   keeps its existing reveal; reduced-motion devices show the static chart. */
#vaultHome.ios-onboarding-home .ios-onboard-slide .light-worth-graph{
  overflow:visible!important;
}
#vaultHome.ios-onboarding-home .ios-worth-animated-line{
  stroke-dasharray:100 0;
  stroke-dashoffset:0;
  animation:ios-worth-line-reveal 2.1s cubic-bezier(.2,.7,.25,1) both;
}
#vaultHome.ios-onboarding-home .ios-worth-traveling-light{
  fill:none!important;
  stroke-dasharray:10 90;
  stroke-dashoffset:10;
  opacity:.75;
  stroke-linecap:round;
  filter:drop-shadow(0 0 3px #77efab);
  animation:ios-worth-light-travel 6.5s ease-in-out 2.2s 2 forwards;
}
#vaultHome.ios-onboarding-home .ios-worth-end-halo{
  transform-box:fill-box;
  transform-origin:center;
  fill:#6ef0a0!important;
  stroke:none!important;
  animation:ios-worth-halo-pulse 3.8s ease-in-out 2s infinite;
}
#vaultHome.ios-onboarding-home .ios-worth-end-dot{
  fill:#98ffc0!important;
  filter:drop-shadow(0 0 4px #6feaa0);
}
#vaultHome.ios-onboarding-home .ios-worth-live-hint{
  display:block;
  margin-top:8px;
  color:#9ccbb0;
  font:500 10px/1.4 system-ui,-apple-system,sans-serif;
  letter-spacing:.025em;
}
@keyframes ios-worth-line-reveal{
  from{stroke-dasharray:0 100}
  to{stroke-dasharray:100 0}
}
@keyframes ios-worth-light-travel{
  0%,12%{stroke-dashoffset:10;opacity:0}
  20%{opacity:.72}
  70%{opacity:.72}
  83%,100%{stroke-dashoffset:-100;opacity:0}
}
@keyframes ios-worth-halo-pulse{
  0%,100%{transform:scale(.85);opacity:.12}
  50%{transform:scale(1.55);opacity:.38}
}
@media(prefers-reduced-motion:reduce){
  #vaultHome.ios-onboarding-home .ios-worth-animated-line,
  #vaultHome.ios-onboarding-home .ios-worth-traveling-light,
  #vaultHome.ios-onboarding-home .ios-worth-end-halo{
    animation:none!important;
  }
  #vaultHome.ios-onboarding-home .ios-worth-traveling-light{
    opacity:0!important;
  }
}


/* Signed-out Cash Runway: match the Net Worth preview's dark surface and give
   the sample gauge a restrained sense of motion. No effect on signed-in pages. */
#vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-runway{
  isolation:isolate!important;
  background:
    radial-gradient(ellipse at 78% 12%,rgba(75,158,107,.11),transparent 53%),
    linear-gradient(180deg,#0f1a14 0%,#0d1812 100%)!important;
  border:1px solid #2a4034!important;
  box-shadow:0 12px 35px rgba(0,0,0,.24)!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-runway::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  z-index:0;
  background:radial-gradient(ellipse at 55% 38%,rgba(101,233,153,.09),transparent 57%);
  animation:ios-preview-runway-ambient 6s ease-in-out infinite;
}
#vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-runway > *{
  position:relative;
  z-index:1;
}
#vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-runway .ios-onboard-ring-progress{
  stroke:#79eda8!important;
  filter:drop-shadow(0 0 2.5px rgba(111,234,161,.6))!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-runway .ios-onboard-ring-glow{
  animation:ios-preview-runway-ring-glow 3.6s ease-in-out infinite!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-runway .ios-onboard-runway-ring{
  animation:ios-preview-runway-breathe 4.6s ease-in-out infinite;
  transform-origin:center;
}
@keyframes ios-preview-runway-ambient{
  0%,100%{opacity:.35}
  50%{opacity:1}
}
@keyframes ios-preview-runway-ring-glow{
  0%,100%{opacity:.3}
  50%{opacity:.73}
}
@keyframes ios-preview-runway-breathe{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.012)}
}
@media(prefers-reduced-motion:reduce){
  #vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-runway::before,
  #vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-runway .ios-onboard-ring-glow,
  #vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-runway .ios-onboard-runway-ring{
    animation:none!important;
  }
}


/* Mobile welcome-page polish: balanced editorial gutters and a tighter first
   viewport. Only the signed-out preview, never signed-in dashboard pages. */
@media(max-width:760px){
  #vaultHome.ios-onboarding-home .light-top{
    overflow-x:clip!important;
  }
  #vaultHome.ios-onboarding-home .light-nav{
    display:flex!important;
    align-items:center!important;
    min-height:58px!important;
    margin:0!important;
    padding:8px 22px!important;
  }
  #vaultHome.ios-onboarding-home .light-brand{
    display:inline-flex!important;
    align-items:center!important;
    line-height:1!important;
  }
  #vaultHome.ios-onboarding-home .light-brand img{
    width:116px!important;
    height:43px!important;
    object-position:left center!important;
  }
  #vaultHome.ios-onboarding-home .light-nav-rule{
    margin:0!important;
  }
  #vaultHome.ios-onboarding-home header.light-hero{
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
    padding:10px 20px calc(18px + env(safe-area-inset-bottom))!important;
    margin:0 auto!important;
    max-width:680px!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  #vaultHome.ios-onboarding-home .light-hero-copy{
    width:100%!important;
    max-width:540px!important;
    padding:0 9px!important;
    margin:0 auto!important;
    box-sizing:border-box!important;
  }
  #vaultHome.ios-onboarding-home .light-hero .light-kicker{
    margin:0 0 11px!important;
    padding:0!important;
    font-size:10px!important;
    line-height:1.45!important;
    letter-spacing:.085em!important;
  }
  #vaultHome.ios-onboarding-home .light-hero h1{
    margin:0!important;
    font-size:clamp(32px,8.5vw,44px)!important;
    line-height:1.08!important;
    letter-spacing:-.044em!important;
    max-width:100%!important;
  }
  #vaultHome.ios-onboarding-home .light-hero-sub{
    margin:12px 0 0!important;
    font-size:clamp(12px,3.65vw,14px)!important;
    line-height:1.5!important;
    max-width:460px!important;
    text-wrap:pretty!important;
  }
  #vaultHome.ios-onboarding-home .light-hero-visual{
    width:100%!important;
    max-width:540px!important;
    margin:0 auto!important;
    padding:0!important;
    box-sizing:border-box!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-heading{
    margin:0 9px 7px!important;
    font-size:9px!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-slide,
  #vaultHome.ios-onboarding-home .ios-onboard-slide:has(.ios-onboard-runway){
    padding-block:5px!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-navigation{
    margin:6px 0 4px!important;
    min-height:16px!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-cta-group{
    padding:0 9px!important;
    margin:0 auto!important;
    gap:8px!important;
    box-sizing:border-box!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-cta-group #vaultHomeCreate,
  #vaultHome.ios-onboarding-home .ios-onboard-cta-group #vaultHomeSignIn{
    min-height:47px!important;
    font-size:14px!important;
    border-radius:12px!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-disclosure{
    margin:2px 0 0!important;
    font-size:9px!important;
  }
}
/* Short iPhone viewports: compress whitespace rather than cutting content. */
@media(max-width:760px) and (max-height:730px){
  #vaultHome.ios-onboarding-home .light-nav{
    min-height:51px!important;
    padding-block:5px!important;
  }
  #vaultHome.ios-onboarding-home .light-brand img{
    height:39px!important;
    width:108px!important;
  }
  #vaultHome.ios-onboarding-home header.light-hero{
    gap:8px!important;
    padding-top:5px!important;
  }
  #vaultHome.ios-onboarding-home .light-hero h1{
    font-size:clamp(30px,8vw,38px)!important;
  }
  #vaultHome.ios-onboarding-home .light-hero-sub{
    margin-top:8px!important;
    line-height:1.42!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-slide,
  #vaultHome.ios-onboarding-home .ios-onboard-slide:has(.ios-onboard-runway){
    padding-block:2px!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-navigation{
    margin:3px 0!important;
  }
}


/* Darker pre-sign-in Kelta background, with a restrained green gradient. */
#vaultHome.ios-onboarding-home.kelta-site.kelta-light{
  background:
    radial-gradient(ellipse 110% 72% at 90% 30%,rgba(28,84,52,.14) 0%,rgba(18,48,31,.06) 46%,transparent 78%),
    linear-gradient(115deg,#050806 0%,#070c09 52%,#0b1711 100%)!important;
  background-color:#050806!important;
}
#vaultHome.ios-onboarding-home.kelta-site.kelta-light .light-top,
#vaultHome.ios-onboarding-home.kelta-site.kelta-light .light-nav,
#vaultHome.ios-onboarding-home.kelta-site.kelta-light header.light-hero{
  background:transparent!important;
  background-color:transparent!important;
}
#vaultHome.ios-onboarding-home.kelta-site.kelta-light header.light-hero::before{
  width:132%!important;
  height:100%!important;
  top:0!important;
  right:-36%!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse at 70% 42%,rgba(42,110,69,.06),rgba(20,56,35,.025) 44%,transparent 76%)!important;
  filter:blur(42px)!important;
  opacity:.72!important;
}
@media(max-width:760px){
  #vaultHome.ios-onboarding-home.kelta-site.kelta-light{
    background:
      radial-gradient(ellipse 128% 52% at 100% 34%,rgba(28,84,52,.12),transparent 76%),
      linear-gradient(115deg,#050806 0%,#070d09 58%,#0b1711 100%)!important;
  }
}


/* Remove the unused tour label's spacing and prioritize both onboarding
   actions in the first iPhone viewport, without truncating smaller screens. */
@media(max-width:760px){
  #vaultHome.ios-onboarding-home header.light-hero{
    gap:6px!important;
    padding-top:5px!important;
    padding-bottom:calc(12px + env(safe-area-inset-bottom))!important;
  }
  #vaultHome.ios-onboarding-home .light-hero-sub{
    margin-top:9px!important;
    line-height:1.42!important;
  }
  #vaultHome.ios-onboarding-home .light-hero-visual{
    margin-top:0!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard{
    margin:0!important;
    padding:0!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-stage{
    margin:0 auto!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-slide,
  #vaultHome.ios-onboarding-home .ios-onboard-slide:has(.ios-onboard-runway){
    padding-block:2px!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-slide .light-overview-card{
    min-height:0!important;
    padding:15px 17px!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-slide .light-overview-head{
    margin-bottom:10px!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-slide .light-worth-graph{
    max-height:98px!important;
    margin-top:5px!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-navigation{
    margin:4px 0 2px!important;
    min-height:12px!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-cta-group{
    margin-top:0!important;
    gap:7px!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-cta-group #vaultHomeCreate,
  #vaultHome.ios-onboarding-home .ios-onboard-cta-group #vaultHomeSignIn{
    min-height:44px!important;
  }
}
@media(max-width:760px) and (max-height:700px){
  #vaultHome.ios-onboarding-home .light-nav{
    min-height:45px!important;
    padding-block:3px!important;
  }
  #vaultHome.ios-onboarding-home .light-hero h1{
    font-size:clamp(28px,7.6vw,36px)!important;
  }
  #vaultHome.ios-onboarding-home .light-hero-sub{
    font-size:12px!important;
    line-height:1.38!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-slide .light-worth-graph{
    max-height:75px!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-slide .light-overview-card{
    padding:12px 16px!important;
  }
}


/* Further close the intro-to-carousel gap on the signed-out iPhone welcome. */
@media(max-width:760px){
  #vaultHome.ios-onboarding-home header.light-hero{
    gap:0!important;
    row-gap:0!important;
  }
  #vaultHome.ios-onboarding-home .light-hero-copy{
    margin-bottom:0!important;
    padding-bottom:0!important;
  }
  #vaultHome.ios-onboarding-home .light-hero-sub{
    margin-bottom:0!important;
    padding-bottom:0!important;
  }
  #vaultHome.ios-onboarding-home .light-hero-visual{
    margin-top:0!important;
    padding-top:0!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-stage{
    margin-top:0!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-slide{
    padding-top:0!important;
  }
}


/* Consistent product-preview headers and equal-height cards on the signed-out tour.
   All four cards share the same dimensions while preserving carousel snap points. */
#vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-uniform-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-height:29px!important;
  margin:0 0 10px!important;
  color:#edf8ef!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-uniform-head > div{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  font-size:13px!important;
  font-weight:700!important;
  letter-spacing:-.015em!important;
  min-width:0!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-uniform-head img{
  display:block!important;
  width:23px!important;
  height:23px!important;
  flex:none!important;
  object-fit:contain!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-uniform-head > span{
  font-size:10px!important;
  white-space:nowrap!important;
}
@media(max-width:1024px){
  #vaultHome.ios-onboarding-home .ios-onboard-slide,
  #vaultHome.ios-onboarding-home .ios-onboard-slide:has(.ios-onboard-runway){
    align-items:center!important;
    min-height:0!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-slide .light-overview-card,
  #vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-card,
  #vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-runway{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:318px!important;
    min-height:318px!important;
    max-height:318px!important;
    overflow:hidden!important;
    padding:18px!important;
    box-sizing:border-box!important;
    border-radius:17px!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-runway .ios-onboard-runway-content{
    flex:1 1 auto!important;
    min-height:0!important;
    margin:0!important;
    justify-content:center!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-runway .ios-onboard-runway-ring{
    flex:0 0 126px!important;
    width:126px!important;
    height:126px!important;
    min-width:126px!important;
    min-height:126px!important;
    max-width:126px!important;
    max-height:126px!important;
    margin:0 auto 6px!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-runway .ios-onboard-period-label{
    margin:1px auto 0!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-runway .ios-onboard-runway-content p{
    font-size:clamp(15px,4vw,17px)!important;
    margin:0!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-spending .ios-onboard-bars{
    margin-bottom:auto!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-playbook .ios-onboard-progress-copy{
    margin-bottom:auto!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-slide .light-worth-graph{
    max-height:108px!important;
    flex:0 0 auto!important;
  }
}
@media(max-width:380px){
  #vaultHome.ios-onboarding-home .ios-onboard-slide .light-overview-card,
  #vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-card,
  #vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-runway{
    height:305px!important;
    min-height:305px!important;
    max-height:305px!important;
    padding:15px!important;
  }
}


/* With the public runway period selector removed, center and enlarge its
   illustrative ring inside the same fixed-size card as the other previews. */
@media(max-width:1024px){
  #vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-runway{
    justify-content:flex-start!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-runway .ios-onboard-runway-content{
    display:flex!important;
    flex:1 1 auto!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    width:100%!important;
    margin:0!important;
    padding:0 0 6px!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-runway .ios-onboard-runway-ring{
    width:154px!important;
    height:154px!important;
    min-width:154px!important;
    min-height:154px!important;
    max-width:154px!important;
    max-height:154px!important;
    flex:0 0 154px!important;
    margin:0 auto 4px!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-runway .ios-onboard-runway-center strong{
    font-size:36px!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-runway .ios-onboard-runway-content p,
  #vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-runway .ios-onboard-muted{
    text-align:center!important;
  }
}
@media(max-width:380px){
  #vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-runway .ios-onboard-runway-ring{
    width:140px!important;
    height:140px!important;
    min-width:140px!important;
    min-height:140px!important;
    max-width:140px!important;
    max-height:140px!important;
    flex-basis:140px!important;
  }
}


/* Premium Freedom Number preview: match the dark Net Worth / Runway surfaces,
   animated Kelta-green goal line, and uncluttered card layout. */
#vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-playbook{
  isolation:isolate!important;
  position:relative!important;
  background:
    radial-gradient(ellipse 85% 62% at 92% 17%,rgba(74,153,102,.10),transparent 76%),
    linear-gradient(180deg,#0f1a14 0%,#0d1812 100%)!important;
  border:1px solid #2a4034!important;
  box-shadow:0 12px 35px rgba(0,0,0,.24)!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-playbook .ios-onboard-secondary{
  color:#f1faf3!important;
  font-size:clamp(19px,5vw,22px)!important;
  line-height:1.15!important;
  letter-spacing:-.035em!important;
  margin:16px 0 9px!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-playbook .ios-onboard-muted{
  color:#9db5a6!important;
  display:block!important;
  line-height:1.45!important;
  font-size:11px!important;
  max-width:245px!important;
  margin:0!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-playbook .ios-onboard-big-money{
  color:#f0fff5!important;
  font-size:clamp(29px,7.4vw,38px)!important;
  line-height:1.08!important;
  letter-spacing:-.05em!important;
  margin:19px 0 0!important;
  text-shadow:0 0 22px rgba(110,240,160,.06)!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-slide .ios-freedom-progress-panel{
  margin-top:auto!important;
  width:100%!important;
  padding:16px 0 3px!important;
  border-top:1px solid rgba(104,159,121,.19)!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-slide .ios-freedom-progress-heading{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  color:#a8c5b2!important;
  font-size:11px!important;
  letter-spacing:.01em!important;
  margin-bottom:11px!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-slide .ios-freedom-progress-heading strong{
  font-size:12px!important;
  font-weight:700!important;
  color:#90f4b4!important;
  font-variant-numeric:tabular-nums!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-playbook .ios-onboard-progress{
  width:100%!important;
  height:8px!important;
  margin:0 0 10px!important;
  overflow:visible!important;
  border-radius:999px!important;
  background:#263e2f!important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.25)!important;
  position:relative!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-playbook .ios-onboard-progress>span{
  position:relative!important;
  display:block!important;
  width:32.8%!important;
  height:100%!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#4bbc79,#79eda8)!important;
  box-shadow:0 0 9px rgba(111,234,161,.48)!important;
  transform:scaleX(0);
  transform-origin:left center;
  animation:ios-freedom-progress-fill 2.3s cubic-bezier(.16,.7,.23,1) .3s both!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-playbook .ios-onboard-progress>span::after{
  content:"";
  position:absolute;
  top:50%;
  right:-4px;
  width:10px;
  height:10px;
  transform:translateY(-50%);
  border-radius:50%;
  background:#a5ffc6;
  box-shadow:0 0 7px 2px rgba(111,234,161,.65),0 0 18px rgba(111,234,161,.38);
  animation:ios-freedom-endpoint-pulse 3.7s ease-in-out 2.6s infinite;
}
#vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-playbook .ios-onboard-progress-copy{
  color:#9ab9a3!important;
  font-size:11px!important;
  margin:0!important;
}
@keyframes ios-freedom-progress-fill{
  from{transform:scaleX(0)}
  to{transform:scaleX(1)}
}
@keyframes ios-freedom-endpoint-pulse{
  0%,100%{opacity:.65;box-shadow:0 0 5px 1px rgba(111,234,161,.4),0 0 12px rgba(111,234,161,.22)}
  50%{opacity:1;box-shadow:0 0 9px 3px rgba(111,234,161,.7),0 0 22px rgba(111,234,161,.48)}
}
@media(prefers-reduced-motion:reduce){
  #vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-playbook .ios-onboard-progress>span,
  #vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-playbook .ios-onboard-progress>span::after{
    animation:none!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-playbook .ios-onboard-progress>span{
    transform:none!important;
  }
}


/* Signed-out spending preview: category breakdown inspired by the supplied
   reference, compressed to the exact existing Kelta carousel card dimensions. */
#vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-spending{
  justify-content:flex-start!important;
  /* Match the near-black surface used by Net Worth, Runway, and Freedom Number. */
  background:
    radial-gradient(ellipse 85% 62% at 92% 17%,rgba(74,153,102,.08),transparent 76%),
    linear-gradient(180deg,#0f1a14 0%,#0d1812 100%)!important;
  border:1px solid #2a4034!important;
  box-shadow:0 12px 35px rgba(0,0,0,.24)!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-spending .ios-onboard-uniform-head{
  flex:0 0 auto!important;
  margin-bottom:8px!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-spending .ios-onboard-secondary{
  color:#f2faf4!important;
  margin:2px 0 4px!important;
  font-size:clamp(17px,4.6vw,20px)!important;
  font-weight:700!important;
  line-height:1.18!important;
  letter-spacing:-.035em!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-spending .ios-onboard-spending-subtitle{
  display:block!important;
  margin:0 0 8px!important;
  color:#9fb2a5!important;
  font-size:10px!important;
  line-height:1.3!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-spending .ios-onboard-big-money{
  display:block!important;
  margin:0 0 10px!important;
  color:#f0fff5!important;
  font-size:clamp(27px,7.2vw,36px)!important;
  font-weight:750!important;
  letter-spacing:-.05em!important;
  line-height:1.05!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-category-list{
  width:100%!important;
  min-height:0!important;
  display:grid!important;
  grid-template-rows:repeat(6,minmax(0,1fr))!important;
  gap:6px!important;
  flex:1 1 auto!important;
  padding:0 0 3px!important;
  box-sizing:border-box!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-category{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:4px!important;
  min-height:0!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-category>span{
  color:#d7e7dc!important;
  font-size:10.5px!important;
  font-weight:520!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-category-track{
  position:relative!important;
  overflow:visible!important;
  width:100%!important;
  height:7px!important;
  border-radius:999px!important;
  background:#24382e!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-category-track>i{
  position:relative!important;
  display:block!important;
  width:var(--share)!important;
  height:100%!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,#188544,#6be69d)!important;
  box-shadow:0 0 6px rgba(91,226,145,.17)!important;
  transform:scaleX(0);
  transform-origin:left center;
  animation:ios-spending-category-reveal 1.45s cubic-bezier(.21,.74,.23,1) .25s both;
}
#vaultHome.ios-onboarding-home .ios-onboard-category:nth-child(2) i{animation-delay:.33s!important}
#vaultHome.ios-onboarding-home .ios-onboard-category:nth-child(3) i{animation-delay:.41s!important}
#vaultHome.ios-onboarding-home .ios-onboard-category:nth-child(4) i{animation-delay:.49s!important}
#vaultHome.ios-onboarding-home .ios-onboard-category:nth-child(5) i{animation-delay:.57s!important}
#vaultHome.ios-onboarding-home .ios-onboard-category:nth-child(6) i{animation-delay:.65s!important}
@keyframes ios-spending-category-reveal{to{transform:scaleX(1)}}
@media(max-width:380px){
  #vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-spending .ios-onboard-spending-subtitle{margin-bottom:6px!important}
  #vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-spending .ios-onboard-big-money{margin-bottom:8px!important}
  #vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-category-list{gap:4px!important}
}
@media(prefers-reduced-motion:reduce){
  #vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-category-track>i{
    transform:none!important;animation:none!important;
  }
}


/* iPhone welcome: remove the remaining space between introduction and cards.
   Use a more specific selector than the mirrored production hero spacing. */
@media(max-width:760px){
  #vaultHome.ios-onboarding-home.kelta-site.kelta-light header.light-hero{
    column-gap:0!important;
    row-gap:0!important;
    gap:0!important;
  }
  #vaultHome.ios-onboarding-home.kelta-site.kelta-light header.light-hero .light-hero-copy{
    margin-bottom:0!important;
    padding-bottom:0!important;
  }
  #vaultHome.ios-onboarding-home.kelta-site.kelta-light header.light-hero .light-hero-sub{
    margin-bottom:0!important;
    padding-bottom:0!important;
  }
  #vaultHome.ios-onboarding-home.kelta-site.kelta-light header.light-hero .light-hero-visual{
    margin-top:-14px!important;
    padding-top:0!important;
  }
}
@media(max-width:760px) and (max-height:730px){
  #vaultHome.ios-onboarding-home.kelta-site.kelta-light header.light-hero .light-hero-visual{
    margin-top:-18px!important;
  }
}


/* Carousel dots overlay INSIDE each preview card, just above its bottom border.
   The track keeps its existing equal-size cards and scrolling behavior. */
#vaultHome.ios-onboarding-home .ios-onboard-stage{
  padding-bottom:0!important;
  box-sizing:border-box!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-stage .ios-onboard-navigation{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:13px!important;
  z-index:6!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:17px!important;
  min-height:17px!important;
  margin:0!important;
  padding:0!important;
  pointer-events:none!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-stage .ios-onboard-dots{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  margin:0!important;
  pointer-events:auto!important;
}
#vaultHome.ios-onboarding-home .ios-onboard-stage .ios-onboard-arrows{
  bottom:0!important;
}
@media(max-width:1024px){
  #vaultHome.ios-onboarding-home .ios-onboard-slide .light-overview-card,
  #vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-card,
  #vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-runway{
    padding-bottom:38px!important;
  }
  #vaultHome.ios-onboarding-home .ios-onboard-slide .ios-onboard-spending .ios-onboard-category-list{
    padding-bottom:0!important;
    gap:4px!important;
  }
}


/* Give the primary signup action breathing room beneath the preview cards. */
#vaultHome.ios-onboarding-home .ios-onboard-cta-group{
  margin-top:13px!important;
}
@media(max-width:760px){
  #vaultHome.ios-onboarding-home .ios-onboard-cta-group{
    margin-top:12px!important;
  }
}