/* Look: Navy & gold. Pale blue paper with slow bridge arcs, a deep navy rail,
   white glass cards with a fine gold top line, navy figures, gold eyebrows tracked wide, the navy
   "starting point" band. Calm and exact; the motion is slow and smooth. */
:root[data-look="lifebridge"]{
  --lk-paper:#EEF4F9; --lk-ink:#14395E; --lk-text:#4B637C; --lk-muted:#4B637C; --lk-faint:#7E90A3;
  --lk-pri:#14395E; --lk-pri-deep:#0E2B49; --lk-label:#9A7C43; --lk-acc2:#BD9B60; --lk-dash:#BD9B60; --lk-h2:#9A7C43;
  --lk-tint:#E3ECF5; --lk-tint-good:#E2F3EE; --lk-tint-warn:#F7EEDB; --lk-tint-bad:#FCE8E7;
  --lk-good:#1E9C7E; --lk-good-ink:#167A62; --lk-warn:#8A6A2E; --lk-bad:#D9443F;
  --lk-glass:rgba(255,255,255,.78); --lk-glass-hi:rgba(255,255,255,.92); --lk-edge:#D7E2EC;
  --lk-blur:blur(14px) saturate(1.2);
  --lk-shadow:0 1px 2px rgba(14,43,73,.04),0 16px 36px -20px rgba(14,43,73,.28);
  --lk-shadow-lg:0 30px 60px -28px rgba(14,43,73,.42);
  --lk-line:#E1E9F1; --lk-line2:#CCD9E6; --lk-soft:#F4F8FB; --lk-hover:#F4F8FB;
  --lk-input:#F1F6FB; --lk-ring-focus:rgba(27,94,150,.14); --lk-r-card:12px;
  --lk-w1:rgba(111,178,222,.45); --lk-w2:rgba(224,180,76,.28); --lk-wash-op:.8; --lk-wash-blur:110px; --lk-glow-c:rgba(224,180,76,.12);
  --lk-pri-fill:#14395E; --lk-pri-fill-hover:#0E2B49; --lk-on-pri:#fff; --lk-pri-shadow:0 10px 22px -12px rgba(14,43,73,.65);
  --lk-chip-on:#14395E; --lk-chip-on-text:#fff;
  --lk-bar:#0E2B49; --lk-bar-edge:rgba(14,43,73,.6); --lk-bar-text:#fff; --lk-bar-sub:#A2B6C8;
  --lk-tabs:rgba(255,255,255,.94); --lk-tab-mark:#E0B44C; --lk-badge:#BD9B60;
  --lk-av-bg:linear-gradient(135deg,#E0B44C,#BD9B60); --lk-av-text:#0E2B49;
  --lk-side:linear-gradient(180deg,#14395E,#0E2B49); --lk-side-edge:rgba(255,255,255,.08); --lk-side-text:#A2B6C8; --lk-side-ink:#fff; --lk-side-sub:#8098B0;
  --lk-side-hover:rgba(255,255,255,.06); --lk-side-on:rgba(255,255,255,.1); --lk-side-on-text:#fff; --lk-side-on-ring:inset 3px 0 0 #E0B44C;
  --lk-side-count:#0E2B49; --lk-side-count-bg:#E0B44C; --lk-side-link:#E0B44C;
  --lk-hero:linear-gradient(120deg,#14395E 0%,#1B3D5F 60%,#0E2B49 100%); --lk-hero-text:#fff; --lk-hero-num:#E0B44C;
  --lk-hero-shadow:0 24px 44px -22px rgba(14,43,73,.7);
  --lk-step-done:#1E9C7E; --lk-step-line:#1E9C7E; --lk-num:#14395E;
  --lk-th:#4B637C; --lk-th-bg:#F1F6FB; --lk-sheet:rgba(255,255,255,.96); --lk-scrim:rgba(14,43,73,.3); --lk-toast:#0E2B49;
  --lk-spot:rgba(224,180,76,.12); --lk-ring-track:#E1E9F1; --lk-ring-a:#E0B44C; --lk-ring-b:#BD9B60;
  --lk-label-track:.16em; --lk-h-weight:700; --lk-stagger:60ms; --lk-in-dur:.8s;
}
[data-look="lifebridge"] .lk-bg i.b1,[data-look="lifebridge"] .lk-bg i.b2,[data-look="lifebridge"] .lk-bg .lk-arcs,[data-look="lifebridge"] .lk-bg .lk-glow{display:block}
[data-look="lifebridge"] .lk-bg{background:linear-gradient(180deg,#F5F9FC 0%,#EEF4F9 45%,#E3ECF5 100%)}
[data-look="lifebridge"] .lk-bg i.b1{left:auto;right:-20vw;top:-30vw;width:70vw;height:70vw}
[data-look="lifebridge"] .lk-bg i.b2{right:auto;left:-10vw;top:auto;bottom:-25vw;width:55vw;height:55vw}
[data-look="lifebridge"] .lk-arcs{left:-5%;right:-5%;bottom:-6%;width:110%;height:70%;fill:none;stroke:#8098B0;stroke-width:1.2;opacity:.28}
[data-look="lifebridge"] .lk-arcs path:nth-child(2){stroke:#BD9B60;opacity:.8}
html:not(.lk-rm)[data-look="lifebridge"] .lk-arcs{animation:lk-arcs 30s ease-in-out infinite alternate}
html:not(.lk-rm)[data-look="lifebridge"] .lk-arcs path{stroke-dasharray:2400;animation:lk-draw 4s cubic-bezier(.2,.8,.2,1) both}
html:not(.lk-rm)[data-look="lifebridge"] .lk-arcs path:nth-child(2){animation-delay:.3s} html:not(.lk-rm)[data-look="lifebridge"] .lk-arcs path:nth-child(3){animation-delay:.6s} html:not(.lk-rm)[data-look="lifebridge"] .lk-arcs path:nth-child(4){animation-delay:.9s}
@keyframes lk-arcs{to{transform:translate(-2%,1.5%) scale(1.04)}}
@keyframes lk-draw{from{stroke-dashoffset:2400}}
/* eyebrows: small, gold, tracked wide */
[data-look="lifebridge"] .label{font-size:10.5px;font-weight:700}
[data-look="lifebridge"][data-page="portal"] .view h1,[data-look="lifebridge"] .head h1{letter-spacing:-0.02em}
/* cards: white glass with a fine gold top line, like a premium statement card */
[data-look="lifebridge"][data-page="portal"] :is(.card,.tile),[data-look="lifebridge"] .panel.glass,[data-look="lifebridge"] .stat,[data-look="lifebridge"] .rec,[data-look="lifebridge"] .closep{box-shadow:inset 0 2px 0 #BD9B60,var(--lk-shadow)}
[data-look="lifebridge"][data-page="portal"] .tile:nth-child(2n){box-shadow:inset 0 2px 0 #8098B0,var(--lk-shadow)}
[data-look="lifebridge"][data-page="portal"] .tile .label{color:#4B637C;letter-spacing:.14em}
[data-look="lifebridge"][data-page="portal"] .tile b{font-weight:700;letter-spacing:-0.02em}
/* the starting-point band */
[data-look="lifebridge"][data-page="portal"] .waiting > svg:first-child{background:rgba(224,180,76,.16);color:#E0B44C}
[data-look="lifebridge"][data-page="portal"] .waiting > div > div:first-child{color:#E0B44C!important;opacity:1!important;text-transform:uppercase;letter-spacing:.16em;font-size:10.5px!important;font-weight:700!important}
[data-look="lifebridge"][data-page="portal"] .waiting::before{content:"";position:absolute;right:-60px;bottom:-140px;width:420px;height:260px;border-radius:50%;border:1.5px solid rgba(224,180,76,.35);pointer-events:none;
  box-shadow:0 0 0 22px rgba(255,255,255,.03),0 0 0 44px rgba(255,255,255,.025)}
/* mobile top: the navy band */
[data-look="lifebridge"][data-page="portal"] .top{box-shadow:0 10px 30px -18px rgba(14,43,73,.6)}
[data-look="lifebridge"][data-page="portal"] .top .lk-av{box-shadow:none}
/* chips: quiet white, navy when chosen, a gold underline when chosen */
[data-look="lifebridge"][data-page="portal"] .chip[aria-pressed="true"]{box-shadow:inset 0 -2px 0 #E0B44C,var(--lk-pri-shadow)}
/* firm and review: the header becomes the navy band */
[data-look="lifebridge"] .top.glass{background:linear-gradient(120deg,#14395E,#0E2B49);border-color:transparent;color:#A2B6C8;box-shadow:0 18px 36px -20px rgba(14,43,73,.7)}
[data-look="lifebridge"] .top.glass .brand,[data-look="lifebridge"] .top.glass .brand a,[data-look="lifebridge"] .top.glass b{color:#fff}
[data-look="lifebridge"] .top.glass .brand em{color:#E0B44C}
[data-look="lifebridge"] .top.glass .btn.ghost,[data-look="lifebridge"] .top.glass #signout{color:#fff;border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.06)}
[data-look="lifebridge"] .stat[aria-pressed="true"]{box-shadow:inset 0 -3px 0 #E0B44C,var(--lk-shadow)}
[data-look="lifebridge"] .stat[aria-pressed="true"] b{color:#E0B44C}
[data-look="lifebridge"] .lk-ring-wrap{display:none}
